Therapist CTA 4

Ubaid Rasheed

Change is possible.

Imagine a life where you choose to thrive instead of simply survive.

You can process the unhealthy habits standing in your way and decide who you truly want to be.

It’s time to choose more from life and rediscover your core self.

Call For A Free Consultation

Pattern HTML

<!-- wp:group {"metadata":{"name":"CTA"},"className":"cta-5-area mobile-gap-top-small","style":{"color":{"background":"#d9d9d9"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group cta-5-area mobile-gap-top-small has-background" style="background-color:#d9d9d9"><!-- wp:columns {"verticalAlignment":"center","metadata":{"name":"Row"},"align":"full","className":"mobile-reverse-columns"} -->
<div class="wp-block-columns alignfull are-vertically-aligned-center mobile-reverse-columns"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"metadata":{"name":"Content"},"className":"cta-5-content mobile-gap-top-none","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group cta-5-content mobile-gap-top-none" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:heading -->
<h2 class="wp-block-heading">Change is possible.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Imagine a life where you choose to thrive instead of simply survive.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You can process the unhealthy habits standing in your way and decide who you truly want to be.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It’s time to choose more from life and rediscover your core self.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#">Call For A Free Consultation</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"id":1087,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/08/1332865433.jpg" alt="" class="wp-image-1087"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

Pattern CSS

#site-container .cta-5-area {
	overflow: hidden;
}

body .cta-5-area:before {
	content: "";
	width: 70%;
	height: 100%;
	background: -webkit-linear-gradient(90deg, #d9d9d9 67.71%, rgba(217, 217, 217, 0.00) 100%);
	background: -o-linear-gradient(90deg, #d9d9d9 67.71%, rgba(217, 217, 217, 0.00) 100%);
	background: -ms-linear-gradient(90deg, #d9d9d9 67.71%, rgba(217, 217, 217, 0.00) 100%);
	background: -moz-linear-gradient(90deg, #d9d9d9 67.71%, rgba(217, 217, 217, 0.00) 100%);
	background: linear-gradient(90deg, #d9d9d9 67.71%, rgba(217, 217, 217, 0.00) 100%);
	position: absolute;
	top: 0;
	left: 0;
}

#site-container .cta-5-content {
	z-index: 9;
	float: right;
	max-width: 570px;
}

#site-container .cta-5-area .wp-block-image {
	margin-left: -14%;
}

#site-container .cta-5-area .wp-block-image a {
	display: block;
}

#site-container .cta-5-area .wp-block-image img {
	width: 100%;
	max-height: 480px;
	object-fit: cover;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {

	#site-container .cta-5-area .wp-block-columns {
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);
	}

	#site-container .cta-5-content {
		float: none;
		max-width: 100%;
	}

}

@media only screen and (max-width: 980px) {

	body .cta-5-area:before {
		display: none;
	}

	#site-container .cta-5-area .wp-block-image {
		margin-left: auto;
	}

}