Sujan/Access_New
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Access_New/pages/icon-packs-bootstrap.html
sujan 0e4ef3c365 new website
2024-09-05 11:33:27 +05:45

25283 lines
916 KiB
HTML
Raw Permalink 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,maximum-scale=1" />
<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="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">Bootstrap icon</h1>
<h2 class="text-dark-gray d-inline-block fw-400 ls-0px w-80 xs-w-100 mx-auto mb-0">Free, high quality, open source icon library with over 2,000 icons. Use them with or without Bootstrap.</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="icon-packs-bootstrap.html#" class="text-dark-gray text-dark-gray-hover">Elements</a></li>
<li>Bootstrap icon</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="pt-0 ps-6 pe-6">
<div class="container-fluid">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4 justify-content-center">
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-0-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-0-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-0-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-0-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-0-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-0-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-0-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-0-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-1-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-1-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-1-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-1-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-1-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-1-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-1-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-1-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-123 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-123</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-2-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-2-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-2-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-2-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-2-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-2-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-2-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-2-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-3-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-3-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-3-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-3-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-3-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-3-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-3-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-3-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-4-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-4-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-4-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-4-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-4-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-4-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-4-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-4-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-5-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-5-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-5-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-5-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-5-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-5-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-5-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-5-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-6-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-6-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-6-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-6-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-6-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-6-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-6-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-6-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-7-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-7-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-7-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-7-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-7-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-7-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-7-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-7-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-8-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-8-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-8-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-8-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-8-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-8-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-8-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-8-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-9-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-9-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-9-circle-fill icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-9-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-9-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-9-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-9-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-9-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-activity align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-activity</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-airplane align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-airplane</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-airplane-engines align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-airplane-engines</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-airplane-engines-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-airplane-engines-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-airplane-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-airplane-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-alarm align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-alarm</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-alarm-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-alarm-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-alexa align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-alexa</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-align-bottom align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-align-bottom</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-align-center align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-align-center</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-align-end align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-align-end</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-align-middle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-align-middle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-align-start align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-align-start</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-align-top align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-align-top</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-alipay align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-alipay</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-alphabet align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-alphabet</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-alphabet-uppercase align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-alphabet-uppercase</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-alt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-alt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-amazon align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-amazon</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-amd align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-amd</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-android align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-android</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-android2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-android2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-app align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-app</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-app-indicator align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-app-indicator</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-apple align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-apple</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-archive align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-archive</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-archive-fill icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-archive-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-90deg-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-90deg-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-90deg-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-90deg-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-90deg-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-90deg-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-90deg-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-90deg-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-bar-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-bar-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-bar-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-bar-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-bar-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-bar-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-bar-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-bar-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-clockwise align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-clockwise</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-counterclockwise align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-counterclockwise</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-circle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-left-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-left-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-left-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-left-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-left-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-left-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-left-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-left-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-right-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-right-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-right-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-right-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-right-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-right-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-right-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-right-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-short align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-short</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-down-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-down-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-left-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-left-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-left-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-left-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-left-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-left-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-left-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-left-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-left-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-left-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-left-short align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-left-short</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-repeat align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-repeat</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-return-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-return-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-return-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-return-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-right-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-right-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-right-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-right-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-right-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-right-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-right-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-right-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-right-short align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-right-short</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-through-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-through-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-through-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-through-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-left-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-left-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-left-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-left-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-left-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-left-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-left-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-left-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-right-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-right-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-right-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-right-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-right-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-right-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-right-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-right-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrow-up-short align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrow-up-short</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrows align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrows</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrows-angle-contract align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrows-angle-contract</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrows-angle-expand align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrows-angle-expand</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrows-collapse align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrows-collapse</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrows-collapse-vertical align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrows-collapse-vertical</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrows-expand align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrows-expand</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrows-expand-vertical align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrows-expand-vertical</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrows-fullscreen align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrows-fullscreen</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrows-move align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrows-move</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-arrows-vertical align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-arrows-vertical</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-aspect-ratio align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-aspect-ratio</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-aspect-ratio-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-aspect-ratio-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-asterisk align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-asterisk</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-at align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-at</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-award align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-award</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-award-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-award-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-back align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-back</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-backpack align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-backpack</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-backpack-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-backpack-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-backpack2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-backpack2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-backpack2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-backpack2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-backpack3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-backpack3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-backpack3-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-backpack3-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-backpack4 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-backpack4</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-backpack4-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-backpack4-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-backspace align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-backspace</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-backspace-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-backspace-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-backspace-reverse align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-backspace-reverse</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-backspace-reverse-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-backspace-reverse-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-3d align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-3d</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-3d-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-3d-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-4k align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-4k</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-4k-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-4k-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-8k align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-8k</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-8k-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-8k-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-ad align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-ad</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-ad-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-ad-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-ar align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-ar</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-ar-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-ar-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-cc align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-cc</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-cc-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-cc-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-hd align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-hd</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-hd-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-hd-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-sd align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-sd</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-sd-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-sd-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-tm align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-tm</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-tm-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-tm-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-vo align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-vo</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-vo-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-vo-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-vr align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-vr</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-vr-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-vr-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-wc align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-wc</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-badge-wc-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-badge-wc-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bag align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bag</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bag-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bag-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bag-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bag-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bag-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bag-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bag-dash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bag-dash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bag-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bag-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bag-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bag-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bag-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bag-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bag-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bag-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bag-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bag-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bag-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bag-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bag-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bag-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-balloon align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-balloon</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-balloon-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-balloon-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-balloon-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-balloon-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-balloon-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-balloon-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ban align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ban</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ban-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ban-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bandaid align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bandaid</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bandaid-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bandaid-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bank align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bank</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bank2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bank2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bar-chart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bar-chart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bar-chart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bar-chart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bar-chart-line align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bar-chart-line</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bar-chart-line-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bar-chart-line-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bar-chart-steps align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bar-chart-steps</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-basket align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-basket</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-basket-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-basket-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-basket2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-basket2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-basket2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-basket2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-basket3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-basket3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-basket3-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-basket3-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-battery align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-battery</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-battery-charging align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-battery-charging</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-battery-full align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-battery-full</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-battery-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-battery-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-behance align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-behance</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bell align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bell</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bell-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bell-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bell-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bell-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bell-slash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bell-slash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bezier align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bezier</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bezier2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bezier2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bicycle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bicycle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bing align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bing</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-binoculars align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-binoculars</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-binoculars-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-binoculars-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-blockquote-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-blockquote-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-blockquote-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-blockquote-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bluetooth align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bluetooth</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-body-text align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-body-text</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-book align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-book</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-book-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-book-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-book-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-book-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-dash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-dash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-star align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-star</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-star-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-star-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmark-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmark-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmarks align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmarks</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookmarks-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookmarks-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bookshelf align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bookshelf</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-boombox align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-boombox</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-boombox-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-boombox-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bootstrap align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bootstrap</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bootstrap-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bootstrap-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bootstrap-reboot align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bootstrap-reboot</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-border align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-border</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-border-all align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-border-all</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-border-bottom align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-border-bottom</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-border-center align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-border-center</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class=" bi-border-inner align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span> bi-border-inner</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-border-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-border-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-border-middle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-border-middle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-border-outer align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-border-outer</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-border-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-border-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-border-style align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-border-style</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-border-top align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-border-top</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-border-width align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-border-width</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bounding-box align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bounding-box</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bounding-box-circles align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bounding-box-circles</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-down-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-down-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-down-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-down-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-in-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-in-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-in-down-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-in-down-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-in-down-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-in-down-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-in-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-in-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-in-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-in-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-in-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-in-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-in-up-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-in-up-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-in-up-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-in-up-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-up-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-up-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-arrow-up-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-arrow-up-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-seam align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-seam</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box-seam-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box-seam-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box2-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box2-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-box2-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-box2-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-boxes align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-boxes</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-braces align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-braces</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="febi bi-braces-asterisk align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-braces-asterisk</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bricks align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bricks</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-briefcase align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-briefcase</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-briefcase-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-briefcase-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-brightness-alt-high align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-brightness-alt-high</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-brightness-alt-high-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-brightness-alt-high-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-brightness-alt-low align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-brightness-alt-low</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-brightness-alt-low-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-brightness-alt-low-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-brightness-high align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-brightness-high</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-brightness-high-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-brightness-high-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-brightness-low align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-brightness-low</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-brightness-low-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-brightness-low-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-brilliance align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-brilliance</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-broadcast align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-broadcast</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-broadcast-pin align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-broadcast-pin</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-browser-chrome align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-browser-chrome</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-browser-edge align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-browser-edge</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-browser-firefox align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-browser-firefox</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-browser-safari align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-browser-safari</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-brush align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-brush</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-brush-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-brush-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bucket align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bucket</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bucket-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bucket-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bug align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bug</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bug-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bug-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-add align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-add</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-fill-add align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-fill-add</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-fill-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-fill-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-fill-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-fill-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-fill-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-fill-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-fill-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-fill-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-fill-gear align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-fill-gear</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-fill-lock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-fill-lock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-fill-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-fill-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-fill-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-fill-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-fill-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-fill-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-gear align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-gear</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-lock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-lock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-building-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-building-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-buildings align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-buildings</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-buildings-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-buildings-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bullseye align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bullseye</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bus-front align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bus-front</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-bus-front-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-bus-front-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-c-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-c-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-c-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-c-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-c-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-c-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-c-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-c-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cake align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cake</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cake-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cake-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cake2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cake2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cake2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cake2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calculator align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calculator</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calculator-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calculator-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-date align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-date</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-date-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-date-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-day align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-day</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-day-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-day-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-event align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-event</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-event-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-event-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-minus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-minus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-month align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-month</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-month-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-month-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-range align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-range</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-range-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-range-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-week align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-week</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-week-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-week-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-date align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-date</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-date-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-date-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-day align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-day</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-day-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-day-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-event align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-event</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-event-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-event-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-minus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-minus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-month align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-month</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-month-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-month-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-range align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-range</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-range-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-range-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-week align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-week</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-week-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-week-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar2-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar2-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar3-event align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar3-event</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar3-event-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar3-event-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar3-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar3-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar3-range align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar3-range</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar3-range-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar3-range-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="feather icon-feather-youtube align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>icon-feather-youtube</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar3-week align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar3-week</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar3-week-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar3-week-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar4 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar4</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar4-event align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar4-event</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar4-range align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar4-range</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-calendar4-week align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-calendar4-week</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-camera align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-camera</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-camera2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-camera2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-camera-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-camera-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-camera-reels align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-camera-reels</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-camera-reels-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-camera-reels-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-camera-video align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-camera-video</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-camera-video-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-camera-video-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-camera-video-off align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-camera-video-off</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-camera-video-off-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-camera-video-off-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-capslock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-capslock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-capslock-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-capslock-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-capsule align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-capsule</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-capsule-pill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-capsule-pill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-car-front align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-car-front</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-car-front-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-car-front-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-card-checklist align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-card-checklist</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-card-heading align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-card-heading</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-card-image align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-card-image</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-card-list align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-card-list</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-card-text align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-card-text</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-down-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-down-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-down-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-down-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-down-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-down-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-left-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-left-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-left-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-left-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-left-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-left-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-right-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-right-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-right-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-right-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-right-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-right-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-up-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-up-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-up-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-up-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-caret-up-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-caret-up-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart-dash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart-dash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cart4 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cart4</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cash-coin align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cash-coin</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cash-stack align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cash-stack</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cassette align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cassette</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cassette-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cassette-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cast align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cast</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cc-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cc-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cc-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cc-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cc-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cc-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cc-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cc-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-dots align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-dots</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-dots-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-dots-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-left-dots align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-left-dots</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-left-dots-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-left-dots-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-left-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-left-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-left-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-left-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-left-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-left-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-left-quote align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-left-quote</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-left-quote-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-left-quote-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-left-text align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-left-text</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-left-text-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-left-text-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-quote align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-quote</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-quote-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-quote-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-right-dots align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-right-dots</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-right-dots-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-right-dots-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-right-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-right-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-right-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-right-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-right-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-right-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-right-quote align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-right-quote</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-right-quote-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-right-quote-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-right-text align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-right-text</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-right-text-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-right-text-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-square-dots align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-square-dots</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-square-dots-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-square-dots-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-square-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-square-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-square-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-square-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-square-quote align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-square-quote</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-square-quote-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-square-quote-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-square-text align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-square-text</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-square-text-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-square-text-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-text align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-text</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chat-text-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chat-text-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-check-all align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-check-all</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-check-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-check-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-check-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-check-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-check-lg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-check-lg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-check-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-check-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-check-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-check-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-check2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-check2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-check2-all align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-check2-all</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-check2-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-check2-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-check2-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-check2-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-bar-contract align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-bar-contract</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-bar-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-bar-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-bar-expand align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-bar-expand</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-bar-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-bar-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-bar-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-bar-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-bar-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-bar-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-compact-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-compact-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-compact-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-compact-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-compact-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-compact-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-compact-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-compact-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-contract align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-contract</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-double-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-double-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-double-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-double-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-double-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-double-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-double-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-double-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-expand align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-expand</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-chevron-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-chevron-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-circle-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-circle-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-slash-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-slash-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-circle-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-circle-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-data align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-data</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-data-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-data-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-minus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-minus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-pulse align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-pulse</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>icon-feather-youtube</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-data align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-data</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-data-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-data-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-minus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-minus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-pulse align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-pulse</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-pulse-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-pulse-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clipboard2-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clipboard2-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clock-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clock-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clock-history align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clock-history</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-arrow-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-arrow-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-arrow-down-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-arrow-down-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-arrow-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-arrow-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-arrow-up-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-arrow-up-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-download align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-download</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-download-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-download-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-drizzle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-drizzle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-drizzle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-drizzle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-fog align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-fog</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-fog-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-fog-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-fog2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-fog2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-fog2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-fog2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-hail align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-hail</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-hail-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-hail-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-haze align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-haze</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-haze-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-haze-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-haze2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-haze2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-haze2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-haze2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-lightning align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-lightning</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-lightning-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-lightning-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-lightning-rain align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-lightning-rain</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-lightning-rain-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-lightning-rain-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-minus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-minus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-moon align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-moon</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-moon-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-moon-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-rain align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-rain</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-rain-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-rain-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-rain-heavy align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-rain-heavy</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-rain-heavy-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-rain-heavy-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-slash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-slash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-sleet align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-sleet</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-sleet-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-sleet-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-snow align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-snow</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-snow-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-snow-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-sun align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-sun</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-sun-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-sun-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-upload align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-upload</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloud-upload-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloud-upload-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clouds align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clouds</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-clouds-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-clouds-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloudy align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloudy</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cloudy-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cloudy-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-code align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-code</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-code-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-code-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-code-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-code-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-coin align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-coin</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-collection align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-collection</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-collection-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-collection-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-collection-play align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-collection-play</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-collection-play-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-collection-play-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-columns align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-columns</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-columns-gap align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-columns-gap</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-command align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-command</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-compass align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-compass</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-compass-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-compass-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cone align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cone</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cone-striped align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cone-striped</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-controller align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-controller</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cookie align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cookie</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-copy align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-copy</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cpu align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cpu</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cpu-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cpu-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-credit-card align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-credit-card</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-credit-card-2-back align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-credit-card-2-back</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-credit-card-2-back-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-credit-card-2-back-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-credit-card-2-front align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-credit-card-2-front</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-credit-card-2-front-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-credit-card-2-front-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-credit-card-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-credit-card-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-crop align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-crop</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-crosshair align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-crosshair</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-crosshair2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-crosshair2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cup align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cup</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cup-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cup-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cup-hot align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cup-hot</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cup-hot-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cup-hot-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cup-straw align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cup-straw</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-currency-bitcoin align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-currency-bitcoin</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-currency-dollar align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-currency-dollar</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-currency-euro align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-currency-euro</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-currency-exchange align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-currency-exchange</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-currency-pound align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-currency-pound</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-currency-rupee align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-currency-rupee</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-currency-yen align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-currency-yen</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cursor align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cursor</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cursor-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cursor-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-cursor-text align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-cursor-text</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dash-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dash-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dash-circle-dotted align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dash-circle-dotted</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dash-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dash-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dash-lg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dash-lg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dash-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dash-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dash-square-dotted align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dash-square-dotted</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dash-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dash-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-add align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-add</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-fill-add align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-fill-add</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-fill-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-fill-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-fill-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-fill-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-fill-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-fill-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-fill-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-fill-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-fill-gear align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-fill-gear</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-fill-lock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-fill-lock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-fill-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-fill-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-fill-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-fill-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-fill-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-fill-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-gear align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-gear</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-lock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-lock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-database-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-database-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-device-hdd align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-device-hdd</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-device-hdd-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-device-hdd-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-device-ssd align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-device-ssd</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-device-ssd-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-device-ssd-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-diagram-2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-diagram-2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-diagram-2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-diagram-2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-diagram-3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-diagram-3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-diagram-3-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-diagram-3-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-diamond align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-diamond</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-diamond-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-diamond-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-diamond-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-diamond-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="i bi-dice-1 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>i bi-dice-1</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dice-1-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dice-1-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dice-2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dice-2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dice-2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dice-2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dice-3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dice-3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dice-3-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dice-3-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dice-4 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dice-4</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dice-4-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dice-4-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dice-5 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dice-5</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dice-5-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dice-5-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dice-6 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dice-6</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dice-6-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dice-6-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-disc align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-disc</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-disc-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-disc-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-discord align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-discord</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-display align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-display</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-display-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-display-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-displayport align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-displayport</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-displayport-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-displayport-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-distribute-horizontal align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-distribute-horizontal</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-distribute-vertical align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-distribute-vertical</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-door-closed align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-door-closed</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-door-closed-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-door-closed-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-door-open align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-door-open</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-door-open-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-door-open-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dot align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dot</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-download align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-download</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dpad align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dpad</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dpad-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dpad-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dribbble align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dribbble</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-dropbox align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-dropbox</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-droplet align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-droplet</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-droplet-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-droplet-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-droplet-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-droplet-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-duffle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-duffle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-duffle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-duffle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ear align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ear</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ear-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ear-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-earbuds align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-earbuds</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-easel align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-easel</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-easel-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-easel-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-easel2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-easel2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-easel2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-easel2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-easel3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-easel3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-easel3-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-easel3-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-egg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-egg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-egg-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-egg-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-egg-fried align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-egg-fried</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-eject align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-eject</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-eject-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-eject-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-angry align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-angry</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-angry-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-angry-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-astonished align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-astonished</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-astonished-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-astonished-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-dizzy align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-dizzy</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-dizzy-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-dizzy-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-expressionless align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-expressionless</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-expressionless-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-expressionless-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-frown align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-frown</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-frown-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-frown-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-grimace align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-grimace</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-grimace-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-grimace-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-grin align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-grin</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-grin-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-grin-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-heart-eyes align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-heart-eyes</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-heart-eyes-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-heart-eyes-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-kiss align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-kiss</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-kiss-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-kiss-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-laughing align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-laughing</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-laughing-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-laughing-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-neutral align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-neutral</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-neutral-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-neutral-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-smile align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-smile</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-smile-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-smile-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-smile-upside-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-smile-upside-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-smile-upside-down-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-smile-upside-down-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-sunglasses align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-sunglasses</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-sunglasses-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-sunglasses-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-surprise align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-surprise</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-surprise-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-surprise-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-tear align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-tear</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-tear-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-tear-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-wink align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-wink</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-emoji-wink-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-emoji-wink-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-arrow-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-arrow-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-arrow-down-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-arrow-down-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-arrow-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-arrow-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-arrow-up-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-arrow-up-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-at align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-at</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-at-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-at-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-dash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-dash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-exclamation-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-exclamation-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-open align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-open</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-open-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-open-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-open-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-open-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-open-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-open-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-paper align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-paper</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-paper-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-paper-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-paper-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-paper-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-paper-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-paper-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-slash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-slash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-envelope-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-envelope-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-eraser align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-eraser</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-eraser-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-eraser-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-escape align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-escape</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ethernet align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ethernet</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ev-front align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ev-front</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ev-front-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ev-front-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ev-station align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ev-station</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ev-station-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ev-station-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclamation-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclamation-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclamation-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclamation-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclamation-diamond align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclamation-diamond</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclamation-diamond-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclamation-diamond-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclamation-lg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclamation-lg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclamation-octagon align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclamation-octagon</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclamation-octagon-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclamation-octagon-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclamation-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclamation-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclamation-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclamation-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclamation-triangle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclamation-triangle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclamation-triangle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclamation-triangle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exclude align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exclude</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-explicit align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-explicit</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-explicit-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-explicit-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-exposure align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-exposure</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-eye align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-eye</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-eye-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-eye-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-eye-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-eye-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-eye-slash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-eye-slash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-eyedropper align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-eyedropper</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-eyeglasses align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-eyeglasses</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fan align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fan</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-facebook align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-facebook</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fast-forward align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fast-forward</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fast-forward-btn align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fast-forward-btn</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fast-forward-btn-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fast-forward-btn-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fast-forward-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fast-forward-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fast-forward-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fast-forward-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fast-forward-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fast-forward-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-feather align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-feather</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-feather2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-feather2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-arrow-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-arrow-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-arrow-down-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-arrow-down-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-arrow-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-arrow-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-arrow-up-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-arrow-up-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-bar-graph align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-bar-graph</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-bar-graph-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-bar-graph-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-binary align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-binary</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-binary-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-binary-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-break align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-break</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-break-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-break-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-code align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-code</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-code-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-code-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-diff align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-diff</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-diff-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-diff-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-arrow-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-arrow-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-arrow-down-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-arrow-down-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-arrow-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-arrow-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-arrow-up-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-arrow-up-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-bar-graph align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-bar-graph</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-bar-graph-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-bar-graph-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-binary align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-binary</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-binary-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-binary-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-break align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-break</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-break-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-break-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-code align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-code</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-code-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-code-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-diff align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-diff</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-diff-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-diff-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-easel align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-easel</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-easel-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-easel-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-excel align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-excel</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-excel-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-excel-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-font align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-font</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-font-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-font-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-image align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-image</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-image-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-image-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-lock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-lock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-lock-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-lock-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-lock2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-lock2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-lock2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-lock2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-medical align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-medical</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-medical-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-medical-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-minus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-minus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-music align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-music</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-music-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-music-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-pdf align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-pdf</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-pdf-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-pdf-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-person align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-person</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-person-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-person-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-play align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-play</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-play-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-play-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-post align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-post</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-post-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-post-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-ppt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-ppt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-ppt-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-ppt-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-richtext align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-richtext</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-richtext-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-richtext-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-ruled align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-ruled</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-ruled-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-ruled-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-slides align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-slides</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-slides-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-slides-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-spreadsheet align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-spreadsheet</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-spreadsheet-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-spreadsheet-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-text align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-text</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-text-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-text-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-word align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-word</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-word-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-word-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-zip align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-zip</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-earmark-zip-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-earmark-zip-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-easel align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-easel</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-easel-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-easel-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-excel align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-excel</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-excel-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-excel-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-font align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-font</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-font-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-font-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-image align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-image</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-image-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-image-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-lock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-lock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-lock-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-lock-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-lock2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-lock2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-lock2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-lock2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-medical align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-medical</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-medical-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-medical-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-minus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-minus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-music align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-music</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-music-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-music-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-pdf align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-pdf</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-pdf-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-pdf-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-person align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-person</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-person-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-person-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-play align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-play</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-play-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-play-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-post align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-post</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-post-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-post-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-ppt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-ppt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-ppt-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-ppt-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-richtext align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-richtext</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-richtext-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-richtext-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-ruled align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-ruled</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-ruled-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-ruled-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-slides align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-slides</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-slides-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-slides-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-spreadsheet align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-spreadsheet</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-spreadsheet-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-spreadsheet-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-text align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-text</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-text-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-text-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-word align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-word</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-word-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-word-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-zip align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-zip</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-file-zip-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-file-zip-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-files align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-files</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-files-alt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-files-alt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-aac align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-aac</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-ai align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-ai</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-bmp align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-bmp</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-cs align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-cs</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-css align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-css</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-csv align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-csv</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-doc align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-doc</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-docx align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-docx</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-exe align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-exe</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-gif align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-gif</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-heic align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-heic</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-html align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-html</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="feather icon-feather-youtube align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>icon-feather-youtube</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-java align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-java</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-jpg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-jpg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-js align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-js</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-json align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-json</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-jsx align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-jsx</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-key align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-key</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-m4p align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-m4p</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-md align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-md</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-mdx align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-mdx</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-mov align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-mov</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-mp3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-mp3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-mp4 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-mp4</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-otf align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-otf</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-pdf align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-pdf</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-php align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-php</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-png align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-png</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-ppt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-ppt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-pptx align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-pptx</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-psd align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-psd</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-py align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-py</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-raw align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-raw</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-rb align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-rb</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-sass align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-sass</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-scss align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-scss</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-sh align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-sh</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-sql align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-sql</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-svg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-svg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-tiff align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-tiff</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-tsx align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-tsx</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-ttf align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-ttf</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-txt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-txt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-wav align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-wav</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-woff align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-woff</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-xls align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-xls</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-xlsx align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-xlsx</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-xml align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-xml</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filetype-yml align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filetype-yml</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-film align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-film</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filter align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filter</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filter-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filter-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filter-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filter-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filter-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filter-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filter-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filter-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filter-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filter-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-filter-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-filter-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fingerprint align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fingerprint</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fire align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fire</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-flag align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-flag</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-flag-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-flag-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-floppy align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-floppy</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-floppy-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-floppy-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-floppy2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-floppy2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-floppy2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-floppy2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-flower1 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-flower1</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-flower2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-flower2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-flower3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-flower3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-folder align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-folder</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-folder-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-folder-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-folder-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-folder-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-folder-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-folder-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-folder-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-folder-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-folder-symlink align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-folder-symlink</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-folder-symlink-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-folder-symlink-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-folder-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-folder-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-folder2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-folder2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-folder2-open align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-folder2-open</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fonts align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fonts</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-forward align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-forward</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-forward-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-forward-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-front align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-front</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fuel-pump align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fuel-pump</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fuel-pump-diesel align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fuel-pump-diesel</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fuel-pump-diesel-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fuel-pump-diesel-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fuel-pump-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fuel-pump-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fullscreen align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fullscreen</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-fullscreen-exit align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-fullscreen-exit</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-funnel align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-funnel</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-funnel-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-funnel-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gear align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gear</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gear-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gear-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gear-wide align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gear-wide</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gear-wide-connected align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gear-wide-connected</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gem align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gem</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gender-ambiguous align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gender-ambiguous</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gender-female align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gender-female</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gender-male align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gender-male</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gender-neuter align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gender-neuter</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gender-trans align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gender-trans</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-geo align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-geo</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-geo-alt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-geo-alt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-geo-alt-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-geo-alt-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-geo-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-geo-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gift align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gift</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gift-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gift-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-git align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-git</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-github align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-github</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gitlab align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gitlab</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-globe align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-globe</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-globe-americas align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-globe-americas</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-globe-asia-australia align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-globe-asia-australia</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-globe-central-south-asia align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-globe-central-south-asia</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-globe-europe-africa align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-globe-europe-africa</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-globe2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-globe2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-google align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-google</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-google-play align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-google-play</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-gpu-card align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-gpu-card</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-graph-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-graph-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-graph-down-arrow align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-graph-down-arrow</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-graph-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-graph-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-graph-up-arrow align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-graph-up-arrow</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-grid align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-grid</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-grid-1x2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-grid-1x2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-grid-1x2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-grid-1x2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-grid-3x2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-grid-3x2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-grid-3x2-gap align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-grid-3x2-gap</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-grid-3x2-gap-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-grid-3x2-gap-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-grid-3x3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-grid-3x3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-grid-3x3-gap align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-grid-3x3-gap</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-grid-3x3-gap-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-grid-3x3-gap-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-grid-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-grid-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-grip-horizontal align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-grip-horizontal</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-grip-vertical align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-grip-vertical</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-h-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-h-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-h-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-h-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-h-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-h-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-h-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-h-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hammer align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hammer</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hand-index align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hand-index</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hand-index-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hand-index-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hand-index-thumb align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hand-index-thumb</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hand-index-thumb-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hand-index-thumb-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hand-thumbs-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hand-thumbs-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hand-thumbs-down-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hand-thumbs-down-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hand-thumbs-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hand-thumbs-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hand-thumbs-up-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hand-thumbs-up-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-handbag align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-handbag</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-handbag-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-handbag-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hdd align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hdd</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hdd-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hdd-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hdd-network align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hdd-network</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hdd-network-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hdd-network-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hdd-rack align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hdd-rack</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hdd-rack-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hdd-rack-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hdd-stack align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hdd-stack</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hdd-stack-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hdd-stack-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hdmi align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hdmi</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="i bi-hdmi-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>i bi-hdmi-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-headphones align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-headphones</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-headset align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-headset</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-headset-vr align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-headset-vr</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-heart-arrow align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-heart-arrow</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-heart-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-heart-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-heart-pulse align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-heart-pulse</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-heart-pulse-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-heart-pulse-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-heartbreak align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-heartbreak</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-heartbreak-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-heartbreak-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hearts align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hearts</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-heptagon align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-heptagon</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-heptagon-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-heptagon-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-heptagon-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-heptagon-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hexagon align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hexagon</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hexagon-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hexagon-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hexagon-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hexagon-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-highlighter align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-highlighter</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-highlights align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-highlights</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hospital align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hospital</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hospital-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hospital-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hourglass align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hourglass</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hourglass-bottom align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hourglass-bottom</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hourglass-split align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hourglass-split</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hourglass-top align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hourglass-top</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-add align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-add</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-add-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-add-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-dash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-dash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-door align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-door</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-door-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-door-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-down-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-down-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-exclamation-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-exclamation-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-gear align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-gear</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-gear-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-gear-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-lock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-lock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-lock-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-lock-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-slash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-slash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-up-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-up-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-house-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-house-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-houses align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-houses</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-houses-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-houses-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hr align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hr</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hurricane align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hurricane</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-hypnotize align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-hypnotize</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-image align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-image</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-image-alt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-image-alt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-image-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-image-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-images align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-images</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-inbox align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-inbox</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-inbox-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-inbox-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-inboxes-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-inboxes-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-inboxes align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-inboxes</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-incognito align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-incognito</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-indent align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-indent</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-infinity align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-infinity</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-info align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-info</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-info-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-info-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-info-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-info-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-info-lg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-info-lg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-info-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-info-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-info-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-info-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-input-cursor align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-input-cursor</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-input-cursor-text align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-input-cursor-text</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-instagram align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-instagram</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-intersect align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-intersect</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-album align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-album</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-arrow-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-arrow-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-arrow-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-arrow-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-bookmark align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-bookmark</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-bookmark-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-bookmark-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-code align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-code</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-medical align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-medical</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-richtext align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-richtext</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-text align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-text</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journal-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journal-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-journals align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-journals</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-joystick align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-joystick</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-justify align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-justify</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-justify-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-justify-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-justify-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-justify-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-kanban align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-kanban</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-kanban-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-kanban-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-key align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-key</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-key-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-key-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-keyboard align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-keyboard</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-keyboard-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-keyboard-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ladder align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ladder</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lamp align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lamp</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lamp-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lamp-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-laptop align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-laptop</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-laptop-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-laptop-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layer-backward align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layer-backward</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layer-forward align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layer-forward</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layers align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layers</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layers-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layers-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layers-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layers-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layout-sidebar align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layout-sidebar</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layout-sidebar-inset-reverse align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layout-sidebar-inset-reverse</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layout-sidebar-inset align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layout-sidebar-inset</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layout-sidebar-reverse align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layout-sidebar-reverse</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layout-split align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layout-split</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layout-text-sidebar align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layout-text-sidebar</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layout-text-sidebar-reverse align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layout-text-sidebar-reverse</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layout-text-window align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layout-text-window</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layout-text-window-reverse align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layout-text-window-reverse</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layout-three-columns align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layout-three-columns</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-layout-wtf align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-layout-wtf</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-life-preserver align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-life-preserver</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lightbulb align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lightbulb</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lightbulb-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lightbulb-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lightbulb-off align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lightbulb-off</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lightbulb-off-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lightbulb-off-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lightning align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lightning</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lightning-charge align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lightning-charge</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lightning-charge-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lightning-charge-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lightning-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lightning-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-line align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-line</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-link align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-link</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-link-45deg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-link-45deg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-linkedin align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-linkedin</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-list align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-list</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-list-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-list-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-list-columns align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-list-columns</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-list-columns-reverse align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-list-columns-reverse</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-list-nested align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-list-nested</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-list-ol align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-list-ol</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-list-stars align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-list-stars</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-list-task align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-list-task</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-list-ul align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-list-ul</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lock-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lock-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-luggage align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-luggage</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-luggage-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-luggage-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lungs align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lungs</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-lungs-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-lungs-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-magic align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-magic</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-magnet align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-magnet</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-magnet-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-magnet-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mailbox align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mailbox</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mailbox-flag align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mailbox-flag</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mailbox2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mailbox2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mailbox2-flag align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mailbox2-flag</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-map align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-map</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-map-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-map-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-markdown align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-markdown</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-markdown-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-markdown-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-marker-tip align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-marker-tip</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mask align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mask</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mastodon align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mastodon</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-medium align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-medium</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-megaphone align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-megaphone</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-megaphone-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-megaphone-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-memory align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-memory</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-menu-app align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-menu-app</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-menu-app-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-menu-app-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-menu-button align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-menu-button</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-menu-button-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-menu-button-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-menu-button-wide align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-menu-button-wide</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-menu-button-wide-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-menu-button-wide-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-menu-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-menu-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-menu-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-menu-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-messenger align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-messenger</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-meta align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-meta</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mic align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mic</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mic-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mic-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mic-mute align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mic-mute</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mic-mute-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mic-mute-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-microsoft align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-microsoft</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-microsoft-teams align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-microsoft-teams</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-minecart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-minecart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-minecart-loaded align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-minecart-loaded</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-modem align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-modem</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-modem-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-modem-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-moisture align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-moisture</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-moon align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-moon</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-moon-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-moon-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-moon-stars align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-moon-stars</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-moon-stars-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-moon-stars-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mortarboard align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mortarboard</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mortarboard-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mortarboard-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-motherboard align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-motherboard</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-motherboard-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-motherboard-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mouse align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mouse</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mouse-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mouse-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mouse2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mouse2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mouse3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mouse3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-mouse3-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-mouse3-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-music-note align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-music-note</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-music-note-beamed align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-music-note-beamed</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-music-note-list align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-music-note-list</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-music-player align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-music-player</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-music-player-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-music-player-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-newspaper align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-newspaper</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-nintendo-switch align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-nintendo-switch</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-node-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-node-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-node-minus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-node-minus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-node-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-node-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-node-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-node-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-noise-reduction align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-noise-reduction</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-nut align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-nut</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-nut-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-nut-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-nvidia align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-nvidia</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-nvme align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-nvme</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-nvme-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-nvme-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-octagon align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-octagon</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-octagon-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-octagon-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-octagon-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-octagon-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-opencollective align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-opencollective</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-optical-audio align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-optical-audio</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-optical-audio-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-optical-audio-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-option align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-option</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-outlet align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-outlet</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-p-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-p-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-p-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-p-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-p-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-p-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-p-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-p-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-paint-bucket align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-paint-bucket</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-palette align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-palette</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-palette-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-palette-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-palette2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-palette2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-paperclip align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-paperclip</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-paragraph align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-paragraph</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pass align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pass</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pass-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pass-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-passport align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-passport</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-passport-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-passport-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-patch-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-patch-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-patch-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-patch-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-patch-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-patch-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-patch-exclamation-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-patch-exclamation-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-patch-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-patch-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-patch-minus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-patch-minus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-patch-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-patch-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-patch-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-patch-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-patch-question align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-patch-question</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-patch-question-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-patch-question-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pause align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pause</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pause-btn align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pause-btn</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pause-btn-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pause-btn-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pause-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pause-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pause-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pause-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pause-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pause-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-paypal align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-paypal</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pc align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pc</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pc-display align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pc-display</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pc-display-horizontal align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pc-display-horizontal</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pc-horizontal align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pc-horizontal</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pci-card align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pci-card</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pci-card-network align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pci-card-network</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pci-card-sound align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pci-card-sound</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-peace align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-peace</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-peace-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-peace-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pen align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pen</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pen-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pen-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pencil align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pencil</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pencil-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pencil-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pencil-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pencil-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pentagon align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pentagon</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pentagon-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pentagon-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pentagon-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pentagon-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-people align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-people</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-people-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-people-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-percent align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-percent</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-add align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-add</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-arms-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-arms-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-badge align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-badge</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-badge-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-badge-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-bounding-box align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-bounding-box</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-dash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-dash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-fill-add align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-fill-add</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-fill-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-fill-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-fill-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-fill-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-fill-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-fill-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-fill-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-fill-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-fill-gear align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-fill-gear</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-fill-lock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-fill-lock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-fill-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-fill-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-fill-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-fill-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-fill-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-fill-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-gear align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-gear</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-hearts align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-hearts</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-lines-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-lines-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-lock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-lock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-raised-hand align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-raised-hand</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-rolodex align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-rolodex</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-standing align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-standing</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-standing-dress align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-standing-dress</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-vcard align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-vcard</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-vcard-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-vcard-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-video align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-video</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-video2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-video2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-video3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-video3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-walking align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-walking</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-wheelchair align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-wheelchair</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-workspace align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-workspace</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-person-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-person-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-phone align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-phone</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-phone-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-phone-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-phone-flip align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-phone-flip</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-phone-landscape align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-phone-landscape</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-phone-landscape-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-phone-landscape-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-phone-vibrate align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-phone-vibrate</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-phone-vibrate-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-phone-vibrate-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pie-chart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pie-chart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pie-chart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pie-chart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-piggy-bank align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-piggy-bank</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-piggy-bank-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-piggy-bank-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pin align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pin</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pin-angle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pin-angle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pin-angle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pin-angle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pin-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pin-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pin-map align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pin-map</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pin-map-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pin-map-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pinterest align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pinterest</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pip align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pip</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-pip-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-pip-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-play align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-play</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-play-btn align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-play-btn</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-play-btn-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-play-btn-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-play-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-play-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-play-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-play-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-play-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-play-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-playstation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-playstation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-plug align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-plug</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-plug-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-plug-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-plugin align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-plugin</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-plus-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-plus-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-plus-circle-dotted align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-plus-circle-dotted</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-plus-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-plus-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-plus-lg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-plus-lg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-plus-slash-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-plus-slash-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-plus-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-plus-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-plus-square-dotted align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-plus-square-dotted</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-plus-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-plus-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-postage align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-postage</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-postage-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-postage-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-postage-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-postage-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-postage-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-postage-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-postcard align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-postcard</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-postcard-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-postcard-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-postcard-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-postcard-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-postcard-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-postcard-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-power align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-power</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-prescription align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-prescription</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-prescription2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-prescription2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-printer align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-printer</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-printer-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-printer-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-projector align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-projector</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-projector-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-projector-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-puzzle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-puzzle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-puzzle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-puzzle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-qr-code align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-qr-code</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-qr-code-scan align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-qr-code-scan</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-question align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-question</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-question-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-question-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-question-diamond align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-question-diamond</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-question-diamond-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-question-diamond-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-question-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-question-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-question-lg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-question-lg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-question-octagon align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-question-octagon</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-question-octagon-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-question-octagon-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-question-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-question-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-question-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-question-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-quora align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-quora</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-quote align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-quote</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-r-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-r-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-r-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-r-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-r-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-r-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-r-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-r-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-radar align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-radar</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-radioactive align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-radioactive</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rainbow align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rainbow</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-receipt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-receipt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-receipt-cutoff align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-receipt-cutoff</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-reception-0 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-reception-0</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-reception-1 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-reception-1</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-reception-2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-reception-2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-reception-3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-reception-3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-reception-4 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-reception-4</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-record align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-record</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-record-btn align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-record-btn</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-record-btn-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-record-btn-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-record-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-record-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-record-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-record-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-record-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-record-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-record2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-record2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-record2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-record2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-recycle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-recycle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-reddit align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-reddit</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-regex align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-regex</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-repeat align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-repeat</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-repeat-1 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-repeat-1</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-reply align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-reply</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-reply-all align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-reply-all</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-reply-all-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-reply-all-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-reply-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-reply-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rewind align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rewind</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rewind-btn align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rewind-btn</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rewind-btn-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rewind-btn-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rewind-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rewind-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rewind-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rewind-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rewind-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rewind-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-robot align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-robot</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rocket align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rocket</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rocket-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rocket-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rocket-takeoff align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rocket-takeoff</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rocket-takeoff-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rocket-takeoff-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-router align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-router</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-router-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-router-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rss align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rss</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rss-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rss-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-rulers align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-rulers</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-safe align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-safe</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-safe-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-safe-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-safe2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-safe2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-safe2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-safe2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-save align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-save</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-save-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-save-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-save2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-save2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-save2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-save2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-scissors align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-scissors</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-scooter align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-scooter</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-screwdriver align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-screwdriver</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sd-card align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sd-card</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sd-card-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sd-card-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-search align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-search</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-search-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-search-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-search-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-search-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-segmented-nav align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-segmented-nav</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-arrow-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-arrow-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-arrow-down-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-arrow-down-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-arrow-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-arrow-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-arrow-up-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-arrow-up-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-check-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-check-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-dash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-dash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-exclamation-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-exclamation-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-slash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-slash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-send-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-send-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-server align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-server</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shadows align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shadows</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-share align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-share</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-share-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-share-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-fill-check align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-fill-check</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-fill-exclamation align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-fill-exclamation</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-fill-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-fill-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-fill-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-fill-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-fill-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-fill-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-lock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-lock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-lock-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-lock-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-shaded align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-shaded</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-slash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-slash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shield-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shield-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shift align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shift</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shift-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shift-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shop align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shop</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shop-window align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shop-window</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-shuffle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-shuffle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-dead-end align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-dead-end</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-dead-end-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-dead-end-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-do-not-enter align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-do-not-enter</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-do-not-enter-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-do-not-enter-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-intersection align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-intersection</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-intersection-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-intersection-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-intersection-side align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-intersection-side</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-intersection-side-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-intersection-side-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-intersection-t align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-intersection-t</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-intersection-t-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-intersection-t-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-intersection-y align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-intersection-y</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-intersection-y-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-intersection-y-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-merge-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-merge-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-merge-left-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-merge-left-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-merge-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-merge-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-merge-right-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-merge-right-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-no-left-turn align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-no-left-turn</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-no-left-turn-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-no-left-turn-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-no-parking align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-no-parking</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-no-parking-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-no-parking-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-no-right-turn align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-no-right-turn</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-no-right-turn-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-no-right-turn-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-railroad align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-railroad</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-railroad-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-railroad-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-stop align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-stop</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-stop-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-stop-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-stop-lights align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-stop-lights</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-stop-lights-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-stop-lights-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-turn-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-turn-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-turn-left-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-turn-left-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-turn-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-turn-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-turn-right-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-turn-right-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-turn-slight-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-turn-slight-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-turn-slight-left-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-turn-slight-left-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-turn-slight-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-turn-slight-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-turn-slight-right-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-turn-slight-right-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-yield align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-yield</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sign-yield-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sign-yield-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-signal align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-signal</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-signpost align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-signpost</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-signpost-2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-signpost-2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-signpost-2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-signpost-2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-signpost-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-signpost-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-signpost-split align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-signpost-split</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-signpost-split-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-signpost-split-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sim align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sim</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sim-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sim-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sim-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sim-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sim-slash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sim-slash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sina-weibo align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sina-weibo</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-backward align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-backward</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-backward-btn align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-backward-btn</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-backward-btn-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-backward-btn-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-backward-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-backward-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-backward-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-backward-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-backward-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-backward-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-end align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-end</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-end-btn align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-end-btn</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-end-btn-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-end-btn-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-end-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-end-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-end-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-end-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-end-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-end-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-forward align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-forward</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-forward-btn align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-forward-btn</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-forward-btn-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-forward-btn-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-forward-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-forward-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-forward-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-forward-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-forward-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-forward-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-start align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-start</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-start-btn align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-start-btn</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-start-btn-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-start-btn-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-start-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-start-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-start-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-start-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skip-start-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skip-start-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-skype align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-skype</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-slack align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-slack</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-slash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-slash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-slash-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-slash-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-slash-lg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-slash-lg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-slash-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-slash-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-slash-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-slash-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sliders align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sliders</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sliders2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sliders2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sliders2-vertical align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sliders2-vertical</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-smartwatch align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-smartwatch</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-snapchat align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-snapchat</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-snow align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-snow</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-snow2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-snow2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-snow3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-snow3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sort-alpha-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sort-alpha-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sort-alpha-down-alt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sort-alpha-down-alt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sort-alpha-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sort-alpha-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sort-alpha-up-alt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sort-alpha-up-alt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sort-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sort-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sort-down-alt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sort-down-alt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sort-numeric-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sort-numeric-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sort-numeric-down-alt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sort-numeric-down-alt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sort-numeric-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sort-numeric-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sort-numeric-up-alt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sort-numeric-up-alt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sort-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sort-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sort-up-alt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sort-up-alt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-soundwave align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-soundwave</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sourceforge align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sourceforge</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-speaker align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-speaker</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-speaker-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-speaker-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-speedometer align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-speedometer</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-speedometer2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-speedometer2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-spellcheck align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-spellcheck</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-spotify align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-spotify</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-square-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-square-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stack align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stack</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stack-overflow align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stack-overflow</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-star align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-star</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-star-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-star-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-star-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-star-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stars align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stars</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-steam align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-steam</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stickies align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stickies</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stickies-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stickies-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sticky align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sticky</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sticky-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sticky-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stop align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stop</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stop-btn align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stop-btn</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stop-btn-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stop-btn-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stop-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stop-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stop-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stop-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stop-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stop-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stoplights align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stoplights</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stoplights-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stoplights-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stopwatch align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stopwatch</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stopwatch-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stopwatch-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-strava align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-strava</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-stripe align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-stripe</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-subscript align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-subscript</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-substack align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-substack</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-subtract align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-subtract</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suit-club align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suit-club</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suit-club-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suit-club-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suit-diamond align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suit-diamond</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suit-diamond-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suit-diamond-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suit-heart align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suit-heart</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suit-heart-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suit-heart-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suit-spade align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suit-spade</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suit-spade-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suit-spade-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suitcase align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suitcase</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suitcase-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suitcase-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suitcase-lg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suitcase-lg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suitcase-lg-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suitcase-lg-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suitcase2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suitcase2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-suitcase2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-suitcase2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sun align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sun</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sun-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sun-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sunglasses align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sunglasses</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sunrise align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sunrise</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sunrise-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sunrise-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sunset align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sunset</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-sunset-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-sunset-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-superscript align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-superscript</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-symmetry-horizontal align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-symmetry-horizontal</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-symmetry-vertical align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-symmetry-vertical</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-table align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-table</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tablet align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tablet</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tablet-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tablet-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tablet-landscape align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tablet-landscape</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tablet-landscape-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tablet-landscape-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tag align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tag</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tag-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tag-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tags align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tags</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tags-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tags-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-taxi-front align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-taxi-front</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-taxi-front-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-taxi-front-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telegram align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telegram</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-forward align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-forward</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-forward-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-forward-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-inbound align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-inbound</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-inbound-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-inbound-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-minus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-minus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-minus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-minus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-outbound align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-outbound</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-outbound-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-outbound-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-plus-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-plus-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-telephone-x-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-telephone-x-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tencent-qq align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tencent-qq</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-terminal align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-terminal</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-terminal-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-terminal-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-terminal-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-terminal-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-terminal-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-terminal-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-terminal-split align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-terminal-split</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-terminal-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-terminal-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-text-center align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-text-center</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-text-indent-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-text-indent-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-text-indent-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-text-indent-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-text-left align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-text-left</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-text-paragraph align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-text-paragraph</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-text-right align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-text-right</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-text-wrap align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-text-wrap</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-textarea align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-textarea</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-textarea-resize align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-textarea-resize</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-textarea-t align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-textarea-t</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-thermometer align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-thermometer</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-thermometer-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-thermometer-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-thermometer-high align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-thermometer-high</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-thermometer-low align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-thermometer-low</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-thermometer-snow align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-thermometer-snow</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-thermometer-sun align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-thermometer-sun</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-threads align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-threads</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-threads-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-threads-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-three-dots align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-three-dots</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-three-dots-vertical align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-three-dots-vertical</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-thunderbolt align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-thunderbolt</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-thunderbolt-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-thunderbolt-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ticket align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ticket</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ticket-detailed align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ticket-detailed</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ticket-detailed-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ticket-detailed-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ticket-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ticket-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ticket-perforated align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ticket-perforated</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ticket-perforated-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ticket-perforated-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tiktok align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tiktok</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-toggle-off align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-toggle-off</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-toggle-on align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-toggle-on</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-toggle2-off align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-toggle2-off</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-toggle2-on align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-toggle2-on</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-toggles align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-toggles</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-toggles2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-toggles2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tools align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tools</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tornado align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tornado</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-train-freight-front align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-train-freight-front</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-train-freight-front-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-train-freight-front-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-train-front align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-train-front</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-train-front-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-train-front-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-train-lightrail-front align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-train-lightrail-front</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-train-lightrail-front-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-train-lightrail-front-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-translate align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-translate</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-transparency align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-transparency</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-trash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-trash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-trash-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-trash-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-trash2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-trash2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-trash2-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-trash2-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-trash3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-trash3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-trash3-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-trash3-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tree align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tree</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tree-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tree-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-trello align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-trello</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-triangle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-triangle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-triangle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-triangle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-triangle-half align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-triangle-half</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-trophy align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-trophy</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-trophy-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-trophy-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tropical-storm align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tropical-storm</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-truck align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-truck</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-truck-flatbed align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-truck-flatbed</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-truck-front align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-truck-front</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-truck-front-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-truck-front-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tsunami align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tsunami</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tv align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tv</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-tv-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-tv-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-twitch align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-twitch</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-twitter align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-twitter</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-twitter-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-twitter-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-type align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-type</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-type-bold align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-type-bold</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-type-h1 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-type-h1</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-type-h2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-type-h2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-type-h3 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-type-h3</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-type-h4 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-type-h4</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-type-h5 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-type-h5</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-type-h6 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-type-h6</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-type-italic align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-type-italic</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-type-strikethrough align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-type-strikethrough</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-type-underline align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-type-underline</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ui-checks align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ui-checks</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ui-checks-grid align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ui-checks-grid</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ui-radios align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ui-radios</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ui-radios-grid align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ui-radios-grid</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-umbrella align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-umbrella</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-umbrella-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-umbrella-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-unindent align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-unindent</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-union align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-union</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-unity align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-unity</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-universal-access align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-universal-access</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-universal-access-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-universal-access-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-unlock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-unlock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-unlock-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-unlock-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-upc align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-upc</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-upc-scan align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-upc-scan</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-upload align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-upload</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb-c align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb-c</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb-c-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb-c-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb-drive align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb-drive</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb-drive-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb-drive-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb-micro align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb-micro</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb-micro-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb-micro-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb-mini align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb-mini</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb-mini-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb-mini-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="feather icon-feather-youtube align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>icon-feather-youtube</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb-plug align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb-plug</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb-plug-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb-plug-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-usb-symbol align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-usb-symbol</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-valentine align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-valentine</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-valentine2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-valentine2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-vector-pen align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-vector-pen</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-view-list align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-view-list</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-view-stacked align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-view-stacked</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-vignette align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-vignette</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-vimeo align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-vimeo</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-vinyl align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-vinyl</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-vinyl-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-vinyl-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-virus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-virus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-ubuntu align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-ubuntu</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-virus2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-virus2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-voicemail align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-voicemail</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-volume-down align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-volume-down</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-volume-down-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-volume-down-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-volume-mute align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-volume-mute</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-volume-mute-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-volume-mute-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-volume-off align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-volume-off</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-volume-off-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-volume-off-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-volume-up align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-volume-up</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-volume-up-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-volume-up-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-vr align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-vr</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wallet align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wallet</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wallet-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wallet-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wallet2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wallet2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-watch align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-watch</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-water align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-water</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-webcam align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-webcam</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-webcam-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-webcam-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wechat align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wechat</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-whatsapp align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-whatsapp</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wifi align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wifi</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wifi-1 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wifi-1</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wifi-2 align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wifi-2</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wifi-off align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wifi-off</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wikipedia align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wikipedia</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wind align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wind</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-window align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-window</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-window-dash align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-window-dash</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-window-desktop align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-window-desktop</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-window-dock align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-window-dock</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-window-fullscreen align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-window-fullscreen</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-window-plus align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-window-plus</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-window-sidebar align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-window-sidebar</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-window-split align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-window-split</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-window-stack align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-window-stack</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-window-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-window-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-windows align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-windows</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wordpress align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wordpress</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wrench align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wrench</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wrench-adjustable align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wrench-adjustable</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wrench-adjustable-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wrench-adjustable-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-wrench-adjustable-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-wrench-adjustable-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-x align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-x</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-x-circle align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-x-circle</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-x-circle-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-x-circle-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-x-diamond align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-x-diamond</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-x-diamond-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-x-diamond-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-x-lg align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-x-lg</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-x-octagon align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-x-octagon</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-x-octagon-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-x-octagon-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-x-square align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-x-square</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-x-square-fill align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-x-square-fill</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-xbox align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-xbox</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-yelp align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-yelp</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-yin-yang align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-yin-yang</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-youtube align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-youtube</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-zoom-in align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-zoom-in</span>
</div>
</div>
</div>
<div class="col icon-with-text-style-02 transition-inner-all mb-30px">
<div class="feature-box feature-box-left-icon-middle box-shadow-extra-large-hover border border-1 border-color-extra-medium-gray border-radius-6px p-30px">
<div class="feature-box-icon me-20px">
<i class="bi bi-zoom-out align-middle icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span>bi bi-zoom-out</span>
</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#1a73747c755a6e727f777f607b7b34797577"><span class="__cf_email__" data-cfemail="9bf2f5fdf4dbeff3fef6fee1fafab5f8f4f6">[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>
Reference in New Issue View Git Blame Copy Permalink