Therapist Services 22
What
The above block is copied from the site: Michael Goldstein
Pattern HTML
<!-- wp:group {"metadata":{"name":"Services Area"},"className":"services-area","style":{"spacing":{"padding":{"top":"var:preset|spacing|100","bottom":"var:preset|spacing|100"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group services-area" style="padding-top:var(--wp--preset--spacing--100);padding-bottom:var(--wp--preset--spacing--100)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"id":2931,"sizeSlug":"full","linkDestination":"none","animationsForBlocks":{"animation":"fade","variation":"right","duration":1450,"delay":0,"once":true,"mirror":false},"style":{"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"20px","bottomRight":"20px"}}}} -->
<figure class="wp-block-image size-full has-custom-border" data-aos="fade-right" data-aos-duration="1450" data-aos-once="true"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/design-slider-img-2.png" alt="" class="wp-image-2931" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:columns {"className":"services-row","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns services-row" style="margin-top:0;margin-bottom:0"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"center","className":"is-style-border-bottom","style":{"elements":{"link":{"color":{"text":"var:preset|color|four"}}}},"textColor":"four","fontSize":"heading-2"} -->
<h2 class="wp-block-heading has-text-align-center is-style-border-bottom has-four-color has-text-color has-link-color has-heading-2-font-size">What
<br>I Offer</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"animationsForBlocks":{"animation":"fade","variation":"fade","once":true,"mirror":false,"duration":1550},"className":"single-service-box","style":{"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"20px","bottomRight":"20px"}},"spacing":{"blockGap":"var:preset|spacing|15"}},"backgroundColor":"three","layout":{"type":"constrained"}} -->
<div class="wp-block-group single-service-box has-three-background-color has-background" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px" data-aos="fade" data-aos-duration="1550" data-aos-once="true"><!-- wp:image {"id":2958,"sizeSlug":"full","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/.png" alt="" class="wp-image-2958"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"center","level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one","fontSize":"heading-4"} -->
<h3 class="wp-block-heading has-text-align-center has-one-color has-text-color has-link-color has-heading-4-font-size"><a href="#">Individual
<br>Therapy</a></h3>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"className":"services-row","style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"0"},"blockGap":{"top":"0","left":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns services-row" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:0"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"animationsForBlocks":{"animation":"fade","variation":"fade","duration":1550,"once":true,"mirror":false},"className":"single-service-box","style":{"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"20px","bottomRight":"20px"}},"spacing":{"blockGap":"var:preset|spacing|15"}},"backgroundColor":"three","layout":{"type":"constrained"}} -->
<div class="wp-block-group single-service-box has-three-background-color has-background" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px" data-aos="fade" data-aos-duration="1550" data-aos-once="true"><!-- wp:image {"id":2958,"sizeSlug":"full","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/.png" alt="" class="wp-image-2958"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"center","level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one","fontSize":"heading-4"} -->
<h3 class="wp-block-heading has-text-align-center has-one-color has-text-color has-link-color has-heading-4-font-size"><a href="#">Couples
<br>Therapy</a></h3>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"animationsForBlocks":{"animation":"fade","variation":"fade","duration":1500,"once":true,"mirror":false},"className":"single-service-box single-line","style":{"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"20px","bottomRight":"20px"}},"spacing":{"blockGap":"var:preset|spacing|15"}},"backgroundColor":"three","layout":{"type":"constrained"}} -->
<div class="wp-block-group single-service-box single-line has-three-background-color has-background" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px" data-aos="fade" data-aos-duration="1500" data-aos-once="true"><!-- wp:image {"id":2958,"sizeSlug":"full","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/.png" alt="" class="wp-image-2958"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"center","level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one","fontSize":"heading-4"} -->
<h3 class="wp-block-heading has-text-align-center has-one-color has-text-color has-link-color has-heading-4-font-size"><a href="#">EMDR</a></h3>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Pattern CSS
.single-service-box {
min-height: 180px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
#site-container .single-service-box:hover{
background-color: #20541A !important;
}
#site-container .services-row .wp-block-group * {
position: unset;
}
#site-container .services-row .wp-block-group a::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.single-service-box figure.wp-block-image {
min-height: 60px;
}
#site-container .services-row .wp-block-group h3 {
font-weight: 700;
line-height: 30px;
width: 100%;
}
#site-container .services-row .wp-block-group h3::after {
content: '';
width: 35px;
height: 29px;
background: url(https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/arrow.png) no-repeat;
position: absolute;
bottom: 20px;
right: 23px;
display: block;
}
.services-area .is-style-border-bottom::after {
width: 120px;
}
#site-container .single-service-box.single-line h3::after {
bottom: 35px;
}
