.cub-container-697 {
	display: flex;
	gap: 40px; /* 8px grid multiple */
	align-items: stretch; /* Make columns stretch to match height */
	flex-wrap: wrap;
}

.cub-container-697 .cub-col-left {
	flex: 0 0 40%; /* Increased width slightly to accommodate larger image */
	max-width: 40%;
    display: flex;
    align-items: center; /* Center image vertically */
}

.cub-container-697 .cub-col-right {
	flex: 0 0 calc(60% - 40px);
	max-width: calc(60% - 40px);
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center content vertically */
    padding: 24px 0; /* Add padding to make the column content vertically shorter than the image */
}

.cub-container-697 .cub-image-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
}

.cub-container-697 .cub-img {
	width: 100%;
	height: auto;
	border-radius: 16px; /* 8px grid multiple */
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15); /* 8px grid multiples */
	display: block;
    position: relative;
    z-index: 2;
}

.cub-container-697 .cub-image-wrapper::before {
    content: '';
    position: absolute;
    top: 24px; /* 8px grid multiple */
    left: -24px; /* 8px grid multiple */
    width: 100%;
    height: 100%;
    background-color: #8A9A5B;
    border-radius: 16px; /* 8px grid multiple */
    z-index: 0;
}

.cub-container-697 .cub-heading {
	margin-top: 0;
	margin-bottom: 16px; /* 8px grid multiple */
}

.cub-container-697 .cub-desc {
	margin-bottom: 24px; /* 8px grid multiple */
}

.cub-container-697 .cub-btn {
	border-radius: 56px !important; /* 8px grid multiple */
	font-weight: bold !important;
    align-self: flex-start; /* Prevent button from stretching full width */
}

@media (max-width: 768px) {
	.cub-container-697 .cub-col-left,
	.cub-container-697 .cub-col-right {
		flex: 0 0 100%;
		max-width: 100%;
	}
    .cub-container-697 .cub-image-wrapper::before {
        left: -16px; /* Adjust for mobile padding */
    }
}