Icon Slider 3

Talha Aziz

THOUSANDS OF CLIENTS.
Endless Memories.

The above block is copied from the site: https://pepcreativepac.wpenginepowered.com/

Pattern HTML

<!-- wp:group {"metadata":{"name":"Logo Slider"},"align":"full","style":{"spacing":{"margin":{"top":"var:preset|spacing|2"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"backgroundColor":"eight","layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group alignfull has-eight-background-color has-background" style="margin-top:var(--wp--preset--spacing--2);padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"metadata":{"name":"Upcoming House Events for House Guests and Families with a Hospitalized Child"},"animationsForBlocks":{"animation":"fade","variation":"up","duration":600,"once":true,"mirror":false,"easing":"linear"},"className":"logo-slider","layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group logo-slider" data-aos="fade-up" data-aos-duration="600" data-aos-easing="linear" data-aos-once="true"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","animationsForBlocks":{"animation":"fade","variation":"fade","once":true,"mirror":false,"easing":"linear"}} -->
<h2 class="wp-block-heading has-text-align-center" data-aos="fade" data-aos-easing="linear" data-aos-once="true">THOUSANDS OF CLIENTS. <br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-two-color">Endless Memories.</mark></h2>
<!-- /wp:heading -->

<!-- wp:da/wp-swiper-slides {"align":"full","containerWidth":100,"previousIcon":"https://cascadefinadev.wpenginepowered.com/wp-content/uploads/2025/11/Group-10298.svg","nextIcon":"https://cascadefinadev.wpenginepowered.com/wp-content/uploads/2025/11/Group-10296.svg","tabActive":"slide-2","navigation":false,"clickable_pagination":true,"slidesPerView":"2","spaceBetween":35,"tabsData":[{"clientId":"db36b3c7-3a8f-45ed-8fab-dfdae80c6763","slug":"slide-1"},{"clientId":"f11d9175-1e46-40ea-a7c1-2f20296da14a","slug":"slide-2"},{"clientId":"29f89f26-7ea5-4fb9-9d11-6ff50c336f7e","slug":"slide-3"},{"clientId":"9843ca67-d757-40ee-9f4d-68d29675759f","slug":"slide-4"},{"clientId":"21b8f85a-8b9c-4080-a287-4e91b4ead0be","slug":"slide-5"},{"clientId":"b3a08c76-eb6e-4bce-9191-21aba240d05c","slug":"slide-6"},{"clientId":"c4316ad3-8e47-4cdc-9590-b1603e350ffb","slug":"slide-7"},{"clientId":"ecde1e7a-6654-4f22-81a1-576dee722c18","slug":"slide-8"},{"clientId":"0e1f1865-c8c9-4a8e-beec-05f113f5a0e4","slug":"slide-9"}],"breakpoints":"{\u0022980\u0022:{\u0022slidesPerView\u0022:6}, \u0022640\u0022:{\u0022slidesPerView\u0022:4}, \u0022500\u0022:{\u0022slidesPerView\u0022:2}}\n"} -->
<div class="alignfull alignfull wp-swiper alignfull"><div class="wp-swiper__wrapper"><div class="swiper-container swiper" data-swiper="{&quot;slidesPerView&quot;:&quot;2&quot;,&quot;slidesPerGroup&quot;:1,&quot;slidesPerGroupAuto&quot;:false,&quot;slidesPerGroupSkip&quot;:0,&quot;navigation&quot;:false,&quot;pagination&quot;:{&quot;type&quot;:&quot;bullets&quot;,&quot;clickable&quot;:true},&quot;delay&quot;:3000,&quot;speed&quot;:500,&quot;loop&quot;:false,&quot;direction&quot;:&quot;horizontal&quot;,&quot;slidesOffsetBefore&quot;:0,&quot;slidesOffsetAfter&quot;:0,&quot;autoHeight&quot;:true,&quot;spaceBetween&quot;:35,&quot;releaseOnEdges&quot;:false,&quot;effect&quot;:&quot;slide&quot;,&quot;breakpoints&quot;:&quot;{\&quot;980\&quot;:{\&quot;slidesPerView\&quot;:6}, \&quot;640\&quot;:{\&quot;slidesPerView\&quot;:4}, \&quot;500\&quot;:{\&quot;slidesPerView\&quot;:2}}\n&quot;}"><div class="swiper-wrapper"><!-- wp:da/wp-swiper-slide {"slug":"slide-1","containerWidth":100} -->
<div data-tab="slide-1" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2499,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/10/PT-badge.png" alt="" class="has-border-color has-second-border-color wp-image-2499" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->

<!-- wp:da/wp-swiper-slide {"slug":"slide-2","containerWidth":100} -->
<div data-tab="slide-2" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2899,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/Layer_1-2.svg" alt="" class="has-border-color has-second-border-color wp-image-2899" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->

<!-- wp:da/wp-swiper-slide {"slug":"slide-3","containerWidth":100} -->
<div data-tab="slide-3" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2900,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/Group-394-1.svg" alt="" class="has-border-color has-second-border-color wp-image-2900" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->

<!-- wp:da/wp-swiper-slide {"slug":"slide-4","containerWidth":100} -->
<div data-tab="slide-4" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2899,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/Layer_1-2.svg" alt="" class="has-border-color has-second-border-color wp-image-2899" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->

<!-- wp:da/wp-swiper-slide {"slug":"slide-5","containerWidth":100} -->
<div data-tab="slide-5" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2901,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/Group-393.svg" alt="" class="has-border-color has-second-border-color wp-image-2901" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->

<!-- wp:da/wp-swiper-slide {"slug":"slide-6","containerWidth":100} -->
<div data-tab="slide-6" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2898,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/Group-391.svg" alt="" class="has-border-color has-second-border-color wp-image-2898" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->

<!-- wp:da/wp-swiper-slide {"slug":"slide-7","containerWidth":100} -->
<div data-tab="slide-7" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2900,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/Group-394-1.svg" alt="" class="has-border-color has-second-border-color wp-image-2900" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->

<!-- wp:da/wp-swiper-slide {"slug":"slide-8","containerWidth":100} -->
<div data-tab="slide-8" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2898,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/Group-391.svg" alt="" class="has-border-color has-second-border-color wp-image-2898" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->

<!-- wp:da/wp-swiper-slide {"slug":"slide-9","containerWidth":100} -->
<div data-tab="slide-9" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2901,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/Group-393.svg" alt="" class="has-border-color has-second-border-color wp-image-2901" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide --></div></div><div class="swiper-pagination"></div></div></div>
<!-- /wp:da/wp-swiper-slides --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

Pattern CSS

.logo-slider > div {
	border-radius: 10px;
	box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.10);
	padding-top: var(--wp--preset--spacing--2);
	padding-bottom: var(--wp--preset--spacing--1);
	padding-left: var(--wp--preset--spacing--3);
	padding-right: var(--wp--preset--spacing--3);
	background: var(--wp--preset--color--one);
}

.overlapping-logo-section {
	margin-bottom: -200px;
}

.overlapping-logo-section > div {
	padding-bottom: var(--wp--preset--spacing--4);
}

.logo-slider:before{
	content: "";
	display: block;
	width: 556px;
	height: 485px;
	background-image: url("/wp-content/uploads/2026/01/logo-slider-arc.svg");
	position: absolute;
	right: calc((100% - 1900px) / 2 );
	top: -115px;
	z-index: -1;
}

.logo-slider.overlapping-logo-arc:before{
	top: -75px;
	z-index: 0;
}

.logo-slider .swiper-autoheight .swiper-wrapper{
	align-items: center;
}

.logo-slider .swiper-backface-hidden .swiper-slide{
	margin-right: 35px !important;
}

.logo-slider .swiper-pagination {
	position: relative;
	margin-top: 20px;
}

.logo-slider .swiper-pagination-bullet-active {
	background: var(--wp--preset--color--three);
}

#site-container .logo-slider .swiper-pagination-bullet{
	margin: 0 15px;
	opacity: 1;
}

Icon Slider 3

THOUSANDS OF CLIENTS. Endless Memories.

Pattern HTML

Pattern CSS

THOUSANDS OF CLIENTS.
Endless Memories.