Vizaa User Guide

On behalf of DesignerByte team, we would like to thank you for purchasing this item. Your support encourages us to build better items and continuously bring value to our products. This documentation file covers all the information needed to install and use this Template. You'll find everything you need to know to create a stunning and beautiful website in minutes.

Vizaa Introduction

This documentation will give you an understanding of how Vizaa template is structured and guide you in performing common functions.

If you want to customize, please contact us here: [email protected]

Author: PBM Infotech

Installation

Follow the steps below to get started with your Site Template:

  1. Open the ... /Template Folder to find all the Templates Files
  2. You will need to Upload these files to your Web Server using FTP in order to use it on your Website.
  3. Make sure you upload the required files/folders listed below:
    • html/css - Stylesheets Folder
    • html/fonts - Fonts Folder
    • html/images - Images Folder
    • html/js - Javacripts Folder
    • html/index.html - (and All HTML files)
    The other files can be used according to your preferences.
  4. You're now good to go..! Start adding your Content and show off your Brand New Beautiful Website in style.

Basic template Structure

The template has a responsive layout and is based on the Bootstrap V5 Framework. Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Click Here to know more about Bootstrap.


HTML Structure

The general HTML structure is the same throughout the template. Here is thegeneral HTML structure of the template:

<!DOCTYPE html>

<html lang="en">

<head>

[Page meta, page css, page title etc...]

</head>

<body>

<!-- page wrapper -->

<div class="page-wrapper">

<!--header -->

<header id="site-header" class="header">

<div id="header-wrap">

[MENU CONTENT]

</div>

</header>

<!--header -->

<!-- page content -->

<div class="page-content">

<!--Section 1 -->

<section>

[SECTION 1 CONTENT]

</section>

<!--Section 1 -->

<!--Section 2 -->

<section>

[SECTION 2 CONTENT]

</section>

<!--Section 2 -->

</div>

<!-- page content -->

<!--footer -->

<footer class="footer">

[FOOTER_CONTENT]

</footer>

<!--footer -->

</div>

<!-- page wrapper -->

[PAGE JAVASCRIPTS HERE]

</body>

</html>


CSS Structure

The general CSS structure is the same throughout the template. Here is the general CSS structure of the template: 


<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">

<!-- Fontawesome -->
<link rel="stylesheet" href="css/fontawesome.css">

<!-- Vizaa Icon -->
<link rel="stylesheet" href="fonts/pbmit-vizaa-icon/pbmit_vizaa.css">

<!-- Base Icons -->
<link rel="stylesheet" href="css/pbminfotech-base-icons.css">

<!-- Themify Icons -->
<link rel="stylesheet" href="css/themify-icons.css">

<!-- Slick -->
<link rel="stylesheet" href="css/swiper.min.css">

<!-- Magnific -->
<link rel="stylesheet" href="css/magnific-popup.css">

<!-- AOS -->
<link rel="stylesheet" href="css/aos.css">

<!-- Shortcode CSS -->
<link rel="stylesheet" href="css/shortcode.css">

<!-- Base CSS -->
<link rel="stylesheet" href="css/base.css">

<!-- Style CSS -->
<link rel="stylesheet" href="css/style.css">

<!-- Responsive CSS -->
<link rel="stylesheet" href="css/responsive.css">


Javascript Structure

The general Javascript structure is the same throughout the template. Here is the general Javascript structure of the template: 


<!-- jQuery JS -->
<script src="js/jquery.min.js"></script>

<!-- Popper JS -->
<script src="js/popper.min.js"></script>

<!-- Bootstrap JS -->
<script src="js/bootstrap.min.js"></script>

<!-- jquery Waypoints JS -->
<script src="js/jquery.waypoints.min.js"></script>

<!-- jquery Appear JS -->
<script src="js/jquery.appear.js"></script>

<!-- Numinate JS -->
<script src="js/numinate.min.js"></script>

<!-- Slick JS -->
<script src="js/swiper.min.js"></script>

<!-- Magnific JS -->
<script src="js/jquery.magnific-popup.min.js"></script>

<!-- Circle Progress JS -->
<script src="js/circle-progress.js"></script> 

<!-- AOS -->
<script src="js/aos.js"></script>

<!-- Scripts JS -->
<script src="js/scripts.js"></script>

Favicon icon

Favicon is an icon associated with the URL that is displayed at various places, such as in a browser’s address bar or next to the site name in a bookmark list.

You can add a Favicon to your Website using the following code: 


<link rel="shortcut icon" href="images/favicon.ico"/>

Logo Settings

The Logo Container can be found in the Header Container - Replace "logo-white.png" with your own logo image URL. 

<a href="index.html"><img src="images/logo-dark.png" alt="logo"></a>

Note Default height of logo is 60px. you can set height according to your logo type and yourrequirement.

Changing Fonts style

You can add/change the site font, from all fonts used from Google Web Font Services, with the one that suits you the best. You can find the font link in css folder base.css file. See example below: 

<!-- "Raleway", sans-serif -->
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet');

<!-- "Sora", sans-serif -->
@import url('https://fonts.googleapis.com/css2?family=Sora:[email protected]&display=swap" rel="stylesheet');

<!-- "Public Sans", sans-serif -->
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet');

In order to change the fonts, you will need to edit the above links with your custom font, You can easily use Google Web Font Services if you plan to use a Google Font or remove it completely. If you plan to use a self hosted font, here is an Example of using Self Hosted Fonts

Helper Classes

We have created some really useful helper classes for you. These classes help you to quick position elements without writing new CSS rules. These classes are generic helper classes predefined in the CSS pages, here is quick view what they can do

Section title

You can use this code for your page section title to maintain title style.

<div class="pbmit-heading-subheading">
    <h4 class="pbmit-subtitle"></h4>
    <h2 class="pbmit-title"></h2>
</div>

Background color

You can use color in the background. simply add .pbmit-bg-color-global (or any color you want) class where you want to use. See example below: 

<div class="pbmit-bg-color-global">  

[YOUR CONTENT]

</div>

Note We include 4 background color helper class in our template pbmit-bg-color-global, pbmit-bg-color-secondary, pbmit-bg-color-light and pbmit-bg-color-blackish You can add unlimited background color class according to your needs

Background Image

You can use an image in the background simply add InlineStyle in div tag and by use of this you can create your own bg. See example below: 

<div style="background:url(Path); ">    

[YOUR CONTENT]

</div>

Sliders

  • Swiper Slider

Swiper Slider

This excellent carousel slider can be controlled using HTML5 data attributes.

Find the full online Swiper Slider documentation.

Shortcode

  • Accordion
  • Buttons
  • Blog Post
  • Counter
  • Icon Box
  • Service Box
  • Progress Bar
  • Team
  • Testimonials

Accordion

Use the below code to display accordion:

<div class="accordion" id="accordionExample">
    <div class="accordion-item">
        <h2 class="accordion-header" id="headingOne">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                Accordion Item #1
            </button>
        </h2>
        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
            <div class="accordion-body">
                <strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes
            </div>
        </div>
    </div>
</div>

Button

Use the below to display Default Buttons:

Class Code Description Result
.pbmit-btn 
<a class="pbmit-btn" href="#">
    <div class="pbmit-button-content-wrapper">
        <span class="pbmit-button-text">Get Quote</span>
        <span class="pbmit-button-icon">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" height="24" viewBox="0 0 24 24" width="24">
            <path d="m17.9547 7.05228v8.48532c0 .1318-.026.2624-.0764.3842-.0505.1218-.1245.2325-
            .2177.3258-.0932.0932-.2039.1672-.3258.2176-.1218.0505-.2523.0764-.3842.0764s-.2624-.0259-.
            3843-.0764c-.1218-.0504-.2325-.1244-.3257-.2176-.0932-.0933-.1672-.204-.2177-.3258-.0504-.1218-.
            0764-.2524-.0764-.3842l.0071-6.07409-8.19539 8.19539c-.18754.1875-.44189.2929-.70711.2929-.26521 
            0-.51957-.1054-.7071-.2929-.18754-.1876-.29289-.4419-.29289-.7071s.10535-.5196.29289-.7071l8.1954-8.
            1954-6.07408.00707c-.2663 0-.5217-.10579-.71-.29409-.18831-.18831-.29409-.4437-.29409-.71s.10578-.
            5217.29409-.71c.1883-.18831.4437-.29409.71-.29409h8.48528c.132-.00055.2628.02506.3849.07532.1221.
            05027.233.12421.3263.21756.0934.09335.1673.20425.2176.32632.0502.12206.0758.25288.0753.38489z" 
            fill="rgb(0,0,0)"></path></svg>
        </span>
    </div>
</a>
Button
Get Quote

Counter

Use the below code to display Counter style:

Counter Style 1
<div class="pbminfotech-ele-fid-style-1">
    <div class="pbmit-fld-contents d-flex align-items-center">
        <div class="pbmit-circle-outer" data-digit="85" data-fill="#fea341" data-emptyfill="" data-before="" data-before-type="span" data-after="<sup>%</sup>" data-after-type="sup" data-thickness="2" data-size="112">
            <div class="pbmit-circle">
                <div class="pbmit-fid-inner">
                    <span class="pbmit-fid-before"></span>
                    <span class="pbmit-number-rotate numinate" data-appear-animation="animateDigits" data-from="0" data-to="85" data-interval="5" data-before="" data-before-style="" data-after="" data-after-style="">85</span>
                    <span class="pbmit-fid"><sup>%</sup></span>
                </div>
            </div>
        </div>
        <div class="pbmit-fid-sub">
            <h3 class="pbmit-fid-title">PR Visa<br> Success Rate</h3>
        </div>
    </div>			
</div>
Counter Style 2
<div class="pbminfotech-ele-fid-style-2">
    <div class="pbmit-fld-contents">
        <div class="pbmit-fld-wrap">
            <h4 class="pbmit-fid-inner">
                <span class="pbmit-fid-before"></span>
                <span class="pbmit-number-rotate numinate" data-appear-animation="animateDigits" data-from="0" data-to="112" data-interval="5" data-before="" data-before-style="" data-after="" data-after-style="">112</span>
                <span class="pbmit-fid"><span>+</span></span>
            </h4>
            <h2 class="pbmit-fid-title">Team Member</h2>
            <p class="pbmit-fid-desc">A dedicated team members ensuring smooth visa processing.</p>
        </div>
    </div>			
</div>
Counter Style 3
<div class="pbminfotech-ele-fid-style-3">
    <div class="pbmit-fld-contents">
        <div class="pbmit-fld-wrap">
            <h2 class="pbmit-fid-title">Team Member</h2>
            <h4 class="pbmit-fid-inner">
                <span class="pbmit-fid-before"></span>
                <span class="pbmit-number-rotate numinate" data-appear-animation="animateDigits" data-from="0" data-to="112" data-interval="5" data-before="" data-before-style="" data-after="" data-after-style="">112</span>
                <span class="pbmit-fid"><sup>+</sup></span>
            </h4>
        </div>
    </div>		
</div>
Counter Style 5
<div class="pbminfotech-ele-fid-style-5">
    <div class="pbmit-fld-contents">
        <div class="pbmit-fld-wrap">
            <h4 class="pbmit-fid-inner">
                <span class="pbmit-fid-before"></span>
                <span class="pbmit-number-rotate numinate" data-appear-animation="animateDigits" data-from="0" data-to="15" data-interval="1" data-before="" data-before-style="" data-after="" data-after-style="">15</span>
                <span class="pbmit-fid"><span>+</span></span>
            </h4>
            <h2 class="pbmit-fid-title">Year of <br>Experience</h2>
            <p class="pbmit-fid-desc"></p>
        </div>
    </div>		
</div>
Counter Style 6
<div class="pbminfotech-ele-fid-style-6">
    <div class="pbmit-fld-contents">
        <div class="pbmit-fld-wrap d-flex">
            <div class="pbmit-fld-icon-wrap">
                <h2 class="pbmit-fid-title">Lead Generation Rate <br>From IT Marketing</h2>
                <h4 class="pbmit-fid-inner">
                    <span class="pbmit-fid-before"></span>
                    <span class="pbmit-number-rotate numinate" data-appear-animation="animateDigits" data-from="0" data-to="92" data-interval="5" data-before="" data-before-style="" data-after="" data-after-style="">92</span>
                    <span class="pbmit-fid"><sup>%</sup></span>
                </h4>
            </div>
        </div>
    </div>    	
</div>

Icon box

Use the below code to display Icon box style:

Icon box Style 1
<div class="pbmit-ihbox pbmit-ihbox-style-1">
    <div class="pbmit-ihbox-box">
        <div class="pbmit-btn-wrap">
            <a href="#">
                <svg width="45" height="45" xmlns="http://www.w3.org/2000/svg" class="pbmit-arrow-icon">
                    <g stroke-miterlimit="10" stroke-linejoin="round" fill="none" stroke="#fff" stroke-width="2">
                        <circle r="21.53789" cy="22.41789" cx="22.41789" class="pbmit-arrow-icon--circle" stroke="null"></circle>
                        <path d="m19.07828,13.7714l8.6465,8.6465l-8.6465,8.6465m8.6465,-8.6465" class="arrow-icon--arrow" stroke="null"></path>
                    </g>
                </svg>
            </a>
        </div>
        <div class="pbmit-ihbox-inner">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                    <svg id="Layer_1" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                        <g>
                            <g>
                                <g>
                                    <path d="m267.829 164.85c-1.918-4.648-6.405-7.65-11.435-7.65h-.011c-5.034.005-9.522 3.016-11.433 7.671-.034.083-.067.167-.099.25l-22.698 59.383c-2.169 5.675.673 12.033 6.348 14.203 5.058 1.93 10.664-.118 13.357-4.608h28.865c2.004 3.343 5.623 5.336 9.432 5.336 1.295 0 2.611-.23 3.894-.716 5.682-2.151 8.543-8.502 6.392-14.183l-22.491-59.386c-.04-.101-.08-.202-.121-.3zm-5.625 47.248h-11.757l5.905-15.45z"></path>
                                    <path d="m133.998 157.199c-6.075 0-11 4.925-11 11v60.231c0 6.075 4.925 11 11 11s11-4.925 11-11v-60.231c0-6.075-4.925-11-11-11z"></path>
                                    <path d="m195.515 188.466c-6.742-2.479-13.063-5.162-15.665-6.288-.053-.113-.078-.271-.045-.497.122-.853.991-1.582 2.382-1.999 6.801-2.045 13.442 3.169 13.507 3.222l1.658.785c4.691 2.221 10.298.813 13.383-3.361 3.794-5.133 2.397-12.474-3.088-15.74-10.271-6.115-20.735-9.295-31.785-5.977-9.654 2.897-16.488 10.543-17.835 19.951-1.275 8.903 2.601 17.467 10.116 22.348.485.315.995.592 1.524.827.354.157 8.778 3.894 18.258 7.379 3.811 1.4 5.899 3.296 5.716 4.32-.24 1.35-2.661 3.995-7.17 3.995-7.497 0-11.79-4.079-12.927-5.329-4.178-4.594-11.36-4.836-15.839-.453-4.327 4.235-4.058 11.459.114 15.847 7.224 7.596 17.618 11.936 28.652 11.936 14.422 0 26.547-9.312 28.83-22.142 1.66-9.332-2.525-22.48-19.786-28.824z"></path>
                                    <path d="m106.503 157.875c-5.763-1.924-11.993 1.193-13.914 6.956l-10.793 32.373-11.365-32.624c-1.999-5.737-8.27-8.767-14.006-6.769-5.737 1.998-8.768 8.27-6.769 14.006l20.693 59.403c1.754 4.92 6.427 8.21 11.646 8.21h.087c5.254-.037 9.923-3.401 11.641-8.442l19.737-59.198c1.921-5.764-1.194-11.993-6.957-13.915z"></path>
                                    <path d="m389.54 421.491h-1.99c-26.302 0-48.289 13.744-61.911 38.699-9.172 16.803-26.763 27.24-45.909 27.24h-158.027c-7.342 0-13.315-5.971-13.315-13.311s5.973-13.311 13.315-13.311h93.516c.383 0 .761-.02 1.133-.058 5.209-.141 10.447-1.385 15.357-3.825.219-.109 1.168-.666 1.403-.829l72.823-50.447h24.818c6.075 0 11-4.925 11-11s-4.925-11-11-11h-28.256c-2.238 0-4.424.683-6.264 1.958l-74.925 51.902c-6.627 2.931-14.54.64-18.648-5.491-2.288-3.414-3.059-7.504-2.173-11.517.886-4.014 3.31-7.399 6.824-9.533.183-.111.363-.228.539-.349l86.576-59.748c7.092-3.958 15.118-6.048 23.244-6.048h68.689c6.075 0 6.075-22 0-22h-68.689c-12.092 0-24.033 3.167-34.535 9.158-.272.156-.538.323-.797.501l-86.742 59.862c-8.537 5.29-14.422 13.591-16.592 23.411-1.739 7.873-.899 15.866 2.344 23.052h-59.647c-19.473 0-35.315 15.84-35.315 35.311s15.842 35.311 35.315 35.311h158.026c27.199 0 52.189-14.829 65.22-38.699 6.783-12.427 19.681-27.24 42.601-27.24h1.99c6.077.001 6.077-21.999.002-21.999z"></path>
                                    <path d="m353.679 2.569c-50.861 0-92.63 39.662-95.996 89.677h-246.683c-6.075 0-11 4.925-11 11v190.139c0 6.075 4.925 11 11 11h318.196c6.075 0 11-4.925 11-11v-99.358c4.406.62 8.908.941 13.482.941 53.053 0 96.215-43.154 96.215-96.199s-43.162-96.2-96.214-96.2zm73.401 85.2h-29.461c-.995-20.388-4.757-40.193-11.178-55.571 21.392 10.567 36.992 31.143 40.639 55.571zm-73.401 85.199c-2.507 0-8.1-4.78-13.231-17.949-4.706-12.073-7.756-28.141-8.679-45.25h43.823c-.924 17.109-3.974 33.177-8.679 45.25-5.135 13.169-10.727 17.949-13.234 17.949zm-73.401-63.199h29.462c.995 20.388 4.756 40.194 11.178 55.571-21.394-10.567-36.994-31.143-40.64-55.571zm51.49-22c.924-17.109 3.974-33.177 8.679-45.25 5.132-13.169 10.725-17.949 13.231-17.949s8.1 4.78 13.232 17.949c4.706 12.073 7.756 28.14 8.679 45.25zm-10.851-55.571c-6.421 15.377-10.182 35.183-11.178 55.571h-29.462c3.647-24.428 19.247-45.005 40.64-55.571zm-2.721 250.187h-296.196v-168.139h236.709c5.479 33.731 28.564 61.634 59.488 73.943v94.196zm68.245-117.046c6.422-15.377 10.183-35.183 11.178-55.571h29.461c-3.647 24.428-19.247 45.004-40.639 55.571z"></path>
                                </g>
                                <g>
                                    <path d="m501 458.67h-105.484c-6.075 0-11-4.925-11-11v-129.024c0-6.075 4.925-11 11-11h105.484c6.075 0 11 4.925 11 11v129.024c0 6.075-4.925 11-11 11zm-94.484-22h83.484v-107.024h-83.484z" fill="#3cc"></path>
                                </g>
                                <g>
                                    <path d="m438.894 415.555c-6.075 0-11-4.925-11-11v-12.712c0-6.075 4.925-11 11-11s11 4.925 11 11v12.712c0 6.075-4.925 11-11 11z" fill="#3cc"></path>
                                </g>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="pbmit-ihbox-contents">
                <div class="pbmit-element-subtitle">
                    Apply Online Visa
                </div>
                <h2 class="pbmit-element-title">Immigration Process
                    Responsibility
                </h2>
            </div>
        </div>
    </div>
</div>
Icon box Style 2
<div class="pbmit-ihbox-style-2">
    <div class="pbmit-ihbox-box">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                <svg viewBox="0 -60 511.99996 511" xmlns="http://www.w3.org/2000/svg">
                    <path d="m507.773438 7.292969c-5.015626-6.109375-13.332032-8.375-20.726563-5.65625l-469.65625 169.722656c-9.382813 3.410156-15.96875 11.679687-17.191406 21.582031-1.210938 9.855469 3.132812 19.417969 11.28125 24.921875l67.132812 45.828125c6.503907 4.441406 14.867188 4.917969 21.832031 1.242188l145.625-76.792969-113.496093 84.746094c-5.328125 3.980469-8.511719 10.328125-8.511719 16.976562v78.5c0 8.097657 4.441406 15.515625 11.589844 19.367188 7.160156 3.851562 15.808594 3.46875 22.609375-1.015625l51.003906-33.832032 50.15625 34.199219c4.394531 3.011719 9.628906 4.597657 14.910156 4.597657 1.785157 0 3.578125-.183594 5.34375-.550782 7.042969-1.46875 13.273438-5.820312 17.097657-11.9375l212.488281-350.382812c4.136719-6.746094 3.542969-15.378906-1.488281-21.515625zm-234.5625 352.863281-51.941407-35.417969c-3.613281-2.46875-7.777343-3.703125-11.9375-3.703125-4.070312 0-8.144531 1.183594-11.710937 3.550782l-43.542969 28.882812v-59.175781l200.410156-149.644531c8.949219-6.683594 11.203125-18.847657 5.238281-28.292969-5.96875-9.445313-17.917968-12.636719-27.796874-7.425781l-240.78125 126.972656-56.78125-38.761719 432.488281-156.289063zm0 0"></path>
                </svg>
            </div>
        </div>
        <div class="pbmit-ihbox-contents">
            <h4 class="pbmit-element-subtitle">
                Email Us
            </h4>
            <h2 class="pbmit-element-title">
                <a href="mailto:[email protected]">
                    <span class="pbmit-button-text">[email protected]</span>
                    <span class="pbmit-button-icon-wrapper">
                        <span class="pbmit-button-icon">
                            <i class="pbmit-base-icon-up-right-arrow"></i>
                        </span>
                    </span>
                </a>
            </h2>
        </div>
    </div>
</div>
Icon box Style 3
<article class="pbmit-miconheading-style-3">
    <div class="pbmit-ihbox pbmit-ihbox-style-3">
        <div class="pbmit-ihbox-box">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                    <svg id="Layer_1" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                        <g>
                            <g fill="#3cc">
                                <path d="m182.09 94.947h155.363v-22h-166.363c-6.075 0-11 4.925-11 11v135.233h22z"></path>
                                <path d="m381.062 303.617v113.62h-49.882v22h60.882c6.075 0 11-4.925 11-11v-124.62z"></path>
                                <path d="m199.242 307.917c4.434-5.891 7.067-13.212 7.067-21.136 0-19.42-15.799-35.219-35.219-35.219s-35.219 15.799-35.219 35.219c0 7.925 2.632 15.245 7.066 21.136-15.57 9.518-25.985 26.677-25.985 46.224v8.714c0 6.075 4.925 11 11 11h86.275c6.075 0 11-4.925 11-11v-8.714c.001-19.547-10.414-36.705-25.985-46.224zm-28.152-34.355c7.289 0 13.219 5.93 13.219 13.219s-5.93 13.219-13.219 13.219-13.219-5.93-13.219-13.219 5.93-13.219 13.219-13.219zm-32.057 78.293c1.177-16.658 15.105-29.852 32.057-29.852s30.88 13.194 32.057 29.852z"></path>
                            </g>
                            <g>
                                <path d="m431.529 164.693v-10.002c2.308-1.746 4.526-3.643 6.622-5.711 12.587-12.425 19.52-29.008 19.52-46.694v-37.82c0-35.547-28.919-64.466-64.465-64.466h-2.287c-35.546 0-64.465 28.919-64.465 64.465v37.006c0 21.52 10.288 40.782 26.142 52.952v10.262c-28.191 3.047-53.11 19.004-67.698 43.495h-273.898c-6.075 0-11 4.925-11 11v231.057c0 6.075 4.925 11 11 11h101.087l-21.402 28.763h-56.685c-6.075 0-11 4.925-11 11s4.925 11 11 11h274.18c6.075 0 11-4.925 11-11s-4.925-11-11-11h-56.685l-21.402-28.763h101.087c6.075 0 11-4.925 11-11v-135.62h158.82c6.075 0 11-4.925 11-11v-49.092c0-46.486-35.28-84.882-80.471-89.832zm-40.611-142.693h2.287c23.416 0 42.465 19.05 42.465 42.465v7.352h-2.538c-10.158 0-19.708-3.956-26.89-11.138l-12.423-12.423c-4.296-4.296-11.261-4.296-15.557 0-7.182 7.183-16.732 11.138-26.89 11.138h-2.608c2.518-21.032 20.456-37.394 42.154-37.394zm-42.465 59.394h2.921c12.304 0 24.042-3.677 33.961-10.51l5.351 5.351c11.337 11.338 26.412 17.582 42.446 17.582h2.538v8.468c0 11.755-4.608 22.778-12.975 31.037-8.365 8.257-19.443 12.729-31.216 12.568-23.725-.308-43.026-20.234-43.026-44.419zm42.741 86.494c.294.004.586.006.879.006 5.983 0 11.838-.813 17.457-2.355v5.578l-17.467 20.63-17.467-20.63v-5.638c5.299 1.494 10.861 2.335 16.598 2.409zm-71.014 62.292v165.057h-298.18v-165.057zm-96.107 259.82h-105.966l21.402-28.763h63.161zm-202.073-50.763v-22h298.18v22zm468-146.62h-147.82v-73.437c0-6.075-4.925-11-11-11h-19.014c11.884-12.964 28.399-20.906 46.429-21.913l25.071 29.612c2.09 2.469 5.161 3.892 8.395 3.892s6.305-1.423 8.395-3.892l25.071-29.611c35.894 2.031 64.473 31.865 64.473 68.257z"></path>
                                <path d="m458.828 233.674h-32.766c-6.075 0-11 4.925-11 11s4.925 11 11 11h32.766c6.075 0 11-4.925 11-11s-4.925-11-11-11z" fill="#3cc"></path>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="pbmit-ihbox-contents">
                <h2 class="pbmit-element-title">
                    Direct Online Interviews
                </h2>
                <div class="pbmit-heading-desc"> Seamless virtual interviews for a hassle-free visa application process.</div>
            </div>
        </div>
    </div>
</article>
Icon box Style 4
<div class="pbmit-ihbox-style-4">
    <div class="pbmit-ihbox-box">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-ihbox-icon-type-image">
                <img src="" alt="Expert support">
            </div>
        </div>
        <div class="pbmit-element-title">Expert support</div>
        <div class="pbmit-element-subtitle">
            <a href="#">
                <span class="pbmit-button-text">available 24/7.</span>
                <span class="pbmit-button-icon-wrapper">
                    <span class="pbmit-button-icon">
                        <i class="pbmit-base-icon-up-right-arrow"></i>
                    </span>
                </span>
            </a>
        </div>
    </div>
</div>
Icon box Style 5
<div class="pbmit-ihbox-style-5">
    <div class="pbmit-ihbox-box">
        <div class="pbmit-icon-wrapper">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                    <svg height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg">
                        <g id="Layer_2" data-name="Layer 2">
                            <g id="phone" fill="rgb(0,0,0)">
                                <path id="background" d="m256 30a226.06 226.06 0 0 1 88 434.25 226.06 226.06 0 0 1 -176-416.5 224.5 224.5 0 0 1 88-17.75m0-30c-141.38 0-256 114.62-256 256s114.62 256 256 256 256-114.62 256-256-114.62-256-256-256z"></path>
                                <path d="m330.69 393.87c-14.87-1-35.83-6.13-56.29-13.45-72.14-25.82-142.53-94.61-157.49-190.83-2.66-17.13.14-32.78 13.12-45.52 4.35-4.26 8.22-9 12.47-13.36 16-16.47 39.38-16.89 55.95-1.07 5.25 5 10.59 9.93 15.71 15.09a38.07 38.07 0 0 1 1.37 52.79c-4 4.44-8.2 8.66-12.42 12.87-4.61 4.6-10.34 7.24-16.49 9.16-7.59 2.38-9 5.56-5.55 12.81q32.7 68.49 102.37 98.63c6.21 2.68 9.08 1.47 11.58-4.69 5.48-13.51 15.53-23.36 27.08-31.32 13.07-9 31.79-7 44.17 3.64a263.23 263.23 0 0 1 19.43 18.5 38.22 38.22 0 0 1 -.05 52.25c-1.93 2.1-3.92 4.15-5.77 6.31-11.14 12.95-25.27 19.01-49.19 18.19z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="pbmit-ihbox-box-wrapper">
                <div class="pbmit-element-subtitle">
                    Need Help? Talk to an experts
                </div>
                <h2 class="pbmit-element-title">
                    <a href="tel:+1-888-452-1505">
                        <span class="pbmit-button-text">1-888-452-1505</span>
                        <span class="pbmit-button-icon-wrapper">
                            <span class="pbmit-button-icon">
                                <i class="pbmit-base-icon-up-right-arrow"></i>
                            </span>
                        </span>
                    </a>
                </h2>
            </div>
        </div>
        <div class="pbmit-content-wrap">
        </div>
    </div>
</div>
Icon box Style 6
<div class="pbmit-ihbox-style-6">
    <div class="pbmit-ihbox-box">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
                    <g>
                        <g>
                            <path d="M387.664,464.017c-2.77-4.774-8.887-6.4-13.667-3.63l-0.385,0.222c-4.776,2.771-6.401,8.89-3.631,13.667 c1.855,3.197,5.21,4.983,8.658,4.983c1.702,0,3.43-0.437,5.009-1.353l0.385-0.222 C388.809,474.913,390.434,468.794,387.664,464.017z"></path>
                        </g>
                    </g>
                    <g>
                        <g>
                            <path d="M477.694,128.08C443.512,68.875,388.321,26.526,322.287,8.832C256.255-8.862,187.283,0.219,128.078,34.4 C68.874,68.581,26.524,123.773,8.831,189.806c-17.693,66.033-8.613,135.006,25.568,194.21 c30.661,53.107,79.393,93.468,137.219,113.646c27.411,9.564,56.026,14.337,84.597,14.337c31.065,0,62.074-5.646,91.385-16.911 c5.155-1.981,7.727-7.766,5.745-12.921s-7.768-7.73-12.921-5.745c-78.02,29.987-162.482,16.362-225.585-31.004l8.959-46.765 l4.317-1.402c16.313-5.3,25.273-22.884,19.975-39.198l-3.168-9.749c-0.733-2.256-0.729-4.641,0.01-6.895 c2.779-8.472,1.786-17.741-2.725-25.433c-4.511-7.691-12.116-13.084-20.867-14.795l-22.57-4.41l-43.548-33.11 c-2.609-1.984-6.024-2.563-9.142-1.551l-25.496,8.282c-0.541-9.119-0.549-18.235-0.035-27.303 c1.006,0.937,1.661,1.574,2.064,1.992c0.499,0.831,1.117,1.593,1.841,2.253c2.082,1.896,3.968,2.756,7.928,2.756 c3.639-0.001,9.026-0.726,17.921-2.04c8.436-1.247,16.828-2.652,16.911-2.666c3.363-0.563,6.206-2.803,7.544-5.938 c1.338-3.136,0.985-6.737-0.936-9.555l-12.261-17.984l17.562-12.558c1.17-0.837,2.146-1.916,2.861-3.164l27.223-47.525 l10.973-11.758c11.213-12.018,14.413-29.601,8.151-44.797c-3.694-8.963-10.146-16.425-18.216-21.454 c8.74-6.871,18.059-13.215,27.963-18.932c36.338-20.98,75.994-31.147,115.233-31.536l-17.856,22.399L169.24,65.795 c-2.689,0.942-4.849,2.988-5.935,5.622l-18.492,44.828c-1.313,3.185-0.896,6.819,1.105,9.623l27.008,37.832 c-3.868,3.529-7.633,8.669-12.13,15.051c-1.972,2.799-3.834,5.442-5.121,6.924c-1.119,1.29-2.239,2.55-3.349,3.798 c-5.809,6.535-11.815,13.294-16.082,22.322c-9.382,19.859-7.487,42.941,4.945,60.239c12.021,16.725,31.839,25.227,52.991,22.739 c3.446-0.404,6.659-1.199,9.768-1.969c8.573-2.121,11.289-2.333,14.039,0.241c1.338,1.253,1.461,1.49,1.434,5.739 c-0.019,2.704-0.04,6.068,0.892,9.909c1.493,6.145,5.352,10.392,8.452,13.804c1.541,1.695,3.135,3.449,3.626,4.626 c3.119,7.474,1.761,11.613-1.215,20.683c-0.255,0.776-0.515,1.568-0.776,2.38c-4.521,13.995,1.781,27.877,7.341,40.123 c1.806,3.977,3.511,7.731,4.628,11.049c8.991,26.679,15.731,32.789,21.14,35.249c2.833,1.288,5.765,1.853,8.727,1.852 c14.415-0.001,29.457-13.385,36.367-21.87c4.34-5.328,5.409-10.663,6.189-14.56c0.389-1.938,0.695-3.468,1.279-4.468 c0.894-1.53,1.947-2.716,3.28-4.218c2.681-3.019,6.018-6.775,8.179-13.584c1.642-5.172,2.835-6.44,6.786-10.648 c0.688-0.731,1.421-1.513,2.208-2.369c13.319-14.493,9.889-25.564,6.256-37.286c-3.057-9.863,2.29-16.171,15.218-28.21 c5.604-5.219,11.398-10.615,15.877-17.099c1.96-2.838,7.923-11.471,4.233-20.028c-3.617-8.39-12.81-9.8-20.196-10.932 c-2.917-0.448-7.325-1.124-8.728-2.041c-6.187-4.045-9.972-12.487-13.633-20.652c-0.729-1.625-1.448-3.229-2.177-4.786 c-1.3-2.778-2.599-6.139-3.974-9.697c-3.638-9.416-7.761-20.089-14.78-27.529c-6.309-6.685-18.202-9.905-28.695-12.747 c-3.529-0.955-6.86-1.857-9.057-2.668c-1.841-0.68-3.839-0.803-5.745-0.355c-5.107,1.197-8.293,2.516-10.659,4.412 c-0.625,0.501-2.476,2.146-3.56,4.79c-3.661-1.757-8.695-5.112-11.793-7.177c-0.064-0.043-0.129-0.086-0.193-0.129 c1.044-4.178,0.099-7.531-0.891-9.625c-5.586-11.816-24.129-10.891-27.787-10.58c-2.078,0.174-4.707,0.267-7.488,0.365 c-4.368,0.155-9.196,0.329-13.973,0.865l0.246-0.686c3.626-10.103,13.274-16.891,24.008-16.891h5.685 c5.521,0,9.999-4.478,9.999-9.999c0-5.521-4.478-9.999-9.999-9.999h-5.685c-15.936,0-30.529,8.387-38.708,21.588l-14.915-20.893 l14.674-35.569L244.787,60.5c1.774-0.622,3.338-1.732,4.511-3.203l28.763-36.079c73.494,6.991,142.674,48.197,182.316,116.859 c10.559,18.289,18.37,37.543,23.563,57.236l-4.239,3.78c-5.533,4.937-8.775,12.018-8.899,19.429 c-0.001,0.081-0.003,0.161-0.006,0.241l-6.906-18.992c-1.029-2.834-2.545-5.433-4.503-7.724l-12.319-14.423 c-4.776-5.591-11.73-8.796-19.081-8.796h-15.079c-5.353,0-10.245,2.932-12.77,7.649c-2.525,4.718-2.249,10.416,0.72,14.868 l1.526,2.291c-9.744,8.379-21.014,15.084-33.014,19.606L348.7,173.649v-8.833c0-2.732-1.118-5.347-3.095-7.232l-18.613-17.769 c-1.027-0.98-2.251-1.73-3.59-2.201l-16.755-5.888c-5.213-1.834-10.919,0.909-12.749,6.118 c-1.831,5.211,0.908,10.918,6.118,12.749l14.724,5.175l13.962,13.327v7.008c0,1.611,0.39,3.199,1.136,4.628l25.877,49.567 c2.327,4.46,7.609,6.498,12.323,4.754l7.535-2.778c17.505-6.456,33.73-16.841,46.922-30.031c3.37-3.371,3.894-8.65,1.249-12.617 l-0.532-0.799h4.775c1.493,0,2.906,0.651,3.876,1.787l12.319,14.423c0.397,0.465,0.704,0.991,0.914,1.568l13.595,37.383 c1.168,3.212,3.896,5.604,7.23,6.344c0.72,0.159,1.445,0.237,2.166,0.237c2.623,0,5.176-1.033,7.07-2.929l6.471-6.471 c4.098-4.099,6.919-9.285,8.267-15.034c10.008,80.205-21.441,163.173-87.915,215.347c-4.345,3.409-5.103,9.694-1.692,14.039 c3.409,4.345,9.693,5.103,14.039,1.692c47.992-37.667,80.962-91.542,92.837-151.701 C519.15,244.773,508.685,181.758,477.694,128.08z M47.282,282.747l41.233,31.351c1.219,0.927,2.633,1.561,4.135,1.854 l24.852,4.856c3.172,0.62,5.818,2.496,7.453,5.284c1.635,2.787,1.979,6.012,0.973,9.083c-2.07,6.313-2.08,12.99-0.027,19.307 l3.168,9.748c1.893,5.826-1.309,12.107-7.134,14l-9.937,3.229c-3.467,1.126-6.045,4.05-6.73,7.628l-7.998,41.749 c-17.583-16.093-33.021-35.113-45.552-56.818C36.43,347.541,26.878,319.3,22.668,290.744L47.282,282.747z M105.559,123.258 l-11.763,12.603c-0.525,0.563-0.984,1.185-1.367,1.853L65.717,184.35l-23.741,16.976c-4.422,3.162-5.508,9.275-2.446,13.767 l8.879,13.024c-5.118,0.762-9.711,1.39-12.765,1.723c-0.587-0.563-1.201-1.134-1.836-1.724c-2.377-2.208-5.68-5.157-10.604-9.466 c8.121-50.263,32.341-97.615,70.433-133.76c7.294,2.297,13.28,7.738,16.204,14.835 C113.131,107.707,111.449,116.945,105.559,123.258z M187.089,177.901c4.46-2.51,14.812-2.877,22.37-3.145 c3.029-0.107,5.891-0.209,8.447-0.423c1.349-0.113,2.847-0.092,4.26,0.018c-0.631,1.62-0.836,3.398-0.562,5.162 c0.481,3.103,2.394,5.798,5.162,7.279c1.876,1.004,4.487,2.745,7.251,4.588c7.815,5.21,16.674,11.115,24.996,11.645 c7.568,0.491,11.779-3.822,13.583-5.659c0.144-0.146,0.28-0.292,0.424-0.425c1.016-0.828,1.968-1.938,2.676-3.277 c1.599,0.457,3.279,0.912,5.001,1.379c5.921,1.603,16.942,4.587,19.377,7.167c4.325,4.585,7.696,13.312,10.671,21.011 c1.503,3.891,2.923,7.563,4.516,10.968c0.684,1.461,1.357,2.966,2.041,4.49c4.614,10.292,9.844,21.958,20.939,29.21 c5.031,3.289,11.198,4.234,16.64,5.069c0.658,0.101,1.412,0.217,2.178,0.343c-3.23,4.506-7.829,8.788-12.688,13.313 c-12.379,11.528-27.785,25.876-20.69,48.765c3.349,10.808,3.505,11.976-1.88,17.834c-0.734,0.799-1.418,1.527-2.059,2.209 c-4.612,4.91-8.255,8.788-11.271,18.288c-0.876,2.759-2.011,4.037-4.072,6.357c-1.648,1.856-3.701,4.168-5.594,7.408 c-2.268,3.882-3.018,7.62-3.619,10.623c-0.593,2.955-0.929,4.438-2.089,5.862c-2.641,3.242-7.567,7.95-12.624,11.163 c-4.7,2.984-7.444,3.392-8.379,3.336c-1.067-1.144-4.932-6.153-10.772-23.486c-1.44-4.276-3.438-8.676-5.37-12.931 c-4.259-9.38-8.662-19.08-6.52-25.709c0.253-0.782,0.503-1.546,0.749-2.293c3.422-10.43,6.652-20.279,0.668-34.619 c-1.822-4.367-4.723-7.558-7.28-10.374c-1.655-1.821-3.53-3.885-3.819-5.073c-0.352-1.449-0.341-3.122-0.328-5.059 c0.034-5.225,0.086-13.12-7.763-20.47c-11.066-10.358-23.97-7.167-32.51-5.055c-2.623,0.648-5.101,1.262-7.297,1.52 c-14.048,1.646-26.59-3.654-34.42-14.55c-8.191-11.397-9.38-26.734-3.102-40.024c3.039-6.431,7.63-11.598,12.946-17.578 c1.161-1.307,2.333-2.625,3.505-3.975c1.95-2.248,4.096-5.292,6.365-8.515C179.855,186.423,184.899,179.263,187.089,177.901z"></path>
                        </g>
                    </g>
                    <g>
                        <g>
                            <path d="M410.022,344.278l-4.811-18.134c-1.051-3.96-4.411-6.878-8.478-7.364c-4.072-0.476-8.021,1.56-9.976,5.161 c-1.096,2.02-2.083,4.16-3.037,6.229c-1.605,3.481-3.265,7.081-4.992,9.068c-0.97,1.116-3.462,2.319-5.87,3.481 c-5.757,2.778-13.642,6.583-16.654,16.185c-1.87,5.956-1.172,10.668-0.662,14.108c0.441,2.983,0.543,4.017-0.256,5.893l-0.1,0.233 c-3.183,7.469-9.105,21.374-0.801,33.195c5.925,8.436,12.155,10.605,16.996,10.605c0.945,0.003,1.839-0.08,2.666-0.215 c10.2-1.667,17.868-12.277,24.134-33.393l11.762-39.641C410.466,347.926,410.494,346.054,410.022,344.278z M379.01,383.641 c-3.194,10.766-6.02,15.792-7.651,18.02c-0.188-0.24-0.392-0.512-0.61-0.823c-1.911-2.722,0.945-9.426,2.835-13.863l0.101-0.234 c3.048-7.154,2.233-12.648,1.64-16.66c-0.381-2.569-0.517-3.673-0.04-5.19c0.392-1.247,2.735-2.457,6.265-4.161 c1.565-0.756,3.288-1.587,5.027-2.593L379.01,383.641z"></path>
                        </g>
                    </g>
                    <g>
                        <g>
                            <path d="M270.03,118.86l-0.675-0.236c-5.207-1.824-10.917,0.915-12.745,6.126c-1.828,5.212,0.915,10.917,6.126,12.745l0.674,0.236 c1.095,0.384,2.211,0.566,3.31,0.566c4.128,0,7.992-2.577,9.436-6.692C277.984,126.393,275.241,120.687,270.03,118.86z"></path>
                        </g>
                    </g>
                </svg>
            </div>
        </div>
        <div class="pbmit-ihbox-contents">
            <h2 class="pbmit-element-title">Branches Across The World 25+</h2>
            <div class="pbmit-heading-desc">We historically build meaningful relationships with customers. </div>
        </div>
    </div>
</div>
Icon box Style 7
<div class="pbmit-ihbox-style-7">
    <div class="pbmit-ihbox-box">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-ihbox-icon-type-image">
                <img src="images/homepage-1/ihbox/icon-box-img.png" alt="">
            </div>
        </div>
        <h2 class="pbmit-element-title">Trusted by over <span>1000+</span> <br>clients worldwide</h2>
    </div>
</div>
Icon box Style 8
<article class="pbmit-miconheading-style-8">
    <div class="pbmit-ihbox pbmit-ihbox-style-8">
        <div class="pbmit-ihbox-headingicon">
            <div class="pbmit-ihbox-wrap">
                <div class="pbmit-ihbox-contents">
                    <h4 class="pbmit-element-subtitle">
                        Services
                    </h4>
                    <h2 class="pbmit-element-title">
                        Report All Suspcious Activities
                    </h2>
                    <div class="pbmit-heading-desc">Report suspicious activities related to visa immediately.</div>
                </div>
                <div class="pbmit-ihbox-icon">
                    <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                        <svg id="Layer_1" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                            <g>
                                <g>
                                    <path d="m244.813 281.075-18.613-11.728-26.604 42.222-25.605-16.134c-13.135-8.276-28.706-10.94-43.843-7.498-15.138 3.441-28.028 12.573-36.294 25.714l-66.508 105.723c-11.957 19.009-6.228 44.212 12.773 56.184 0 0 49.938 31.478 50.623 31.873 5.357 3.093 11.214 4.563 16.997 4.563 11.797 0 23.287-6.117 29.598-17.048 7.248-12.553 5.575-27.842-3.025-38.501zm-166.557 179.76c-1.898 3.288-3.174 6.764-3.885 10.296l-22.526-14.187c-8.743-5.509-11.379-17.107-5.877-25.854l66.508-105.724c5.136-8.164 13.144-13.838 22.548-15.976 9.405-2.141 19.079-.483 27.238 4.658l25.605 16.134-72.157 114.516c-5.451-1.308-11.174-1.249-16.742.245-8.801 2.357-16.156 8.001-20.712 15.892zm40.029 23.11c-3.339 5.782-10.76 7.77-16.543 4.433-5.782-3.339-7.771-10.761-4.432-16.543 1.617-2.802 4.229-4.806 7.354-5.643 3.125-.836 6.389-.407 9.189 1.21 5.782 3.339 7.77 10.76 4.432 16.543z" fill="#3cc"/>
                                    <path d="m454.688 160.116h-46.898s-26.067-43.067-26.291-43.422c-2.036-3.234-4.324-6.253-6.811-9.066 20.862-8.044 35.709-28.293 35.709-51.956.001-30.697-24.973-55.672-55.671-55.672-30.697 0-55.671 24.975-55.671 55.672 0 11.135 3.299 21.509 8.952 30.219-9.47 2.07-18.516 6.119-26.526 12.063l-35.588 26.415c-13.421 9.962-22.579 24.482-25.787 40.886l-15.306 78.261c-1.857 9.495.095 19.145 5.498 27.17 5.402 8.026 13.606 13.468 23.101 15.321 2.334.456 4.658.676 6.952.675 2.027 0 4.024-.189 5.984-.521l-44.276 179.187c-2.794 11.307-.279 23.051 6.902 32.222 7.18 9.171 17.979 14.431 29.626 14.431 16.56 0 30.996-10.622 35.922-26.431l41.487-133.114 29.515 18.023 17.105 108.736c2.987 18.997 19.113 32.785 38.344 32.785 11.123 0 21.726-4.781 29.09-13.117s10.801-19.447 9.43-30.485l-14.635-117.806c-1.665-13.401-7.137-25.951-15.824-36.292l-39.302-46.783 8.311-39.495c7.197 2.949 14.949 4.517 22.785 4.517h53.874c19.967 0 36.211-16.244 36.211-36.211s-16.245-36.212-36.212-36.212zm-99.962-138.116c18.567 0 33.672 15.105 33.672 33.672s-15.105 33.672-33.672 33.672c-18.566 0-33.671-15.105-33.671-33.672s15.105-33.672 33.671-33.672zm-101.222 457.023c-2.046 6.565-8.042 10.977-14.918 10.977-4.837 0-9.322-2.185-12.304-5.993-2.982-3.809-4.026-8.686-2.866-13.382l39.326-159.151c5.731 8.948 13.505 16.708 23.042 22.532l10.853 6.627zm138.672-150.573c5.949 7.082 9.696 15.677 10.836 24.854l14.635 117.806c.603 4.853-.848 9.543-4.085 13.207s-7.713 5.683-12.603 5.683c-8.331 0-15.317-5.974-16.612-14.203l-17.896-113.764c-.501-3.189-2.378-5.997-5.133-7.679l-64.07-39.124c-17.052-10.414-26.018-29.736-23.279-49.198l.336-1.361 77.591 15.832zm-23.028-165.056-19.809 94.134-70.663-14.417 11.25-57.493 31.066-17.604c5.285-2.995 7.142-9.708 4.147-14.993-2.996-5.286-9.708-7.145-14.994-4.147l-35.467 20.098c-2.793 1.583-4.755 4.308-5.372 7.458l-15.021 76.767c-1.503 7.688-8.977 12.723-16.67 11.22-3.727-.728-6.946-2.863-9.066-6.014-2.12-3.149-2.886-6.937-2.158-10.663l15.306-78.261c2.153-11.01 8.301-20.757 17.309-27.443l35.587-26.414c8.258-6.13 18.121-9.338 28.172-9.338 3.759 0 7.547.449 11.284 1.362 12.791 3.125 23.639 12.086 29.918 22.477 5.122 9.502 7.591 21.818 5.181 33.271zm85.54 47.144h-53.874c-6.338 0-12.594-1.612-18.136-4.61l6.997-33.252 2.501 4.134c1.992 3.294 5.562 5.307 9.412 5.307h53.1c7.836 0 14.211 6.375 14.211 14.211s-6.375 14.21-14.211 14.21z"/>
                                </g>
                            </g>
                        </svg>
                    </div>
                </div>
            </div>
            <div class="pbmit-btn-wrap">
                <div class="pbmit-ihbox-btn">
                    <a href="#">
                        <span class="pbmit-button-text">Read More</span>
                        <span class="pbmit-button-icon-wrapper">
                            <span class="pbmit-button-icon">
                                <i class="pbmit-base-icon-up-right-arrow"></i>
                            </span>
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</article>
Icon box Style 9
<div class="pbmit-ihbox-style-9">
    <div class="pbmit-ihbox-box">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                <svg xmlns="http://www.w3.org/2000/svg" id="Solid" viewBox="0 0 64 64">
                    <path d="M32,43.5a1.5,1.5,0,0,0,0-3H18a1.5,1.5,0,0,0,0,3h.5v17H18a1.5,1.5,0,0,0,0,3H32a1.5,1.5,0,0,0,0-3h-.5v-17Z"></path>
                    <path d="M49.5,6A1.5,1.5,0,0,0,48,4.5H44.5v41h5Z"></path>
                    <path d="M60,48.5H34.5v7H60a3.5,3.5,0,0,0,0-7Z"></path>
                    <path d="M13.5,42A4.505,4.505,0,0,1,18,37.5H32a4.493,4.493,0,0,1,2.815,8H41.5V2A1.5,1.5,0,0,0,40,.5H2A1.5,1.5,0,0,0,.5,2V54A1.5,1.5,0,0,0,2,55.5H15.5V45.74A4.5,4.5,0,0,1,13.5,42Zm-6-22.5A13.5,13.5,0,1,1,21,33,13.515,13.515,0,0,1,7.5,19.5Z"></path>
                    <path d="M21.036,30c.6-.214,2.186-3.252,2.429-9h-4.93c.244,5.75,1.839,8.788,2.486,9Z"></path>
                    <path d="M20.979,9h-.015c-.6.214-2.186,3.252-2.429,9h4.93C23.221,12.25,21.626,9.212,20.979,9Z"></path>
                    <path d="M31.38,18a10.517,10.517,0,0,0-6.421-8.219A26.112,26.112,0,0,1,26.466,18Z"></path>
                    <path d="M31.38,21H26.466a26.112,26.112,0,0,1-1.507,8.219A10.517,10.517,0,0,0,31.38,21Z"></path>
                    <path d="M10.62,21a10.517,10.517,0,0,0,6.421,8.219A26.112,26.112,0,0,1,15.534,21Z"></path>
                    <path d="M10.62,18h4.914a26.112,26.112,0,0,1,1.507-8.219A10.517,10.517,0,0,0,10.62,18Z"></path>
                </svg>
            </div>
        </div>
        <div class="pbmit-ihbox-contents">
            <h2 class="pbmit-element-title">Legal Immigration <br>Success</h2>
        </div>
    </div>
</div>
Icon box Style 10
<article class="pbmit-miconheading-style-10">
    <div class="pbmit-ihbox-style-10">
        <div class="pbmit-ihbox-headingicon">
            <div class="pbmit-ihbox-contents">
                <div class="pbmit-ihbox-box-number">01</div>
                <h2 class="pbmit-element-title">
                    Skilled visa experts with success visa approval.
                </h2>
            </div>
        </div>
    </div>
</article>
Icon box Style 11
<article class="pbmit-miconheading-style-11">
    <div class="pbmit-ihbox-style-11">
        <div class="pbmit-ihbox-box">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                    <svg id="Layer_5" enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg">
                        <g>
                            <path d="m59.76 32.347-2.76-2.761v-19.586c0-2.757-2.243-5-5-5h-37.35c-.826-2.327-3.043-4-5.65-4h-2c-3.309 0-6 2.691-6 6v29.236l4.658 9.316c.288.576.773.989 1.342 1.226v9.222c0 2.757 2.243 5 5 5h33v2h14v-4.807l1.233-3.083c.488-1.219.845-2.495 1.061-3.793l1.556-9.332c.1-.601.15-1.212.15-1.818 0-2.954-1.15-5.731-3.24-7.82zm-7.76-25.347c1.654 0 3 1.346 3 3v36.146c0 .47-.383.854-.854.854-.326 0-.619-.181-.764-.473-.135-.269-.255-.545-.382-.819v-30.708c0-1.103-.897-2-2-2h-36v-6zm-8.164 31.087-.685 8.913h-30.151v-6.764l2-4v-21.236h36v24.877l-.586-2.344c-.372-1.491-1.706-2.533-3.244-2.533-1.736 0-3.201 1.356-3.334 3.087zm-40.836-3.087v-24h2v24zm4-24h2v24h-2zm4 0h2v24h-2zm-4-8h2c2.206 0 4 1.794 4 4v2h-10v-2c0-2.206 1.794-4 4-4zm-3.382 34h8.764l-3.829 7.658c-.211.422-.895.422-1.105 0zm8.382 22c-1.654 0-3-1.346-3-3v-9.222c.569-.237 1.054-.65 1.342-1.225l.658-1.317v2.764c0 1.103.897 2 2 2h30.025c-.008.222-.025.443-.025.665 0 2.341.441 4.63 1.31 6.803l.69 1.725v.807zm45 2h-10v-2h10zm3.877-19.343-1.556 9.332c-.193 1.156-.511 2.292-.945 3.378l-1.053 2.633h-10.646l-.51-1.274c-.774-1.937-1.167-3.976-1.167-6.061 0-.418.016-.836.048-1.251l.783-10.174c.053-.695.642-1.24 1.34-1.24.618 0 1.154.419 1.303 1.018l.75 2.998c.553 2.212 1.35 4.367 2.37 6.406.486.974 1.464 1.578 2.552 1.578 1.574 0 2.854-1.28 2.854-2.854v-13.732l1.346 1.346c1.712 1.713 2.654 3.987 2.654 6.407 0 .497-.042.998-.123 1.49z"></path>
                            <path d="m39 51h-14c-1.103 0-2 .897-2 2 0 2.206 1.794 4 4 4h10c2.206 0 4-1.794 4-4 0-1.103-.897-2-2-2zm-2 4h-10c-1.103 0-2-.897-2-2h14c0 1.103-.897 2-2 2z"></path>
                            <path d="m26 9h12v2h-12z"></path>
                            <path d="m26.396 35c.559 0 1.115-.14 1.61-.405l11.588-6.241c.867-.467 1.406-1.37 1.406-2.354s-.539-1.887-1.406-2.354l-11.589-6.24c-.494-.266-1.05-.406-1.609-.406-1.873 0-3.396 1.523-3.396 3.396v11.209c0 1.872 1.523 3.395 3.396 3.395zm-1.396-14.604c0-.77.626-1.396 1.396-1.396.23 0 .459.058.662.167l11.588 6.24c.218.117.354.345.354.593s-.136.476-.354.593l-11.587 6.24c-.204.109-.433.167-.663.167-.77 0-1.396-.626-1.396-1.396z"></path>
                            <path d="m23 37c-1.858 0-3.411 1.279-3.858 3h-4.142v2h4.142c.447 1.721 2 3 3.858 3s3.411-1.279 3.858-3h15.142v-2h-15.142c-.447-1.721-2-3-3.858-3zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z"></path>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="pbmit-ihbox-contents">
                <h2 class="pbmit-element-title">
                    Direct Online <br>Interviews
                </h2>
            </div>
        </div>
    </div>
</article>
Icon box Style 12
<div class="pbmit-ihbox-style-12">
    <div class="pbmit-ihbox-box">
        <div class="pbmit-ihbox-wrapper">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-ihbox-icon-type-image">
                    <img src="images/homepage-2/iconbox-flag.png" alt="10 Countries">
                </div>
            </div>
            <h2 class="pbmit-element-title">10 Countries</h2>
        </div>
        <div class="pbmit-ihbox-contents">
            <div class="pbmit-heading-desc">We are serving for 20 Years.</div>
        </div>
    </div>
</div>
Icon box Style 13
<div class="pbmit-ihbox-style-13">
    <div class="pbmit-ihbox-box">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-ihbox-icon-type-image">
                <img src="images/stars.jpg" alt="Trustpilot">
            </div>
        </div>
        <div class="pbmit-element-subtitle">
            4.9 <span>rating</span>
        </div>
        <div class="pbmit-heading-desc"><span>309,614</span> customer reviews.</div>
        <h2 class="pbmit-element-title">Trustpilot</h2>
    </div>
</div>
Icon box Style 14
<article class="pbmit-miconheading-style-14">
    <div class="pbmit-ihbox-style-14">
        <div class="pbmit-ihbox-headingicon">
            <div class="pbmit-ihbox-wrap">
                <div class="pbmit-ihbox-icon">
                    <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                        <svg id="Line" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg">
                            <path d="m20.87012 43.28076a115.75907 115.75907 0 0 0 17.48681 14.3374 13.99511 13.99511 0 0 0 17.61719-1.69531l2.01416-2.01465a6.89922 6.89922 0 0 0 -.00008-9.71191l-4.97843-4.97852a6.992 6.992 0 0 0 -10.26657.55434 2.50542 2.50542 0 0 1 -3.12357.35338 50.56156 50.56156 0 0 1 -15.7417-15.74849 2.49153 2.49153 0 0 1 .36523-3.10644 6.98277 6.98277 0 0 0 .55308-10.26614l-4.97837-4.979a6.87546 6.87546 0 0 0 -9.7124 0l-2.01514 2.01558a13.89176 13.89176 0 0 0 -1.80078 17.45558 115.68112 115.68112 0 0 0 14.58057 17.78418zm-11.36573-33.82568c1.47561-1.47631 3.16488-3.59108 5.45761-3.43834a4.85226 4.85226 0 0 1 3.44184 1.42271l4.97851 4.979a4.99906 4.99906 0 0 1 -.5539 7.43791 4.48161 4.48161 0 0 0 -.6419 5.588 52.559 52.559 0 0 0 16.36472 16.37155 4.49 4.49 0 0 0 5.606-.62987 5.32241 5.32241 0 0 1 3.99318-1.97115 4.8405 4.8405 0 0 1 3.44529 1.417l4.97852 4.97851a4.8363 4.8363 0 0 1 1.42574 3.44185c.15846 2.28945-1.9903 4.00731-3.44006 5.45649a11.98867 11.98867 0 0 1 -15.09265 1.44536 113.85857 113.85857 0 0 1 -31.51172-31.56495 11.88534 11.88534 0 0 1 1.54882-14.93407z"></path>
                            <path d="m32.34082 6.85547c13.33918-.27854 25.09578 11.47918 24.81767 24.81753a1.00023 1.00023 0 0 0 2.00019-.00024c.29964-14.41217-12.40118-27.11562-26.81416-26.81707a1 1 0 0 0 -.0037 1.99978z"></path>
                            <path d="m31.34277 22.28418a1.00005 1.00005 0 0 0 1 1 8.42784 8.42784 0 0 1 8.38714 8.38727 1 1 0 0 0 2.00009-.00006 10.38851 10.38851 0 0 0 -10.38723-10.38721 1.00005 1.00005 0 0 0 -1 1z"></path>
                            <path d="m48.94434 31.67236a1.00011 1.00011 0 0 0 2-.00005c.20641-9.99938-8.60281-18.809-18.60267-18.60233a1.00011 1.00011 0 0 0 .0002 1.99984 16.68034 16.68034 0 0 1 16.60247 16.60254z"></path>
                        </svg>
                    </div>
                </div>
            </div>
            <div class="pbmit-ihbox-contents">
                <h2 class="pbmit-element-title">
                    Call US 
                </h2>
                <div class="pbmit-heading-desc">Book a free consultation with our experts for personalized, tailored guidance.
                    <br><br>
                    <strong>Monday-Friday: 9am to 6pm</strong><br>0123456789
                </div>
            </div>
        </div>
    </div>
</article>
Icon box Style 15
<div class="pbmit-ihbox-style-15">
    <div class="pbmit-ihbox-headingicon">
        <div class="pbmit-ihbox-wrap">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                    <svg id="Capa_1" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                        <g>
                            <g fill="#3cc">
                                <path d="m196.323 341.868-21.844-2.617-8.678 72.44c-.192 1.605-.028 3.233.479 4.768l29.151 88 20.885-6.918-28.38-85.67z"></path>
                                <path d="m346.198 411.691-8.678-72.44-21.844 2.617 8.386 70.003-28.38 85.67 20.885 6.918 29.151-88c.509-1.535.673-3.162.48-4.768z"></path>
                                <path d="m286.057 3.849-30.057 35.134-30.057-35.134-16.717 14.302 38.415 44.905c2.09 2.443 5.144 3.849 8.358 3.849s6.269-1.406 8.358-3.849l38.415-44.905z"></path>
                            </g>
                            <g>
                                <path d="m311.002 327.357v-24.043c23.625-16.726 39.348-43.909 40.355-74.753 15.296-4.691 26.447-18.948 26.447-35.761 0-16.793-11.128-31.037-26.396-35.746v-39.148c0-16.712-8.224-32.299-21.756-41.786l-24.892-68.86c-1.575-4.357-5.712-7.26-10.345-7.26h-76.83c-4.633 0-8.77 2.903-10.345 7.26l-24.896 68.869c-13.521 9.488-21.753 25.098-21.753 41.777v39.148c-15.27 4.708-26.396 18.952-26.396 35.746 0 7.074 1.98 13.692 5.407 19.338-12.786 10.906-20.332 26.903-20.332 44.258 0 32.122 26.133 58.254 58.254 58.254 8.207 0 16.147-1.686 23.476-4.923v17.628c-69.391 4.797-124.384 62.775-124.384 133.364v40.281c0 6.075 4.925 11 11 11h336.771c6.075 0 11-4.925 11-11v-40.279c-.001-70.589-54.993-128.567-124.385-133.364zm-22 5.802-33.002 29.98-33.002-29.98v-18.24c10.29 3.805 21.406 5.89 33.002 5.89s22.712-2.085 33.002-5.89zm-3.939 33.3-16.678 123.541h-24.77l-16.678-123.541 21.667 19.683c2.098 1.905 4.747 2.858 7.396 2.858s5.299-.953 7.396-2.858zm-102.472-248.552c0-9.053 4.267-17.555 11.345-23.005l44.034 11.621c-11.475 13.139-28.013 20.751-45.851 20.751h-9.527v-9.367zm146.818 0v9.367h-9.527c-17.838 0-34.376-7.613-45.851-20.751l44.029-11.62c7.082 5.449 11.349 13.933 11.349 23.004zm-104.104-95.907h61.391l19.281 53.339-49.977 13.189-49.977-13.189zm-53.714 155.404c6.075 0 11-4.925 11-11v-17.13h9.527c25.058 0 48.229-11.037 63.882-29.992 15.653 18.955 38.824 29.992 63.882 29.992h9.527v17.13c0 6.075 4.925 11 11 11 8.489 0 15.396 6.907 15.396 15.396s-6.906 15.396-15.396 15.396c-6.075 0-11 4.925-11 11v6.205c0 40.478-32.932 73.409-73.409 73.409s-73.409-32.931-73.409-73.409v-6.205c0-6.075-4.925-11-11-11-8.489 0-15.396-6.906-15.396-15.396s6.907-15.396 15.396-15.396zm-30.322 78.993c0-11.861 5.675-22.692 15.103-29.441 1.382.618 2.807 1.156 4.271 1.605.794 24.322 10.741 46.366 26.494 62.804-3.097.847-6.32 1.287-9.614 1.287-19.991-.001-36.254-16.264-36.254-36.255zm-42.655 233.603v-29.279c0-58.937 45.885-107.351 103.807-111.412l18.994 140.691zm191.971 0 18.994-140.69c57.921 4.06 103.807 52.475 103.807 111.412v29.278z"></path>
                                <path d="m255.951 271.125c14.165 0 27.438-6.293 36.414-17.266 3.847-4.702 3.153-11.632-1.548-15.479-4.704-3.848-11.633-3.153-15.479 1.548-4.781 5.844-11.848 9.196-19.387 9.196-7.498 0-14.539-3.322-19.318-9.113-3.869-4.686-10.802-5.35-15.485-1.482-4.687 3.867-5.35 10.8-1.483 15.485 8.973 10.874 22.199 17.111 36.286 17.111z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="pbmit-ihbox-contents">
                <h2 class="pbmit-element-title">Skilled visa officer</h2>
                <div class="pbmit-heading-desc">The efficiency of the visa process is crucial for successful travel and relocation.</div>
            </div>
        </div>
    </div>
</div>
Icon box Style 16
<div class="pbmit-ihbox-style-16">
    <div class="pbmit-ihbox-box d-flex">
        <div class="pbmit-ihbox-wrapper">
            <h4 class="pbmit-element-subtitle">
                4.9 
            </h4>
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-ihbox-icon-type-image">
                    <img src="images/rating.png" alt="Icon">
                </div>
            </div>
        </div>
        <div class="pbmit-heading-desc">Zocdoc rating based on 7548 reviews.</div>
    </div>
</div>
Icon box Style 17
<div class="pbmit-ihbox-style-17">
    <div class="pbmit-ihbox-headingicon">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-ihbox-icon-type-image">
                <img src="images/award-img-01.jpg" alt="Best Visa Consultant of  Year">
            </div>
        </div>
        <div class="pbmit-ihbox-contents">
            <h4 class="pbmit-element-subtitle">
                2024-2026
            </h4>
            <h2 class="pbmit-element-title">Best Visa Consultant of  Year</h2>
            <div class="pbmit-heading-desc">For each business, we take a tailored approach to crafting personalized visa.</div>
        </div>
    </div>
</div>
Icon box Style 18
<article class="pbmit-miconheading-style-18">
    <div class="pbmit-ihbox pbmit-ihbox-style-18">
        <div class="pbmit-ihbox-box">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                    <svg id="Layer_1" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                        <g>
                            <g>
                                <path d="m244.813 281.075-18.613-11.728-26.604 42.222-25.605-16.134c-13.135-8.276-28.706-10.94-43.843-7.498-15.138 3.441-28.028 12.573-36.294 25.714l-66.508 105.723c-11.957 19.009-6.228 44.212 12.773 56.184 0 0 49.938 31.478 50.623 31.873 5.357 3.093 11.214 4.563 16.997 4.563 11.797 0 23.287-6.117 29.598-17.048 7.248-12.553 5.575-27.842-3.025-38.501zm-166.557 179.76c-1.898 3.288-3.174 6.764-3.885 10.296l-22.526-14.187c-8.743-5.509-11.379-17.107-5.877-25.854l66.508-105.724c5.136-8.164 13.144-13.838 22.548-15.976 9.405-2.141 19.079-.483 27.238 4.658l25.605 16.134-72.157 114.516c-5.451-1.308-11.174-1.249-16.742.245-8.801 2.357-16.156 8.001-20.712 15.892zm40.029 23.11c-3.339 5.782-10.76 7.77-16.543 4.433-5.782-3.339-7.771-10.761-4.432-16.543 1.617-2.802 4.229-4.806 7.354-5.643 3.125-.836 6.389-.407 9.189 1.21 5.782 3.339 7.77 10.76 4.432 16.543z" fill="#3cc"></path>
                                <path d="m454.688 160.116h-46.898s-26.067-43.067-26.291-43.422c-2.036-3.234-4.324-6.253-6.811-9.066 20.862-8.044 35.709-28.293 35.709-51.956.001-30.697-24.973-55.672-55.671-55.672-30.697 0-55.671 24.975-55.671 55.672 0 11.135 3.299 21.509 8.952 30.219-9.47 2.07-18.516 6.119-26.526 12.063l-35.588 26.415c-13.421 9.962-22.579 24.482-25.787 40.886l-15.306 78.261c-1.857 9.495.095 19.145 5.498 27.17 5.402 8.026 13.606 13.468 23.101 15.321 2.334.456 4.658.676 6.952.675 2.027 0 4.024-.189 5.984-.521l-44.276 179.187c-2.794 11.307-.279 23.051 6.902 32.222 7.18 9.171 17.979 14.431 29.626 14.431 16.56 0 30.996-10.622 35.922-26.431l41.487-133.114 29.515 18.023 17.105 108.736c2.987 18.997 19.113 32.785 38.344 32.785 11.123 0 21.726-4.781 29.09-13.117s10.801-19.447 9.43-30.485l-14.635-117.806c-1.665-13.401-7.137-25.951-15.824-36.292l-39.302-46.783 8.311-39.495c7.197 2.949 14.949 4.517 22.785 4.517h53.874c19.967 0 36.211-16.244 36.211-36.211s-16.245-36.212-36.212-36.212zm-99.962-138.116c18.567 0 33.672 15.105 33.672 33.672s-15.105 33.672-33.672 33.672c-18.566 0-33.671-15.105-33.671-33.672s15.105-33.672 33.671-33.672zm-101.222 457.023c-2.046 6.565-8.042 10.977-14.918 10.977-4.837 0-9.322-2.185-12.304-5.993-2.982-3.809-4.026-8.686-2.866-13.382l39.326-159.151c5.731 8.948 13.505 16.708 23.042 22.532l10.853 6.627zm138.672-150.573c5.949 7.082 9.696 15.677 10.836 24.854l14.635 117.806c.603 4.853-.848 9.543-4.085 13.207s-7.713 5.683-12.603 5.683c-8.331 0-15.317-5.974-16.612-14.203l-17.896-113.764c-.501-3.189-2.378-5.997-5.133-7.679l-64.07-39.124c-17.052-10.414-26.018-29.736-23.279-49.198l.336-1.361 77.591 15.832zm-23.028-165.056-19.809 94.134-70.663-14.417 11.25-57.493 31.066-17.604c5.285-2.995 7.142-9.708 4.147-14.993-2.996-5.286-9.708-7.145-14.994-4.147l-35.467 20.098c-2.793 1.583-4.755 4.308-5.372 7.458l-15.021 76.767c-1.503 7.688-8.977 12.723-16.67 11.22-3.727-.728-6.946-2.863-9.066-6.014-2.12-3.149-2.886-6.937-2.158-10.663l15.306-78.261c2.153-11.01 8.301-20.757 17.309-27.443l35.587-26.414c8.258-6.13 18.121-9.338 28.172-9.338 3.759 0 7.547.449 11.284 1.362 12.791 3.125 23.639 12.086 29.918 22.477 5.122 9.502 7.591 21.818 5.181 33.271zm85.54 47.144h-53.874c-6.338 0-12.594-1.612-18.136-4.61l6.997-33.252 2.501 4.134c1.992 3.294 5.562 5.307 9.412 5.307h53.1c7.836 0 14.211 6.375 14.211 14.211s-6.375 14.21-14.211 14.21z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="pbmit-ihbox-contents">
                <h2 class="pbmit-element-title">
                    Immigrate to America
                </h2>
                <div class="pbmit-heading-desc">Many desktop publishing packages and web  page editors now use Lorem Ipsum as their  default model text, and a search infancy.</div>
            </div>
        </div>
    </div>
</article>

Service Box

Use the below code to display Service Box style:

Service Box Style 1
<article class="pbmit-service-style-1">
    <div class="pbminfotech-post-item">
        <div class="pbmit-box-content-wrap">
            <div class="pbmit-service-image-wrapper">
                <div class="pbmit-featured-img-wrapper">
                    <div class="pbmit-featured-wrapper">
                        <a href="#">
                            <img src="images/visa/visa-img-01.jpg" class="" alt="">
                        </a>
                    </div>
                </div>
            </div>
            <div class="pbmit-content-box">
                <div class="pbmit-service-cat">
                    <a href="#" rel="tag">Tourism Visa</a>
                </div>
                <h3 class="pbmit-service-title">
                    <a href="#">Tourist Visa</a>
                </h3>
                <div class="pbmit-service-description">
                    <p>Apply visa online for a fast and hassle-free process.</p>
                </div>
            </div>
            <div class="pbmit-service-btn-wrapper">
                <a class="pbmit-service-btn" href="#" title="Tourist Visa">
                    <span class="pbmit-button-icon-wrapper">
                        <span class="pbmit-button-icon">
                            <i class="pbmit-base-icon-up-right-arrow"></i>
                        </span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</article>
Service Box Style 2
<article class="pbmit-ele-service pbmit-service-style-2">
    <div class="pbminfotech-post-item">
        <div class="pbmit-box-content-wrap">
            <div class="pbmit-featured-img-wrapper">
                <div class="pbmit-featured-wrapper">
                    <img src="images/homepage-1/service/service-img-01.jpg" class="img-fluid" alt="">
                </div>
            </div>
            <div class="pbminfotech-box-content">
                <div class="pbmit-service-cat">
                    <a href="#" rel="tag">Tourism Visa</a>
                </div>
                <h3 class="pbmit-service-title">
                    <a href="#">Tourist Visa</a>
                </h3>
                <div class="pbmit-service-description">
                    <p>Apply visa online for a fast and hassle-free process.</p>
                </div>
                <div class="pbmit-service-icon">
                    <svg id="Layer_1" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                        <g>
                            <g>
                                <path d="m244.813 281.075-18.613-11.728-26.604 42.222-25.605-16.134c-13.135-8.276-28.706-10.94-43.843-7.498-15.138 3.441-28.028 12.573-36.294 25.714l-66.508 105.723c-11.957 19.009-6.228 44.212 12.773 56.184 0 0 49.938 31.478 50.623 31.873 5.357 3.093 11.214 4.563 16.997 4.563 11.797 0 23.287-6.117 29.598-17.048 7.248-12.553 5.575-27.842-3.025-38.501zm-166.557 179.76c-1.898 3.288-3.174 6.764-3.885 10.296l-22.526-14.187c-8.743-5.509-11.379-17.107-5.877-25.854l66.508-105.724c5.136-8.164 13.144-13.838 22.548-15.976 9.405-2.141 19.079-.483 27.238 4.658l25.605 16.134-72.157 114.516c-5.451-1.308-11.174-1.249-16.742.245-8.801 2.357-16.156 8.001-20.712 15.892zm40.029 23.11c-3.339 5.782-10.76 7.77-16.543 4.433-5.782-3.339-7.771-10.761-4.432-16.543 1.617-2.802 4.229-4.806 7.354-5.643 3.125-.836 6.389-.407 9.189 1.21 5.782 3.339 7.77 10.76 4.432 16.543z" fill="#3cc"/>
                                <path d="m454.688 160.116h-46.898s-26.067-43.067-26.291-43.422c-2.036-3.234-4.324-6.253-6.811-9.066 20.862-8.044 35.709-28.293 35.709-51.956.001-30.697-24.973-55.672-55.671-55.672-30.697 0-55.671 24.975-55.671 55.672 0 11.135 3.299 21.509 8.952 30.219-9.47 2.07-18.516 6.119-26.526 12.063l-35.588 26.415c-13.421 9.962-22.579 24.482-25.787 40.886l-15.306 78.261c-1.857 9.495.095 19.145 5.498 27.17 5.402 8.026 13.606 13.468 23.101 15.321 2.334.456 4.658.676 6.952.675 2.027 0 4.024-.189 5.984-.521l-44.276 179.187c-2.794 11.307-.279 23.051 6.902 32.222 7.18 9.171 17.979 14.431 29.626 14.431 16.56 0 30.996-10.622 35.922-26.431l41.487-133.114 29.515 18.023 17.105 108.736c2.987 18.997 19.113 32.785 38.344 32.785 11.123 0 21.726-4.781 29.09-13.117s10.801-19.447 9.43-30.485l-14.635-117.806c-1.665-13.401-7.137-25.951-15.824-36.292l-39.302-46.783 8.311-39.495c7.197 2.949 14.949 4.517 22.785 4.517h53.874c19.967 0 36.211-16.244 36.211-36.211s-16.245-36.212-36.212-36.212zm-99.962-138.116c18.567 0 33.672 15.105 33.672 33.672s-15.105 33.672-33.672 33.672c-18.566 0-33.671-15.105-33.671-33.672s15.105-33.672 33.671-33.672zm-101.222 457.023c-2.046 6.565-8.042 10.977-14.918 10.977-4.837 0-9.322-2.185-12.304-5.993-2.982-3.809-4.026-8.686-2.866-13.382l39.326-159.151c5.731 8.948 13.505 16.708 23.042 22.532l10.853 6.627zm138.672-150.573c5.949 7.082 9.696 15.677 10.836 24.854l14.635 117.806c.603 4.853-.848 9.543-4.085 13.207s-7.713 5.683-12.603 5.683c-8.331 0-15.317-5.974-16.612-14.203l-17.896-113.764c-.501-3.189-2.378-5.997-5.133-7.679l-64.07-39.124c-17.052-10.414-26.018-29.736-23.279-49.198l.336-1.361 77.591 15.832zm-23.028-165.056-19.809 94.134-70.663-14.417 11.25-57.493 31.066-17.604c5.285-2.995 7.142-9.708 4.147-14.993-2.996-5.286-9.708-7.145-14.994-4.147l-35.467 20.098c-2.793 1.583-4.755 4.308-5.372 7.458l-15.021 76.767c-1.503 7.688-8.977 12.723-16.67 11.22-3.727-.728-6.946-2.863-9.066-6.014-2.12-3.149-2.886-6.937-2.158-10.663l15.306-78.261c2.153-11.01 8.301-20.757 17.309-27.443l35.587-26.414c8.258-6.13 18.121-9.338 28.172-9.338 3.759 0 7.547.449 11.284 1.362 12.791 3.125 23.639 12.086 29.918 22.477 5.122 9.502 7.591 21.818 5.181 33.271zm85.54 47.144h-53.874c-6.338 0-12.594-1.612-18.136-4.61l6.997-33.252 2.501 4.134c1.992 3.294 5.562 5.307 9.412 5.307h53.1c7.836 0 14.211 6.375 14.211 14.211s-6.375 14.21-14.211 14.21z"/>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="pbmit-service-btn-wrapper">
                <a class="pbmit-service-btn" href="#" title="Tourist Visa">
                    <span class="pbmit-button-icon-wrapper">
                        <span class="pbmit-button-icon">
                            <i class="pbmit-base-icon-up-right-arrow"></i>
                        </span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</article>
Service Box Style 3
<article class="pbmit-ele-service pbmit-service-style-3">
    <div class="pbminfotech-post-item">
        <div class="pbmit-box-content-wrap">
            <div class="pbminfotech-box-content">
                <div class="pbminfotech-box-number">01</div>
                <h3 class="pbmit-service-title">
                    <a href="#">Tourist Visa</a>
                </h3>
                <div class="pbmit-service-description">
                    <p>A tourist visa allows you to explore new countries for leisure, sightseeing, or visiting family and friends</p>
                </div>
            </div>
            <div class="pbmit-featured-img-main-wrapper">
                <div class="pbmit-featured-img-wrapper">
                    <div class="pbmit-featured-wrapper">
                        <img src="images/homepage-3/service/service-img-01.jpg" class="img-fluid" alt="">
                    </div>
                </div>
                <div class="pbmit-service-btn-wrapper">
                    <a class="pbmit-service-btn" href="#" title="Tourist Visa">
                        <span class="pbmit-button-icon-wrapper">
                            <span class="pbmit-button-icon">
                                <i class="pbmit-base-icon-up-right-arrow"></i>
                            </span>
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</article>

Progress Bar

Use the below code to display Progress Bar style:

<div class="progressbar">
   <span class="progress-label">Biotechnology</span>
      <div class="progress progress-lg progress-percent-bg">
         <div class="progress-bar aos aos-init aos-animate" data-aos="slide-right" data-aos-delay="200" data-aos-duration="1000"
            data-aos-easing="ease-in-out" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
         <span class="progress-percent">80%</span>
      </div>
   </div>
</div>

Team

Use the below code to display Team:

Team Style 1
<article class="pbmit-team-style-1">
    <div class="pbminfotech-post-item">
        <div class="pbmit-featured-wrap">
            <div class="pbmit-featured-inner">
                <div class="pbmit-featured-img-wrapper">
                    <div class="pbmit-featured-wrapper">
                        <img src="images/team/team-img-01.jpg" class="" alt="">
                    </div>
                </div>
                <a class="pbmit-link" href="#"></a>
            </div>
        </div>
        <div class="pbminfotech-box-content">
            <div class="pbminfotech-box-content-inner">
                <h3 class="pbmit-team-title">
                    <a href="#">Daniel Berlin</a>
                </h3>
                <div class="pbminfotech-box-team-position">Managing Director</div>
            </div>
            <div class="pbmit-team-btn">
                <a class="pbmit-team-text" href="#">
                    <i class="pbmit-base-icon-share"></i>
                </a>
                <div class="pbminfotech-box-social-links">
                    <ul class="pbmit-social-links pbmit-team-social-links">
                        <li class="pbmit-social-li pbmit-social-facebook">
                            <a href="#" title="Facebook" target="_blank">
                                <span><i class="pbmit-base-icon-facebook-f"></i></span>
                            </a>
                        </li>
                        <li class="pbmit-social-li pbmit-social-twitter">
                            <a href="#" title="Twitter" target="_blank">
                                <span><i class="pbmit-base-icon-twitter-1"></i></span>
                            </a>
                        </li>
                        <li class="pbmit-social-li pbmit-social-linkedin">
                            <a href="#" title="LinkedIn" target="_blank">
                                <span><i class="pbmit-base-icon-linkedin-in"></i></span>
                            </a>
                        </li>
                        <li class="pbmit-social-li pbmit-social-instagram">
                            <a href="#" title="Instagram" target="_blank">
                                <span><i class="pbmit-base-icon-instagram"></i></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</article>
Team Style 2
<article class="pbmit-team-style-2">
    <div class="pbminfotech-post-item">
        <div class="pbmit-featured-wrap">
            <div class="pbmit-featured-inner">
                <div class="pbmit-featured-img-wrapper">
                    <div class="pbmit-featured-wrapper">
                        <img src="images/homepage-2/team/team-img-01.jpg" class="img-fluid" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="pbminfotech-box-content">
            <div class="pbminfotech-box-content-inner">
                <h3 class="pbmit-team-title">
                    <a href="#">Daniel Berlin</a>
                </h3>
                <div class="pbminfotech-box-team-position">Managing Director</div>
            </div>
            <div class="pbmit-team-btn">
                <a class="pbmit-team-text" href="#">
                    <i class="pbmit-base-icon-share"></i>
                </a>
                <div class="pbminfotech-box-social-links">
                    <ul class="pbmit-social-links pbmit-team-social-links">
                        <li class="pbmit-social-li pbmit-social-facebook">
                            <a href="#" title="Facebook" target="_blank">
                                <span><i class="pbmit-base-icon-facebook-f"></i></span>
                            </a>
                        </li>
                        <li class="pbmit-social-li pbmit-social-twitter">
                            <a href="#" title="Twitter" target="_blank">
                                <span><i class="pbmit-base-icon-twitter-1"></i></span>
                            </a>
                        </li>
                        <li class="pbmit-social-li pbmit-social-linkedin">
                            <a href="#" title="LinkedIn" target="_blank">
                                <span><i class="pbmit-base-icon-linkedin-in"></i></span>
                            </a>
                        </li>
                        <li class="pbmit-social-li pbmit-social-instagram">
                            <a href="#" title="Instagram" target="_blank">
                                <span><i class="pbmit-base-icon-instagram"></i></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</article>

Testimonial

Use the below code to display Testimonial:

Testimonial Style 1
<article class="pbmit-testimonial-style-1">
    <div class="pbminfotech-post-item">
        <div class="pbmit-box-content-wrap">
            <div class="pbminfotech-box-star-ratings">
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                <i class="pbmit-base-icon-star-1"></i>
            </div>
            <div class="pbminfotech-box-desc">
                <blockquote class="pbminfotech-testimonial-text">
                    <p>“Excellent service and professional staff! They handled my visa application efficiently and ensured I had everything in order. Thank you for the great support! Their expertise gave me complete peace of mind.”</p>
                </blockquote>
            </div>
            <div class="pbminfotech-box-author d-flex align-items-center">
                <div class="pbminfotech-box-img">
                    <div class="pbmit-featured-img-wrapper">
                        <div class="pbmit-featured-wrapper">
                            <img src="images/homepage-3/testimonial/testimonial-01.jpg" class="img-fluid" alt="">
                        </div>
                    </div>
                </div>
                <div class="pbmit-auther-content">
                    <h3 class="pbminfotech-box-title">Porter Victoria</h3>
                    <div class="pbminfotech-testimonial-detail">Manager</div>
                </div>
            </div>
        </div>
    </div>
</article>
Testimonial Style 2
<article class="pbmit-testimonial-style-2">
    <div class="pbminfotech-post-item">
        <div class="pbmit-box-content-wrap">
            <div class="pbminfotech-box-desc">
                <blockquote class="pbminfotech-testimonial-text">
                    <p>I was so confused and overwhelmed with the visa process until I contacted this team. They explained everything clearly and took care of all the paperwork for me.  I never felt lost or alone during the process”</p>
                </blockquote>
            </div>
            <div class="pbminfotech-box-author d-flex">
                <div class="pbmit-auther-content">
                    <h3 class="pbminfotech-box-title">Andrea Harris</h3>
                    <div class="pbminfotech-testimonial-detail">Manager</div>
                </div>
                <div class="pbminfotech-box-star-ratings">
                    <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                    <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                    <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                    <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                    <i class="pbmit-base-icon-star-1"></i>
                </div>
            </div>
        </div>
    </div>
</article>
Testimonial Style 4
<article class="pbmit-testimonial-style-4">
    <div class="pbminfotech-post-item">
        <div class="pbmit-box-content-wrap">
            <div class="pbminfotech-box-desc">
                <blockquote class="pbminfotech-testimonial-text">
                    <p>“Excellent service and professional staff! They handled my visa application efficiently and ensured I had everything in order. Thank you for the great support! Their expertise gave me complete peace of mind.”</p>
                </blockquote>
            </div>
        </div>
        <div class="pbminfotech-box-author-wrapper d-flex">
            <div class="pbminfotech-box-author">
                <div class="pbmit-auther-content">
                    <h3 class="pbminfotech-box-title">Porter Victoria</h3>
                    <div class="pbminfotech-testimonial-detail">Manager</div>
                </div>
            </div>
            <div class="pbminfotech-box-star-ratings">
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                <i class="pbmit-base-icon-star-1"></i>
            </div>
        </div>
    </div>
</article>

Contact Form Setup

You can make the contact form working easily. You should know some basics for PHP coding and SMTP basic knowledge. Follow the steps given below to send email from the PHP script:

Prerequisites

You need SMTP details to set the script. There are two ways to get SMTP

  1. Get SMTP from your hosting service provider
  2. Get SMTP from your Gmail account

1. Get SMTP from your hosting service provider

If you have server with email server and want to use your domain email address then you can get SMTP login details from your hosting directly. Please contact your hosting service provider and they will send you SMTP login details.


2. Get SMTP from your Gmail account

There are some settings need to be done in your Gmail account to get SMTP details and make it working. Please follow steps given on this page

netcorecloud.com/tutorials/send-an-email-via-gmail-smtp-server-using-php


Setting SMTP details in send.php script file

Open send.php file and edit as described below:

  • Set SMTP details in the file in the SMTP Email Settings section (line number 7 to 18).
  • If you added more fields in the Contact form, then you need to edit Form fields you want to receive in email section (line number 25 to 50).

That's all you need to setup. This will send email with all form data.

If you have any quesiton or confusion, then please create a ticket on our support site so our team will guide you properly on this.

Browser Support

Hectolab supports all major Browsers like Google Chrome, Mozilla Firefox, Safari, Opera, Internet Explorer 10 and above.

How to rate this item

If you like our theme and support, Please do not forget to rate it with 5 stars in your Downloads section and write a review in Comments as it will add more value to our services!

Kindly visit here: https://themeforest.net/downloads and find "Rate this item" below the download button and rate out the theme.

Advance Thanks in Anticipation!

Source & Credits

All images and videos are for preview purposes only and are not included in the download files. Images are of copyrights under Creative Commons CC0.


Images



Scripts



CSS & Fonts



Note For questions on basic HTML, Javascript or CSS editing - please give your question a quick Google or visit W3Schools as template issues get top priority. You will need some knowledge of HTML/CSS to edit the template.