Access_New/pages/element-review.html
2024-09-05 11:33:27 +05:45

2071 lines
114 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
</head>
<body data-mobile-nav-style="classic">
<header>
<nav class="navbar navbar-expand-lg header-light header-reverse header-demo" data-header-hover="light">
<div class="container-fluid">
<div class="col-auto col-lg-2 me-lg-0 me-auto">
<a class="navbar-brand" href="index.html">
<img src="images/logo-black.png" data-at2x="images/logo-black@2x.png" alt class="default-logo">
<img src="images/logo-black.png" data-at2x="images/logo-black@2x.png" alt class="alt-logo">
<img src="images/logo-black.png" data-at2x="images/logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto col-lg-8 menu-order position-static">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item dropdown submenu">
<a href="javascript:void(0);" class="nav-link">Pre-Built Sites</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink1" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<div class="dropdown-menu submenu-content background-position-center cover-background" aria-labelledby="navbarDropdownMenuLink1" style="background-image: url('images/pre-built-sites-bg.jpg')">
<div class="d-lg-flex mega-menu m-auto">
<ul class="col">
<li><a href="demo-corporate.html" target="_blank">Corporate<span class="label bg-solitude-blue text-cornflower-blue border-radius-26px">Trendy</span></a></li>
<li><a href="demo-marketing.html" target="_blank">Marketing</a></li>
<li><a href="demo-accounting.html" target="_blank">Accounting<span class="label bg-light-red text-red border-radius-26px">Classic</span></a></li>
<li><a href="demo-beauty-salon.html" target="_blank">Beauty Salon</a></li>
<li><a href="demo-architecture.html" target="_blank">Architecture</a></li>
<li><a href="demo-ebook.html" target="_blank">eBook</a></li>
<li><a href="demo-seo-agency.html" target="_blank">SEO Agency</a></li>
<li><a href="demo-hosting.html" target="_blank">Hosting</a></li>
<li><a href="demo-consulting.html" target="_blank">Consulting</a></li>
<li><a href="demo-green-energy.html" target="_blank">Green Energy</a></li>
<li><a href="demo-business.html" target="_blank">Business</a></li>
<li><a href="demo-interactive-portfolio.html" target="_blank">Interactive Portfolio</a></li>
<li><a href="demo-spa-salon.html" target="_blank">Spa Salon<span class="label bg-light-majorelle-blue text-majorelle-blue border-radius-26px">Clean</span></a></li>
</ul>
<ul class="col">
<li><a href="demo-branding-agency.html" target="_blank">Branding Agency<span class="label bg-white-ice text-jade border-radius-26px">New</span></a></li>
<li><a href="demo-elearning.html" target="_blank">eLearning</a></li>
<li><a href="demo-it-business.html" target="_blank">IT Business<span class="label bg-light-majorelle-blue text-majorelle-blue border-radius-26px">Modern</span></a></li>
<li><a href="demo-barber.html" target="_blank">Barber</a></li>
<li><a href="demo-hotel-and-resort.html" target="_blank">Hotel & Resort</a></li>
<li><a href="demo-real-estate.html" target="_blank">Real Estate</a></li>
<li><a href="demo-jewellery-store.html" target="_blank">Jewellery Store</a></li>
<li><a href="demo-travel-agency.html" target="_blank">Travel Agency</a></li>
<li><a href="demo-gym-and-fitness.html" target="_blank">Gym & Fitness</a></li>
<li><a href="demo-logistics.html" target="_blank">Logistics</a></li>
<li><a href="demo-design-agency.html" target="_blank">Design Agency<span class="label bg-light-red text-red border-radius-26px">Creative</span></a></li>
<li><a href="demo-photography.html" target="_blank">Photography</a></li>
<li><a href="demo-pizza-parlor.html" target="_blank">Pizza Parlor</a></li>
</ul>
<ul class="col">
<li><a href="demo-restaurant.html" target="_blank">Restaurant<span class="label bg-light-red text-red border-radius-26px">Hot</span></a></li>
<li><a href="demo-scattered-portfolio.html" target="_blank">Scattered Portfolio</a></li>
<li><a href="demo-data-analysis.html" target="_blank">Data Analysis</a></li>
<li><a href="demo-medical.html" target="_blank">Medical</a></li>
<li><a href="demo-horizontal-portfolio.html" target="_blank">Horizontal Portfolio</a></li>
<li><a href="demo-product-showcase.html" target="_blank">Product Showcase<span class="label bg-solitude-blue text-cornflower-blue border-radius-26px">Trendy</span></a></li>
<li><a href="demo-finance.html" target="_blank">Finance</a></li>
<li><a href="demo-elder-care.html" target="_blank">Elder Care</a></li>
<li><a href="demo-fashion-store.html" target="_blank">Fashion Store</a></li>
<li><a href="demo-music-onepage.html" target="_blank">Music</a></li>
<li><a href="demo-vertical-portfolio.html" target="_blank">Vertical Portfolio</a></li>
<li><a href="demo-freelancer.html" target="_blank">Freelancer<span class="label bg-light-majorelle-blue text-majorelle-blue border-radius-26px">Clean</span></a></li>
<li><a href="demo-charity.html" target="_blank">Charity</a></li>
</ul>
<ul class="col">
<li><a href="demo-digital-agency.html" target="_blank">Digital Agency</a></li>
<li><a href="demo-web-agency.html" target="_blank">Web Agency<span class="label bg-white-ice text-jade border-radius-26px">Creative</span></a></li>
<li><a href="demo-yoga-and-meditation.html" target="_blank">Yoga & Meditation</a></li>
<li><a href="demo-startup.html" target="_blank">Startup</a></li>
<li><a href="demo-application.html" target="_blank">Application<span class="label bg-light-majorelle-blue text-majorelle-blue border-radius-26px">New</span></a></li>
<li><a href="demo-lawyer.html" target="_blank">Lawyer</a></li>
<li><a href="demo-cryptocurrency.html" target="_blank">Cryptocurrency</a></li>
<li><a href="demo-conference.html" target="_blank">Conference</a></li>
<li><a href="demo-minimal-portfolio.html" target="_blank">Minimal Portfolio<span class="label bg-light-red text-red border-radius-26px">Hot</span></a></li>
<li><a href="demo-decor-store.html" target="_blank">Decor Store</a></li>
<li><a href="demo-magazine.html" target="_blank">Magazine</a></li>
<li><a href="demo-blogger.html" target="_blank">Blogger</a></li>
<li><a href="demo-wedding-invitation.html" target="_blank">Wedding Invitation</a></li>
</ul>
</div>
</div>
</li>
<li class="nav-item dropdown submenu">
<a href="javascript:void(0);" class="nav-link">Pages</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink2" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink2">
<div class="d-lg-flex mega-menu m-auto">
<ul class="col">
<li class="sub-title">About Pages</li>
<li><a href="demo-branding-agency-about.html" target="_blank">About - Branding<span class="label bg-light-red text-red border-radius-26px">Hot</span></a></li>
<li><a href="demo-restaurant-about.html" target="_blank">About - Restaurant</a></li>
<li><a href="demo-minimal-portfolio-about.html" target="_blank">About - Minimal</a></li>
<li><a href="demo-accounting-company.html" target="_blank">About - Accounting</a></li>
<li><a href="demo-architecture-about.html" target="_blank">About - Architecture</a></li>
<li><a href="demo-digital-agency-about.html" target="_blank">About - Digital</a></li>
<li><a href="demo-photography-about.html" target="_blank">About - Photography</a></li>
<li><a href="demo-design-agency-about.html" target="_blank">About - Agency</a></li>
<li><a href="demo-marketing-about.html" target="_blank">About - Marketing<span class="label bg-white-ice text-jade border-radius-26px">New</span></a></li>
<li><a href="demo-scattered-portfolio-about.html" target="_blank">About - Scattered</a></li>
<li><a href="demo-medical-about.html" target="_blank">About - Medical</a></li>
<li><a href="demo-web-agency-about.html" target="_blank">About - Web<span class="label bg-light-red text-red border-radius-26px">Hot</span></a></li>
<li><a href="demo-startup-who-we-are.html" target="_blank">About - Startup</a></li>
<li><a href="demo-hotel-and-resort-about-us.html" target="_blank">About - Hotel</a></li>
<li><a href="demo-elearning-about.html" target="_blank">About - eLearning<span class="label bg-solitude-blue text-cornflower-blue border-radius-26px">New</span></a></li>
</ul>
<ul class="col">
<li class="sub-title">Services Pages</li>
<li><a href="demo-accounting-services.html" target="_blank">Services - Accounting</a></li>
<li><a href="demo-marketing-services.html" target="_blank">Services - Marketing</a></li>
<li><a href="demo-branding-agency-services.html" target="_blank">Services - Branding<span class="label bg-solitude-blue text-cornflower-blue border-radius-26px">New</span></a></li>
<li><a href="demo-minimal-portfolio-expertise.html" target="_blank">Services - Minimal</a></li>
<li><a href="demo-web-agency-expertise.html" target="_blank">Services - Web</a></li>
<li><a href="demo-architecture-services.html" target="_blank">Services - Architecture</a></li>
<li><a href="demo-digital-agency-expertise.html" target="_blank">Services - Digital</a></li>
<li><a href="demo-startup-services.html" target="_blank">Services - Startup</a></li>
<li><a href="demo-scattered-portfolio-expertise.html" target="_blank">Services - Scattered</a></li>
<li><a href="demo-lawyer-practice-areas.html" target="_blank">Services - Lawyer</a></li>
<li><a href="demo-corporate-services.html" target="_blank">Services - Corporate<span class="label bg-white-ice text-jade border-radius-26px">New</span></a></li>
<li><a href="demo-data-analysis-what-we-do.html" target="_blank">Services - Data Analysis</a></li>
<li><a href="demo-marketing-services-details.html" target="_blank">Single Marketing</a></li>
<li><a href="demo-accounting-services-details.html" target="_blank">Single Accounting</a></li>
<li><a href="demo-branding-agency-services-detail.html" target="_blank">Single - Branding<span class="label bg-light-red text-red border-radius-26px">Hot</span></a></li>
</ul>
<ul class="col">
<li class="sub-title">Contact Pages</li>
<li><a href="demo-scattered-portfolio-contact.html" target="_blank">Contact - Scattered</a></li>
<li><a href="demo-branding-agency-contact.html" target="_blank">Contact - Branding<span class="label bg-solitude-blue text-cornflower-blue border-radius-26px">New</span></a></li>
<li><a href="demo-photography-contact.html" target="_blank">Contact - Photography</a></li>
<li><a href="demo-hotel-and-resort-contact.html" target="_blank">Contact - Hotel</a></li>
<li><a href="demo-spa-salon-contact.html" target="_blank">Contact - Spa</a></li>
<li><a href="demo-it-business-contact.html" target="_blank">Contact - IT Business<span class="label bg-light-red text-red border-radius-26px">Hot</span></a></li>
<li><a href="demo-architecture-contact.html" target="_blank">Contact - Architecture</a></li>
<li><a href="demo-design-agency-contact.html" target="_blank">Contact - Agency</a></li>
<li><a href="demo-marketing-contact.html" target="_blank">Contact - Marketing</a></li>
<li><a href="demo-horizontal-portfolio-contact.html" target="_blank">Contact - Portfolio</a></li>
<li><a href="demo-accounting-contact.html" target="_blank">Contact - Accounting</a></li>
<li><a href="demo-elearning-contact.html" target="_blank">Contact - eLearning</a></li>
<li><a href="demo-corporate-contact.html" target="_blank">Contact - Corporate</a></li>
<li><a href="demo-real-estate-contact.html" target="_blank">Contact - Real Estate</a></li>
<li><a href="demo-web-agency-contact.html" target="_blank">Contact - Web</a></li>
</ul>
<ul class="col">
<li class="sub-title">Other Pages</li>
<li><a href="demo-corporate-pricing.html" target="_blank">Pricing - Corporate</a></li>
<li><a href="demo-hosting-pricing.html" target="_blank">Pricing - Hosting</a></li>
<li><a href="demo-data-analysis-pricing.html" target="_blank">Pricing - Data Analysis</a></li>
<li><a href="demo-marketing-pricing.html" target="_blank">Pricing - Marketing<span class="label bg-white-ice text-jade border-radius-26px">New</span></a></li>
<li><a href="demo-consulting-process.html" target="_blank">Process - Consulting</a></li>
<li><a href="demo-accounting-process.html" target="_blank">Process - Accounting</a></li>
<li><a href="demo-startup-clients.html" target="_blank">Clients - Startup</a></li>
<li><a href="demo-business-clients.html" target="_blank">Clients - Business</a></li>
<li><a href="demo-corporate-customer-stories.html" target="_blank">Testimonials - Corporate</a></li>
<li><a href="demo-data-analysis-testimonials.html" target="_blank">Reviews - Data Analysis</a></li>
<li><a href="demo-finance-team.html" target="_blank">Team - Finance</a></li>
<li><a href="demo-marketing-team.html" target="_blank">Team - Marketing</a></li>
<li><a href="demo-web-agency-people.html" target="_blank">Team - Web<span class="label bg-light-red text-red border-radius-26px">Hot</span></a></li>
<li><a href="demo-restaurant-chefs.html" target="_blank">Chefs - Restaurant</a></li>
<li><a href="demo-pizza-parlor-chefs.html" target="_blank">Chefs - Pizza Parlor</a></li>
</ul>
<ul class="col">
<li class="sub-title">Other Pages</li>
<li><a href="demo-real-estate-agents.html" target="_blank">Agents - Real Estate</a></li>
<li><a href="demo-elearning-instructors.html" target="_blank">Instructors - eLearning</a></li>
<li><a href="demo-hotel-and-resort-amenities.html" target="_blank">Amenities - Hotel</a></li>
<li><a href="demo-medical-timetable.html" target="_blank">Timetable - Medical</a></li>
<li><a href="demo-photography-award.html" target="_blank">Award - Photography</a></li>
<li><a href="demo-decor-store-faq.html" target="_blank">FAQ - Decor Store</a></li>
<li><a href="demo-charity-causes.html" target="_blank">Causes - Charity</a></li>
<li><a href="demo-restaurant-menu.html" target="_blank">Menu - Restaurant</a></li>
<li><a href="demo-hotel-and-resort-bistro.html" target="_blank">Menu - Hotel<span class="label bg-solitude-blue text-cornflower-blue border-radius-26px">New</span></a></li>
<li><a href="demo-pizza-parlor-menu.html" target="_blank">Menu - Pizza</a></li>
<li><a href="demo-application-features.html" target="_blank">Features - Application</a></li>
<li><a href="404.html">Error 404</a></li>
<li><a href="search-result.html">Search Results</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</div>
</div>
</li>
<li class="nav-item dropdown simple-dropdown">
<a href="javascript:void(0);" class="nav-link">Portfolio</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink3" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink3">
<li class="dropdown">
<a href="javascript:void(0);">Portfolio Classic<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="portfolio-classic-two-column.html">Classic 2 Column</a></li>
<li><a href="portfolio-classic-three-column.html">Classic 3 Column</a></li>
<li><a href="portfolio-classic-four-column.html">Classic 4 Column</a></li>
<li><a href="portfolio-classic-masonry.html">Classic Masonry</a></li>
<li><a href="portfolio-classic-metro.html">Classic Metro</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Portfolio Boxed<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="portfolio-boxed-two-column.html">Boxed 2 Column</a></li>
<li><a href="portfolio-boxed-three-column.html">Boxed 3 Column</a></li>
<li><a href="portfolio-boxed-four-column.html">Boxed 4 Column</a></li>
<li><a href="portfolio-boxed-masonry.html">Boxed Masonry</a></li>
<li><a href="portfolio-boxed-metro.html">Boxed Metro</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Portfolio Transform<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="portfolio-transform-two-column.html">Transform 2 Column</a></li>
<li><a href="portfolio-transform-three-column.html">Transform 3 Column</a></li>
<li><a href="portfolio-transform-four-column.html">Transform 4 Column</a></li>
<li><a href="portfolio-transform-masonry.html">Transform Masonry</a></li>
<li><a href="portfolio-transform-metro.html">Transform Metro</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Portfolio Creative<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="portfolio-creative-two-column.html">Creative 2 Column</a></li>
<li><a href="portfolio-creative-three-column.html">Creative 3 Column</a></li>
<li><a href="portfolio-creative-four-column.html">Creative 4 Column</a></li>
<li><a href="portfolio-creative-masonry.html">Creative Masonry</a></li>
<li><a href="portfolio-creative-metro.html">Creative Metro</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Portfolio Attractive<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="portfolio-attractive-two-column.html">Attractive 2 Column</a></li>
<li><a href="portfolio-attractive-three-column.html">Attractive 3 Column</a></li>
<li><a href="portfolio-attractive-four-column.html">Attractive 4 Column</a></li>
<li><a href="portfolio-attractive-masonry.html">Attractive Masonry</a></li>
<li><a href="portfolio-attractive-metro.html">Attractive Metro</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Portfolio Clean<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="portfolio-clean-two-column.html">Clean 2 Column</a></li>
<li><a href="portfolio-clean-three-column.html">Clean 3 Column</a></li>
<li><a href="portfolio-clean-four-column.html">Clean 4 Column</a></li>
<li><a href="portfolio-clean-masonry.html">Clean Masonry</a></li>
<li><a href="portfolio-clean-metro.html">Clean Metro</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Portfolio Simple<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="portfolio-simple-two-column.html">Simple 2 Column</a></li>
<li><a href="portfolio-simple-three-column.html">Simple 3 Column</a></li>
<li><a href="portfolio-simple-four-column.html">Simple 4 Column</a></li>
<li><a href="portfolio-simple-masonry.html">Simple Masonry</a></li>
<li><a href="portfolio-simple-metro.html">Simple Metro</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Portfolio Modern<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="portfolio-modern-two-column.html">Modern 2 Column</a></li>
<li><a href="portfolio-modern-three-column.html">Modern 3 Column</a></li>
<li><a href="portfolio-modern-four-column.html">Modern 4 Column</a></li>
<li><a href="portfolio-modern-masonry.html">Modern Masonry</a></li>
<li><a href="portfolio-modern-metro.html">Modern Metro</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Portfolio Other<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="portfolio-slider.html">Portfolio Slider</a></li>
<li><a href="portfolio-parallax.html">Portfolio Parallax</a></li>
<li><a href="portfolio-justified-gallery.html">Justified Gallery</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Single Project<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="demo-digital-agency-single-project-minimal.html" target="_blank">Single - Minimal</a></li>
<li><a href="demo-branding-agency-single-project-slider.html" target="_blank">Single - Slider</a></li>
<li><a href="demo-architecture-single-project-gallery.html" target="_blank">Single - Gallery</a></li>
<li><a href="demo-interactive-portfolio-single-project-modern.html" target="_blank">Single - Modern</a></li>
<li><a href="demo-design-agency-single-project-simple.html" target="_blank">Single - Simple</a></li>
<li><a href="demo-web-agency-single-project-creative.html" target="_blank">Single - Creative</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown submenu">
<a href="javascript:void(0);" class="nav-link">Elements</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink4" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink4">
<div class="d-lg-flex mega-menu m-auto">
<ul class="col">
<li><a href="element-accordion.html">Accordion</a></li>
<li><a href="element-buttons.html">Button</a></li>
<li><a href="element-team.html">Team</a></li>
<li><a href="element-testimonials.html">Testimonials<span class="label bg-white-ice text-jade border-radius-26px">New</span></a></li>
<li><a href="element-clients.html">Clients</a></li>
<li><a href="element-review.html">Review</a></li>
<li><a href="element-subscribe.html">Subscribe</a></li>
<li><a href="element-call-to-action.html">Call to Action</a></li>
<li><a href="element-tab.html">Tab<span class="label bg-light-red text-red border-radius-26px">Hot</span></a></li>
<li><a href="element-google-map.html">Google Map<span class="label bg-solitude-blue text-cornflower-blue border-radius-26px">New</span></a></li>
<li><a href="element-contact-form.html">Contact Form</a></li>
<li><a href="element-columns.html">Columns</a></li>
<li><a href="element-alert-boxes.html">Alert Boxes</a></li>
<li><a href="element-image-gallery.html">Image Gallery</a></li>
</ul>
<ul class="col">
<li><a href="element-progress-bar.html">Progress Bar</a></li>
<li><a href="element-process-step.html">Process Step<span class="label bg-white-ice text-jade border-radius-26px">New</span></a></li>
<li><a href="element-icon-with-text.html">Icon with Text<span class="label bg-light-red text-red border-radius-26px">Hot</span></a></li>
<li><a href="element-shape-dividers.html">Shape Dividers</a></li>
<li><a href="element-counters.html">Counters</a></li>
<li><a href="element-countdown.html">Countdown</a></li>
<li><a href="element-fancy-text-box.html">Fancy Text Box</a></li>
<li><a href="element-heading.html">Heading</a></li>
<li><a href="element-dropcaps.html">Dropcaps</a></li>
<li><a href="element-blockquote.html">Blockquote</a></li>
<li><a href="element-highlights.html">Highlights</a></li>
<li><a href="element-lists.html">Lists</a></li>
<li><a href="element-social-icons.html">Social Icons</a></li>
<li><a href="element-pricing-table.html">Pricing Table</a></li>
</ul>
<ul class="col">
<li><a href="element-interactive-banners.html">Interactive Banners</a></li>
<li><a href="element-services-box.html">Services Box</a></li>
<li><a href="element-rotate-box.html">Rotate Box<span class="label bg-solitude-blue text-cornflower-blue border-radius-26px">New</span></a></li>
<li><a href="element-instagram.html">Instagram</a></li>
<li><a href="element-parallax-scrolling.html">Parallax Scrolling</a></li>
<li><a href="element-sliding-box.html">Sliding Box<span class="label bg-white-ice text-jade border-radius-26px">New</span></a></li>
<li><a href="element-content-carousel.html">Content Carousel</a></li>
<li><a href="element-media.html">Media</a></li>
<li><a href="element-event.html">Event</a></li>
<li><a href="element-dividers.html">Dividers</a></li>
<li><a href="element-horizontal-list-item.html">Horizontal List Item</a></li>
<li><a href="element-banners.html">Banners</a></li>
<li><a href="element-carousel.html">Carousel</a></li>
<li><a href="element-tilt-effect.html">Tilt Effect<span class="label bg-light-red text-red border-radius-26px">Hot</span></a></li>
</ul>
<ul class="col premium-element cover-background" style="background-image: url('images/premium-elements-bg.jpg')">
<li class="sub-title">Premium Elements</li>
<li><a href="element-adaptive-backgrounds.html">Adaptive Backgrounds</a></li>
<li><a href="element-sticky-column.html">Sticky Column</a></li>
<li><a href="element-3d-parallax-hover.html">3D Parallax Hover</a></li>
<li><a href="demo-restaurant.html" target="_blank">Custom Cursor</a></li>
<li><a href="element-animated-particles.html">Animated Particles</a></li>
<li><a href="element-marquee.html">Marquee</a></li>
<li><a href="element-fancy-heading.html">Fancy Heading</a></li>
<li><a href="element-fancy-images.html">Fancy Images</a></li>
<li><a href="element-scrolling-effects.html">Scrolling Effects</a></li>
</ul>
</div>
</div>
</li>
<li class="nav-item dropdown simple-dropdown">
<a href="javascript:void(0);" class="nav-link">Features</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink5" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink5">
<li class="dropdown">
<a href="javascript:void(0);">Header<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="demo-business.html" target="_blank">Transparent Header</a></li>
<li><a href="demo-corporate.html" target="_blank">White Header</a></li>
<li><a href="header-dark.html" target="_blank">Dark Header</a></li>
<li><a href="demo-digital-agency.html" target="_blank">Left Navigation</a></li>
<li><a href="demo-branding-agency.html" target="_blank">Right Navigation</a></li>
<li><a href="demo-restaurant.html" target="_blank">Center Navigation</a></li>
<li><a href="demo-data-analysis.html" target="_blank">Header with Top Bar</a></li>
<li><a href="demo-startup.html" target="_blank">Header with Push</a></li>
<li><a href="demo-pizza-parlor.html" target="_blank">Center Logo</a></li>
<li><a href="header-top-logo.html" target="_blank">Top Logo</a></li>
<li><a href="demo-ebook.html" target="_blank">One Page Navigation</a></li>
<li><a href="header-mini.html" target="_blank">Mini Header</a></li>
<li><a href="demo-seo-agency.html" target="_blank">Header with Button</a></li>
<li><a href="demo-marketing.html" target="_blank">Header with Social</a></li>
<li class="dropdown">
<a href="javascript:void(0);">Left Menu<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="header-left-menu-simple.html" target="_blank">Left Menu Simple</a></li>
<li><a href="demo-minimal-portfolio.html" target="_blank">Left Menu Modern</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Hamburger Menu<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="demo-photography.html" target="_blank">Hamburger Simple</a></li>
<li><a href="demo-architecture.html" target="_blank">Hamburger Creative</a></li>
<li><a href="demo-freelancer.html" target="_blank">Hamburger Clean</a></li>
<li><a href="demo-gym-and-fitness.html" target="_blank">Hamburger Modern</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Header Type<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="header-always-fixed.html" target="_blank">Always Fixed</a></li>
<li><a href="demo-application.html" target="_blank">Disable Fixed</a></li>
<li><a href="demo-seo-agency.html" target="_blank">Reverse Auto</a></li>
<li><a href="demo-elder-care.html" target="_blank">Reverse Back Scroll</a></li>
<li><a href="demo-accounting.html" target="_blank">Responsive Sticky</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Mobile Menu<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="demo-startup.html" target="_blank">Classic</a></li>
<li><a href="demo-yoga-and-meditation.html" target="_blank">Modern</a></li>
<li><a href="demo-scattered-portfolio.html" target="_blank">Full Screen</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Lightbox & Modal<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="modal-simple.html">Simple Modal</a></li>
<li><a href="modal-subscription.html">Subscription</a></li>
<li><a href="modal-contact-form.html">Contact Form</a></li>
<li><a href="modal-youtube-video.html">Youtube Video</a></li>
<li><a href="modal-vimeo-video.html">Vimeo Video</a></li>
<li><a href="modal-google-map.html">Google Map</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Icon Packs<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="icon-packs-icons-mind-line.html">Icons Mind Line</a></li>
<li><a href="icon-packs-feather.html">Feather</a></li>
<li><a href="icon-packs-font-awesome.html">Font Awesome</a></li>
<li><a href="icon-packs-themify.html">Themify</a></li>
<li><a href="icon-packs-bootstrap.html">Bootstrap</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Sliders<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="demo-architecture.html" target="_blank">Revolution</a></li>
<li><a href="demo-startup.html" target="_blank">Swiper</a></li>
</ul>
</li>
<li class="dropdown">
<a href="animations.html">Animations</a>
</li>
<li class="dropdown">
<a href="demo-minimal-portfolio.html" target="_blank">Page Preloader</a>
</li>
<li class="dropdown">
<a href="demo-jewellery-store.html" target="_blank">Cookie Notify</a>
</li>
<li class="dropdown">
<a href="demo-startup.html" target="_blank">Back to Top</a>
</li>
<li class="dropdown">
<a href="demo-design-agency.html" target="_blank">Sticky Footer</a>
</li>
</ul>
</li>
<li class="nav-item dropdown simple-dropdown">
<a href="javascript:void(0);" class="nav-link">Blog</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink6" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink6">
<li class="dropdown"><a href="blog-grid.html">Blog Grid</a></li>
<li class="dropdown"><a href="blog-classic.html">Blog Classic</a></li>
<li class="dropdown"><a href="blog-metro.html">Blog Metro</a></li>
<li class="dropdown"><a href="blog-masonry.html">Blog Masonry</a></li>
<li class="dropdown"><a href="blog-simple.html">Blog Simple</a></li>
<li class="dropdown"><a href="blog-date.html">Blog Date</a></li>
<li class="dropdown"><a href="blog-only-text.html">Blog Only Text</a></li>
<li class="dropdown"><a href="blog-side-image.html">Blog Side Image</a></li>
<li class="dropdown"><a href="blog-modern.html">Blog Modern</a></li>
<li class="dropdown"><a href="blog-standard.html">Blog Standard</a></li>
<li class="dropdown">
<a href="javascript:void(0);">Single Post<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="demo-business-blog-single-modern.html" target="_blank">Single - Modern</a></li>
<li><a href="demo-elearning-blog-single-simple.html" target="_blank">Single - Simple</a></li>
<li><a href="demo-web-agency-blog-single-creative.html" target="_blank">Single - Creative</a></li>
<li><a href="demo-blogger-blog-single-classic.html" target="_blank">Single - Classic</a></li>
<li><a href="demo-architecture-blog-single-clean.html" target="_blank">Single - Clean</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);">Post Type<i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="blog-post-type-standard.html">Post - Standard</a></li>
<li><a href="blog-post-type-gallery.html">Post - Gallery</a></li>
<li><a href="blog-post-type-slider.html">Post - Slider</a></li>
<li><a href="blog-post-type-audio.html">Post - Audio</a></li>
<li><a href="blog-post-type-video.html">Post - Video</a></li>
<li><a href="blog-post-type-blockquote.html">Post - Blockquote</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown submenu">
<a href="javascript:void(0);" class="nav-link">Shop</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink7" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink7">
<div class="d-lg-flex mega-menu m-auto">
<ul class="col">
<li class="sub-title">Shop Layout</li>
<li><a href="demo-fashion-store-shop.html" target="_blank">Left Sidebar</a></li>
<li><a href="demo-fashion-store-right-sidebar.html" target="_blank">Right Sidebar</a></li>
<li><a href="demo-fashion-store-no-sidebar.html" target="_blank">No Sidebar</a></li>
<li><a href="demo-decor-store-collections.html" target="_blank">Collections - Style 01</a></li>
<li><a href="demo-jewellery-store-categories.html" target="_blank">Collections - Style 02</a></li>
<li><a href="demo-fashion-store-collection.html" target="_blank">Collections - Style 03</a></li>
<li><a href="demo-fashion-store-single-product.html" target="_blank">Single Product - Thumb Left</a></li>
<li><a href="demo-decor-store-single-product.html" target="_blank">Single Product - Thumb Bottom</a></li>
</ul>
<ul class="col">
<li class="sub-title">Utility Pages</li>
<li><a href="demo-decor-store-cart.html" target="_blank">Shopping Cart</a></li>
<li><a href="demo-decor-store-checkout.html" target="_blank">Checkout</a></li>
<li><a href="demo-decor-store-account.html" target="_blank">Login / Register</a></li>
<li><a href="demo-decor-store-faq.html" target="_blank">Help Center</a></li>
<li><a href="demo-fashion-store-wishlist.html" target="_blank">Wishlist</a></li>
</ul>
<ul class="col">
<li class="sub-title"><a href="index.html" target="_blank" class="p-0"><img src="images/banner-02.jpg" alt /></a></li>
</ul>
<ul class="col">
<li class="sub-title"><a href="index.html" target="_blank" class="p-0"><img src="images/banner-01.jpg" alt /></a></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-auto col-lg-2 text-end xs-pe-0">
<div class="header-icon">
<div class="header-button">
<a href="https://1.envato.market/R53mL2" target="_blank" class="btn btn-dark-gray btn-small btn-switch-text btn-rounded text-transform-none btn-box-shadow purchase-envato">
<span>
<span class="btn-double-text" data-text="Purchase Crafto">Purchase Crafto</span>
</span>
</a>
</div>
</div>
</div>
</div>
</nav>
</header>
<section class="ipad-top-space-margin md-pt-0">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-12 col-xl-6 col-lg-8 text-center position-relative page-title-double-large">
<div class="d-flex flex-column justify-content-center extra-very-small-screen">
<h1 class="text-dark-gray alt-font ls-minus-1px fw-700 mb-20px">Review</h1>
<h2 class="text-dark-gray d-inline-block fw-400 ls-0px mb-0">Review element enhances the visual presentation of customer reviews for captivating audience. Crafto, where reviews shine.</h2>
</div>
<div class="mt-auto justify-content-center breadcrumb breadcrumb-style-01 fs-14 text-dark-gray">
<ul>
<li><a href="index.html" class="text-dark-gray text-dark-gray-hover">Home</a></li>
<li><a href="element-review.html#" class="text-dark-gray text-dark-gray-hover">Elements</a></li>
<li>Review</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="pt-0 bg-gradient-top-very-light-gray">
<div class="container">
<div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col review-style-01 md-mb-30px">
<div class="d-flex flex-column text-center box-shadow-quadruple-large box-shadow-quadruple-large-hover border-radius-6px bg-white overflow-hidden">
<div class="position-relative">
<img src="images/avtar-47.jpg" alt />
<div class="text-center bg-golden-yellow text-white fs-15 lh-32 border-radius-22px d-inline-block ps-15px pe-15px position-absolute right-20px top-20px lg-right-10px lg-top-10px md-right-20px md-top-20px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
<div class="ps-50px pe-50px pt-40px pb-35px lg-p-30px last-paragraph-no-margin">
<img src="images/logo-walmart.svg" class="h-35px mb-15px" alt />
<p>I wanted to hire the best and after looking at several other companies i knew jacob was the perfect.</p>
</div>
<div class="border-top border-color-extra-medium-gray p-15px">
<span class="alt-font text-dark-gray fs-15 text-uppercase fw-700">Jacob kalling <span class="text-medium-gray fw-600">- Walmart</span></span>
</div>
</div>
</div>
<div class="col review-style-01 md-mb-30px">
<div class="d-flex flex-column text-center box-shadow-quadruple-large box-shadow-quadruple-large-hover border-radius-6px bg-white overflow-hidden">
<div class="position-relative">
<img src="images/avtar-48.jpg" alt />
<div class="text-center bg-golden-yellow text-white fs-15 lh-32 border-radius-22px d-inline-block ps-15px pe-15px position-absolute right-20px top-20px lg-right-10px lg-top-10px md-right-20px md-top-20px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-half"></i>
</div>
</div>
<div class="ps-50px pe-50px pt-40px pb-35px lg-p-30px last-paragraph-no-margin">
<img src="images/logo-paypal.svg" class="h-35px mb-15px" alt />
<p>I personally enjoyed the energy & the professional support the whole team gave to us into creating.</p>
</div>
<div class="border-top border-color-extra-medium-gray p-15px">
<span class="alt-font text-dark-gray fs-15 text-uppercase fw-700">Shoko mugikura <span class="text-medium-gray fw-600">- Paypal</span></span>
</div>
</div>
</div>
<div class="col review-style-01">
<div class="d-flex flex-column text-center box-shadow-quadruple-large box-shadow-quadruple-large-hover border-radius-6px bg-white overflow-hidden">
<div class="position-relative">
<img src="images/avtar-49.jpg" alt />
<div class="text-center bg-golden-yellow text-white fs-15 lh-32 border-radius-22px d-inline-block ps-15px pe-15px position-absolute right-20px top-20px lg-right-10px lg-top-10px md-right-20px md-top-20px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
<div class="ps-50px pe-50px pt-40px pb-35px lg-p-30px last-paragraph-no-margin">
<img src="images/logo-monday.svg" class="h-35px mb-15px" alt />
<p>Their team are easy to work with & helped me make amazing websites in a short amount of time.</p>
</div>
<div class="border-top border-color-extra-medium-gray p-15px">
<span class="alt-font text-dark-gray fs-15 text-uppercase fw-700">Alexa harvard <span class="text-medium-gray fw-600">- Monday</span></span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-extra-dark-slate-blue">
<div class="container">
<div class="row justify-content-center mb-2">
<div class="col-lg-6 col-md-8 col-sm-10 text-center">
<h3 class="text-white fw-600 ls-minus-1px">What our valuable customer are saying?</h3>
</div>
</div>
<div class="row row-cols-1 row-cols-xl-3 row-cols-lg-2 row-cols-md-2 position-relative justify-content-center">
<div class="col review-style-02 lg-mb-30px">
<div class="d-flex justify-content-center h-100 flex-column bg-extra-medium-slate-blue p-13 border-radius-6px last-paragraph-no-margin">
<div class="mb-20px">
<img class="rounded-circle w-90px me-20px" src="images/avtar-21.jpg" alt />
<div class="d-inline-block align-middle">
<div class="review-star-icon lh-24 fs-17">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<div class="text-white fs-17 fw-500">Herman Miller</div>
</div>
</div>
<p>Lorem ipsum is simply dummy text of the printing typesetting lorem ipsum been dummy text.</p>
</div>
</div>
<div class="col review-style-02 lg-mb-30px">
<div class="d-flex justify-content-center h-100 flex-column bg-extra-medium-slate-blue p-13 border-radius-6px last-paragraph-no-margin">
<div class="mb-20px">
<img class="rounded-circle w-90px me-20px" src="images/avtar-22.jpg" alt />
<div class="d-inline-block align-middle">
<div class="review-star-icon lh-24 fs-17">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<div class="text-white fs-17 fw-500">Alexander Harad</div>
</div>
</div>
<p>Lorem ipsum is simply dummy text of the printing typesetting lorem ipsum been dummy text.</p>
</div>
</div>
<div class="col review-style-02">
<div class="d-flex justify-content-center h-100 flex-column bg-extra-medium-slate-blue p-13 border-radius-6px last-paragraph-no-margin">
<div class="mb-20px">
<img class="rounded-circle w-90px me-20px" src="images/avtar-23.jpg" alt />
<div class="d-inline-block align-middle">
<div class="review-star-icon lh-24 fs-17">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<div class="text-white fs-17 fw-500">Jacob Kalling</div>
</div>
</div>
<p>Lorem ipsum is simply dummy text of the printing typesetting lorem ipsum been dummy text.</p>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-12 text-center">
<i class="bi bi-envelope text-white d-inline-block align-middle icon-extra-medium me-10px md-m-5px"></i>
<div class="fs-18 text-white d-inline-block align-middle">Save your precious time and effort spent for finding a solution. <a href="element-review.html#" class="text-white text-decoration-line-bottom">Contact us now</a></div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row justify-content-center overflow-hidden position-relative">
<div class="col-12 col-xl-5 col-lg-7 col-md-9 position-relative text-center review-style-03">
<div class="w-80 mx-auto">
<div class="swiper-container slider-review-image-thumbs text-center overflow-hidden">
<div class="swiper-wrapper align-items-center">
<div class="swiper-slide">
<img class="rounded-circle" src="images/avtar-24.jpg" alt />
</div>
<div class="swiper-slide">
<img class="rounded-circle" src="images/avtar-25.jpg" alt />
</div>
<div class="swiper-slide">
<img class="rounded-circle" src="images/avtar-26.jpg" alt />
</div>
<div class="swiper-slide">
<img class="rounded-circle" src="images/avtar-27.jpg" alt />
</div>
</div>
</div>
</div>
<div class="swiper slider-review-image swiper-pagination-top pt-5 text-center" data-slider-options="{ &quot;loop&quot;: true, &quot;slidesPerView&quot;: &quot;1&quot;, &quot;spaceBetween&quot;: 0, &quot;autoplay&quot;: { &quot;delay&quot;: 6500, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.swiper-button-next-nav&quot;, &quot;prevEl&quot;: &quot;.swiper-button-previous-nav&quot; }, &quot;allowTouchMove&quot;: false, &quot;thumbs&quot;: { &quot;swiper&quot;: { &quot;el&quot;: &quot;.slider-review-image-thumbs&quot;, &quot;slidesPerView&quot;: &quot;3&quot;, &quot;spaceBetween&quot;: 0 } }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true } }" data-slide-change-on-click="1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="fs-19 mb-20px text-dark-gray">Their team are easy to work with and helped me make amazing websites in a short amount of time. Thanks guys for all your hard work. Trust us we looked for a long time and wasted thousands.</div>
<span class="text-dark-gray d-inline-block fw-600 fs-19">Herman miller</span>
<div class="review-star-icon fs-18 lh-22">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
<div class="swiper-slide">
<div class="fs-19 mb-20px text-dark-gray">It can literally change someone's life; it's very positive for young teenagers to get into cosplay if they do it with their friends or with supervision from their parents it can really foster their social skills.</div>
<span class="text-dark-gray d-inline-block fw-600 fs-19">Jacob kalling</span>
<div class="review-star-icon fs-18 lh-22">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
<div class="swiper-slide">
<div class="fs-19 mb-20px text-dark-gray">The joy of life comes from our encounters with new experiences, and hence there is no greater joy than to have an endlessly changing horizon, for each day have a new and different sun.</div>
<span class="text-dark-gray d-inline-block fw-600 fs-19">Alexa harvard</span>
<div class="review-star-icon fs-18 lh-22">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
<div class="swiper-slide">
<div class="fs-19 mb-20px text-dark-gray">The joy of life comes from our encounters with new experiences, and hence there is no greater joy than to have an endlessly changing horizon, for each day have a new and different sun.</div>
<span class="text-dark-gray d-inline-block fw-600 fs-19">Jhon smith</span>
<div class="review-star-icon fs-18 lh-22">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
<div class="slider-custom-image-pagination swiper-pagination"></div>
</div>
<div class="swiper-button-previous-nav swiper-button-prev icon-extra-medium slider-navigation-style-05 d-none d-md-block"><i class="line-icon-Arrow-OutLeft icon-extra-large text-light-gray"></i></div>
<div class="swiper-button-next-nav swiper-button-next icon-extra-medium slider-navigation-style-05 d-none d-md-block"><i class="line-icon-Arrow-OutRight icon-extra-large text-light-gray"></i></div>
</div>
</div>
</div>
</section>
<section class="overflow-hidden bg-very-light-gray cover-background" style="background-image: url('images/coming-soon-bg.jpg')">
<div class="container-fluid">
<div class="row justify-content-center mb-2">
<div class="col-12 text-center">
<span class="bg-white box-shadow-quadruple-large text-uppercase fs-13 fw-700 ps-25px pe-25px lh-46 sm-lh-55 border-radius-100px d-inline-block mb-15px"><span class="text-gradient-fast-blue-purple">Customer speaks</span></span>
<h2 class="text-dark-gray fw-700 w-90 sm-w-100 mx-auto ls-minus-1px">Valuable customers</h2>
</div>
</div>
<div class="row align-items-center">
<div class="col-12 position-relative" data-anime="{ &quot;translateX&quot;: [100, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="swiper slider-three-slide swiper-initialized swiper-horizontal magic-cursor" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loopedSlides&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination-2&quot;, &quot;clickable&quot;: true, &quot;dynamicBullets&quot;: false }, &quot;autoplay&quot;: { &quot;delay&quot;: 3000, &quot;disableOnInteraction&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1200&quot;: { &quot;slidesPerView&quot;: 4 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 2 } }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper pb-20px">
<div class="swiper-slide review-style-04 d-none d-lg-block h-auto"></div>
<div class="swiper-slide review-style-04">
<div class="d-flex justify-content-center h-100 flex-column bg-white border-radius-6px p-15 xl-p-12 box-shadow-extra-large">
<div class="review-star-icon fs-18 lh-24">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="fw-500 fs-20 text-dark-gray mb-15px">Amazing product</span>
<p class="mb-20px">A friend referred your company to me as one that would combine experience and value into an affordable.</p>
<div class="mt-5px d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-02.jpg" alt>
<div class="d-inline-block align-middle">
<div class="text-dark-gray fw-600 fs-18">Herman Miller</div>
<div class="lh-20">Founder</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-04">
<div class="d-flex justify-content-center h-100 flex-column bg-white border-radius-6px p-15 xl-p-12 box-shadow-extra-large">
<div class="review-star-icon fs-18 lh-24">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="fw-500 fs-20 text-dark-gray mb-15px">Customizability</span>
<p class="mb-20px">Your company has provided consistent, high quality, accounting support during the growth.</p>
<div class="mt-5px d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-03.jpg" alt>
<div class="d-inline-block align-middle">
<div class="text-dark-gray fw-600 fs-18">Leonel Mooney</div>
<div class="lh-20">Manager</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-04">
<div class="d-flex justify-content-center h-100 flex-column bg-white border-radius-6px p-15 xl-p-12 box-shadow-extra-large">
<div class="review-star-icon fs-18 lh-24">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="fw-500 fs-20 text-dark-gray mb-15px">Premium quality</span>
<p class="mb-20px">Thank you for providing professional and value-added service that has exceeded our expectations.</p>
<div class="mt-5px d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-04.jpg" alt>
<div class="d-inline-block align-middle">
<div class="text-dark-gray fw-600 fs-18">Matthew Taylor</div>
<div class="lh-20">Expert</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-04">
<div class="d-flex justify-content-center h-100 flex-column bg-white border-radius-6px p-15 xl-p-12 box-shadow-extra-large">
<div class="review-star-icon fs-18 lh-24">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="fw-500 fs-20 text-dark-gray mb-15px">Code quality</span>
<p class="mb-20px">A friend referred your company to me as one that would combine experience and value into an affordable.</p>
<div class="mt-5px d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-05.jpg" alt>
<div class="d-inline-block align-middle">
<div class="text-dark-gray fw-600 fs-18">Shoko Mugikura</div>
<div class="lh-20">Manager</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-04">
<div class="d-flex justify-content-center h-100 flex-column bg-white border-radius-6px p-15 xl-p-12 box-shadow-extra-large">
<div class="review-star-icon fs-18 lh-24">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="fw-500 fs-20 text-dark-gray mb-15px">Creative evolution</span>
<p class="mb-20px">Thank you for providing professional and value-added service that has exceeded our expectations.</p>
<div class="mt-5px d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-06.jpg" alt>
<div class="d-inline-block align-middle">
<div class="text-dark-gray fw-600 fs-18">Jacob Kalling</div>
<div class="lh-20">Designer</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-04">
<div class="d-flex justify-content-center h-100 flex-column bg-white border-radius-6px p-15 xl-p-12 box-shadow-extra-large">
<div class="review-star-icon fs-18 lh-24">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="fw-500 fs-20 text-dark-gray mb-15px">Amazing product</span>
<p class="mb-20px">A friend referred your company to me as one that would combine experience and value into an affordable.</p>
<div class="mt-5px d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-07.jpg" alt>
<div class="d-inline-block align-middle">
<div class="text-dark-gray fw-600 fs-18">Alexa Harad</div>
<div class="lh-20">Manager</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-04 d-none d-lg-block h-auto"></div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center" data-anime="{ &quot;translateX&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-lg-7 text-center mt-1">
<h5 class="text-dark-gray fw-500 mt-25px sm-m-0 ls-minus-1px">Any question? <a href="element-review.html#" class="fw-600 text-decoration-line-bottom-medium text-dark-gray d-inline-block">We're ready to help!</a></h5>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray background-position-center-top overflow-hidden sm-background-image-none" style="background-image: url('images/vertical-line-bg.svg')">
<div class="container-fluid">
<div class="row justify-content-center mb-1">
<div class="col-lg-7 text-center">
<span class="d-inline-block text-uppercase text-gradient-fast-blue-purple fw-600">Why you should buy this?</span>
<h2 class="fw-700 text-dark-gray ls-minus-2px">Readers reviews</h2>
</div>
</div>
<div class="row mb-2">
<div class="col-12 position-relative">
<div class="outside-box-right-15 outside-box-left-15 lg-outside-box-right-30 lg-outside-box-left-30 md-outside-box-right-40 md-outside-box-left-40 sm-outside-box-right-0 sm-outside-box-left-0">
<div class="swiper magic-cursor" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 3000, &quot;disableOnInteraction&quot;: false }, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination-1&quot;, &quot;clickable&quot;: true, &quot;dynamicBullets&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1200&quot;: { &quot;slidesPerView&quot;: 4 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 3 } }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper pt-20px pb-20px">
<div class="swiper-slide">
<div class="review-style-05">
<div class="border-radius-4px bg-white box-shadow-large last-paragraph-no-margin">
<div class="d-flex align-items-center ps-45px pe-45px pt-35px pb-35px xl-p-25px">
<img class="rounded-circle w-110px md-w-75px h-110px md-h-75px me-30px" src="images/avtar-27.jpg" alt />
<p>Team of ThemeZaa has worked closely with us and never failed to follow our perfect business requirements.</p>
</div>
<div class="d-flex align-items-center border-top border-color-extra-medium-gray pt-15px pb-15px ps-45px pe-45px xl-ps-25px xl-pe-25px">
<span class="fs-17 fw-600 text-dark-gray me-auto xs-fs-15">Herman Miller, ThemeZaa</span>
<div class="review-star-icon fs-19 xs-fs-15 flex-shrink-0 ms-10px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="review-style-05">
<div class="border-radius-4px bg-white box-shadow-large last-paragraph-no-margin">
<div class="d-flex align-items-center ps-45px pe-45px pt-35px pb-35px xl-p-25px">
<img class="rounded-circle w-110px md-w-75px h-110px md-h-75px me-30px" src="images/avtar-29.jpg" alt />
<p>I personally enjoyed the energy and the professional support the whole team gave to us into creating website.</p>
</div>
<div class="d-flex align-items-center border-top border-color-extra-medium-gray pt-15px pb-15px ps-45px pe-45px xl-ps-25px xl-pe-25px">
<span class="fs-17 fw-600 text-dark-gray me-auto xs-fs-15">Matthew Taylor, ThemeZaa</span>
<div class="review-star-icon fs-19 xs-fs-15 flex-shrink-0 ms-10px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="review-style-05">
<div class="border-radius-4px bg-white box-shadow-large last-paragraph-no-margin">
<div class="d-flex align-items-center ps-45px pe-45px pt-35px pb-35px xl-p-25px">
<img class="rounded-circle w-110px md-w-75px h-110px md-h-75px me-30px" src="images/avtar-24.jpg" alt />
<p>They have provided superior quality of content marketing services. Very satisfied by choosing them. Thank you so much!</p>
</div>
<div class="d-flex align-items-center border-top border-color-extra-medium-gray pt-15px pb-15px ps-45px pe-45px xl-ps-25px xl-pe-25px">
<span class="fs-17 fw-600 text-dark-gray me-auto xs-fs-15">Shoko Mugikura, ThemeZaa</span>
<div class="review-star-icon fs-19 xs-fs-15 flex-shrink-0 ms-10px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="review-style-05">
<div class="border-radius-4px bg-white box-shadow-large last-paragraph-no-margin">
<div class="d-flex align-items-center ps-45px pe-45px pt-35px pb-35px xl-p-25px">
<img class="rounded-circle w-110px md-w-75px h-110px md-h-75px me-30px" src="images/avtar-25.jpg" alt />
<p>Trust us we looked for a very long time and wasted thousands of dollars testing other teams and outsource companies.</p>
</div>
<div class="d-flex align-items-center border-top border-color-extra-medium-gray pt-15px pb-15px ps-45px pe-45px xl-ps-25px xl-pe-25px">
<span class="fs-17 fw-600 text-dark-gray me-auto xs-fs-15">Leonel Mooney, ThemeZaa</span>
<div class="review-star-icon fs-19 xs-fs-15 flex-shrink-0 ms-10px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="review-style-05">
<div class="border-radius-4px bg-white box-shadow-large last-paragraph-no-margin">
<div class="d-flex align-items-center ps-45px pe-45px pt-35px pb-35px xl-p-25px">
<img class="rounded-circle w-110px md-w-75px h-110px md-h-75px me-30px" src="images/avtar-27.jpg" alt />
<p>Team of ThemeZaa has worked closely with us and never failed to follow our perfect business requirements.</p>
</div>
<div class="d-flex align-items-center border-top border-color-extra-medium-gray pt-15px pb-15px ps-45px pe-45px xl-ps-25px xl-pe-25px">
<span class="fs-17 fw-600 text-dark-gray me-auto xs-fs-15">Herman Miller, ThemeZaa</span>
<div class="review-star-icon fs-19 xs-fs-15 flex-shrink-0 ms-10px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="review-style-05">
<div class="border-radius-4px bg-white box-shadow-large last-paragraph-no-margin">
<div class="d-flex align-items-center ps-45px pe-45px pt-35px pb-35px xl-p-25px">
<img class="rounded-circle w-110px md-w-75px h-110px md-h-75px me-30px" src="images/avtar-29.jpg" alt />
<p>I personally enjoyed the energy and the professional support the whole team gave to us into creating website.</p>
</div>
<div class="d-flex align-items-center border-top border-color-extra-medium-gray pt-15px pb-15px ps-45px pe-45px xl-ps-25px xl-pe-25px">
<span class="fs-17 fw-600 text-dark-gray me-auto xs-fs-15">Matthew Taylor, ThemeZaa</span>
<div class="review-star-icon fs-19 xs-fs-15 flex-shrink-0 ms-10px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="review-style-05">
<div class="border-radius-4px bg-white box-shadow-large last-paragraph-no-margin">
<div class="d-flex align-items-center ps-45px pe-45px pt-35px pb-35px xl-p-25px">
<img class="rounded-circle w-110px md-w-75px h-110px md-h-75px me-30px" src="images/avtar-24.jpg" alt />
<p>They have provided superior quality of content marketing services. Very satisfied by choosing them. Thank you so much!</p>
</div>
<div class="d-flex align-items-center border-top border-color-extra-medium-gray pt-15px pb-15px ps-45px pe-45px xl-ps-25px xl-pe-25px">
<span class="fs-17 fw-600 text-dark-gray me-auto xs-fs-15">Shoko Mugikura, ThemeZaa</span>
<div class="review-star-icon fs-19 xs-fs-15 flex-shrink-0 ms-10px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="review-style-05">
<div class="border-radius-4px bg-white box-shadow-large last-paragraph-no-margin">
<div class="d-flex align-items-center ps-45px pe-45px pt-35px pb-35px xl-p-25px">
<img class="rounded-circle w-110px md-w-75px h-110px md-h-75px me-30px" src="images/avtar-25.jpg" alt />
<p>Trust us we looked for a very long time and wasted thousands of dollars testing other teams and outsource companies.</p>
</div>
<div class="d-flex align-items-center border-top border-color-extra-medium-gray pt-15px pb-15px ps-45px pe-45px xl-ps-25px xl-pe-25px">
<span class="fs-17 fw-600 text-dark-gray me-auto xs-fs-15">Leonel Mooney, ThemeZaa</span>
<div class="review-star-icon fs-19 xs-fs-15 flex-shrink-0 ms-10px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 text-center">
<div class="d-inline-block bg-dark-gray text-white border-radius-30px ps-20px pe-20px fs-15 lh-36 ls-minus-1px me-15px sm-m-10px align-middle">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<h6 class="text-dark-gray fw-400 mb-0 d-inline-block align-middle ls-minus-1px">Check all <span class="fw-700">3,583</span> readers reviews on <a href="https://www.amazon.com/" target="_blank"><img src="images/demo-ebook-05.png" alt /></a></h6>
</div>
</div>
</div>
</section>
<section class="bg-gradient-solitude-blue-transparent">
<div class="container">
<div class="row align-items-center justify-content-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-xl-5 col-lg-7 col-md-10 position-relative pe-xl-0 text-center text-xl-start lg-mb-10px">
<span class="fs-19 lh-20 ls-0px fw-600 text-base-color d-inline-block text-decoration-line-bottom-medium border-color-charcoal-grey mb-20px">Member reviews</span>
<h2 class="fw-700 ls-minus-1px text-dark-gray mb-10px">Members say about facilities.</h2>
<div class="d-block mb-25px">
See our 437 reviews on <a href="https://www.reviews.io/" target="_blank"><img src="images/reviewsio.svg" class="h-20px align-middle ms-5px" alt></a>
</div>
<div class="d-flex justify-content-center justify-content-xl-start">
<div class="slider-one-slide-prev-02 text-dark-gray swiper-button-prev slider-navigation-style-04 border border-1 border-color-transparent-dark-very-light" tabindex="0" role="button" aria-label="Previous slide"><i class="bi bi-arrow-left-short icon-very-medium"></i></div>
<div class="slider-one-slide-next-02 text-dark-gray swiper-button-next slider-navigation-style-04 border border-1 border-color-transparent-dark-very-light" tabindex="0" role="button" aria-label="Next slide"><i class="bi bi-arrow-right-short icon-very-medium"></i></div>
</div>
</div>
<div class="col-xl-7 col-lg-10 overflow-hidden">
<div class="outside-box-right-15 xl-outside-box-right-20 sm-outside-box-right-0">
<div class="swiper slider-one-slide slider-shadow-right sm-slider-shadow-none magic-cursor overflow-visible ps-25px sm-p-0" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 35, &quot;loop&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-one-slide-pagination&quot;, &quot;clickable&quot;: true, &quot;dynamicBullets&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-one-slide-next-02&quot;, &quot;prevEl&quot;: &quot;.slider-one-slide-prev-02&quot; }, &quot;autoplay&quot;: { &quot;delay&quot;: 6000, &quot;disableOnInteraction&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;992&quot;: { &quot;slidesPerView&quot;: 2 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 2 }, &quot;320&quot;: { &quot;slidesPerView&quot;: 1 } }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper pt-30px">
<div class="swiper-slide review-style-06">
<div class="d-flex justify-content-center h-100 flex-column bg-white box-shadow-medium p-45px md-p-35px border-radius-6px last-paragraph-no-margin">
<div class="d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-27.jpg" alt>
<div class="d-inline-block align-middle last-paragraph-no-margin">
<div class="fs-18 fw-600 text-dark-gray">Herman Miller</div>
<p class="lh-22 d-block">Digital marketer</p>
</div>
<div class="border-radius-30px bg-yellow ps-15px pe-15px fs-14 fw-700 text-dark-gray d-inline-block align-middle ms-auto md-position-absolute md-right-15px md-top-15px"><i class="fa-solid fa-star me-5px"></i>5.0</div>
</div>
<p>We help our clients succeed by creating brand identities, digital experiences, and print materials that communicate.</p>
</div>
</div>
<div class="swiper-slide review-style-06">
<div class="d-flex justify-content-center h-100 flex-column bg-white box-shadow-medium p-45px md-p-35px border-radius-6px last-paragraph-no-margin">
<div class="d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-28.jpg" alt>
<div class="d-inline-block align-middle last-paragraph-no-margin">
<div class="fs-18 fw-600 text-dark-gray">Alexander Harad</div>
<p class="lh-22 d-block">Digital marketer</p>
</div>
<div class="border-radius-30px bg-yellow ps-15px pe-15px fs-14 fw-700 text-dark-gray d-inline-block align-middle ms-auto md-position-absolute md-right-15px md-top-15px"><i class="fa-solid fa-star me-5px"></i>5.0</div>
</div>
<p>They have provided superior quality of content marketing services. Very satisfied by choosing them. Thank you!</p>
</div>
</div>
<div class="swiper-slide review-style-06">
<div class="d-flex justify-content-center h-100 flex-column bg-white box-shadow-medium p-45px md-p-35px border-radius-6px last-paragraph-no-margin">
<div class="d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-29.jpg" alt>
<div class="d-inline-block align-middle last-paragraph-no-margin">
<div class="fs-18 fw-600 text-dark-gray">Shoko Mugikura</div>
<p class="lh-22 d-block">Digital marketer</p>
</div>
<div class="border-radius-30px bg-yellow ps-15px pe-15px fs-14 fw-700 text-dark-gray d-inline-block align-middle ms-auto md-position-absolute md-right-15px md-top-15px"><i class="fa-solid fa-star me-5px"></i>5.0</div>
</div>
<p>We help our clients succeed by creating brand identities, digital experiences, and print materials that communicate.</p>
</div>
</div>
<div class="swiper-slide review-style-06">
<div class="d-flex justify-content-center h-100 flex-column bg-white box-shadow-medium p-45px md-p-35px border-radius-6px last-paragraph-no-margin">
<div class="d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-30.jpg" alt>
<div class="d-inline-block align-middle last-paragraph-no-margin">
<div class="fs-18 fw-600 text-dark-gray">Jacob Kalling</div>
<p class="lh-22 d-block">Digital marketer</p>
</div>
<div class="border-radius-30px bg-yellow ps-15px pe-15px fs-14 fw-700 text-dark-gray d-inline-block align-middle ms-auto md-position-absolute md-right-15px md-top-15px"><i class="fa-solid fa-star me-5px"></i>5.0</div>
</div>
<p>We help our clients succeed by creating brand identities, digital experiences, and print materials that communicate.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-gradient-solitude-blue-transparent">
<div class="container background-no-repeat background-position-center-bottom" style="background-image: url('images/demo-corporate-bg-02.png')">
<div class="row justify-content-center align-items-center mb-2" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-4 col-lg-2 col-sm-3 xs-mb-25px">
<div class="swiper rounded-circle" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 1000, &quot;disableOnInteraction&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;effect&quot;: &quot;fade&quot; }">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img class="border-radius-50 w-100" src="images/demo-corporate-services-07.jpg" alt />
</div>
<div class="swiper-slide">
<img class="border-radius-50 w-100" src="images/demo-corporate-services-08.jpg" alt />
</div>
<div class="swiper-slide">
<img class="border-radius-50 w-100" src="images/demo-corporate-services-09.jpg" alt />
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-7 text-center text-sm-start">
<h5 class="alt-font text-dark-gray lh-40 fw-500 ls-minus-1px mb-0 ms-10px lg-ms-0" data-anime="{ &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 500, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">Trusted by <span class="fw-800 text-base-color text-decoration-line-bottom-medium">25,000+</span> happy customers are using crafto.</h5>
</div>
<div class="col-xl-2 offset-xl-2 col-lg-3 offset-lg-1 col-sm-4 md-mt-35px text-center text-lg-start">
<h2 class="alt-font text-dark-gray fw-800 ls-minus-3px mb-5px" data-anime="{ &quot;el&quot;: &quot;lines&quot;, &quot;translateY&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;delay&quot;: 300, &quot;staggervalue&quot;: 100, &quot;easing&quot;: &quot;easeOutQuad&quot; }">200+</h2>
<span class="text-dark-gray fw-500 lh-24 d-inline-block w-90 lg-w-80 sm-w-100" data-anime="{ &quot;el&quot;: &quot;lines&quot;, &quot;translateY&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;delay&quot;: 400, &quot;staggervalue&quot;: 100, &quot;easing&quot;: &quot;easeOutQuad&quot; }">Creative team to care for projects.</span>
</div>
<div class="col-lg-2 col-sm-4 ps-40px md-ps-15px md-mt-35px text-center text-lg-start">
<h2 class="alt-font text-dark-gray fw-800 ls-minus-3px mb-5px" data-anime="{ &quot;translateY&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;delay&quot;: 100, &quot;staggervalue&quot;: 100, &quot;easing&quot;: &quot;easeOutQuad&quot; }">4.9</h2>
<div class="review-star-icon fs-17 lh-20 d-block" data-anime="{ &quot;translateY&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;delay&quot;: 200, &quot;staggervalue&quot;: 100, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="text-dark-gray fw-500" data-anime="{ &quot;el&quot;: &quot;lines&quot;, &quot;translateY&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;delay&quot;: 300, &quot;staggervalue&quot;: 100, &quot;easing&quot;: &quot;easeOutQuad&quot; }">2,488 Rating</span>
</div>
</div>
<div class="row mb-3">
<div class="col-12" data-anime="{ &quot;translateX&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="swiper slider-one-slide magic-cursor dark" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 25, &quot;loop&quot;: true, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-one-slide-next-1&quot;, &quot;prevEl&quot;: &quot;.slider-one-slide-prev-1&quot; }, &quot;autoplay&quot;: { &quot;delay&quot;: 3000, &quot;disableOnInteraction&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1400&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;1200&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 2 }, &quot;320&quot;: { &quot;slidesPerView&quot;: 1 } }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper pt-30px pb-30px">
<div class="swiper-slide review-style-07">
<div class="d-flex justify-content-center h-100 flex-column border-radius-6px p-12 bg-white box-shadow-extra-large xl-p-10">
<div class="mb-20px">
<img src="images/avtar-24.jpg" class="rounded-circle w-90px lg-w-65px me-15px" alt>
<div class="d-inline-block align-middle">
<div class="text-dark-gray fs-18 fw-600">Alex sanchez</div>
<div class="lh-24 fs-16">Google design</div>
</div>
</div>
<p class="mb-15px md-w-85 sm-w-100">Excellent content and assignments that build on your knowledge, reinforce and then expand.</p>
<div class="d-flex align-items-center">
<div class="d-inline-block me-auto">
<div class="text-dark-gray fw-700 float-start fs-15 me-10px">4.5</div>
<div class="review-star-icon float-start">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-half"></i>
</div>
</div>
<div class="d-inline-block fw-500 text-uppercase border-radius-30px ps-15px pe-15px fs-12 lh-28 bg-dark-gray text-white">30 Nov</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-07">
<div class="d-flex justify-content-center h-100 flex-column border-radius-6px p-12 bg-white box-shadow-extra-large xl-p-10">
<div class="mb-20px">
<img src="images/avtar-25.jpg" class="rounded-circle w-90px lg-w-65px me-15px" alt>
<div class="d-inline-block align-middle">
<div class="text-dark-gray fs-18 fw-600">Matthew taylor</div>
<div class="lh-24 fs-16">Microsoft word</div>
</div>
</div>
<p class="mb-15px md-w-85 sm-w-100">I liked that the course included step-by-step exercises and tutorials plus assignments.</p>
<div class="d-flex align-items-center">
<div class="d-inline-block me-auto">
<div class="text-dark-gray fw-700 float-start fs-15 me-10px">5.0</div>
<div class="review-star-icon float-start">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
<div class="d-inline-block fw-500 text-uppercase border-radius-30px ps-15px pe-15px fs-12 lh-28 bg-dark-gray text-white">28 Nov</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-07">
<div class="d-flex justify-content-center h-100 flex-column border-radius-6px p-12 bg-white box-shadow-extra-large xl-p-10">
<div class="mb-20px">
<img src="images/avtar-26.jpg" class="rounded-circle w-90px lg-w-65px me-15px" alt>
<div class="d-inline-block align-middle">
<div class="text-dark-gray fs-18 fw-600">Leonel mooney</div>
<div class="lh-24 fs-16">Apple store</div>
</div>
</div>
<p class="mb-15px md-w-85 sm-w-100">I have taken many online courses. None have offered teleconference as part of the course.</p>
<div class="d-flex align-items-center">
<div class="d-inline-block me-auto">
<div class="text-dark-gray fw-700 float-start fs-15 me-10px">5.0</div>
<div class="review-star-icon float-start">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
<div class="d-inline-block fw-500 text-uppercase border-radius-30px ps-15px pe-15px fs-12 lh-28 bg-dark-gray text-white">26 Nov</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-07">
<div class="d-flex justify-content-center h-100 flex-column border-radius-6px p-12 bg-white box-shadow-extra-large xl-p-10">
<div class="mb-20px">
<img src="images/avtar-27.jpg" class="rounded-circle w-90px lg-w-65px me-15px" alt>
<div class="d-inline-block align-middle">
<div class="text-dark-gray fs-18 fw-600">Jacob kalling</div>
<div class="lh-24 fs-16">System design</div>
</div>
</div>
<p class="mb-15px md-w-85 sm-w-100">Got almost immediate responses when I turned in assignments and she had wonderful feedback!</p>
<div class="d-flex align-items-center">
<div class="d-inline-block me-auto">
<div class="text-dark-gray fw-700 float-start fs-15 me-10px">5.0</div>
<div class="review-star-icon float-start">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
<div class="d-inline-block fw-500 text-uppercase border-radius-30px ps-15px pe-15px fs-12 lh-28 bg-dark-gray text-white">20 Nov</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-07">
<div class="d-flex justify-content-center h-100 flex-column border-radius-6px p-12 bg-white box-shadow-extra-large xl-p-10">
<div class="mb-20px">
<img src="images/avtar-25.jpg" class="rounded-circle w-90px lg-w-65px me-15px" alt>
<div class="d-inline-block align-middle">
<div class="text-dark-gray fs-18 fw-600">Matthew taylor</div>
<div class="lh-24 fs-16">Microsoft word</div>
</div>
</div>
<p class="mb-15px md-w-85 sm-w-100">I liked that the course included step-by-step exercises and tutorials plus assignments.</p>
<div class="d-flex align-items-center">
<div class="d-inline-block me-auto">
<div class="text-dark-gray fw-700 float-start fs-15 me-10px">5.0</div>
<div class="review-star-icon float-start">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
<div class="d-inline-block fw-500 text-uppercase border-radius-30px ps-15px pe-15px fs-12 lh-28 bg-dark-gray text-white">28 Nov</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-07">
<div class="d-flex justify-content-center h-100 flex-column border-radius-6px p-12 bg-white box-shadow-extra-large xl-p-10">
<div class="mb-20px">
<img src="images/avtar-26.jpg" class="rounded-circle w-90px lg-w-65px me-15px" alt>
<div class="d-inline-block align-middle">
<div class="text-dark-gray fs-18 fw-600">Leonel mooney</div>
<div class="lh-24 fs-16">Apple store</div>
</div>
</div>
<p class="mb-15px md-w-85 sm-w-100">I have taken many online courses. None have offered teleconference as part of the course.</p>
<div class="d-flex align-items-center">
<div class="d-inline-block me-auto">
<div class="text-dark-gray fw-700 float-start fs-15 me-10px">5.0</div>
<div class="review-star-icon float-start">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
<div class="d-inline-block fw-500 text-uppercase border-radius-30px ps-15px pe-15px fs-12 lh-28 bg-dark-gray text-white">26 Nov</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col text-center" data-anime="{ &quot;translateX&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="fs-24 fw-500 text-dark-gray d-inline-block align-middle ls-minus-1px me-20px lg-m-10px lg-mt-0">More than <span class="fw-700 text-decoration-line-bottom-medium">10000+</span> happy customers reviews on</div>
<a href="https://www.trustpilot.com/" target="_blank"><img src="images/demo-corporate-11.png" class="d-inline-block align-middle" alt></a>
</div>
</div>
</div>
</section>
<section class="position-relative overflow-hidden">
<img src="images/demo-real-estate-07.png" alt class="position-absolute left-100px top-50px z-index-minus-1" data-bottom-top="transform: translate3d(80px, 0px, 0px);" data-top-bottom="transform: translate3d(-180px, 0px, 0px);" />
<img src="images/demo-real-estate-08.png" alt class="position-absolute right-100px top-100px z-index-minus-1" data-bottom-top="transform:scale(1.4, 1.4) translate3d(0px, 0px, 0px);" data-top-bottom="transform:scale(1, 1) translate3d(-400px, 0px, 0px);" />
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-lg-6 text-end md-mb-50px" data-anime="{ &quot;effect&quot;: &quot;slide&quot;, &quot;color&quot;: &quot;#262b35&quot;, &quot;direction&quot;:&quot;lr&quot;, &quot;easing&quot;: &quot;easeOutQuad&quot;, &quot;delay&quot;:50}">
<figure class="position-relative m-0">
<img src="images/demo-accounting-img-01.jpg" class="w-90 border-radius-6px" alt>
<figcaption class="position-absolute bg-dark-gray border-radius-10px box-shadow-quadruple-large bottom-100px xs-bottom-minus-20px left-minus-30px md-left-0px w-230px xs-w-210px text-center last-paragraph-no-margin animation-float">
<div class="bg-white pt-35px pb-35px border-radius-8px mb-15px position-relative top-minus-1px">
<h1 class="fw-700 ls-minus-3px text-dark-gray mb-0">4.8</h1>
<div class="text-golden-yellow fs-18 ls-1px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="text-dark-gray d-block alt-font fw-600">2488 Reviews</span>
<div class="d-inline-block fs-12 text-uppercase bg-green ps-20px pe-20px lh-30 text-white border-radius-100px box-shadow-large">Excellent score</div>
</div>
<img src="images/demo-real-estate-trustpilot.svg" class="h-30px mb-20px" alt />
</figcaption>
</figure>
</div>
<div class="col-lg-5 offset-lg-1 col-md-10 text-center text-lg-start" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="text-uppercase fw-600 d-inline-block mb-15px text-base-color">Clients feedback</span>
<h2 class="alt-font fw-500 text-dark-gray ls-minus-1px">Here is what our <span class="fw-700 d-inline-block">client</span> have to says!</h2>
<div class="swiper position-relative" data-slider-options="{ &quot;autoHeight&quot;: true, &quot;loop&quot;: true, &quot;allowTouchMove&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 4000, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.swiper-button-next&quot;, &quot;prevEl&quot;: &quot;.swiper-button-prev&quot; }, &quot;effect&quot;: &quot;fade&quot; }">
<div class="swiper-wrapper mb-40px">
<div class="swiper-slide review-style-08">
<p class="w-80 lg-w-100">Love the theme, really neat and super easy to use. But the customer support is what makes this an even greater theme! ThemeZaa solved all the problems. I had with my custom settings.</p>
<div class="mt-20px">
<img class="rounded-circle w-95px h-95px me-15px" src="images/avtar-24.jpg" alt>
<div class="d-inline-block align-middle text-start">
<div class="text-dark-gray alt-font fs-20"><span class="fw-700">Alexander</span> harvard</div>
<div class="review-star-icon fs-18">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-08">
<p class="w-80 lg-w-100">I've purchased several themes over the years and this theme, by far is absolutely amazing. It's built extremely well the back end was well thought out the design options are endless.</p>
<div class="mt-20px">
<img class="rounded-circle w-95px h-95px me-15px" src="images/avtar-25.jpg" alt>
<div class="d-inline-block align-middle text-start">
<div class="text-dark-gray alt-font fs-20"><span class="fw-700">Shoko</span> mugikura</div>
<div class="review-star-icon fs-18">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-08">
<p class="w-80 lg-w-100">The theme is very valid and offers many possibilities of customization to adapt it to your needs, but the thing I got the most out of it was the relationship with the support team.</p>
<div class="mt-20px">
<img class="rounded-circle w-95px h-95px me-15px" src="images/avtar-26.jpg" alt>
<div class="d-inline-block align-middle text-start">
<div class="text-dark-gray alt-font fs-20"><span class="fw-700">Leonel</span> mooney</div>
<div class="review-star-icon fs-18">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center justify-content-lg-start">
<div class="slider-one-slide-prev-1 swiper-button-prev slider-navigation-style-04 border border-color-extra-medium-gray"><i class="fa-solid fa-arrow-left icon-small text-dark-gray"></i></div>
<div class="slider-one-slide-next-1 swiper-button-next slider-navigation-style-04 border border-color-extra-medium-gray"><i class="fa-solid fa-arrow-right icon-small text-dark-gray"></i></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="position-relative overflow-hidden bg-very-light-gray">
<div class="container-fluid">
<div class="row">
<div class="col text-center" data-anime="{ &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h2 class="fw-700 text-dark-gray ls-minus-2px">Patients reviews</h2>
</div>
</div>
<div class="row">
<div class="col-md-12 p-0 review-style-09" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="swiper slider-shadow-left-right lg-slider-shadow-none magic-cursor lg-ps-15px lg-pe-15px" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 3000, &quot;disableOnInteraction&quot;: false }, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-three-slide-pagination&quot;, &quot;clickable&quot;: true, &quot;dynamicBullets&quot;: true }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-three-slide-next&quot;, &quot;prevEl&quot;: &quot;.slider-three-slide-prev&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1800&quot;: { &quot;slidesPerView&quot;: 4 }, &quot;1200&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 2 } }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper pt-35px pb-35px">
<div class="swiper-slide">
<div class="border-radius-10px bg-white box-shadow-double-large">
<div class="d-flex align-items-center p-30px md-p-25px">
<img class="rounded-circle w-110px h-110px md-w-80px md-h-80px me-25px md-me-20px" src="images/avtar-25.jpg" alt />
<div>
<p class="mb-10px lh-28">Doctor is a great experienced and friendly.</p>
<div class="d-inline-block bg-golden-yellow text-white border-radius-3px ps-10px pe-10px fs-13 ls-minus-1px lh-28 me-10px md-me-5px sm-me-10px align-middle">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</div>
<span class="fw-700 alt-font text-dark-gray d-inline-block">@Matthew</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border-radius-10px bg-white box-shadow-double-large">
<div class="d-flex align-items-center p-30px md-p-25px">
<img class="rounded-circle w-110px h-110px md-w-80px md-h-80px me-25px md-me-20px" src="images/avtar-24.jpg" alt />
<div>
<p class="mb-10px lh-28">It's a pleasure to meet him and get seen by him.</p>
<div class="d-inline-block bg-golden-yellow text-white border-radius-3px ps-10px pe-10px fs-13 ls-minus-1px lh-28 me-10px md-me-5px sm-me-10px align-middle">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<span class="fw-700 alt-font text-dark-gray d-inline-block">@Herman</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border-radius-10px bg-white box-shadow-double-large">
<div class="d-flex align-items-center p-30px md-p-25px">
<img class="rounded-circle w-110px h-110px md-w-80px md-h-80px me-25px md-me-20px" src="images/avtar-26.jpg" alt />
<div>
<p class="mb-10px lh-28">Wonderful surgeon and the staff was helpful.</p>
<div class="d-inline-block bg-golden-yellow text-white border-radius-3px ps-10px pe-10px fs-13 ls-minus-1px lh-28 me-10px md-me-5px sm-me-10px align-middle">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</div>
<span class="fw-700 alt-font text-dark-gray d-inline-block">@Jacob</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border-radius-10px bg-white box-shadow-double-large">
<div class="d-flex align-items-center p-30px md-p-25px">
<img class="rounded-circle w-110px h-110px md-w-80px md-h-80px me-25px md-me-20px" src="images/avtar-27.jpg" alt />
<div>
<p class="mb-10px lh-28">Doctor is a great experienced and friendly.</p>
<div class="d-inline-block bg-golden-yellow text-white border-radius-3px ps-10px pe-10px fs-13 ls-minus-1px lh-28 me-10px md-me-5px sm-me-10px align-middle">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<span class="fw-700 alt-font text-dark-gray d-inline-block">@Alexa</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border-radius-10px bg-white box-shadow-double-large">
<div class="d-flex align-items-center p-30px md-p-25px">
<img class="rounded-circle w-110px h-110px md-w-80px md-h-80px me-25px md-me-20px" src="images/avtar-28.jpg" alt />
<div>
<p class="mb-10px lh-28">Highly recommend him to anyone specialist.</p>
<div class="d-inline-block bg-golden-yellow text-white border-radius-3px ps-10px pe-10px fs-13 ls-minus-1px lh-28 me-10px md-me-5px sm-me-10px align-middle">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<span class="fw-700 alt-font text-dark-gray d-inline-block">@Jackson</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border-radius-10px bg-white box-shadow-double-large">
<div class="d-flex align-items-center p-30px md-p-25px">
<img class="rounded-circle w-110px h-110px md-w-80px md-h-80px me-25px md-me-20px" src="images/avtar-25.jpg" alt />
<div>
<p class="mb-10px lh-28">Doctor is a great experienced and friendly.</p>
<div class="d-inline-block bg-golden-yellow text-white border-radius-3px ps-10px pe-10px fs-13 ls-minus-1px lh-28 me-10px md-me-5px sm-me-10px align-middle">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</div>
<span class="fw-700 alt-font text-dark-gray d-inline-block">@Matthew</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border-radius-10px bg-white box-shadow-double-large">
<div class="d-flex align-items-center p-30px md-p-25px">
<img class="rounded-circle w-110px h-110px md-w-80px md-h-80px me-25px md-me-20px" src="images/avtar-24.jpg" alt />
<div>
<p class="mb-10px lh-28">It's a pleasure to meet him and get seen by him.</p>
<div class="d-inline-block bg-golden-yellow text-white border-radius-3px ps-10px pe-10px fs-13 ls-minus-1px lh-28 me-10px md-me-5px sm-me-10px align-middle">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<span class="fw-700 alt-font text-dark-gray d-inline-block">@Herman</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border-radius-10px bg-white box-shadow-double-large">
<div class="d-flex align-items-center p-30px md-p-25px">
<img class="rounded-circle w-110px h-110px md-w-80px md-h-80px me-25px md-me-20px" src="images/avtar-26.jpg" alt />
<div>
<p class="mb-10px lh-28">Wonderful surgeon and the staff was helpful.</p>
<div class="d-inline-block bg-golden-yellow text-white border-radius-3px ps-10px pe-10px fs-13 ls-minus-1px lh-28 me-10px md-me-5px sm-me-10px align-middle">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</div>
<span class="fw-700 alt-font text-dark-gray d-inline-block">@Jacob</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border-radius-10px bg-white box-shadow-double-large">
<div class="d-flex align-items-center p-30px md-p-25px">
<img class="rounded-circle w-110px h-110px md-w-80px md-h-80px me-25px md-me-20px" src="images/avtar-27.jpg" alt />
<div>
<p class="mb-10px lh-28">Doctor is a great experienced and friendly.</p>
<div class="d-inline-block bg-golden-yellow text-white border-radius-3px ps-10px pe-10px fs-13 ls-minus-1px lh-28 me-10px md-me-5px sm-me-10px align-middle">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<span class="fw-700 alt-font text-dark-gray d-inline-block">@Alexa</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center align-items-center mt-1" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 150, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-12 text-center last-paragraph-no-margin">
<div class="fs-12 lh-30 fw-600 text-white text-uppercase d-inline-block bg-dark-gray border-radius-30px ps-15px pe-15px me-10px sm-m-5px align-middle">trust</div>
<div class="d-inline-block align-middle text-dark-gray fs-20 ls-minus-05px">Genuine <span class="fw-600">10000+ people</span> trusting medcare hospital treatment.</div>
</div>
</div>
</div>
</section>
<section class="position-relative overflow-hidden">
<div id="particles-style-01" class="position-absolute h-100 top-0 left-0 w-100" data-particle="true" data-particle-options="{&quot;particles&quot;:{&quot;number&quot;:{&quot;value&quot;:10,&quot;density&quot;:{&quot;enable&quot;:true,&quot;value_area&quot;:800}},&quot;color&quot;:{&quot;value&quot;:&quot;#000000&quot;},&quot;shape&quot;:{&quot;type&quot;:&quot;circle&quot;,&quot;stroke&quot;:{&quot;width&quot;:0,&quot;color&quot;:&quot;#000000&quot;},&quot;polygon&quot;:{&quot;nb_sides&quot;:5},&quot;image&quot;:{&quot;src&quot;:&quot;img/github.svg&quot;,&quot;width&quot;:100,&quot;height&quot;:100}},&quot;opacity&quot;:{&quot;value&quot;:1,&quot;random&quot;:false,&quot;anim&quot;:{&quot;enable&quot;:false,&quot;speed&quot;:1,&quot;opacity_min&quot;:0.1,&quot;sync&quot;:false}},&quot;size&quot;:{&quot;value&quot;:4,&quot;random&quot;:true,&quot;anim&quot;:{&quot;enable&quot;:false,&quot;speed&quot;:40,&quot;size_min&quot;:0.1,&quot;sync&quot;:false}},&quot;line_linked&quot;:{&quot;enable&quot;:false,&quot;distance&quot;:150,&quot;color&quot;:&quot;#ffffff&quot;,&quot;opacity&quot;:0.4,&quot;width&quot;:1},&quot;move&quot;:{&quot;enable&quot;:true,&quot;speed&quot;:6,&quot;direction&quot;:&quot;none&quot;,&quot;random&quot;:false,&quot;straight&quot;:false,&quot;out_mode&quot;:&quot;out&quot;,&quot;bounce&quot;:false,&quot;attract&quot;:{&quot;enable&quot;:false,&quot;rotateX&quot;:600,&quot;rotateY&quot;:1200}}},&quot;interactivity&quot;:{&quot;detect_on&quot;:&quot;canvas&quot;,&quot;events&quot;:{&quot;onhover&quot;:{&quot;enable&quot;:true,&quot;mode&quot;:&quot;repulse&quot;},&quot;onclick&quot;:{&quot;enable&quot;:true,&quot;mode&quot;:&quot;push&quot;},&quot;resize&quot;:true},&quot;modes&quot;:{&quot;grab&quot;:{&quot;distance&quot;:400,&quot;line_linked&quot;:{&quot;opacity&quot;:1}},&quot;bubble&quot;:{&quot;distance&quot;:400,&quot;size&quot;:40,&quot;duration&quot;:2,&quot;opacity&quot;:8,&quot;speed&quot;:3},&quot;repulse&quot;:{&quot;distance&quot;:200,&quot;duration&quot;:0.4},&quot;push&quot;:{&quot;particles_nb&quot;:4},&quot;remove&quot;:{&quot;particles_nb&quot;:2}}},&quot;retina_detect&quot;:true}"></div>
<div class="container-fluid">
<div class="row justify-content-center mb-1">
<div class="col-xl-6 col-lg-12 text-center">
<h2 class="fw-700 text-dark-gray ls-minus-1px">Our happy beauty lovers</h2>
</div>
</div>
<div class="row">
<div class="col-12 p-0 lg-ps-15px lg-pe-15px review-style-10 position-relative" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="lg-m-0">
<div class="swiper magic-cursor" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 4000, &quot;disableOnInteraction&quot;: false }, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-three-slide-pagination&quot;, &quot;clickable&quot;: true, &quot;dynamicBullets&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1400&quot;: { &quot;slidesPerView&quot;: 4 }, &quot;1200&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 2 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 2 }, &quot;320&quot;: { &quot;slidesPerView&quot;: 1 } }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper mt-10px mb-10px">
<div class="swiper-slide">
<div class="border border-color-extra-medium-gray border-radius-6px d-flex">
<div class="p-15px">
<div class="vertical-title-center align-items-center">
<div class="title fs-15 text-dark-gray fw-700 text-uppercase ls-1px">Emma causer</div>
</div>
</div>
<div class="p-35px border-start border-color-extra-medium-gray d-flex justify-content-center md-p-30px xs-p-25px">
<div>
<p class="mb-15px w-95 xl-w-100">Analytics has excellent up-time and remains fast and responsive, even with 2 million records in the database.</p>
<div class="bg-golden-yellow text-white d-inline-block fs-13 lh-32 border-radius-100px ps-15px pe-15px">
<i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border border-color-extra-medium-gray border-radius-4px d-flex">
<div class="p-15px">
<div class="vertical-title-center align-items-center">
<div class="title fs-15 text-dark-gray fw-700 text-uppercase ls-1px">Lesley simms</div>
</div>
</div>
<div class="p-35px border-start border-color-extra-medium-gray d-flex justify-content-center md-p-30px xs-p-25px">
<div>
<p class="mb-15px w-95 xl-w-100">We implemented all our dashboards using this smart and amazing software. Analytics has changed my business!</p>
<div class="bg-golden-yellow text-white d-inline-block fs-13 lh-32 border-radius-100px ps-15px pe-15px">
<i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border border-color-extra-medium-gray border-radius-4px d-flex">
<div class="p-15px">
<div class="vertical-title-center align-items-center">
<div class="title fs-15 text-dark-gray fw-700 text-uppercase ls-1px">Nickie coombs</div>
</div>
</div>
<div class="p-35px border-start border-color-extra-medium-gray d-flex justify-content-center md-p-30px xs-p-25px">
<div>
<p class="mb-15px w-95 xl-w-100">I chose crafto because of the interface and the robust features to handle our volumes of data quickly and efficiently.</p>
<div class="bg-golden-yellow text-white d-inline-block fs-13 lh-32 border-radius-100px ps-15px pe-15px">
<i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border border-color-extra-medium-gray border-radius-4px d-flex">
<div class="p-15px">
<div class="vertical-title-center align-items-center">
<div class="title fs-15 text-dark-gray fw-700 text-uppercase ls-1px">Bella roberts</div>
</div>
</div>
<div class="p-35px border-start border-color-extra-medium-gray d-flex justify-content-center md-p-30px xs-p-25px">
<div>
<p class="mb-15px w-95 xl-w-100">Crafto analytics offers a free web-based reporting solution that usually only big-budget sites can afford.</p>
<div class="bg-golden-yellow text-white d-inline-block fs-13 lh-32 border-radius-100px ps-15px pe-15px">
<i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border border-color-extra-medium-gray border-radius-4px d-flex">
<div class="p-15px">
<div class="vertical-title-center align-items-center">
<div class="title fs-15 text-dark-gray fw-700 text-uppercase ls-1px">Lesley simms</div>
</div>
</div>
<div class="p-35px border-start border-color-extra-medium-gray d-flex justify-content-center md-p-30px xs-p-25px">
<div>
<p class="mb-15px w-95 xl-w-100">Crafto analytics makes it a lot easier to have access to data tables, create pivot charts and reports.</p>
<div class="bg-golden-yellow text-white d-inline-block fs-13 lh-32 border-radius-100px ps-15px pe-15px">
<i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border border-color-extra-medium-gray border-radius-4px d-flex">
<div class="p-15px">
<div class="vertical-title-center align-items-center">
<div class="title fs-15 text-dark-gray fw-700 text-uppercase ls-1px">Bella roberts</div>
</div>
</div>
<div class="p-35px border-start border-color-extra-medium-gray d-flex justify-content-center md-p-30px xs-p-25px">
<div>
<p class="mb-15px w-95 xl-w-100">Dedicated team will do their best to meet your needs and give you your ultimate treatment.</p>
<div class="bg-golden-yellow text-white d-inline-block fs-13 lh-32 border-radius-100px ps-15px pe-15px">
<i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border border-color-extra-medium-gray border-radius-4px d-flex">
<div class="p-15px">
<div class="vertical-title-center align-items-center">
<div class="title fs-15 text-dark-gray fw-700 text-uppercase ls-1px">Lesley simms</div>
</div>
</div>
<div class="p-35px border-start border-color-extra-medium-gray d-flex justify-content-center md-p-30px xs-p-25px">
<div>
<p class="mb-15px w-95 xl-w-100">We implemented all our dashboards using this smart and amazing software. Analytics has changed my business!</p>
<div class="bg-golden-yellow text-white d-inline-block fs-13 lh-32 border-radius-100px ps-15px pe-15px">
<i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="border border-color-extra-medium-gray border-radius-4px d-flex">
<div class="p-15px">
<div class="vertical-title-center align-items-center">
<div class="title fs-15 text-dark-gray fw-700 text-uppercase ls-1px">Nickie coombs</div>
</div>
</div>
<div class="p-35px border-start border-color-extra-medium-gray d-flex justify-content-center md-p-30px xs-p-25px">
<div>
<p class="mb-15px w-95 xl-w-100">I chose crafto because of the interface and the robust features to handle our volumes of data quickly and efficiently.</p>
<div class="bg-golden-yellow text-white d-inline-block fs-13 lh-32 border-radius-100px ps-15px pe-15px">
<i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="cover-background position-relative" style="background-image: url('images/demo-travel-agency-home-bg-03.jpg');">
<div class="position-absolute fs-250 lg-fs-200 fw-700 md-fs-150 xs-fs-70 fw-600 ls-minus-10px text-uppercase text-white alt-font left-0px right-0px text-center bottom-minus-80px md-ls-minus-6px md-bottom-minus-50px d-none d-sm-block">satisfied</div>
<div class="container">
<div class="row align-items-center justify-content-center mb-5 xs-mb-0" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-lg-3 md-mb-20px">
<div class="align-items-center mb-5px d-block d-lg-flex text-center text-lg-start">
<i class="fa-solid fa-heart me-5px text-red"></i>
<span class="fs-15 text-red text-uppercase alt-font fw-700">Food lovers</span>
</div>
<h3 class="text-dark-gray fw-600 mb-25px text-center text-lg-start ls-minus-2px lg-ls-minus-3px">Satisfied customers</h3>
<div class="d-flex justify-content-center justify-content-lg-start">
<div class="slider-one-slide-prev-1 bg-white box-shadow-double-large swiper-button-prev slider-navigation-style-04"><i class="bi bi-arrow-left-short icon-very-medium"></i></div>
<div class="slider-one-slide-next-1 bg-white box-shadow-double-large swiper-button-next slider-navigation-style-04"><i class="bi bi-arrow-right-short icon-very-medium"></i></div>
</div>
</div>
<div class="col-xl-8 col-lg-9">
<div class="swiper position-relative magic-cursor" data-slider-options="{ &quot;autoHeight&quot;: true, &quot;loop&quot;: true, &quot;allowTouchMove&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 3000, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.swiper-button-next&quot;, &quot;prevEl&quot;: &quot;.swiper-button-prev&quot; }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper mb-30px sm-mb-50px xs-mb-0">
<div class="swiper-slide review-style-11">
<div class="row align-items-center">
<div class="col-md-5 text-center text-md-start sm-mb-15px">
<img src="images/demo-travel-agency-home-17.png" alt>
</div>
<div class="col-md-7 position-relative ps-16 sm-ps-15px text-center text-md-start">
<p class="fs-20 lh-28 text-dark-gray mb-20px">Excellent, delicious and tasty pizza, staff is highly attentive, <span class="text-decoration-line-bottom fw-600">excellent place</span> to have pizza they also have home delivery and <span class="text-decoration-line-bottom fw-600">take away services.</span></p>
<div class="text-center bg-red text-white fs-15 border-radius-22px d-inline-block ps-20px pe-20px lh-36 ls-minus-1px">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<div class="position-absolute left-0px top-0px h-100 w-90px sm-w-100 border-end border-color-transparent-dark-very-light sm-position-relative sm-mt-10px sm-border-end-0">
<div class="vertical-title-center align-items-center justify-content-center sm-vertical-title-inherit">
<div class="title fs-18 text-red fw-600 text-uppercase">Alexander moore</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-11">
<div class="row align-items-center">
<div class="col-md-5 text-center text-md-start sm-mb-15px">
<img src="images/demo-travel-agency-home-15.png" alt>
</div>
<div class="col-md-7 position-relative ps-16 sm-ps-15px text-center text-md-start">
<p class="fs-20 lh-28 text-dark-gray mb-20px">Talking about this branch the staff, quality of food, <span class="text-decoration-line-bottom fw-600">most importantly</span> the speed of service is just great! Highly recommended restaurant. <span class="text-decoration-line-bottom fw-600">Must try take away services.</span></p>
<div class="text-center bg-red text-white fs-15 border-radius-22px d-inline-block ps-20px pe-20px lh-36 ls-minus-1px">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<div class="position-absolute left-0px top-0px h-100 w-90px sm-w-100 border-end border-color-transparent-dark-very-light sm-position-relative sm-mt-10px sm-border-end-0">
<div class="vertical-title-center align-items-center justify-content-center sm-vertical-title-inherit">
<div class="title fs-18 text-red fw-600 text-uppercase">Matthew taylor</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-11">
<div class="row align-items-center">
<div class="col-md-5 text-center text-md-start sm-mb-15px">
<img src="images/demo-travel-agency-home-18.png" alt>
</div>
<div class="col-md-7 position-relative ps-16 sm-ps-15px text-center text-md-start">
<p class="fs-20 lh-28 text-dark-gray mb-20px">We got that and a <span class="text-decoration-line-bottom fw-600">slice of pizza</span> and split it down the middle. It was <span class="text-decoration-line-bottom fw-600">amazing</span> and soo much food we had left overs. The food there is simply delicious.</p>
<div class="text-center bg-red text-white fs-15 border-radius-22px d-inline-block ps-20px pe-20px lh-36 ls-minus-1px">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<div class="position-absolute left-0px top-0px h-100 w-90px sm-w-100 border-end border-color-transparent-dark-very-light sm-position-relative sm-mt-10px sm-border-end-0">
<div class="vertical-title-center align-items-center justify-content-center sm-vertical-title-inherit">
<div class="title fs-18 text-red fw-600 text-uppercase">Herman miller</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-demo bg-dark-slate-blue pb-4 sm-pb-50px" style="background-image: url('images/demo-footer-pattern.svg')">
<div class="container">
<div class="row mb-6 md-mb-30px">
<div class="col-xl-5 col-lg-6 md-mb-30px text-center text-lg-start">
<h3 class="text-white fw-600 alt-font mb-40px ls-minus-1px md-mb-30px md-w-60 sm-w-70 xs-w-100 md-mx-auto">Craft a standout website with crafto.</h3>
<div class="row">
<div class="col-lg-5 col-sm-6 xs-mb-20px">
<span class="alt-font fs-14 fw-600 text-uppercase d-block text-white ls-1px lh-18">Presale questions</span>
<a href="cdn-cgi/l/email-protection.html#2c45424a436c5844494149564d4d024f4341"><span class="__cf_email__" data-cfemail="5f363139301f2b373a323a253e3e713c3032">[email&#160;protected]</span></a>
</div>
<div class="col-lg-5 col-sm-6">
<span class="alt-font fs-14 fw-600 text-uppercase d-block text-white ls-1px lh-18">Getting started</span>
<a href="https://1.envato.market/R53mL2" target="_blank">Purchase on Envato</a>
</div>
</div>
</div>
<div class="col-lg-2 col-6 offset-xl-1 text-center text-lg-start">
<span class="alt-font fs-14 fw-600 text-uppercase text-white ls-1px d-block mb-5px">Useful links</span>
<ul>
<li><a href="documentation/index.html" target="_blank">Documentation</a></li>
<li><a href="https://www.themezaa.com/support/" target="_blank">Support center</a></li>
<li><a href="https://www.youtube.com/channel/UCxIgqIkSGVVqEsm-HE-tadQ/" target="_blank">Video tutorials</a></li>
<li><a href="https://themeforest.net/user/themezaa/portfolio" target="_blank">Envato portfolio</a></li>
<li><a href="https://www.themezaa.com/theme-customization/" target="_blank">Customization</a></li>
</ul>
</div>
<div class="col-lg-2 col-6 text-center text-lg-start">
<span class="alt-font fs-14 fw-600 text-uppercase text-white ls-1px d-block mb-5px">Follow Us</span>
<ul>
<li><a href="https://www.facebook.com/themezaastudio/" target="_blank">Facebook</a></li>
<li><a href="https://www.twitter.com/themezaa" target="_blank">Twitter</a></li>
<li><a href="https://www.dribbble.com/linksture" target="_blank">Dribbble</a></li>
<li><a href="https://www.youtube.com/channel/UCxIgqIkSGVVqEsm-HE-tadQ/" target="_blank">Youtube</a></li>
<li><a href="https://www.linkedin.com/company/themezaa/" target="_blank">Linkedin</a></li>
</ul>
</div>
<div class="col-lg-2 order-first order-lg-4 text-center text-lg-start md-mb-20px">
<a href="index.html" class="footer-logo"><img src="images/logo-white-demo.png" data-at2x="images/logo-white-demo@2x.png" alt></a>
</div>
</div>
<div class="row">
<div class="col-lg-7 last-paragraph-no-margin text-center text-lg-start">
<p class="fs-13 lh-22 w-90 md-w-100">ThemeZaa - The best WordPress, Shopify and Magento themes and plugins provider. We design and develop quality themes and plugins to create your awesome website.</p>
</div>
<div class="col-lg-5 text-center text-lg-end md-mt-15px last-paragraph-no-margin">
<p class="fs-13 lh-22">&copy; 2024 Crafto is Powered by <a href="https://www.themezaa.com/" target="_blank" class="text-decoration-line-bottom text-white">ThemeZaa</a></p>
</div>
</div>
</div>
</footer>
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>