| Dir : /home/distinctdesign/drivethroughdesigns.com/ |
| Server: Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 IP: 162.0.232.53 |
| Dir : /home/distinctdesign/drivethroughdesigns.com/portfolio.php |
<?php include 'assets/include/header.php' ?>
<title>Drive Through Designs</title>
</head>
<section class="banner-inner bi__main bg__detail" style="background-image: url(assets/images/banner/banner-portfolio.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="banner-inner-content">
<h6>Serving Clients Worldwide</h6>
<h2 class="gradient-text">At Drive Through Designs, <br>Everything Is Possible</h2>
<p>We are a team of creative thinkers and problem solvers dedicated <br>to expanding the limits of what is possible by helping brands <br>achieve their goals.</p>
<ul class="inline-block">
<li><a href="javascript:;" class="btn-style-2 popup-default-click">Avail Flat 70% Off <span class="moving-circle"></span></a></li>
<li><a href="javascript:;" class="chat"><span>Click here to <i class="fa fa-wechat" aria-hidden="true"></i></span> Live Chat</a></li>
</ul>
</div>
</div>
</div>
</div>
<img class="banner-item" src="assets/images/webp/banner/banner-item-portfolio.webp">
</section>
<section class="portfolio portolio-pg spacing__x top">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="headingstyle1">
<h6>Lead Focused Web Designs</h6>
<h3>Along With Targeted Marketing Techniques</h3>
<p>We build brands by impecular design sense combined with words that pull the interest of your target audience.</p>
</div>
</div>
<div class="col-lg-12">
<div class="custom-tab-list">
<ul>
<li data-targetit="box-logodesign" class="active"><a href="javascript:;">Logo Design</a></li>
<li data-targetit="box-ecommerceweb" class=""><a href="javascript:;">Ecommerce Website</a></li>
<li data-targetit="box-webdesign" class=""><a href="javascript:;">Website Design</a></li>
<li data-targetit="box-branding" class=""><a href="javascript:;">Branding</a></li>
<li data-targetit="box-videoanimation" class=""><a href="javascript:;">Video Animation</a></li>
<li data-targetit="box-nftdesign" class=""><a href="javascript:;">NFT Design</a></li>
<li data-targetit="box-mobapp" class=""><a href="javascript:;">Mobile Apps</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="conatiner-fluid">
<div class="box-logodesign showfirst">
<div class="col-lg-12">
<div class="btn-st-txt mt50 mb50 switcher_portfolio">
<div class="text-btn-st">
<h2>Category Wise</h2>
<label class="switch">
<input type="checkbox" id="switch">
<span class="slider round"></span> </label>
<h2>Industry Wise</h2>
</div>
</div>
<div class="clearfix"></div>
<div class="sample-tab portfolio-tabs portfolio-tabs-category-wise">
<div class="logo-tab-list">
<ul class="nav nav-tabs">
<li class="nav-item active">
<a class="nav-link navlinkstart active show" data-toggle="tab" href="#tab1">Abstract</a>
</li>
<li class="nav-item">
<a class="nav-link " data-toggle="tab" href="#tab2">Iconic</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab3">Illustration</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab4">Mascot</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab5">Minimal</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab6">Monogram - Badge</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab7">Vector 3D</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab8">Wordmark</a>
</li>
</ul>
</div>
<br>
<div class="tab-content samples-tab-div">
<div id="tab1" class="tab-pane active show">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/abstract/1.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/abstract/1.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/abstract/2.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/abstract/2.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/abstract/3.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/abstract/3.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/abstract/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/abstract/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/abstract/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/abstract/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/abstract/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/abstract/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/abstract/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/abstract/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/abstract/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/abstract/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/abstract/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/abstract/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/abstract/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/abstract/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/abstract/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/abstract/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/abstract/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/abstract/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab2" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/iconic/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/iconic/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/iconic/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/iconic/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/iconic/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/iconic/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/iconic/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/iconic/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/iconic/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/iconic/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/iconic/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/iconic/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/iconic/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/iconic/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/iconic/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/iconic/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/iconic/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/iconic/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/iconic/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/iconic/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/iconic/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/iconic/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/iconic/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/iconic/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab3" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box ">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/Illustration/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/Illustration/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/Illustration/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/Illustration/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/Illustration/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/Illustration/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/Illustration/1.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/Illustration/1.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/Illustration/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/Illustration/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/Illustration/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/Illustration/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/Illustration/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/Illustration/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/Illustration/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/Illustration/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/Illustration/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/Illustration/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/Illustration/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/Illustration/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/Illustration/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/Illustration/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/Illustration/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/Illustration/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab4" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/mascot/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/mascot/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/mascot/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/mascot/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/mascot/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/mascot/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/mascot/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/mascot/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/mascot/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/mascot/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/mascot/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/mascot/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/mascot/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/mascot/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/mascot/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/mascot/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/mascot/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/mascot/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/mascot/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/mascot/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/mascot/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/mascot/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/mascot/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/mascot/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab5" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box ">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/minimal/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/minimal/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/minimal/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/minimal/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/minimal/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/minimal/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/minimal/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/minimal/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/minimal/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/minimal/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/minimal/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/minimal/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/minimal/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/minimal/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/minimal/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/minimal/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/minimal/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/minimal/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/minimal/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/minimal/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/minimal/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/minimal/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/minimal/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/minimal/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab6" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box ">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/monogram-badge/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/monogram-badge/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/monogram-badge/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/monogram-badge/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/monogram-badge/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/monogram-badge/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/monogram-badge/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/monogram-badge/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/monogram-badge/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/monogram-badge/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/monogram-badge/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/monogram-badge/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/monogram-badge/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/monogram-badge/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/monogram-badge/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/monogram-badge/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/monogram-badge/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/monogram-badge/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/monogram-badge/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/monogram-badge/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/monogram-badge/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/monogram-badge/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/monogram-badge/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/monogram-badge/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab7" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/vector-3d/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/vector-3d/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/vector-3d/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/vector-3d/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/vector-3d/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/vector-3d/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/vector-3d/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/vector-3d/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/vector-3d/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/vector-3d/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/vector-3d/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/vector-3d/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/vector-3d/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/vector-3d/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/vector-3d/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/vector-3d/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/vector-3d/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/vector-3d/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/vector-3d/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/vector-3d/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/vector-3d/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/vector-3d/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/vector-3d/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/vector-3d/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab8" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/wordmark/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/wordmark/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/wordmark/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/wordmark/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/wordmark/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/wordmark/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/wordmark/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/wordmark/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/wordmark/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/wordmark/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/wordmark/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/wordmark/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/wordmark/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/wordmark/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/wordmark/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/wordmark/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/wordmark/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/wordmark/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/wordmark/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/wordmark/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/wordmark/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/wordmark/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-category-wise/wordmark/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-category-wise/wordmark/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sample-tab portfolio-tabs portfolio-tabs-industry-wise">
<div class="logo-tab-list">
<ul class="nav nav-tabs">
<li class="nav-item active">
<a class="nav-link navlinkstart active show" data-toggle="tab" href="#tab_industry_1">Apparels & Clothing</a>
</li>
<li class="nav-item">
<a class="nav-link " data-toggle="tab" href="#tab_industry_2">Business Consulting</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_industry_3">Confectionery</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_industry_4">Dental</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_industry_5">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_industry_6">Entertainment</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_industry_7">Fashion</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_industry_8">Game</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_industry_9">Hair Saloon</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_industry_10">Ice Cream</a>
</li>
</ul>
</div>
<br>
<div class="tab-content samples-tab-div">
<div id="tab_industry_1" class="tab-pane active show">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/1.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/1.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/2.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/2.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/3.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/3.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/apparels-clothing/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab_industry_2" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/bussiness-consulting/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab_industry_3" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/confectionery/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/confectionery/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/confectionery/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/confectionery/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/confectionery/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/confectionery/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/confectionery/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/confectionery/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/confectionery/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/confectionery/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/confectionery/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/confectionery/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/confectionery/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/confectionery/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/confectionery/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/confectionery/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/confectionery/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="aassets/images/logo-tab-port/logo-Industry-wise/confectionery/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/confectionery/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/confectionery/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/confectionery/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/confectionery/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab_industry_4" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/dental/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/dental/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/dental/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/dental/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/dental/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/dental/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/dental/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/dental/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/dental/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/dental/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/dental/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/dental/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/dental/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/dental/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/dental/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/dental/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<a data-fancybox="gallery" class=" fancybox" rel="ligthbox" href="assets/images/logo-tab-port/logo-Industry-wise/dental/12.jpg">
<img src="assets/images/logo-tab-port/logo-Industry-wise/dental/12.jpg" alt="">
</a>
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/dental/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/dental/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/dental/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/dental/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/dental/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/dental/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/dental/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab_industry_5" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/education/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/education/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/education/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/education/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/education/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/education/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/education/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/education/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/education/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/education/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/education/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/education/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/education/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/education/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/education/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/education/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/education/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/education/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/education/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/education/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/education/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/education/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/education/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/education/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab_industry_6" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/1.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/1.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/2.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/2.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/3.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/3.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/entertainment/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/entertainment/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab_industry_7" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/1.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/1.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/2.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/2.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/3.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/3.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/fashion/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/fashion/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab_industry_8" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/1.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/1.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/2.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/2.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/3.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/3.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<a data-fancybox="gallery" class=" fancybox" rel="ligthbox" href="">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/12.jpg" alt="">
</a>
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/game/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/game/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab_industry_9" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/1.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/1.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/2.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/2.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/3.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/3.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/hair/15.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/hair/15.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab_industry_10" class="tab-pane">
<div class="row justify-content-center portfolio-responsive-slider portfolio-box">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/1.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/1.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/2.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/2.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/3.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/3.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/4.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/4.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/5.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/5.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/6.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/6.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/7.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/7.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/8.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/8.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/9.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/9.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/10.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/10.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/11.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/11.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/12.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/12.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/13.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/13.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="sample-txt-box">
<!-- <h4>CCSS Content</h4> -->
<div class="img-box-sample portfolio-item">
<div class="box18 port-mrgn-botm">
<img src="assets/images/logo-tab-port/logo-Industry-wise/ice/14.jpg" alt="">
<div class="hover-effect" data-uw-styling-context="true">
<a data-fancybox="portfoliowebsite" href="assets/images/logo-tab-port/logo-Industry-wise/ice/14.jpg" data-uw-styling-context="true">
<i class="fa fa-plus" aria-hidden="true" data-uw-styling-context="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box-ecommerceweb">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/1.webp">
<img src="assets/images/webp/portfolio/ecommerce/1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/1.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/2.webp">
<img src="assets/images/webp/portfolio/ecommerce/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/2.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/3.webp">
<img src="assets/images/webp/portfolio/ecommerce/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/3.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/4.webp">
<img src="assets/images/webp/portfolio/ecommerce/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/4.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/5.webp">
<img src="assets/images/webp/portfolio/ecommerce/5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/5.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/6.webp">
<img src="assets/images/webp/portfolio/ecommerce/6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/6.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/7.webp">
<img src="assets/images/webp/portfolio/ecommerce/7.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/7.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/8.webp">
<img src="assets/images/webp/portfolio/ecommerce/8.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfolioecommerce" href="assets/images/webp/portfolio/ecommerce/full/8.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-webdesign">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/1.webp">
<img src="assets/images/webp/portfolio/website/thumb-1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/1.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/2.webp">
<img src="assets/images/webp/portfolio/website/thumb-2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/2.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/3.webp">
<img src="assets/images/webp/portfolio/website/thumb-3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/3.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/4.webp">
<img src="assets/images/webp/portfolio/website/thumb-4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/4.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/5.webp">
<img src="assets/images/webp/portfolio/website/thumb-5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/5.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/6.webp">
<img src="assets/images/webp/portfolio/website/thumb-6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/6.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/7.webp">
<img src="assets/images/webp/portfolio/website/thumb-7.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/7.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/8.webp">
<img src="assets/images/webp/portfolio/website/thumb-8.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliowebsite" href="assets/images/webp/portfolio/website/full/8.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-branding">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/1.webp">
<img src="assets/images/webp/portfolio/branding/1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/1.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/2.webp">
<img src="assets/images/webp/portfolio/branding/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/2.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/3.webp">
<img src="assets/images/webp/portfolio/branding/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/3.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/4.webp">
<img src="assets/images/webp/portfolio/branding/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/4.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/5.html">
<img src="assets/images/webp/portfolio/branding/5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/5.html">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/6.webp">
<img src="assets/images/webp/portfolio/branding/6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/6.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/7.webp">
<img src="assets/images/webp/portfolio/branding/7.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/7.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/8.webp">
<img src="assets/images/webp/portfolio/branding/8.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/webp/portfolio/branding/full/8.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-videoanimation">
<div class="col-lg-12">
<div class="col-lg-12">
<div class="custom-tab-list sub-category">
<ul>
<li data-targetit="box-twod" class="active"><a href="javascript:;" data-uw-styling-context="true">2D Animation</a></li>
<li data-targetit="box-threed" class=""><a href="javascript:;" data-uw-styling-context="true">3D Animation</a></li>
<li data-targetit="box-whiteboard" class=""><a href="javascript:;" data-uw-styling-context="true">Whiteboard</a></li>
<li data-targetit="box-motiongraphics" class=""><a href="javascript:;" data-uw-styling-context="true">Motion Graphics</a></li>
<li data-targetit="box-typography" class=""><a href="javascript:;" data-uw-styling-context="true">Typography</a></li>
<li data-targetit="box-screencast" class=""><a href="javascript:;" data-uw-styling-context="true">Screen Cast</a></li>
<li data-targetit="box-logo" class=""><a href="javascript:;" data-uw-styling-context="true">Logo Animations</a></li>
<li data-targetit="box-product" class=""><a href="javascript:;" data-uw-styling-context="true">Product Animations</a></li>
<li data-targetit="box-illus" class=""><a href="javascript:;" data-uw-styling-context="true">Illustration</a></li>
<li data-targetit="box-animated" class=""><a href="javascript:;" data-uw-styling-context="true">Animated Music Videos</a></li>
</ul>
</div>
</div>
<div class="conatiner-fluid ">
<div class="box-twod showfirst">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/1.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/2.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/3.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/4.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/5.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/6.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/7.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/7.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/8.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/8.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-threed">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/1.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/1.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/2.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/2.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/3.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/3.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/4.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/4.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/5.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/5.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/6.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/6.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/7.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/7.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/7.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/8.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/8.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/8.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-whiteboard">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/1.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/2.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/3.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/4.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/5.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/6.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/7.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/7.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/8.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/8.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-motiongraphics">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/1.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/2.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/3.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/4.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/5.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/6.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/7.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/7.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/8.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/8.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-typography">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/typography/1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/typography/8.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/typography/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/typography/2.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/typography/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/typography/3.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/typography/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/typography/4.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/typography/5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/typography/5.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a>
<img src="assets/images/portfolio/new-portfolio/portfolio/typography/6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/typography/6.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-screencast">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/1.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/screen-cast/1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/1.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/2.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/screen-cast/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/2.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/3.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/screen-cast/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/3.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/4.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/screen-cast/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/4.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-logo">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/2.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/2.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/3.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/3.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/4.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/4.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/5.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/5.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/6.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/6.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/7.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/7.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/7.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/8.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/8.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/8.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/9.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/9.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/9.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-product">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/1.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/1.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/2.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/2.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/3.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/3.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/4.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/4.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/5.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/5.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/6.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/6.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/7.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/7.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/7.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/8.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/8.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/8.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-illus">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/1.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/illustration/1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/1.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/2.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/illustration/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/2.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/3.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/illustration/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/3.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/4.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/illustration/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/4.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/5.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/illustration/5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/5.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/6.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/illustration/6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/6.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/7.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/illustration/7.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/7.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/8.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/illustration/8.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/illustration/8.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-animated">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/1.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/1.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/2.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/2.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/3.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/3.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/4.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/4.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/5.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/5.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/6.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/6.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/7.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/7.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/7.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/8.webp">
<img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/8.webp">
</a>
<div class="hover-effect">
<a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/8.mp4">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box-nftdesign">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliologo" href="assets/images/nft-images/port-img-1.jpg">
<img src="assets/images/nft-images/port-img-1.jpg">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/nft-images/port-img-1.jpg">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliologo" href="assets/images/nft-images/port-img-2.jpg">
<img src="assets/images/nft-images/port-img-2.jpg">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/nft-images/port-img-2.jpg">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliologo" href="assets/images/nft-images/port-img-3.jpg">
<img src="assets/images/nft-images/port-img-3.jpg">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/nft-images/port-img-3.jpg">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliologo" href="assets/images/nft-images/port-img-4.jpg">
<img src="assets/images/nft-images/port-img-4.jpg">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/nft-images/port-img-4.jpg">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliologo" href="assets/images/nft-images/port-img-5.jpg">
<img src="assets/images/nft-images/port-img-5.jpg">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/nft-images/port-img-5.jpg">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliobranding" href="assets/images/nft-images/port-img-6.jpg">
<img src="assets/images/nft-images/port-img-6.jpg">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/nft-images/port-img-6.jpg">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliologo" href="assets/images/nft-images/port-img-7.jpg">
<img src="assets/images/nft-images/port-img-7.jpg">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/nft-images/port-img-7.jpg">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliologo" href="assets/images/nft-images/port-img-8.jpg">
<img src="assets/images/nft-images/port-img-8.jpg">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliobranding" href="assets/images/nft-images/port-img-8.jpg">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-mobapp">
<div class="col-lg-12">
<div class="portfolio-box">
<ul class="responsive-slider">
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/1.webp">
<img src="assets/images/webp/portfolio/mobileapps/1.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/1.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/2.webp">
<img src="assets/images/webp/portfolio/mobileapps/2.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/2.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/3.webp">
<img src="assets/images/webp/portfolio/mobileapps/3.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/3.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/4.webp">
<img src="assets/images/webp/portfolio/mobileapps/4.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/4.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/5.webp">
<img src="assets/images/webp/portfolio/mobileapps/5.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/5.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/6.webp">
<img src="assets/images/webp/portfolio/mobileapps/6.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/6.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/7.webp">
<img src="assets/images/webp/portfolio/mobileapps/7.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/7.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
<li>
<div class="portfolio-item">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/8.webp">
<img src="assets/images/webp/portfolio/mobileapps/8.webp">
</a>
<div class="hover-effect">
<a data-fancybox="portfoliomobileapps" href="assets/images/webp/portfolio/mobileapps/full/8.webp">
<i class="fa fa-plus" aria-hidden="true"></i>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- CTA 2 -->
<div class="cta__2">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="items">
<ul>
<li><a href="tel:4697014007"><span>Call Us Now</span>(469) 701-4007</a></li>
<li><a href="javascript:;" class="btn-style-2 popup-default-click">Request a Quote <span class="moving-circle"></span></a></li>
<li><a href="javascript:;" class="chat"><span>24/7 Support</span> Live Chat</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="element element-16"><img src="assets/images/webp/elements/element-16.webp"></div>
<div class="element element-14"><img src="assets/images/webp/elements/element-14.webp"></div>
<div class="element element-11 style-2"><img src="assets/images/webp/elements/element-11.webp"></div>
<div class="element element-15"><img src="assets/images/webp/elements/element-15.webp"></div>
<div class="element element-6"><img src="assets/images/webp/elements/element-5.webp"></div>
</section>
<section class="footer-form-wrap">
<span class="form-before"></span>
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6">
<div class="footer-text-sec">
<div class="quote">
<p>Let creativity take over</p>
</div>
<p>Ask us anything, we have the friendliest customer service folks</p>
<a class="contact-info" href="tel:4697014007">(469) 701-4007</a>
<a class="contact-info" href="mailto:info@DriveThroughDesigns.com">info@DriveThroughDesigns.com</a>
<a href="javascript:;" class="btn-white chat"><strong>Chat now</strong>to avail this offer</a>
</div>
</div>
<div class="col-lg-5 col-md-6">
<div class="footer-form-sec">
<h3>Let’s get started!</h3>
<p>Contact us by using the form below or send us an email.</p>
<div class="footer-form">
<form class="form_submission validate-popupform" method="POST">
<!-- Custom Fields -->
<input type="hidden" name="url" value='https://www.drivethroughdesigns.com/portfolio'>
<input type="hidden" name="domain" value="www.drivethroughdesigns.com">
<input type="hidden" name="subject" value="Footer Form (www.drivethroughdesigns.com)">
<input type="hidden" name="source" value="">
<div class="form-group">
<input type="text" class="form-control" name="name" minlength="2" placeholder="Enter Your Name" required="">
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" placeholder="Email Address" required="">
</div>
<div class="form-group">
<input id="phone" type="phone" class="form-control phone-country" maxlength="10" name="phone" placeholder="Phone Number" required="">
</div>
<div class="form-group">
<button type="submit" class="btn-style-2" name="submit" id=""><span class="moving-circle"></span>Send Now</button>
<div class="error mt-3 alert alert-danger text-left mb-0" style="display: none"></div>
<div class="success mt-3 alert alert-success text-left mb-0" style="display: none"></div>
<div class="loader" style="display: none">
<img alt="loader" src="loader.gif">
</div>
</div></form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- TrustBox widget - Micro Review Count -->
<div class="trustpilot-widget" data-locale="en-US" data-template-id="5419b6a8b0d04a076446a9ad" data-businessunit-id="616f3c92bb7a98bd7c13a3a7" data-style-height="24px" data-style-width="100%" data-theme="light" data-stars="1,2,3,4,5" data-no-reviews="hide" data-scroll-to-list="true" data-allow-robots="true" data-min-review-count="10">
<a href="review/DriveThroughDesigns.com.html" target="_blank" rel="noopener">Trustpilot</a>
</div>
<!-- End TrustBox widget -->
<?php include 'assets/include/footer.php' ?>