Therapist Services 20
Pattern HTML
<!-- wp:group {"metadata":{"name":"Services"},"align":"full","className":"services-area","style":{"spacing":{"padding":{"top":"var:preset|spacing|110","bottom":"var:preset|spacing|110"},"blockGap":"var:preset|spacing|30"}},"backgroundColor":"six","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull services-area has-six-background-color has-background" style="padding-top:var(--wp--preset--spacing--110);padding-bottom:var(--wp--preset--spacing--110)"><!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one"} -->
<h2 class="wp-block-heading has-text-align-center has-one-color has-text-color has-link-color">What I Offer</h2>
<!-- /wp:heading -->
<!-- wp:columns {"metadata":{"name":"Row"},"className":"services-row"} -->
<div class="wp-block-columns services-row"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"lightbox":{"enabled":false},"id":2469,"sizeSlug":"full","linkDestination":"custom","align":"center"} -->
<figure class="wp-block-image aligncenter size-full"><a href="#"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/10/763408951.jpg" alt="" class="wp-image-2469"/></a></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Circle"},"style":{"border":{"radius":"100%"},"spacing":{"padding":{"right":"10px","left":"10px","top":"var:preset|spacing|15","bottom":"var:preset|spacing|15"}},"color":{"background":"#a9e4aa"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:100%;background-color:#a9e4aa;padding-top:var(--wp--preset--spacing--15);padding-right:10px;padding-bottom:var(--wp--preset--spacing--15);padding-left:10px"><!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"none"}}} -->
<h6 class="wp-block-heading has-text-align-center" style="font-style:normal;font-weight:400;text-transform:none">Individual Therapy</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"lightbox":{"enabled":false},"id":2469,"sizeSlug":"full","linkDestination":"custom","align":"center"} -->
<figure class="wp-block-image aligncenter size-full"><a href="#"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/10/763408951.jpg" alt="" class="wp-image-2469"/></a></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Circle"},"style":{"border":{"radius":"100%"},"spacing":{"padding":{"right":"10px","left":"10px","top":"var:preset|spacing|15","bottom":"var:preset|spacing|15"}},"color":{"background":"#a9e4aa"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:100%;background-color:#a9e4aa;padding-top:var(--wp--preset--spacing--15);padding-right:10px;padding-bottom:var(--wp--preset--spacing--15);padding-left:10px"><!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"none"}}} -->
<h6 class="wp-block-heading has-text-align-center" style="font-style:normal;font-weight:400;text-transform:none">Women’s Focused Therapy</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"lightbox":{"enabled":false},"id":2469,"sizeSlug":"full","linkDestination":"custom","align":"center"} -->
<figure class="wp-block-image aligncenter size-full"><a href="#"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/10/763408951.jpg" alt="" class="wp-image-2469"/></a></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Circle"},"style":{"border":{"radius":"100%"},"spacing":{"padding":{"right":"10px","left":"10px","top":"var:preset|spacing|15","bottom":"var:preset|spacing|15"}},"color":{"background":"#a9e4aa"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:100%;background-color:#a9e4aa;padding-top:var(--wp--preset--spacing--15);padding-right:10px;padding-bottom:var(--wp--preset--spacing--15);padding-left:10px"><!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"none"}}} -->
<h6 class="wp-block-heading has-text-align-center" style="font-style:normal;font-weight:400;text-transform:none">Intensive DBT Therapy <br><strong>(90 Minutes)</strong></h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Pattern CSS
/*
Services section
--------------------------------------------- */
#site-container .services-row .wp-block-column {
position: relative;
padding-bottom: var(--wp--preset--spacing--50);
}
body .services-row .wp-block-image {
overflow: hidden;
border-radius: 100%;
}
body .services-row .wp-block-image a {
pointer-events: none;
}
body .services-row .wp-block-image a:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
}
body .services-row .wp-block-image img {
transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
}
body .services-row .wp-block-column:focus-within .wp-block-image img,
body .services-row .wp-block-column:hover .wp-block-image img {
transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
body .services-row .wp-block-group {
max-width: 154px;
min-height: 154px;
display: flex;
align-items: center;
position: absolute;
bottom: 0;
right: 10px;
margin: 10px;
}
body .services-row .wp-block-group:before {
content: "";
border: 1px solid var(--wp--preset--color--one);
position: absolute;
top: -6px;
bottom: -6px;
left: -6px;
right: -6px;
border-radius: 100%;
}
body .services-row .wp-block-group:after {
content: "";
border: 1px solid var(--wp--preset--color--one);
position: absolute;
top: -10px;
bottom: -10px;
left: -10px;
right: -10px;
border-radius: 100%;
}
body .services-row h6 {
position: relative;
z-index: 9;
}
body .services-row h6 strong {
font-weight: 400;
font-size: 14px;
}
@media only screen and (max-width: 980px) {
#site-container .services-row {
max-width: 370px;
}
}

