Access_New/pages/icon-packs-bootstrap.html

25283 lines
916 KiB
HTML
Raw Normal View History

2024-09-05 11:33:27 +05:45
<!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>