Therapist Tabs 1

Ubaid Rasheed

Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum

What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Pattern HTML

<!-- wp:group {"metadata":{"name":"Toggle"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|110","bottom":"var:preset|spacing|110"}}},"backgroundColor":"eight","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-eight-background-color has-background" style="padding-top:var(--wp--preset--spacing--110);padding-bottom:var(--wp--preset--spacing--110)"><!-- wp:essential-blocks/advanced-tabs {"blockId":"eb-advanced-tabs-6gw42","blockMeta":{"desktop":".eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper \u003e *{position:relative}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper{display:flex;flex-direction:column;background-color:rgba(255,255,255,0.6);transition:all .5s,background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper:before{transition:all .5s,background 0.5s,opacity 0.5s,filter 0.5s}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id=\u0022eb-advanced-tabs-6gw42\u0022]{display:flex;list-style-type:none;flex-wrap:wrap;margin:0;padding:0;flex-direction:row;transition:border 0.5s,border-radius 0.5s,box-shadow 0.5s,background 0.5s}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id=\u0022eb-advanced-tabs-6gw42\u0022] li{display:flex;justify-content:center;align-items:center;cursor:pointer;text-align:center;position:relative;flex:1;flex-direction:row;padding-top:15px;padding-right:10px;padding-left:10px;padding-bottom:15px;gap:0px;background-color:#FFFFFF;transition:all .5s,background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id=\u0022eb-advanced-tabs-6gw42\u0022] li .tab-title-wrap{text-align:left}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id=\u0022eb-advanced-tabs-6gw42\u0022] li .tabIcon{display:flex;justify-content:center;align-items:center;// width:0px;// height:0px;font-size:0px;color:var(\u002d\u002deb-global-heading-color)}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id=\u0022eb-advanced-tabs-6gw42\u0022] li img{height:auto;width:0px}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id=\u0022eb-advanced-tabs-6gw42\u0022] li .tab-title-text{margin:0;padding:0;color:#000000;font-size:16px;font-weight:400;text-transform:none}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id=\u0022eb-advanced-tabs-6gw42\u0022] li .tab-subtitle-text{display:block;margin:0;padding:0;color:var(\u002d\u002deb-global-text-color);font-size:12px;margin-top:5px}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id=eb-advanced-tabs-6gw42] li.active{background-color:rgba(255,255,255,0);transition:border 0.5s,border-radius 0.5s,box-shadow 0.5s,background 0.5s}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id=eb-advanced-tabs-6gw42] li.active span,.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id=eb-advanced-tabs-6gw42] li.active i{color:var(\u002d\u002deb-global-background-color)}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id=eb-advanced-tabs-6gw42] li.active .tab-title-text{color:#000000}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id=eb-advanced-tabs-6gw42] li.active .tab-subtitle-text{color:var(\u002d\u002deb-global-background-color)}.eb-advanced-tabs-6gw42.eb-advanced-tabs-wrapper .eb-tabs-contents{flex:1}","tab":"","mobile":""},"align":"","tabTitles":[{"text":"Lorem Ipsum","id":"1","media":"icon","icon":"fas fa-home","image":"","isExpanded":true,"isDefault":true,"customId":"","enableSubtitle":false,"subtitle":""},{"text":"Lorem Ipsum","id":"2","media":"icon","icon":"fas fa-home","enableSubtitle":false,"subtitle":""},{"text":"Lorem Ipsum","id":"3","media":"icon","icon":"fas fa-home","enableSubtitle":false,"subtitle":""},{"text":"Lorem Ipsum","id":"4","media":"icon","icon":"fas fa-home","enableSubtitle":false,"subtitle":""}],"tabChildCount":4,"textColor":"#000000","actTextColor":"#000000","showCaret":false,"title_FontSource":"custom","title_FontWeight":"400","title_TextTransform":"none","subtitle_FontSource":"custom","iconZ_Range":0,"iconGap_Range":0,"wrpBg_backgroundColor":"rgba(255,255,255,0.6)","ttlBg_backgroundColor":"#FFFFFF","actTlBg_backgroundColor":"rgba(255,255,255,0)","wrpBds_Rds_Top":"","wrpBds_Rds_Right":"","wrpBds_Rds_Bottom":"","wrpBds_Rds_Left":"","ttlBds_Bdr_Top":"","ttlBds_Bdr_Right":"","ttlBds_Bdr_Bottom":"","ttlBds_Bdr_Left":"","ttlBds_Rds_Top":"","ttlBds_Rds_Right":"","ttlBds_Rds_Bottom":"","ttlBds_Rds_Left":"","conBds_borderStyle":"none","conBds_Rds_Top":"","conBds_Rds_Right":"","conBds_Rds_Bottom":"","conBds_Rds_Left":"","ttlWBds_Rds_Top":"","ttlWBds_Rds_Right":"","ttlWBds_Rds_Bottom":"","ttlWBds_Rds_Left":"","wrpM_Top":"","wrpM_Right":"","wrpM_Bottom":"","wrpM_Left":"","wrpP_Top":"","wrpP_Right":"","wrpP_Bottom":"","wrpP_Left":"","ttlP_isLinked":false,"ttlP_Top":"15","ttlP_Bottom":"15","ttlM_Top":"","ttlM_Right":"","ttlM_Bottom":"","ttlM_Left":"","conM_Top":"","conM_Right":"","conM_Bottom":"","conM_Left":"","conP_isLinked":true,"conP_Top":"","conP_Right":"","conP_Bottom":"","conP_Left":"","ttlWM_Top":"","ttlWM_Right":"","ttlWM_Bottom":"","ttlWM_Left":"","ttlWP_Top":"","ttlWP_Right":"","ttlWP_Bottom":"","ttlWP_Left":"","iconP_Top":"","iconP_Right":"","iconP_Bottom":"","iconP_Left":"","className":"toggle-area","commonStyles":{"desktop":".eb-parent-eb-advanced-tabs-6gw42{display:block}.root-eb-advanced-tabs-6gw42{position:relative}","tab":".eb-parent-eb-advanced-tabs-6gw42{display:block}","mobile":".eb-parent-eb-advanced-tabs-6gw42{display:block}"},"animationData":{"style":"none"}} -->
<div class="wp-block-essential-blocks-advanced-tabs toggle-area  root-eb-advanced-tabs-6gw42"><div class="eb-parent-wrapper eb-parent-eb-advanced-tabs-6gw42 "><div class="eb-advanced-tabs-6gw42 eb-advanced-tabs-wrapper horizontal" data-min-height="true"><div class="eb-tabs-nav"><ul class="tabTitles" data-tabs-ul-id="eb-advanced-tabs-6gw42"><li data-title-tab-id="1" data-title-custom-id="" class="active"><i icon="fas fa-home" class="fas fa-home tabIcon"></i><div class="tab-title-wrap"><h6 class="tab-title-text">Lorem Ipsum</h6></div></li><li data-title-tab-id="2" class="inactive"><i icon="fas fa-home" class="fas fa-home tabIcon"></i><div class="tab-title-wrap"><h6 class="tab-title-text">Lorem Ipsum</h6></div></li><li data-title-tab-id="3" class="inactive"><i icon="fas fa-home" class="fas fa-home tabIcon"></i><div class="tab-title-wrap"><h6 class="tab-title-text">Lorem Ipsum</h6></div></li><li data-title-tab-id="4" class="inactive"><i icon="fas fa-home" class="fas fa-home tabIcon"></i><div class="tab-title-wrap"><h6 class="tab-title-text">Lorem Ipsum</h6></div></li></ul></div><div class="eb-tabs-contents"><!-- wp:essential-blocks/tab {"blockId":"eb-tab-9cjk7","tabId":"1","tabParentId":"eb-advanced-tabs-6gw42","lock":{"move":false,"remove":true}} -->
<div class="eb-tab-wrapper" data-tab-id="1" data-tab-parent-id="eb-advanced-tabs-6gw42"><div class="eb-tab-inner"><!-- wp:group {"metadata":{"name":"Tab 1"},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"verticalAlignment":"center","metadata":{"name":"Row"}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","className":"mobile-align-center"} -->
<div class="wp-block-column is-vertically-aligned-center mobile-align-center"><!-- wp:image {"id":2234,"sizeSlug":"full","linkDestination":"none","className":"is-style-round-corners"} -->
<figure class="wp-block-image size-full is-style-round-corners"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/10/1773054878.jpg" alt="" class="wp-image-2234"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"metadata":{"name":"Content"},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}}} -->
<h3 class="wp-block-heading" style="font-style:normal;font-weight:400">What is Lorem Ipsum?</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:essential-blocks/tab -->

<!-- wp:essential-blocks/tab {"blockId":"eb-tab-ruqxc","tabId":"2","tabParentId":"eb-advanced-tabs-6gw42"} -->
<div class="eb-tab-wrapper" data-tab-id="2" data-tab-parent-id="eb-advanced-tabs-6gw42"><div class="eb-tab-inner"><!-- wp:group {"metadata":{"name":"Tab 2"},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"verticalAlignment":"center","metadata":{"name":"Row"}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","className":"mobile-align-center"} -->
<div class="wp-block-column is-vertically-aligned-center mobile-align-center"><!-- wp:image {"id":2234,"sizeSlug":"full","linkDestination":"none","className":"is-style-round-corners"} -->
<figure class="wp-block-image size-full is-style-round-corners"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/10/1773054878.jpg" alt="" class="wp-image-2234"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"metadata":{"name":"Content"},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}}} -->
<h3 class="wp-block-heading" style="font-style:normal;font-weight:400">What is Lorem Ipsum?</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:essential-blocks/tab -->

<!-- wp:essential-blocks/tab {"blockId":"eb-tab-qcgst","tabId":"3","tabParentId":"eb-advanced-tabs-6gw42"} -->
<div class="eb-tab-wrapper" data-tab-id="3" data-tab-parent-id="eb-advanced-tabs-6gw42"><div class="eb-tab-inner"><!-- wp:group {"metadata":{"name":"Tab 3"},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"verticalAlignment":"center","metadata":{"name":"Row"}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","className":"mobile-align-center"} -->
<div class="wp-block-column is-vertically-aligned-center mobile-align-center"><!-- wp:image {"id":2234,"sizeSlug":"full","linkDestination":"none","className":"is-style-round-corners"} -->
<figure class="wp-block-image size-full is-style-round-corners"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/10/1773054878.jpg" alt="" class="wp-image-2234"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"metadata":{"name":"Content"},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}}} -->
<h3 class="wp-block-heading" style="font-style:normal;font-weight:400">What is Lorem Ipsum?</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:essential-blocks/tab -->

<!-- wp:essential-blocks/tab {"blockId":"eb-tab-upuwv","tabId":"4","tabParentId":"eb-advanced-tabs-6gw42"} -->
<div class="eb-tab-wrapper" data-tab-id="4" data-tab-parent-id="eb-advanced-tabs-6gw42"><div class="eb-tab-inner"><!-- wp:group {"metadata":{"name":"Tab 4"},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"verticalAlignment":"center","metadata":{"name":"Row"}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","className":"mobile-align-center"} -->
<div class="wp-block-column is-vertically-aligned-center mobile-align-center"><!-- wp:image {"id":2234,"sizeSlug":"full","linkDestination":"none","className":"is-style-round-corners"} -->
<figure class="wp-block-image size-full is-style-round-corners"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/10/1773054878.jpg" alt="" class="wp-image-2234"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"metadata":{"name":"Content"},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}}} -->
<h3 class="wp-block-heading" style="font-style:normal;font-weight:400">What is Lorem Ipsum?</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:essential-blocks/tab --></div></div></div></div>
<!-- /wp:essential-blocks/advanced-tabs --></div>
<!-- /wp:group -->

Pattern CSS

/*
Toggle section
--------------------------------------------- */

#site-container .toggle-area .tabTitles li {
	margin-right: 3px;
}

#site-container .toggle-area .tabTitles li:last-of-type {
	margin-right: auto;
}

#site-container .toggle-area .tab-title-text {
	font-size: var(--wp--preset--font-size--heading-4);
}

#site-container .toggle-area .eb-tabs-contents {
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--70);
	padding-left: var(--wp--preset--spacing--70);
	padding-right: var(--wp--preset--spacing--70);
}

#site-container .toggle-area .eb-tab-inner {
	margin-top: 0;
}

body .toggle-area .wp-block-column .wp-block-group {
	max-width: 450px;
}

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


	#site-container .toggle-area .tabTitles {
		display: block;
	}

	#site-container .toggle-area .tabTitles li {
		margin-right: auto;
	}

	#site-container .toggle-area .eb-tabs-contents {
		padding: 25px;
	}

	body .toggle-area .wp-block-column .wp-block-group {
		max-width: 100%;
	}

}