|
Server IP : 217.21.85.138 / Your IP : 216.73.216.103 Web Server : LiteSpeed System : Linux in-mum-web906.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u915722082 ( 915722082) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u915722082/public_html/sbm/../mylu/../greenpack/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Green Pack" />
<title>Green Pack</title>
<link rel="icon" type="image/x-icon" href="assets/imgs/logo/FAV.png" />
<link rel="stylesheet" href="assets/vandor/bootstrap/bootstrap.min.css" />
<link rel="stylesheet" href="assets/vandor/fontawesome/fontawesome-pro.min.css" />
<link rel="stylesheet" href="assets/vandor/swiper/swiper-bundle.min.css" />
<link rel="stylesheet" href="assets/vandor/menu/meanmenu.min.css" />
<link rel="stylesheet" href="assets/vandor/popup/magnific-popup.css" />
<link rel="stylesheet" href="assets/vandor/nice-select/nice-select.css" />
<link rel="stylesheet" href="assets/vandor/wow/animate.css" />
<link rel="stylesheet" href="assets/vandor/odometer/odometer-theme-default.css">
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/responsive.css" />
</head>
<body>
<!-- #c1dc4d -->
<!-- <div class="loader-wrap">
<svg viewBox="0 0 1000 1000" preserveAspectRatio="none">
<path id="svg" d="M0,1005S175,995,500,995s500,5,500,5V0H0Z"></path>
</svg>
<div class="loader-wrap-heading">
<div class="load-text">
<span>G</span>
<span>R</span>
<span>E</span>
<span>E</span>
<span>N</span>
<span> </span>
<span> </span>
<span> </span>
<span>P</span>
<span>A</span>
<span>C</span>
<span>K</span>
</div>
</div>
</div> -->
<!-- Sroll to top -->
<div class="progress-wrap">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
</svg>
</div>
<!-- side toggle start -->
<aside class="fix">
<div class="side-info">
<div class="side-info-content">
<div class="offset-widget offset-header">
<div class="offset-logo">
<a href="index.html">
<img class="show-light" src="assets/imgs/home-5/3Dlogo-10-pmlad3xgb7i6ug5dzx8yomzxqnmomzdaz1pa9cueew.png.webp" alt="site logo" />
</a>
</div>
<button id="side-info-close" class="side-info-close">
<i class="fas fa-times"></i>
</button>
</div>
<div class="mobile-menu d-xl-none fix"></div>
<div class="offset-button">
<a href="#" class="rr-btn">
<span class="btn-wrap">
<span class="text-one">Let's Talk</span>
<span class="text-two">Let's Talk</span>
</span>
</a>
</div>
<div class="offset-widget-box">
<h2 class="title">Contact US</h2>
<div class="contact-meta">
<div class="contact-item">
<span class="icon"><i class="fa-solid fa-location-dot"></i></span>
<span class="text">Lorem, ipsum dolor</span>
</div>
<div class="contact-item">
<span class="icon"><i class="fa-solid fa-envelope"></i></span>
<span class="text"><a href="mailto:abc@abc.com">abc@abc.com</a></span>
</div>
<div class="contact-item">
<span class="icon"><i class="fa-solid fa-phone"></i></span>
<span class="text"><a href="tel:000 123 4556">000 123 4556</a></span>
</div>
</div>
</div>
</div>
</div>
</aside>
<div class="offcanvas-overlay"></div>
<!-- side toggle end -->
<div class="has-smooth" id="has_smooth"></div>
<div id="smooth-wrapper">
<div id="smooth-content">
<!-- Header area start -->
<header class="header-area header-area-7">
<div class="header-main">
<div class="container rr-container-1800">
<div class="header-area-7__inner">
<div class="header__logo">
<a href="index.html">
<!-- <img src="assets/imgs/logo/dark-logo.png" class="normal-logo" alt="Site Logo" /> -->
<img src="assets/imgs/home-5/3Dlogo-10-pmlad3xgb7i6ug5dzx8yomzxqnmomzdaz1pa9cueew.png.webp" class="normal-logo" alt="Site Logo" />
</a>
</div>
<div class="header__nav">
<nav class="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li ><a href="products.html">Products</a></li>
<li><a href="#">Team</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="header-right">
<div class="btn-wrap d-none d-xl-block">
<a href="#" class="rr-btn-button5 btn-dark">
<span class="text">GET IN TOUCH</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
<path d="M22 11C16.6 11 12.2 6.08 12.2 0" stroke="white" stroke-width="2"></path>
<path d="M12.2 22C12.2 15.93 16.6 11 22 11" stroke="white" stroke-width="2"></path>
<path d="M22 11H0" stroke="white" stroke-width="2"></path>
</svg>
</span>
</a>
</div>
<div class="header__navicon d-xl-none">
<div class="side-toggle">
<a class="bar-icon" href="javascript:void(0)">
<span></span>
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
<!--===== Intro Section S T A R T =====-->
<!-- <div class="intro-area4 section-spacing overflow-hidden" style="background: #FFF;background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(189, 218, 65, 1) 100%);"> -->
<div class="intro-area4 section-spacing overflow-hidden"
style="
background-image: url(assets/imgs/home-5/green-packs-banner.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
">
<div class="container rr-container-1800">
<div class="row g-60 justify-content-between">
<div class="col-xl-6 col-lg-6">
<div class="intro-area4__content">
<div class="intro-area4__content-subtitle wow fadeInUp" data-wow-delay=".3s">Sustainable Packaging
</div>
<h1 class="intro-area4__content-title wow fadeInUp" data-wow-delay=".5s">Eco-Friendly Packaging for HoReCa Businesses</h1>
<div class="intro-area4__content-items">
<div class="intro-area4__content-items-image">
<!-- <div class="avatar-section">
<div class="avatar">
<img src="assets/imgs/icon/1144760.png" alt="">
</div>
<div class="avatar">
<img src="assets/imgs/icon/1144760.png" alt="">
</div>
<div class="avatar arrow">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="26" viewBox="0 0 44 26" fill="none">
<path
d="M29.3333 0C29.3333 1.36033 30.6772 3.39167 32.0375 5.09667C33.7865 7.29667 35.8765 9.21617 38.2727 10.681C40.0693 11.7792 42.2473 12.8333 44 12.8333M44 12.8333C42.2473 12.8333 40.0675 13.8875 38.2727 14.9857C35.8765 16.4523 33.7865 18.3718 32.0375 20.5682C30.6772 22.275 29.3333 24.31 29.3333 25.6667M44 12.8333H0"
stroke="#fff" stroke-width="1" />
</svg>
</div>
</div> -->
</div>
<p class="intro-area4__content-items-text wow fadeInUp" data-wow-delay=".7s">Exhibiting premium design, quality, and innovation with eco-friendly, recyclable solutions supporting global standards and circular economy.</p>
</div>
<!-- <div class="intro-area4__content-newsletter">
<form action="#" class="intro-area4__content-newsletter-box">
<input type="email" name="email" id="email" placeholder="Scale Your Innovation Today">
<button class="intro-area4__content-newsletter-button">
<span class="intro-area4__content-newsletter-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="26" viewBox="0 0 44 26" fill="none">
<path
d="M29.3333 0C29.3333 1.36033 30.6772 3.39167 32.0375 5.09667C33.7865 7.29667 35.8765 9.21617 38.2727 10.681C40.0693 11.7792 42.2473 12.8333 44 12.8333M44 12.8333C42.2473 12.8333 40.0675 13.8875 38.2727 14.9857C35.8765 16.4523 33.7865 18.3718 32.0375 20.5682C30.6772 22.275 29.3333 24.31 29.3333 25.6667M44 12.8333H0"
stroke="black" stroke-width="2" />
</svg>
</span>
</button>
</form>
</div> -->
<a href="#" class="rr-btn-border">
<span class="text">CONTACT US</span>
<span class="icon"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_22_142)">
<path d="M22.0004 10.9995C16.6011 10.9995 12.2227 6.07534 12.2227 -0.00044632" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M12.2227 21.9995C12.2227 15.9253 16.5997 10.9995 22.0004 10.9995" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M22.0005 10.9995H0.000488281" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
</g>
</svg>
</span>
</a>
</div>
</div>
<div class="col-xl-6 col-lg-6 wow fadeInUp" data-wow-delay=".3s">
<!-- <div class="intro-area4__info">
<div class="intro-area4__info-thumb rr-ov-hidden">
<img data-speed="0.6" src="assets/imgs/home-5/intro-thumb1_1.jpg" alt="thumb">
</div>
<div class="intro-area4__info-counter-area">
<div class="intro-area4__info-counter-area-items wow fadeInUp" data-wow-delay=".3s">
<h2><span class="count">10k</span>+</h2>
<p class="intro-area4__info-counter-area-items-text">Daily Interactions at Scale</p>
</div>
</div>
</div> -->
<div class="row gap-2 pt-100px d-flex justify-content-center">
<div class="col-xl-12 col-lg-12">
<style>
.product-slider-container {
width: 100%;
max-width: 1400px;
position: relative;
/* padding: 60px 0; */
}
.product-slider {
overflow: hidden !important;
/* padding: 0px 45px; */
position: relative;
}
/* .product-slider::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg,
rgba(255, 204, 102, 1) 0%,
rgba(255, 204, 102, 0.9) 8%,
transparent 20%,
transparent 80%,
rgba(255, 204, 102, 0.9) 92%,
rgba(255, 204, 102, 1) 100%);
z-index: 2;
pointer-events: none;
} */
.swiper-wrapper {
align-items: center;
}
.swiper-slide {
transition: all 0.5s ease;
/* opacity: 0.6; */
height: auto;
}
.swiper-slide:not(.swiper-slide-active) .product-slide {
transform: scale(0.75);
}
.swiper-slide-active .product-slide {
transform: scale(1);
}
.swiper-slide:not(.swiper-slide-active) .product-slide .brand-name{
opacity: 0;
}
.product-slide {
/* padding: 60px 40px; */
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 500px;
border-radius: 30px;
position: relative;
/* overflow: hidden; */
transition: all 0.5s ease;
}
.product-content {
position: relative;
z-index: 2;
width: 100%;
text-align: center;
}
.product-images {
display: flex;
align-items: center;
justify-content: center;
/* margin-bottom: 40px; */
perspective: 1000px;
}
.cup-image {
width: 280px;
height: 400px;
object-fit: cover;
transition: transform 0.6s ease;
}
.brand-name {
/* font-size: 28px; */
font-size: 24px;
font-weight: 600;
color: #000;
/* margin-bottom: 30px; */
margin-bottom: 55px;
text-transform: capitalize;
}
/* Swiper Navigation */
.swiper-button-next,
.swiper-button-prev {
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
border-radius: 50%;
color: #333;
opacity: 0;
transition: all 0.3s ease;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
z-index: 10;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
background: white;
transform: scale(1.1);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}
.swiper-button-next::after,
.swiper-button-prev::after {
font-size: 24px;
font-weight: 900;
}
/* Swiper Pagination */
.swiper-pagination {
bottom: 0px !important;
z-index: 10;
}
.swiper-pagination-bullet {
width: 12px;
height: 12px;
background: rgba(0, 0, 0, 0.3);
opacity: 1;
transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
/* background: #c1dc4d; */
background: #000;
width: 36px;
border-radius: 6px;
/* box-shadow: 0 4px 12px rgba(254, 188, 0, 0.4); */
}
/* Responsive */
@media (max-width: 768px) {
.product-slide {
padding: 40px 20px;
min-height: 400px;
}
.brand-name {
font-size: 32px;
}
.cup-image {
width: 200px;
}
.swiper-button-next,
.swiper-button-prev {
width: 45px;
height: 45px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
font-size: 18px;
}
.swiper-slide:not(.swiper-slide-active) .product-slide {
transform: scale(0.7);
}
}
</style>
<div class="product-slider-container">
<div class="swiper product-slider">
<div class="swiper-wrapper">
<!-- Slide 1 - Indigo -->
<div class="swiper-slide">
<div class="product-slide">
<div class="product-content">
<div class="product-images">
<img src="assets/imgs/home-5/banner-pack-01.png" alt="Indigo Cup" class="cup-image">
</div>
<h2 class="brand-name">Single wall paper cup</h2>
</div>
</div>
</div>
<!-- Slide 2 - Chaayos -->
<div class="swiper-slide">
<div class="product-slide">
<div class="product-content">
<div class="product-images">
<img src="assets/imgs/home-5/banner-pack-02 (1).png" alt="Indigo Cup" class="cup-image">
</div>
<h2 class="brand-name">Double wall paper cup</h2>
</div>
</div>
</div>
<!-- Slide 3 - Gourmet -->
<div class="swiper-slide">
<div class="product-slide">
<div class="product-content">
<div class="product-images">
<img src="assets/imgs/home-5/banner-pack-03 (1).png" alt="Indigo Cup" class="cup-image">
</div>
<h2 class="brand-name">Paper bowl</h2>
</div>
</div>
</div>
<!-- Slide 4 - Custom -->
<div class="swiper-slide">
<div class="product-slide">
<div class="product-content">
<div class="product-images">
<img src="assets/imgs/home-5/banner-pack-04 (1).png" alt="Indigo Cup" class="cup-image">
</div>
<h2 class="brand-name">Paper lid</h2>
</div>
</div>
</div>
</div>
<!-- Navigation -->
<!-- <div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div> -->
<!-- Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--===== About Section S T A R T =====-->
<section class="about-section-area pt-150px">
<div class="about-section-wrapper ">
<div class="container rr-container-1800">
<!-- <div class="section-heading wow fadeInRight" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;">
<div class="shape">
<img src="assets/imgs/home-5/about-shape-1.png" alt="shape">
</div>
<h3 class="title">Every big change begins with a simple idea — and ours started with a belief that packaging could be beautiful, functional, and kind to the planet.</h3>
</div> -->
<div class="who-we-are-3__rwapper">
<div class="who-we-are-3__top">
<div class="section-heading__wrap_3">
<div class="shape">
<img src="assets/imgs/home-5/about-shape-1.png" alt="shape">
</div>
<h4 class="section__subtitle"><span></span>Helping Our Customers Grow</h4>
<h2 class="section__title wow fadeInUp" data-wow-delay="0.3s">
Partners in Growth Through Smart Packaging Solutions
</h2>
</div>
<div class="about-section-3__content">
<div class="about-section-3__circle">
<span></span>
<span></span>
</div>
<div class="about-section-3__info">
<p class="about-section-3__text wow fadeInUp" data-wow-delay="0.3s">
Growth needs partners who understand your journey. That’s where we come in.
With negligible MOQs for custom-branded products, we help startups and SMEs
access world-class packaging without scale constraints. Our market insight
and design advisory guide brands toward packaging that stands out — both
visually and sustainably.
<!-- <br><br>
We support clients with ready material availability, on-time supply, and
process efficiency that directly reduce costs and risks. In short, we help
businesses grow faster, cleaner, and stronger — powered by packaging that
performs as beautifully as it protects. -->
</p>
</div>
</div>
</div>
</div>
<div class="swiper aboutSwiper">
<div class="swiper-wrapper">
<!-- SLIDE 1 -->
<div class="swiper-slide">
<div class="about-section-item">
<div class="icon">
<!-- <img src="assets/imgs/DUMMY_IMAGE/PAPPERCUP_IMAGE_01.png" alt="icon"> -->
<img src="assets/imgs/home-5/double-wallpaper.png" alt="icon">
</div>
<div class="about-section-content">
<h2 class="title"><a href="#">Single wall paper cup</a></h2>
<p class="decs">Description - Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
</div>
<!-- SLIDE 2 -->
<div class="swiper-slide">
<div class="about-section-item">
<div class="icon">
<img src="assets/imgs/home-5/double-wallpaper.png" alt="icon">
</div>
<div class="about-section-content">
<h2 class="title"><a href="#">Double wall paper cup</a></h2>
<p class="decs">Description - Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
</div>
<!-- SLIDE 3 -->
<div class="swiper-slide">
<div class="about-section-item">
<div class="icon">
<img src="assets/imgs/home-5/double-wallpaper.png" alt="icon">
</div>
<div class="about-section-content">
<h2 class="title"><a href="#">Paper bowl</a></h2>
<p class="decs">Description - Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
</div>
<!-- SLIDE 4 -->
<div class="swiper-slide">
<div class="about-section-item">
<div class="icon">
<img src="assets/imgs/home-5/double-wallpaper.png" alt="icon">
</div>
<div class="about-section-content">
<h2 class="title"><a href="#">Paper lid</a></h2>
<p class="decs">Description - Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="project-section">
<div class="container">
<!-- Header Section -->
<div class="header-wrapper">
<div class="section-heading__wrap_3">
<h4 class="section__subtitle"><span></span>Lorem, ipsum dolor</h4>
<h2 class="section__title">Our Products</h2>
</div>
<div>
<a href="#" class="rr-btn-border">
<span class="text">VIEW ALL PRODUCTS</span>
<span class="icon">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none">
<path d="M22.0007 10.9995C16.6014 10.9995 12.2229 6.0753 12.2229 -0.000488281" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M12.2229 21.9995C12.2229 15.9253 16.5999 10.9995 22.0007 10.9995" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M22.0005 10.9995H0.000488281" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
</svg>
</span>
</a>
</div>
</div>
<!-- Filter Tabs -->
<div class="filters-box">
<div class="filters">
<ul class="filter-tabs">
<li class="filter-tab active" data-filter="all">All Products</li>
<li class="filter-tab" data-filter="garment-printing">Single Wall</li>
<li class="filter-tab" data-filter="litho-printing">Double Wall</li>
<li class="filter-tab" data-filter="3d-printing">Bowl</li>
<li class="filter-tab" data-filter="large-format">BT</li>
<li class="filter-tab" data-filter="digital-printing">LB</li>
</ul>
</div>
</div>
<!-- Swiper Slider -->
<div class="swiper-container">
<div class="swiper-wrapper">
<!-- Slide 1 -->
<div class="swiper-slide" data-category="garment-printing">
<div class="project-card">
<figure class="image-box">
<img src="assets/imgs/home-5/doublewall-greenpacks/doublewall-tall-1.png" alt="Double Wall">
</figure>
<div class="content-box">
<span class="category-badge">Single Wall</span>
<!-- <div class="action-buttons">
<button class="view-btn">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M15 3H21V9M21 3L13 11M10 5H7C6.46957 5 5.96086 5.21071 5.58579 5.58579C5.21071 5.96086 5 6.46957 5 7V17C5 17.5304 5.21071 18.0391 5.58579 18.4142C5.96086 18.7893 6.46957 19 7 19H17C17.5304 19 18.0391 18.7893 18.4142 18.4142C18.7893 18.0391 19 17.5304 19 17V14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div> -->
<div class="title-box">
<h3 class="project-title">
<a href="#">Single Wall</a>
</h3>
</div>
</div>
</div>
</div>
<!-- Slide 2 -->
<div class="swiper-slide" data-category="large-format">
<div class="project-card short-card">
<figure class="image-box">
<img src="assets/imgs/home-5/doublewall-greenpacks/doublewall-tall-1.png" alt="Double Wall">
</figure>
<div class="content-box">
<span class="category-badge">BT</span>
<!-- <div class="action-buttons">
<button class="view-btn">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M15 3H21V9M21 3L13 11M10 5H7C6.46957 5 5.96086 5.21071 5.58579 5.58579C5.21071 5.96086 5 6.46957 5 7V17C5 17.5304 5.21071 18.0391 5.58579 18.4142C5.96086 18.7893 6.46957 19 7 19H17C17.5304 19 18.0391 18.7893 18.4142 18.4142C18.7893 18.0391 19 17.5304 19 17V14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div> -->
<div class="title-box">
<h3 class="project-title">
<a href="#">BT</a>
</h3>
</div>
</div>
</div>
</div>
<!-- Slide 3 -->
<div class="swiper-slide" data-category="3d-printing">
<div class="project-card short-card">
<figure class="image-box">
<img src="assets/imgs/home-5/doublewall-greenpacks/doublewall-tall-1.png" alt="Double Wall">
</figure>
<div class="content-box">
<span class="category-badge">Bowl</span>
<!-- <div class="action-buttons">
<button class="view-btn">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M15 3H21V9M21 3L13 11M10 5H7C6.46957 5 5.96086 5.21071 5.58579 5.58579C5.21071 5.96086 5 6.46957 5 7V17C5 17.5304 5.21071 18.0391 5.58579 18.4142C5.96086 18.7893 6.46957 19 7 19H17C17.5304 19 18.0391 18.7893 18.4142 18.4142C18.7893 18.0391 19 17.5304 19 17V14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div> -->
<div class="title-box">
<h3 class="project-title">
<a href="#">Bowl</a>
</h3>
</div>
</div>
</div>
</div>
<!-- Slide 4 -->
<div class="swiper-slide" data-category="litho-printing">
<div class="project-card">
<figure class="image-box">
<img src="assets/imgs/home-5/doublewall-greenpacks/doublewall-tall-1.png" alt="Double Wall">
</figure>
<div class="content-box">
<span class="category-badge">Double Wall</span>
<!-- <div class="action-buttons">
<button class="view-btn">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M15 3H21V9M21 3L13 11M10 5H7C6.46957 5 5.96086 5.21071 5.58579 5.58579C5.21071 5.96086 5 6.46957 5 7V17C5 17.5304 5.21071 18.0391 5.58579 18.4142C5.96086 18.7893 6.46957 19 7 19H17C17.5304 19 18.0391 18.7893 18.4142 18.4142C18.7893 18.0391 19 17.5304 19 17V14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div> -->
<div class="title-box">
<h3 class="project-title">
<a href="#">Double Wall</a>
</h3>
</div>
</div>
</div>
</div>
<!-- Slide 5 -->
<div class="swiper-slide" data-category="litho-printing">
<div class="project-card">
<figure class="image-box">
<img src="assets/imgs/home-5/doublewall-greenpacks/doublewall-tall-1.png" alt="Double Wall">
</figure>
<div class="content-box">
<span class="category-badge">Double Wall</span>
<!-- <div class="action-buttons">
<button class="view-btn">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M15 3H21V9M21 3L13 11M10 5H7C6.46957 5 5.96086 5.21071 5.58579 5.58579C5.21071 5.96086 5 6.46957 5 7V17C5 17.5304 5.21071 18.0391 5.58579 18.4142C5.96086 18.7893 6.46957 19 7 19H17C17.5304 19 18.0391 18.7893 18.4142 18.4142C18.7893 18.0391 19 17.5304 19 17V14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div> -->
<div class="title-box">
<h3 class="project-title">
<a href="#">Double Wall</a>
</h3>
</div>
</div>
</div>
</div>
<!-- Slide 6 -->
<div class="swiper-slide" data-category="digital-printing">
<div class="project-card short-card">
<figure class="image-box">
<img src="assets/imgs/home-5/doublewall-greenpacks/doublewall-tall-1.png" alt="LB">
</figure>
<div class="content-box">
<span class="category-badge">LB</span>
<!-- <div class="action-buttons">
<button class="view-btn">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M15 3H21V9M21 3L13 11M10 5H7C6.46957 5 5.96086 5.21071 5.58579 5.58579C5.21071 5.96086 5 6.46957 5 7V17C5 17.5304 5.21071 18.0391 5.58579 18.4142C5.96086 18.7893 6.46957 19 7 19H17C17.5304 19 18.0391 18.7893 18.4142 18.4142C18.7893 18.0391 19 17.5304 19 17V14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div> -->
<div class="title-box">
<h3 class="project-title">
<a href="#">LB</a>
</h3>
</div>
</div>
</div>
</div>
</div>
<!-- Navigation -->
<!-- <div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div> -->
<!-- Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.7/swiper-bundle.min.js"></script>
<script>
// Initialize Swiper
let swiper = new Swiper('.swiper-container', {
slidesPerView: 1,
spaceBetween: 30,
loop: false,
autoplay: {
delay: 3500,
disableOnInteraction: false,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 20,
},
1024: {
slidesPerView: 3,
spaceBetween: 30,
}
}
});
// Filter functionality
const filterTabs = document.querySelectorAll('.filter-tab');
const slides = document.querySelectorAll('.swiper-slide');
filterTabs.forEach(tab => {
tab.addEventListener('click', function() {
const filterValue = this.getAttribute('data-filter');
// Update active tab
filterTabs.forEach(t => t.classList.remove('active'));
this.classList.add('active');
// Filter slides
slides.forEach(slide => {
const category = slide.getAttribute('data-category');
if (filterValue === 'all' || category === filterValue) {
slide.style.display = 'block';
} else {
slide.style.display = 'none';
}
});
// Update swiper after filtering
swiper.update();
swiper.slideTo(0);
});
});
</script>
<section class="blog work-section bg-img" style="background-image: url(assets/imgs/home-5/work-bg.png);">
<div class="blog__inner">
<div class="container rr-container-1800">
<div class="infra-title">
<h4 class="section__subtitle"><span></span>Lorem, ipsum dolor</h4>
</div>
<div class="service-section__info">
<h4 class="title wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">Infrastructure - Lorem ipsum dolor sit amet consectetur adipisicing <br>
Lorem ipsum dolor sit amet </h4>
<a href="#" class="rr-btn-border fadeInUp" data-wow-delay="0.3s">
<span class="text">VIEW ALL</span>
<span class="icon"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_46_7)">
<path d="M22.0007 10.9995C16.6014 10.9995 12.2229 6.0753 12.2229 -0.000488281" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M12.2229 21.9995C12.2229 15.9253 16.5999 10.9995 22.0007 10.9995" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M22.0005 10.9995H0.000488281" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
</g>
</svg>
</span>
</a>
</div>
<div class="blog__wrapper">
<div class="swiper blog-active swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-c8c5cbca884104046" aria-live="polite" style="transition-duration: 0ms; transform: translate3d(-1628px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 2" style="width: 689px; margin-right: 125px;">
<div class="blog__item">
<div class="blog__media rr-ov-hidden">
<a href="#"><img src="assets/imgs/home-5/packs-infra-01.png" alt="img"></a>
</div>
<div class="blog__content">
<div class="blog__top">
<span>Infrastructure</span>
<h2 class="title fadeInUp" data-wow-delay="0.3s">
<a href="#">Varanasi (Raw Material Hub)</a>
</h2>
<!-- <p class="decs">
Our Varanasi facility serves as the core raw material hub, supporting
efficient and scalable packaging production operations.
</p> -->
<ul class="infra-details">
<li>Area: 75,000 sq.ft | Operational since 2018 | 135 workforce </li>
<li>Key Function: Base paper and blank production</li>
<!-- <li><strong>Workforce:</strong> 135 Members</li>
<li><strong>Key Function:</strong> Base paper and blank production</li> -->
</ul>
</div>
<div class="blog__bottom">
<a href="#">Read More</a>
</div>
</div>
</div>
</div><div class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="2 / 2" style="width: 689px; margin-right: 105px;">
<div class="blog__item">
<div class="blog__media rr-ov-hidden">
<a href="#"><img src="assets/imgs/home-5/packs-infra-02.png" alt="img" ></a>
</div>
<div class="blog__content">
<div class="blog__top">
<span>Infrastructure</span>
<h2 class="title fadeInUp" data-wow-delay="0.3s">
<a href="#">Ahmedabad (Coating & Printing Unit) </a>
</h2>
<ul class="infra-details">
<li>Area: 40,500 sq.ft | Operational since 2021 | 40 workforce</li>
<li>Key Function: Coating, printing, and export operations</li>
</ul>
</div>
<div class="blog__bottom">
<a href="#">Read More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="1 / 2" style="width: 689px; margin-right: 105px;">
<div class="blog__item">
<div class="blog__media rr-ov-hidden">
<a href="#"><img src="assets/imgs/home-5/packs-infra-03.png" alt="img" ></a>
</div>
<div class="blog__content">
<div class="blog__top">
<span>Infrastructure</span>
<h2 class="title fadeInUp" data-wow-delay="0.3s">
<a href="#">Noida (Conversion Unit) </a>
</h2>
<ul class="infra-details">
<li>Area: 26,500 sq.ft | Operational since 2022 | 70 workforce </li>
<li>Key Function: Cup, bowl, and container forming & packaging </li>
</ul>
</div>
<div class="blog__bottom">
<a href="#">Read More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" role="group" aria-label="2 / 2" style="width: 689px; margin-right: 105px;">
<div class="blog__item">
<div class="blog__media rr-ov-hidden">
<a href="#"><img src="assets/imgs/home-5/packs-infra-04.png" alt="img" ></a>
</div>
<div class="blog__content">
<div class="blog__top">
<span>Infrastructure</span>
<h2 class="title fadeInUp" data-wow-delay="0.3s">
<a href="#">Varanasi (Raw Material Hub)</a>
</h2>
<!-- <p class="decs">
Our Varanasi facility serves as the core raw material hub, supporting
efficient and scalable packaging production operations.
</p> -->
<ul class="infra-details">
<li>Area: 75,000 sq.ft | Operational since 2018 | 135 workforce </li>
<li>Key Function: Base paper and blank production</li>
<!-- <li><strong>Workforce:</strong> 135 Members</li>
<li><strong>Key Function:</strong> Base paper and blank production</li> -->
</ul>
</div>
<div class="blog__bottom">
<a href="#">Read More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 2" style="width: 689px; margin-right: 105px;">
<div class="blog__item">
<div class="blog__media rr-ov-hidden">
<a href="#"><img src="assets/imgs/home-5/packs-infra-05.png" alt="img" ></a>
</div>
<div class="blog__content">
<div class="blog__top">
<span>Infrastructure</span>
<h2 class="title fadeInUp" data-wow-delay="0.3s">
<a href="#">Ahmedabad (Coating & Printing Unit) </a>
</h2>
<ul class="infra-details">
<li>Area: 40,500 sq.ft | Operational since 2021 | 40 workforce</li>
<li>Key Function: Coating, printing, and export operations</li>
</ul>
</div>
<div class="blog__bottom">
<a href="#">Read More</a>
</div>
</div>
</div>
</div><div class="swiper-slide swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="2 / 2" style="width: 689px; margin-right: 105px;">
<div class="blog__item">
<div class="blog__media rr-ov-hidden">
<a href="#"><img src="assets/imgs/home-5/packs-infra-01.png" alt="img" ></a>
</div>
<div class="blog__content">
<div class="blog__top">
<span>Infrastructure</span>
<h2 class="title fadeInUp" data-wow-delay="0.3s">
<a href="#">Noida (Conversion Unit) </a>
</h2>
<ul class="infra-details">
<li>Area: 26,500 sq.ft | Operational since 2022 | 70 workforce </li>
<li>Key Function: Cup, bowl, and container forming & packaging </li>
</ul>
</div>
<div class="blog__bottom">
<a href="#">Read More</a>
</div>
</div>
</div>
</div></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-progressbar"><span class="swiper-pagination-progressbar-fill" style="transform: translate3d(0px, 0px, 0px) scaleX(0.5) scaleY(1); transition-duration: 2000ms;"></span></div>
</div>
</div>
</div>
</section>
<section class="pt-150px pb-150px">
<div class="work-section__wrapper">
<div class="container rr-container-1800">
<div class="row">
<div class="col-xl-6">
<div class="work-section__wrap">
<div class="section-heading">
<h3 class="title wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
</div>
<!-- <div class="icon-shape">
<img src="assets/imgs/home-5/3Dlogo-10-pmlad3xgb7i6ug5dzx8yomzxqnmomzdaz1pa9cueew.png.webp" alt="img not found">
</div> -->
<div class="work-section__thumb rr-ov-hidden">
<img data-speed="0.9" src="assets/imgs/home-5/workt-img-packs.png" alt="img not found" data-lag="0" style="translate: none; rotate: none; scale: none; transform: translate(0px, -58.5px); will-change: transform;">
</div>
<a href="#" class="rr-btn-border">
<span class="text">CONTACT US TODAY</span>
<span class="icon"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_46_7)">
<path d="M22.0007 10.9995C16.6014 10.9995 12.2229 6.0753 12.2229 -0.000488281" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M12.2229 21.9995C12.2229 15.9253 16.5999 10.9995 22.0007 10.9995" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M22.0005 10.9995H0.000488281" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
</g>
</svg>
</span>
</a>
</div>
</div>
<div class="col-xl-1"></div>
<div class="col-xl-5">
<div class="work-section__item-box wow fadeInUp" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="work-section__item ">
<div class="work-section__number">
<span>SETP 01</span>
</div>
<div class="work-section__content">
<h3 class="title">Lorem, ipsum</h3>
<p class="decs">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio, quaerat incidunt. Asperiores dicta modi nam placeat ratione maxime recusandae enim! </p>
</div>
</div>
<div class="work-section__item">
<div class="work-section__number">
<span>SETP 02</span>
</div>
<div class="work-section__content">
<h3 class="title">Lorem, ipsum</h3>
<p class="decs">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio, quaerat incidunt. Asperiores dicta modi nam placeat ratione maxime recusandae enim! </p>
</div>
</div>
<div class="work-section__item ">
<div class="work-section__number">
<span>SETP 03</span>
</div>
<div class="work-section__content">
<h3 class="title">Lorem, ipsum</h3>
<p class="decs">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio, quaerat incidunt. Asperiores dicta modi nam placeat ratione maxime recusandae enim! </p>
</div>
</div>
<div class="work-section__item">
<div class="work-section__number">
<span>SETP 04</span>
</div>
<div class="work-section__content">
<h3 class="title">Lorem, ipsum</h3>
<p class="decs">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio, quaerat incidunt. Asperiores dicta modi nam placeat ratione maxime recusandae enim! </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="blog-area7 pb-150px pt-150px overflow-hidden">
<div class="rr-container-1800 container">
<div class="text-center">
<h2 class="section-title">Certifications affirm GreenPack’s sustainable quality commitment.</h2>
<p class="sub-para-black">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Labore numquam sequi recusandae ratione minus laborum velit accusantium aut voluptas porro?</p>
</div>
<div class="row gy-4 gy-xl-0 mt-5">
<div class="col-xl-3 col-md-6 col-6">
<div class="blog-area7__card wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="blog-area7__card-thumb">
<img src="assets/imgs/CERTIFICATION/FSSC_22000_Certificate_page-0001.jpg" alt="Cyber Security">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 col-6">
<div class="blog-area7__card wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<div class="blog-area7__card-thumb">
<img src="assets/imgs/CERTIFICATION/GMP_Certificate_page-0001.jpg" alt="Cyber Security">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 col-6">
<div class="blog-area7__card wow fadeInUp" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="blog-area7__card-thumb">
<img src="assets/imgs/CERTIFICATION/ISO_Certificate_page-0001.jpg" alt="Cyber Security">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 col-6">
<div class="blog-area7__card wow fadeInUp" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="blog-area7__card-thumb">
<img src="assets/imgs/CERTIFICATION/SGS_Certificate_page-0001.jpg" alt="Cyber Security">
</div>
</div>
</div>
</div>
</div>
</div>
<section class="testimonial-area8 pt-150px pb-150px">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="col-xl-8 text-center mb-40">
<h2 class="section-title rr-title-anim-2"> <div style="position:relative;display:inline-block;"> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">C</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">l</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">i</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">n</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">t</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">E</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">x</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">p</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">r</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">i</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">n</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">c</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">s</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">T</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">h</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">a</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">t</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">S</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">p</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">a</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">k</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">f</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">o</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">r</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">T</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">h</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">m</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">s</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">l</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">v</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">s</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">o</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">n</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">T</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">r</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">x</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">a</div></div> </h2>
<p class="sub-para">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Labore numquam sequi recusandae ratione minus laborum velit accusantium aut voluptas porro?</p>
</div>
</div>
<div class="swiper testimonial-area8__active swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-be9f511d569b7457" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-7048px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="5 / 6" style="width: 857px; margin-right: 24px;">
<div class="testimonial-area8__card">
<div class="row g-0 align-items-stretch"> <!-- Aside -->
<div class="col-12 col-md-2">
<aside class="testimonial-area8__aside">
<div class="testimonial-area8__person">
<div class="testimonial-area8__name">Emily Brown</div>
<div class="testimonial-area8__role">Customer</div>
</div>
<div class="testimonial-area8__avatar-wrap"> <img class="testimonial-area8__avatar" src="assets/imgs/home-5/dummy-man-570x570-1.png" alt="Emily Brown"> </div>
</aside>
</div> <!-- Divider -->
<div class="col-12 d-md-none">
<hr class="testimonial-area8__divider--hr">
</div>
<div class="d-none d-md-block col-md-1"> <span class="testimonial-area8__divider"></span> </div>
<!-- Content -->
<div class="col-12 col-md-8">
<div class="testimonial-area8__body">
<div class="testimonial-area8__rating">
<div class="testimonial-area8__score">5.0</div>
<div class="testimonial-area8__meta"> <span class="testimonial-area8__label">Rating</span>
<span class="testimonial-area8__stars"> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> </span>
</div>
</div>
<p class="testimonial-area8__text"> Nemo enim ipsam voluptatem quia voluptas odit aut fugit,
sed quia consequuntur magni in ratione voluptatem sequi nesciunt. neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, </p>
</div>
</div>
</div> <!-- Decorative quote --> <span class="testimonial-area8__quote" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="158" height="125" viewBox="0 0 158 125" fill="none">
<path d="M67.4352 8.91278L61.7022 0C22.0365 26.9593 0 59.7157 0 86.675C0 112.743 18.9549 125 35.0399 125C55.3134 125 69.6353 107.616 69.6353 89.3488C69.6353 73.9762 59.9393 60.828 46.9361 55.9224C43.1915 54.5819 39.6657 53.4696 39.6657 47.0095C39.6657 38.7671 45.6174 26.5173 67.4352 8.91278ZM154.918 8.91278L149.185 0C109.957 26.9593 87.4832 59.7157 87.4832 86.675C87.4832 112.743 106.875 125 122.96 125C143.452 125 158 107.616 158 89.3488C158 73.9762 148.085 60.828 134.638 55.9224C130.893 54.5819 127.586 53.4696 127.586 47.0095C127.586 38.7671 133.756 26.5101 154.911 8.90565L154.918 8.91278Z" fill="#E9E2D9"></path>
</svg> </span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 6" style="width: 857px; margin-right: 24px;">
<div class="testimonial-area8__card">
<div class="row g-0 align-items-stretch"> <!-- Aside -->
<div class="col-12 col-md-2">
<aside class="testimonial-area8__aside">
<div class="testimonial-area8__person">
<div class="testimonial-area8__name">Emily Brown</div>
<div class="testimonial-area8__role">Customer</div>
</div>
<div class="testimonial-area8__avatar-wrap"> <img class="testimonial-area8__avatar" src="assets/imgs/home-5/dummy-man-570x570-1.png" alt="Emily Brown"> </div>
</aside>
</div> <!-- Divider -->
<div class="col-12 d-md-none">
<hr class="testimonial-area8__divider--hr">
</div>
<div class="d-none d-md-block col-md-1"> <span class="testimonial-area8__divider"></span> </div>
<!-- Content -->
<div class="col-12 col-md-8">
<div class="testimonial-area8__body">
<div class="testimonial-area8__rating">
<div class="testimonial-area8__score">5.0</div>
<div class="testimonial-area8__meta"> <span class="testimonial-area8__label">Rating</span>
<span class="testimonial-area8__stars"> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> </span>
</div>
</div>
<p class="testimonial-area8__text"> Nemo enim ipsam voluptatem quia voluptas odit aut fugit,
sed quia consequuntur magni in ratione voluptatem sequi nesciunt. neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, </p>
</div>
</div>
</div> <!-- Decorative quote --> <span class="testimonial-area8__quote" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="158" height="125" viewBox="0 0 158 125" fill="none">
<path d="M67.4352 8.91278L61.7022 0C22.0365 26.9593 0 59.7157 0 86.675C0 112.743 18.9549 125 35.0399 125C55.3134 125 69.6353 107.616 69.6353 89.3488C69.6353 73.9762 59.9393 60.828 46.9361 55.9224C43.1915 54.5819 39.6657 53.4696 39.6657 47.0095C39.6657 38.7671 45.6174 26.5173 67.4352 8.91278ZM154.918 8.91278L149.185 0C109.957 26.9593 87.4832 59.7157 87.4832 86.675C87.4832 112.743 106.875 125 122.96 125C143.452 125 158 107.616 158 89.3488C158 73.9762 148.085 60.828 134.638 55.9224C130.893 54.5819 127.586 53.4696 127.586 47.0095C127.586 38.7671 133.756 26.5101 154.911 8.90565L154.918 8.91278Z" fill="#E9E2D9"></path>
</svg> </span>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 6" style="width: 857px; margin-right: 24px;">
<div class="testimonial-area8__card">
<div class="row g-0 align-items-stretch"> <!-- Aside -->
<div class="col-12 col-md-2">
<aside class="testimonial-area8__aside">
<div class="testimonial-area8__person">
<div class="testimonial-area8__name">Emily Brown</div>
<div class="testimonial-area8__role">Customer</div>
</div>
<div class="testimonial-area8__avatar-wrap"> <img class="testimonial-area8__avatar" src="assets/imgs/home-5/dummy-man-570x570-1.png" alt="Emily Brown"> </div>
</aside>
</div> <!-- Divider -->
<div class="col-12 d-md-none">
<hr class="testimonial-area8__divider--hr">
</div>
<div class="d-none d-md-block col-md-1"> <span class="testimonial-area8__divider"></span> </div>
<!-- Content -->
<div class="col-12 col-md-8">
<div class="testimonial-area8__body">
<div class="testimonial-area8__rating">
<div class="testimonial-area8__score">5.0</div>
<div class="testimonial-area8__meta"> <span class="testimonial-area8__label">Rating</span>
<span class="testimonial-area8__stars"> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> </span>
</div>
</div>
<p class="testimonial-area8__text"> Nemo enim ipsam voluptatem quia voluptas odit aut fugit,
sed quia consequuntur magni in ratione voluptatem sequi nesciunt. neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, </p>
</div>
</div>
</div> <!-- Decorative quote --> <span class="testimonial-area8__quote" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="158" height="125" viewBox="0 0 158 125" fill="none">
<path d="M67.4352 8.91278L61.7022 0C22.0365 26.9593 0 59.7157 0 86.675C0 112.743 18.9549 125 35.0399 125C55.3134 125 69.6353 107.616 69.6353 89.3488C69.6353 73.9762 59.9393 60.828 46.9361 55.9224C43.1915 54.5819 39.6657 53.4696 39.6657 47.0095C39.6657 38.7671 45.6174 26.5173 67.4352 8.91278ZM154.918 8.91278L149.185 0C109.957 26.9593 87.4832 59.7157 87.4832 86.675C87.4832 112.743 106.875 125 122.96 125C143.452 125 158 107.616 158 89.3488C158 73.9762 148.085 60.828 134.638 55.9224C130.893 54.5819 127.586 53.4696 127.586 47.0095C127.586 38.7671 133.756 26.5101 154.911 8.90565L154.918 8.91278Z" fill="#E9E2D9"></path>
</svg> </span>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="2 / 6" style="width: 857px; margin-right: 24px;">
<div class="testimonial-area8__card">
<div class="row g-0 align-items-stretch"> <!-- Aside -->
<div class="col-12 col-md-2">
<aside class="testimonial-area8__aside">
<div class="testimonial-area8__person">
<div class="testimonial-area8__name">Emily Brown</div>
<div class="testimonial-area8__role">Customer</div>
</div>
<div class="testimonial-area8__avatar-wrap"> <img class="testimonial-area8__avatar" src="assets/imgs/home-5/dummy-man-570x570-1.png" alt="Emily Brown"> </div>
</aside>
</div> <!-- Divider -->
<div class="col-12 d-md-none">
<hr class="testimonial-area8__divider--hr">
</div>
<div class="d-none d-md-block col-md-1"> <span class="testimonial-area8__divider"></span> </div>
<!-- Content -->
<div class="col-12 col-md-8">
<div class="testimonial-area8__body">
<div class="testimonial-area8__rating">
<div class="testimonial-area8__score">5.0</div>
<div class="testimonial-area8__meta"> <span class="testimonial-area8__label">Rating</span>
<span class="testimonial-area8__stars"> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> </span>
</div>
</div>
<p class="testimonial-area8__text"> Nemo enim ipsam voluptatem quia voluptas odit aut fugit,
sed quia consequuntur magni in ratione voluptatem sequi nesciunt. neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, </p>
</div>
</div>
</div> <!-- Decorative quote --> <span class="testimonial-area8__quote" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="158" height="125" viewBox="0 0 158 125" fill="none">
<path d="M67.4352 8.91278L61.7022 0C22.0365 26.9593 0 59.7157 0 86.675C0 112.743 18.9549 125 35.0399 125C55.3134 125 69.6353 107.616 69.6353 89.3488C69.6353 73.9762 59.9393 60.828 46.9361 55.9224C43.1915 54.5819 39.6657 53.4696 39.6657 47.0095C39.6657 38.7671 45.6174 26.5173 67.4352 8.91278ZM154.918 8.91278L149.185 0C109.957 26.9593 87.4832 59.7157 87.4832 86.675C87.4832 112.743 106.875 125 122.96 125C143.452 125 158 107.616 158 89.3488C158 73.9762 148.085 60.828 134.638 55.9224C130.893 54.5819 127.586 53.4696 127.586 47.0095C127.586 38.7671 133.756 26.5101 154.911 8.90565L154.918 8.91278Z" fill="#E9E2D9"></path>
</svg> </span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 6" style="width: 857px; margin-right: 24px;">
<div class="testimonial-area8__card">
<div class="row g-0 align-items-stretch"> <!-- Aside -->
<div class="col-12 col-md-2">
<aside class="testimonial-area8__aside">
<div class="testimonial-area8__person">
<div class="testimonial-area8__name">Emily Brown</div>
<div class="testimonial-area8__role">Customer</div>
</div>
<div class="testimonial-area8__avatar-wrap"> <img class="testimonial-area8__avatar" src="assets/imgs/home-5/dummy-man-570x570-1.png" alt="Emily Brown"> </div>
</aside>
</div> <!-- Divider -->
<div class="col-12 d-md-none">
<hr class="testimonial-area8__divider--hr">
</div>
<div class="d-none d-md-block col-md-1"> <span class="testimonial-area8__divider"></span> </div>
<!-- Content -->
<div class="col-12 col-md-8">
<div class="testimonial-area8__body">
<div class="testimonial-area8__rating">
<div class="testimonial-area8__score">5.0</div>
<div class="testimonial-area8__meta"> <span class="testimonial-area8__label">Rating</span>
<span class="testimonial-area8__stars"> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> </span>
</div>
</div>
<p class="testimonial-area8__text"> Nemo enim ipsam voluptatem quia voluptas odit aut fugit,
sed quia consequuntur magni in ratione voluptatem sequi nesciunt. neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, </p>
</div>
</div>
</div> <!-- Decorative quote --> <span class="testimonial-area8__quote" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="158" height="125" viewBox="0 0 158 125" fill="none">
<path d="M67.4352 8.91278L61.7022 0C22.0365 26.9593 0 59.7157 0 86.675C0 112.743 18.9549 125 35.0399 125C55.3134 125 69.6353 107.616 69.6353 89.3488C69.6353 73.9762 59.9393 60.828 46.9361 55.9224C43.1915 54.5819 39.6657 53.4696 39.6657 47.0095C39.6657 38.7671 45.6174 26.5173 67.4352 8.91278ZM154.918 8.91278L149.185 0C109.957 26.9593 87.4832 59.7157 87.4832 86.675C87.4832 112.743 106.875 125 122.96 125C143.452 125 158 107.616 158 89.3488C158 73.9762 148.085 60.828 134.638 55.9224C130.893 54.5819 127.586 53.4696 127.586 47.0095C127.586 38.7671 133.756 26.5101 154.911 8.90565L154.918 8.91278Z" fill="#E9E2D9"></path>
</svg> </span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="3" role="group" aria-label="4 / 6" style="width: 857px; margin-right: 24px;">
<div class="testimonial-area8__card">
<div class="row g-0 align-items-stretch"> <!-- Aside -->
<div class="col-12 col-md-2">
<aside class="testimonial-area8__aside">
<div class="testimonial-area8__person">
<div class="testimonial-area8__name">Emily Brown</div>
<div class="testimonial-area8__role">Customer</div>
</div>
<div class="testimonial-area8__avatar-wrap"> <img class="testimonial-area8__avatar" src="assets/imgs/home-5/dummy-man-570x570-1.png" alt="Emily Brown"> </div>
</aside>
</div> <!-- Divider -->
<div class="col-12 d-md-none">
<hr class="testimonial-area8__divider--hr">
</div>
<div class="d-none d-md-block col-md-1"> <span class="testimonial-area8__divider"></span> </div>
<!-- Content -->
<div class="col-12 col-md-8">
<div class="testimonial-area8__body">
<div class="testimonial-area8__rating">
<div class="testimonial-area8__score">5.0</div>
<div class="testimonial-area8__meta"> <span class="testimonial-area8__label">Rating</span>
<span class="testimonial-area8__stars"> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> </span>
</div>
</div>
<p class="testimonial-area8__text"> Nemo enim ipsam voluptatem quia voluptas odit aut fugit,
sed quia consequuntur magni in ratione voluptatem sequi nesciunt. neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, </p>
</div>
</div>
</div> <!-- Decorative quote --> <span class="testimonial-area8__quote" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="158" height="125" viewBox="0 0 158 125" fill="none">
<path d="M67.4352 8.91278L61.7022 0C22.0365 26.9593 0 59.7157 0 86.675C0 112.743 18.9549 125 35.0399 125C55.3134 125 69.6353 107.616 69.6353 89.3488C69.6353 73.9762 59.9393 60.828 46.9361 55.9224C43.1915 54.5819 39.6657 53.4696 39.6657 47.0095C39.6657 38.7671 45.6174 26.5173 67.4352 8.91278ZM154.918 8.91278L149.185 0C109.957 26.9593 87.4832 59.7157 87.4832 86.675C87.4832 112.743 106.875 125 122.96 125C143.452 125 158 107.616 158 89.3488C158 73.9762 148.085 60.828 134.638 55.9224C130.893 54.5819 127.586 53.4696 127.586 47.0095C127.586 38.7671 133.756 26.5101 154.911 8.90565L154.918 8.91278Z" fill="#E9E2D9"></path>
</svg> </span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="4" role="group" aria-label="5 / 6" style="width: 857px; margin-right: 24px;">
<div class="testimonial-area8__card">
<div class="row g-0 align-items-stretch"> <!-- Aside -->
<div class="col-12 col-md-2">
<aside class="testimonial-area8__aside">
<div class="testimonial-area8__person">
<div class="testimonial-area8__name">Emily Brown</div>
<div class="testimonial-area8__role">Customer</div>
</div>
<div class="testimonial-area8__avatar-wrap"> <img class="testimonial-area8__avatar" src="assets/imgs/home-5/dummy-man-570x570-1.png" alt="Emily Brown"> </div>
</aside>
</div> <!-- Divider -->
<div class="col-12 d-md-none">
<hr class="testimonial-area8__divider--hr">
</div>
<div class="d-none d-md-block col-md-1"> <span class="testimonial-area8__divider"></span> </div>
<!-- Content -->
<div class="col-12 col-md-8">
<div class="testimonial-area8__body">
<div class="testimonial-area8__rating">
<div class="testimonial-area8__score">5.0</div>
<div class="testimonial-area8__meta"> <span class="testimonial-area8__label">Rating</span>
<span class="testimonial-area8__stars"> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> </span>
</div>
</div>
<p class="testimonial-area8__text"> Nemo enim ipsam voluptatem quia voluptas odit aut fugit,
sed quia consequuntur magni in ratione voluptatem sequi nesciunt. neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, </p>
</div>
</div>
</div> <!-- Decorative quote --> <span class="testimonial-area8__quote" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="158" height="125" viewBox="0 0 158 125" fill="none">
<path d="M67.4352 8.91278L61.7022 0C22.0365 26.9593 0 59.7157 0 86.675C0 112.743 18.9549 125 35.0399 125C55.3134 125 69.6353 107.616 69.6353 89.3488C69.6353 73.9762 59.9393 60.828 46.9361 55.9224C43.1915 54.5819 39.6657 53.4696 39.6657 47.0095C39.6657 38.7671 45.6174 26.5173 67.4352 8.91278ZM154.918 8.91278L149.185 0C109.957 26.9593 87.4832 59.7157 87.4832 86.675C87.4832 112.743 106.875 125 122.96 125C143.452 125 158 107.616 158 89.3488C158 73.9762 148.085 60.828 134.638 55.9224C130.893 54.5819 127.586 53.4696 127.586 47.0095C127.586 38.7671 133.756 26.5101 154.911 8.90565L154.918 8.91278Z" fill="#E9E2D9"></path>
</svg> </span>
</div>
</div>
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 6" style="width: 857px; margin-right: 24px;">
<div class="testimonial-area8__card">
<div class="row g-0 align-items-stretch"> <!-- Aside -->
<div class="col-12 col-md-2">
<aside class="testimonial-area8__aside">
<div class="testimonial-area8__person">
<div class="testimonial-area8__name">Emily Brown</div>
<div class="testimonial-area8__role">Customer</div>
</div>
<div class="testimonial-area8__avatar-wrap"> <img class="testimonial-area8__avatar" src="assets/imgs/home-5/dummy-man-570x570-1.png" alt="Emily Brown"> </div>
</aside>
</div> <!-- Divider -->
<div class="col-12 d-md-none">
<hr class="testimonial-area8__divider--hr">
</div>
<div class="d-none d-md-block col-md-1"> <span class="testimonial-area8__divider"></span> </div>
<!-- Content -->
<div class="col-12 col-md-8">
<div class="testimonial-area8__body">
<div class="testimonial-area8__rating">
<div class="testimonial-area8__score">5.0</div>
<div class="testimonial-area8__meta"> <span class="testimonial-area8__label">Rating</span>
<span class="testimonial-area8__stars"> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> </span>
</div>
</div>
<p class="testimonial-area8__text"> Nemo enim ipsam voluptatem quia voluptas odit aut fugit,
sed quia consequuntur magni in ratione voluptatem sequi nesciunt. neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, </p>
</div>
</div>
</div> <!-- Decorative quote --> <span class="testimonial-area8__quote" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="158" height="125" viewBox="0 0 158 125" fill="none">
<path d="M67.4352 8.91278L61.7022 0C22.0365 26.9593 0 59.7157 0 86.675C0 112.743 18.9549 125 35.0399 125C55.3134 125 69.6353 107.616 69.6353 89.3488C69.6353 73.9762 59.9393 60.828 46.9361 55.9224C43.1915 54.5819 39.6657 53.4696 39.6657 47.0095C39.6657 38.7671 45.6174 26.5173 67.4352 8.91278ZM154.918 8.91278L149.185 0C109.957 26.9593 87.4832 59.7157 87.4832 86.675C87.4832 112.743 106.875 125 122.96 125C143.452 125 158 107.616 158 89.3488C158 73.9762 148.085 60.828 134.638 55.9224C130.893 54.5819 127.586 53.4696 127.586 47.0095C127.586 38.7671 133.756 26.5101 154.911 8.90565L154.918 8.91278Z" fill="#E9E2D9"></path>
</svg> </span>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="1 / 6" style="width: 857px; margin-right: 24px;">
<div class="testimonial-area8__card">
<div class="row g-0 align-items-stretch"> <!-- Aside -->
<div class="col-12 col-md-2">
<aside class="testimonial-area8__aside">
<div class="testimonial-area8__person">
<div class="testimonial-area8__name">Emily Brown</div>
<div class="testimonial-area8__role">Customer</div>
</div>
<div class="testimonial-area8__avatar-wrap"> <img class="testimonial-area8__avatar" src="assets/imgs/home-5/dummy-man-570x570-1.png" alt="Emily Brown"> </div>
</aside>
</div> <!-- Divider -->
<div class="col-12 d-md-none">
<hr class="testimonial-area8__divider--hr">
</div>
<div class="d-none d-md-block col-md-1"> <span class="testimonial-area8__divider"></span> </div>
<!-- Content -->
<div class="col-12 col-md-8">
<div class="testimonial-area8__body">
<div class="testimonial-area8__rating">
<div class="testimonial-area8__score">5.0</div>
<div class="testimonial-area8__meta"> <span class="testimonial-area8__label">Rating</span>
<span class="testimonial-area8__stars"> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> </span>
</div>
</div>
<p class="testimonial-area8__text"> Nemo enim ipsam voluptatem quia voluptas odit aut fugit,
sed quia consequuntur magni in ratione voluptatem sequi nesciunt. neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, </p>
</div>
</div>
</div> <!-- Decorative quote --> <span class="testimonial-area8__quote" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="158" height="125" viewBox="0 0 158 125" fill="none">
<path d="M67.4352 8.91278L61.7022 0C22.0365 26.9593 0 59.7157 0 86.675C0 112.743 18.9549 125 35.0399 125C55.3134 125 69.6353 107.616 69.6353 89.3488C69.6353 73.9762 59.9393 60.828 46.9361 55.9224C43.1915 54.5819 39.6657 53.4696 39.6657 47.0095C39.6657 38.7671 45.6174 26.5173 67.4352 8.91278ZM154.918 8.91278L149.185 0C109.957 26.9593 87.4832 59.7157 87.4832 86.675C87.4832 112.743 106.875 125 122.96 125C143.452 125 158 107.616 158 89.3488C158 73.9762 148.085 60.828 134.638 55.9224C130.893 54.5819 127.586 53.4696 127.586 47.0095C127.586 38.7671 133.756 26.5101 154.911 8.90565L154.918 8.91278Z" fill="#E9E2D9"></path>
</svg> </span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="2 / 6" style="width: 857px; margin-right: 24px;">
<div class="testimonial-area8__card">
<div class="row g-0 align-items-stretch"> <!-- Aside -->
<div class="col-12 col-md-2">
<aside class="testimonial-area8__aside">
<div class="testimonial-area8__person">
<div class="testimonial-area8__name">Emily Brown</div>
<div class="testimonial-area8__role">Customer</div>
</div>
<div class="testimonial-area8__avatar-wrap"> <img class="testimonial-area8__avatar" src="assets/imgs/home-5/dummy-man-570x570-1.png" alt="Emily Brown"> </div>
</aside>
</div> <!-- Divider -->
<div class="col-12 d-md-none">
<hr class="testimonial-area8__divider--hr">
</div>
<div class="d-none d-md-block col-md-1"> <span class="testimonial-area8__divider"></span> </div>
<!-- Content -->
<div class="col-12 col-md-8">
<div class="testimonial-area8__body">
<div class="testimonial-area8__rating">
<div class="testimonial-area8__score">5.0</div>
<div class="testimonial-area8__meta"> <span class="testimonial-area8__label">Rating</span>
<span class="testimonial-area8__stars"> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> <svg viewBox="0 0 24 24" class="testimonial-area8__star">
<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path>
</svg> </span>
</div>
</div>
<p class="testimonial-area8__text"> Nemo enim ipsam voluptatem quia voluptas odit aut fugit,
sed quia consequuntur magni in ratione voluptatem sequi nesciunt. neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, </p>
</div>
</div>
</div> <!-- Decorative quote --> <span class="testimonial-area8__quote" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="158" height="125" viewBox="0 0 158 125" fill="none">
<path d="M67.4352 8.91278L61.7022 0C22.0365 26.9593 0 59.7157 0 86.675C0 112.743 18.9549 125 35.0399 125C55.3134 125 69.6353 107.616 69.6353 89.3488C69.6353 73.9762 59.9393 60.828 46.9361 55.9224C43.1915 54.5819 39.6657 53.4696 39.6657 47.0095C39.6657 38.7671 45.6174 26.5173 67.4352 8.91278ZM154.918 8.91278L149.185 0C109.957 26.9593 87.4832 59.7157 87.4832 86.675C87.4832 112.743 106.875 125 122.96 125C143.452 125 158 107.616 158 89.3488C158 73.9762 148.085 60.828 134.638 55.9224C130.893 54.5819 127.586 53.4696 127.586 47.0095C127.586 38.7671 133.756 26.5101 154.911 8.90565L154.918 8.91278Z" fill="#E9E2D9"></path>
</svg> </span>
</div>
</div></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</section>
<!-- <style>
.box-shado {
z-index: 2;
pointer-events: none;
background-image: linear-gradient(90deg, #f6f6f6, transparent 40% 60%, #f6f6f6);
position: absolute;
inset: -2% -12%;
}
</style> -->
<div class="brand-slide-5__area pt-150px pb-150px overflow-hidden " style="position: relative;">
<div class="container-fluid">
<div class="section-heading">
<h3 class="title wow fadeInUp" data-wow-delay="0.3s">
Trusted by Leading Brands <br> Across Industries
</h3>
<p>
GreenPack proudly partners with over 50+ leading brands across India and South Asia,
serving cafés, QSR chains, hospitality groups, airlines, and premium restaurants.
Our packaging solutions are trusted by clients who value sustainability, aesthetics,
and reliability as much as we do.
</p>
</div>
<div class="testimonial-section-3__wrapper" style="position: relative;">
<div class="box-shado"></div>
<div dir="rtl" class="brand-section-5__slide">
<div class="swiper brand-section-5__active swiper-initialized swiper-horizontal swiper-pointer-events swiper-rtl">
<div class="swiper-wrapper" id="swiper-wrapper-7b783c1fe4727f86" aria-live="off" style="transform: translate3d(2620px, 0px, 0px); transition-duration: 3500ms;"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" role="group" aria-label="1 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-01.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" role="group" aria-label="2 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-02.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-03.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-04.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="5 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-05.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-06.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-07.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="2 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-08.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-09.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="3" role="group" aria-label="4 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-10.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="4" role="group" aria-label="5 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-11.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-12.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="1 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-13.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="2 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-14.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-15.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-16.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="5 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-17.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 6" style="width: 198.333px; margin-left: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-18.png" alt="brand not found">
</div>
</div></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
<div dir="ltr" class="brand-section-5__slide">
<div class="swiper brand-section-5__active swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" id="swiper-wrapper-bcc27a1e8fea3727" aria-live="off" style="transform: translate3d(-2620px, 0px, 0px); transition-duration: 3500ms;">
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" role="group" aria-label="1 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-19.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" role="group" aria-label="2 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-19.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-20.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-21.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="5 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-22.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-23.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-24.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="2 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-25.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-26.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="3" role="group" aria-label="4 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-27.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="4" role="group" aria-label="5 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-28.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-29.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate " data-swiper-slide-index="0" role="group" aria-label="1 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-30.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="2 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-31.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-32.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-33.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="5 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-34.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-35.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate " data-swiper-slide-index="0" role="group" aria-label="1 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-36.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="2 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-37.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-38.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-39.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="5 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-40.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-41.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate " data-swiper-slide-index="0" role="group" aria-label="1 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-42.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="2 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-43.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-44.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-45.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="5 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-46.png" alt="brand not found">
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-47.png" alt="brand not found">
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 6" style="width: 198.333px; margin-right: 20px;">
<div class="brand-section-5__item">
<img src="assets/imgs/home-5/Greenpack-client-48.png" alt="brand not found">
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
<div class="box-shado"></div>
</div>
</div>
</div>
<div class="cta-area8">
<div class="container-1600">
<div class="cta-area8__wrap section-spacing bg-img" style="background-image: url(assets/imgs/home-5/cta-bg6.jpg);">
<div class="row justify-content-center text-center">
<div class="col-lg-8">
<!-- <div class="cta-area8__members rr-ov-hidden">
<img data-speed="0.9" src="assets/imgs/home-8/cta/cta-avatar6_1.png" alt="members" class="cta-area8__members-img" data-lag="0" style="translate: none; rotate: none; scale: none; transform: translate(0px, 21.1495px); will-change: transform;">
1100+ active members
</div> -->
<h2 class="cta-area8__title">
Let’s make this official, sign up<br>and access the vault
</h2>
<form class="cta-area8__form">
<input type="email" class="cta-area8__input" placeholder="Enter Your Email">
<button class="rr-btn-border btn-black">
<span class="text">GET IN TOUCH </span>
<span class="icon"><i class="fa-regular fa-arrow-right"></i></span>
</button>
</form>
</div>
</div>
</div>
</div>
</div>
<footer class="footer-area8 bg-img" style="background-image: url(assets/imgs/home-5/footer-bg6.jpg);">
<div class="container-1600">
<div class="row gy-4 gy-lg-0 footer-area8__top">
<!-- Brand -->
<div class="col-lg-6 col-md-6 footer-area8__brand">
<h3 class="footer-area8__logo"><img src="assets/imgs/home-5/3Dlogo-10-pmlad3xgb7i6ug5dzx8yomzxqnmomzdaz1pa9cueew.png.webp" alt="logo"></h3>
<p class="footer-area8__desc rr-title-anim-2"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit aliquam, veniam quaerat totam nisi illum eius sequi sit id asperiores voluptatem, ipsa dolor ad consequatur.</p>
</div>
<!-- <div class="col-lg-3 col-md-6"></div> -->
<!-- Links 1 -->
<div class="col-lg-2 col-md-6 footer-area8__column">
<h4 class="footer-area8__heading">Home</h4>
<ul class="footer-area8__list wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
<li class="footer-area8__item"><a href="#">Overview</a></li>
<li class="footer-area8__item"><a href="#">Benefits</a></li>
<li class="footer-area8__item"><a href="#">Services</a></li>
<li class="footer-area8__item"><a href="#">Features</a></li>
<li class="footer-area8__item"><a href="#">Pricing</a></li>
</ul>
</div>
<!-- Links 2 -->
<div class="col-lg-2 col-md-6 footer-area8__column">
<h4 class="footer-area8__heading">Company</h4>
<ul class="footer-area8__list wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<li class="footer-area8__item"><a href="#">About Us</a></li>
<li class="footer-area8__item"><a href="#">Our Team</a></li>
<li class="footer-area8__item"><a href="#">How To Use</a></li>
<li class="footer-area8__item"><a href="#">FAQ’s</a></li>
<li class="footer-area8__item"><a href="#">Testimonials</a></li>
</ul>
</div>
<!-- Links 3 -->
<div class="col-lg-2 col-md-6 footer-area8__column">
<h4 class="footer-area8__heading">All Pages</h4>
<ul class="footer-area8__list wow fadeInUp" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<li class="footer-area8__item"><a href="#">Help Center</a></li>
<li class="footer-area8__item"><a href="#">Integration</a></li>
<li class="footer-area8__item"><a href="#">Blog Article</a></li>
<li class="footer-area8__item"><a href="#">Privacy Policy</a></li>
<li class="footer-area8__item"><a href="#">Error Page</a></li>
</ul>
</div>
<!-- App -->
<!-- <div class="col-lg-3 col-md-6 footer-area8__column">
<h4 class="footer-area8__heading">Download our App</h4>
<div class="footer-area8__social d-flex gap-2">
<a href="#" class="footer-area8__social-link">Fb</a>
<a href="#" class="footer-area8__social-link">In</a>
<a href="#" class="footer-area8__social-link">X</a>
<a href="#" class="footer-area8__social-link">D</a>
</div>
</div> -->
</div>
<div class="connect-area7__bottom d-flex flex-column flex-md-row justify-content-between text-white">
<h4 class="section__subtitle"><span></span>Lorem, ipsum dolor</h4>
<!-- <div class="connect-area7__social d-flex">
<a href="#">Facebook</a>
<a href="#">Twitter</a>
<a href="#">Instagram</a>
<a href="#">Dribbble</a>
</div> -->
<div class="d-flex justify-content-between align-items-center footer-bottom-right">
<span class="footer-span">Copyright © 2025 . All Rights Reserved</span>
<div class="connect-area7__social d-flex">
<a href="#">Privacy Policy</a>
<a href="#">Terms of use</a>
</div>
</div>
</div>
<!-- <div class="footer-area8__bottom text-center">
<p class="footer-area8__copy mb-0">
All rights reserved
</p>
</div> -->
</div>
</footer>
</div>
</div>
<script src="assets/vandor/jquery/jquery.js"></script>
<script src="assets/vandor/bootstrap/bootstrap.bundle.min.js"></script>
<script src="assets/vandor/popup/jquery.magnific-popup.min.js"></script>
<script src="assets/vandor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vandor/gsap/gsap.min.js"></script>
<script src="assets/vandor/gsap/ScrollSmoother.min.js"></script>
<script src="assets/vandor/gsap/ScrollTrigger.min.js"></script>
<script src="assets/vandor/gsap/SplitText.min.js"></script>
<script src="assets/vandor/gsap/SplitType.js"></script>
<script src="assets/vandor/gsap/customEase.js"></script>
<script src="assets/vandor/odometer/odometer.min.js"></script>
<script src="assets/vandor/odometer/waypoints.min.js"></script>
<script src="assets/vandor/menu/jquery.meanmenu.min.js"></script>
<script src="assets/vandor/backtop/backToTop.js"></script>
<script src="assets/vandor/nice-select/nice-select.js"></script>
<script src="assets/vandor/wow/wow.min.js"></script>
<script src="assets/vandor/common-js/common.js"></script>
<script src="assets/js/main.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.7/swiper-bundle.min.js"></script>
<script>
const swiper_01 = new Swiper('.product-slider', {
loop: true,
speed: 800,
centeredSlides: true,
slidesPerView: 3,
spaceBetween: 10,
autoplay: {
delay: 4000,
disableOnInteraction: false,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
spaceBetween: 20
},
768: {
slidesPerView: 1,
spaceBetween: 25
},
1024: {
slidesPerView: 3,
spaceBetween: 10
}
}
});
</script>
<script>
new Swiper(".aboutSwiper", {
loop: true,
autoplay: {
delay: 1500,
disableOnInteraction: false,
},
speed: 800,
spaceBetween: 30,
breakpoints: {
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
1200: {
slidesPerView: 4,
}
}
});
</script>
</body>
</html>