<?php include('include/header.php');?>
 <body class="main-page page-base it-consulting-page">
  <div data-geo-country="CA">
   <div id="page-top" tabindex="-1">
   </div>
   <div class="root">
    <div class="main-wrapper">
     <div class="universalheader">
      <!--  main header-area -->
      <?php include('include/menu.php');?>
      <!--  main header-area -->
     </div>
     <div class="main-container dynamic-resize gridLayout gridLayout--default--12">
      <main class="main-wrapper" tabindex="-1">
       <div class="aem-Grid aem-Grid--12 aem-Grid--default--12">
        <div class="dynamic-resize gridLayout gridLayout--default--12">
         <div class="aem-Grid aem-Grid--12 aem-Grid--default--12">
          <!--  home-banner new --->
          <div class="main-home-banner">
           <div class="main__section main__section--breadth-comfortable main__section--density-none main__section--bg-image main__section--bg-image-stacked main__section--layout-two-column-gapped main__section--layout-header-vertical-alignment-middle main__section--layout-slot-horizontal-alignment-right main__section--2-column-hero-rtl main__section--no-end-padding gridLayout gridLayout--default--12 home-banner main__section-banner inner-banner ">
            <div class="container" id="primaryArea">
              <div class="item">
               <div class="col">
                <div class="layout main__section__layout main__section--layout-cols-2 row">
                 <div class="layout__col col-md-6">
                  <div class="main__section__layout-header">
                   <div class="block-heading block-heading--size-m animation animation--effect-2">
                    <div class="block-heading__title">
                     <div class="h1-heading">
                      <h1>
                      IT Consulting for Business
                      </h1>
                     </div>
                    </div>
                    <div class="block-heading__paragraph">
                     <div class="paragraph">
                     We provide objective IT consulting for our clients. Trust our professional and qualified IT experts.
                     </div>
                    </div>
                    <div class="block-heading__button-group">
                     <div class="button-group">
                      <a class="btn" href="#cloudsup" id="contact__us__3" tabindex="0">
                       <span class="btn__text">
                        Discover
                       </span>
                      </a>
                      <a class="btn btn--secondary" href="contact-super-cloud-it#contact_form" id="contact__us__3" tabindex="0">
                       <span class="btn__text">
                        Get a Free Consultation
                       </span>
                      </a>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                 <div class="layout__col col-md-6">
                  <div class="main__section__layout-slot">
                   <div class="media media--highlight media--highlight-glass media--pos-top-left animation animation--effect-2">
                    <div class="ocr-img media__asset">
                     <img class="lazy-image" id="banner_slider_3_image" loading="lazy" src="assets/images/it-consulting-banner.png"/>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
            </div>
           </div>
          </div>
          <!--  home-banner end -->
          <!--  middle sticky-nav start -->
          <div class="middle-nav">
           <div class="secondary-sticky-nav gridLayout gridLayout--default--12">
            <div class="sticky" data-direction="top" data-mount="sticky" data-observer-behavior="size-aware">
             <div class="secondary-nav">
              <nav aria-label="In Page quick links" class="container d-flex flex-grow-1" id="sticky-nav">
               <div class="dropdown">
                <a class="w-100 dropdown__link" role="button" type="button" tabindex="0">
                 <div class="list-item">
                  <div class="list-item__inner d-flex align-items-center">
                   <div class="list-item__content flex-grow-1 d-flex flex-column">
                    <div class="fg--base-strong label list-item__content-title">
                     <div class="mb-0">
                      <div class="middle-link middle-link1">
                       Overview
                      </div>
                     </div>
                    </div>
                   </div>
                   <div class="list-item__trailing">
                    <div class="ocr-icon d-inline-flex">
                     <span aria-hidden="true" class="glyph-prepend glyph-prepend-chevron-down">
                     </span>
                    </div>
                   </div>
                  </div>
                 </div>
                </a>
                <div class="dropdown-menu menu-list p-0 rounded-scrollbar overflow-auto menu-list--no-padding" id="dropdown__menu" tabindex="-1">
                 <div class="col ocr-slider ocr-slider--small-arrows">
                  <div class="slider__overflow">
                   <ul class="slider__window rounded-scrollbar">
                    <li class="menu-list__list-item">
                     <a aria-label="Solutions" class="menu-list__item-link" href="#cloudsup">
                      <div class="indicator indicator--shape-pill">
                      </div>
                      <span class="menu-list__list-item-text">
                       <div class="list-item">
                        <div class="list-item__inner d-flex align-items-center">
                         <div class="list-item__content flex-grow-1 d-flex flex-column">
                          <div class="fg--base-strong label list-item__content-title">
                           <div class="mb-0">
                            <div class="middle-link middle-link1">
                             Why SuperCloud
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                    <li class="menu-list__list-item">
                     <a aria-label="Managed IT" class="menu-list__item-link" href="#it-support" tabindex="0">
                      <div class="indicator indicator--shape-pill">
                      </div>
                      <span class="menu-list__list-item-text">
                       <div class="list-item">
                        <div class="list-item__inner d-flex align-items-center">
                         <div class="list-item__content flex-grow-1 d-flex flex-column">
                          <div class="fg--base-strong label list-item__content-title">
                           <div class="mb-0">
                            <div class="middle-link middle-link1">
                             IT Consulting
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                     <li class="menu-list__list-item">
                     <a aria-label="Pricing" class="menu-list__item-link" href="#superpower">
                      <div class="indicator indicator--shape-pill">
                      </div>
                      <span class="menu-list__list-item-text">
                       <div class="list-item">
                        <div class="list-item__inner d-flex align-items-center">
                         <div class="list-item__content flex-grow-1 d-flex flex-column">
                          <div class="fg--base-strong label list-item__content-title">
                           <div class="mb-0">
                            <div class="middle-link middle-link1">
                           Our Objective
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                    <li class="menu-list__list-item">
                     <a class="menu-list__item-link" href="#cloud-security">
                      <div class="indicator indicator--shape-pill">
                      </div>
                      <span class="menu-list__list-item-text">
                       <div class="list-item">
                        <div class="list-item__inner d-flex align-items-center">
                         <div class="list-item__content flex-grow-1 d-flex flex-column">
                          <div class="fg--base-strong label list-item__content-title">
                           <div class="mb-0">
                            <div class="middle-link middle-link1">
                             IT Support
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                   </ul>
                  </div>
                  <div class="slider__arrows">
                   <button aria-hidden="true" class="slider__arrow-prev">
                   </button>
                   <div class="slider__arrow-prev slider__arrow-prev-bg">
                   </div>
                   <button aria-hidden="true" class="slider__arrow-next">
                   </button>
                   <div class="slider__arrow-next slider__arrow-next-bg">
                   </div>
                  </div>
                 </div>
                </div>
               </div>
               <div class="button-group">
                <a class="btn btn--sm btnSet-regquest" tabindex="0" data-oc="ocd78e" id="action-ocd78e" href="#contact"> <span class="btn__text">BOOK MEETING</span> </a>
               </div>
              </nav>
              <div class="indicator indicator--horizontal">
              </div>
             </div>
            </div>
            <!-- middle-nav-end -->
            <div id="cloudsup">
             <!-- acoordian-section start -->
             <div class="main__section light__theme main__section--density-compact main__section--1-column-hero-rtl">                
                <!--services-section -->
            <div class="cloudSet" >
             <div class="">
              <div class="container">
               <div class="row">
                <div class="col">
                 <div class="layout main__section__layout">
                  <div class="layout__col">
                   <div class="main__section__layout-header">
                    <div class="block-heading block-heading--size-m animation animation--effect-2-scroll">
                     <div class="fg--neutral-highlight block-heading__eyebrow">
                      <div class="small-title small-grey-title fg--neutral-highlight">
                       secure, scalable cloud
                      </div>
                     </div>
                     <div class="block-heading__title">
                      <div class="main-title">
                       <h2>
                        Why SuperCloud
                       </h2>
                      </div>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
               <div class="row main__section__slot">
                <div class="col">
                 <div class="cta-stacked">
                  <div class="cta-stacked--vertical-cards three-up-cards layout layout--cols-3 mt-xl">
                   <div class="three-up-cards__card layout__col">
                    <div class="card animation animation--effect-2-scroll">
                     <div class="card__media">
                      <div class="media rounded-m img-fluid">
                       <div class="ocr-img media__asset">
                        <img class="lazy-image" data-src="assets/images/defining-your-needs.png" id="service_1" loading="lazy"/>
                       </div>
                      </div>
                     </div>
                     <div class="card__content">
                      <div class="block-feature d-flex align-items-start block-feature--2xs">
                       <div class="block-feature__top d-flex flex-row align-items-start">
                        <div class="block-feature__headings d-flex flex-column align-items-start">
                         <div class="block-feature__eyebrow">
                          <div class="fg--base-highlight block-feature__label">
                           <div class="small-title">
                            Digital Transition
                           </div>
                          </div>
                         </div>
                         <div class="block-feature__title">
                          <div>
                           <h3>
                            <span class="d-block h5">
                             Defining Your Needs
                            </span>
                           </h3>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="block-feature__body d-flex flex-column align-items-start">
                        <div class="base block-feature__paragraph">
                         <div>
                          Are your requirements tactical, logistical, or functional? Do you want us to fully spearhead your digital transition or administer basic elements of your continual growth?
                         </div>
                        </div>
                       </div>
                      </div>
                      <div class="block-slim">
                       <div class="action d-contents">
                        <a class="link" data-bi-cn="Learn more" data-bi-ecn="Learn more" href="#" id="" tabindex="0" target="_self">
                         <span class="btn btn--icon-only btn--sm">
                          <span aria-hidden="true" class="glyph-prepend">
                          </span>
                         </span>
                         <span class="link__text">
                          Learn more
                         </span>
                        </a>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                   <div class="three-up-cards__card layout__col">
                    <div class="card animation animation--effect-2-scroll">
                     <div class="card__media">
                      <div class="media rounded-m img-fluid">
                       <div class="ocr-img media__asset">
                        <img class="lazy-image" data-src="assets/images/partnering-for-growth.png" id="service_2" loading="lazy"/>
                       </div>
                      </div>
                     </div>
                     <div class="card__content">
                      <div class="block-feature d-flex align-items-start block-feature--2xs">
                       <div class="block-feature__top d-flex flex-row align-items-start">
                        <div class="block-feature__headings d-flex flex-column align-items-start">
                         <div class="block-feature__eyebrow">
                          <div class="fg--base-highlight block-feature__label">
                           <div class="small-title">
                            IT Experts
                           </div>
                          </div>
                         </div>
                         <div class="block-feature__title">
                          <div class="main-title">
                           <h3>
                            <span class="d-block h5">
                             Partnering for Growth
                            </span>
                           </h3>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="block-feature__body d-flex flex-column align-items-start">
                        <div class="base block-feature__paragraph">
                         <div class="paragraph">
                          Regardless of the degree and scope of responsibility, SuperCloud IT experts will be by your side at all times
                         </div>
                        </div>
                       </div>
                      </div>
                      <div class="block-slim">
                       <div class="action d-contents">
                        <a class="link" data-bi-cn="Learn more" href="#" id="" tabindex="0" target="_blank">
                         <span class="btn btn--icon-only btn--sm">
                          <span aria-hidden="true" class="glyph-prepend">
                          </span>
                         </span>
                         <span class="link__text">
                          Learn more
                         </span>
                        </a>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                   <div class="three-up-cards__card layout__col">
                    <div class="card animation animation--effect-2-scroll">
                     <div class="card__media">
                      <div class="media rounded-m img-fluid">
                       <div class="ocr-img media__asset">
                        <img class="lazy-image" data-src="assets/images/expert-solutions-for-the-future.png" id="service_3" loading="lazy"/>
                       </div>
                      </div>
                     </div>
                     <div class="card__content">
                      <div class="block-feature d-flex align-items-start block-feature--2xs">
                       <div class="block-feature__top d-flex flex-row align-items-start">
                        <div class="block-feature__headings d-flex flex-column align-items-start">
                         <div class="block-feature__eyebrow">
                          <div class="fg--base-highlight block-feature__label">
                           <div class="small-title">
                            Qualified IT Consultants
                           </div>
                          </div>
                         </div>
                         <div class="block-feature__title">
                          <div class="main-title">
                           <h3>
                            <span class="d-block h5">
                             Expert Solutions for the Future
                            </span>
                           </h3>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="block-feature__body d-flex flex-column align-items-start">
                        <div class="base block-feature__paragraph">
                         <div class="paragraph">
                          Our experienced and qualified IT consultants, Project Managers, and Software Engineers provide the right solutions and facilities for your company's needs in the future.
                         </div>
                        </div>
                       </div>
                      </div>
                      <div class="block-slim">
                       <div class="action d-contents" ocr-component-name="action">
                        <a class="link" data-bi-cn="Learn more" href="#" id="" tabindex="0" target="_self">
                         <span class="btn btn--icon-only btn--sm">
                          <span aria-hidden="true" class="glyph-prepend">
                          </span>
                         </span>
                         <span class="link__text">
                          Learn more
                         </span>
                        </a>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                   <div class="three-up-cards__card layout__col">
                    <div class="card animation animation--effect-2-scroll">
                     <div class="card__media">
                      <div class="media rounded-m img-fluid">
                       <div class="ocr-img media__asset">
                        <img class="lazy-image" data-src="assets/images/tailored-solutions-for-your-business.png" id="service_3" loading="lazy"/>
                       </div>
                      </div>
                     </div>
                     <div class="card__content">
                      <div class="block-feature d-flex align-items-start block-feature--2xs">
                       <div class="block-feature__top d-flex flex-row align-items-start">
                        <div class="block-feature__headings d-flex flex-column align-items-start">
                         <div class="block-feature__eyebrow">
                          <div class="fg--base-highlight block-feature__label">
                           <div class="small-title">
                            Qualified IT Consultants
                           </div>
                          </div>
                         </div>
                         <div class="block-feature__title">
                          <div class="main-title">
                           <h3>
                            <span class="d-block h5">
                            Tailored IT Solutions for Your Business
                            </span>
                           </h3>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="block-feature__body d-flex flex-column align-items-start">
                        <div class="base block-feature__paragraph">
                         <div class="paragraph">
                         Our company is autonomous, impartial, versatile, and tailored to your needs. We are committed to developing a long-term customer-centered relationship. We offer IT solutions and services that are the best in quality and perfectly suitable for your enterprise, operations, and purposes.
                         </div>
                        </div>
                       </div>
                      </div>
                      <div class="block-slim">
                       <div class="action d-contents" ocr-component-name="action">
                        <a class="link" data-bi-cn="Learn more" href="#" id="" tabindex="0" target="_self">
                         <span class="btn btn--icon-only btn--sm">
                          <span aria-hidden="true" class="glyph-prepend">
                          </span>
                         </span>
                         <span class="link__text">
                          Learn more
                         </span>
                        </a>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <!--services section end -->
              </div>
             </div>
                  <!-- acoordian-section start -->
             <div class="main__section main__section--density-compact main__section--1-column-hero-rtl accordian-sec" id="it-support">
              <div class="container">
               <div class="row">
                <div class="col">
                 <div class="layout main__section__layout">
                  <div class="layout__col">
                   <div class="main__section__layout-header">
                    <div class="block-heading block-heading--size-m">
                     <div class="block-heading__eyebrow">
                      <div class="small-title small-grey-title fg--neutral-highlight">
                       Expertise In IT Services
                      </div>
                     </div>
                     <div class="block-heading__title">
                      <div class="main-title">
                       <h2>
                        IT Consulting
                       </h2>
                      </div>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
               <div class="row main__section__slot">
                <div class="col">
                 <div class="animation animation--effect-2-scroll">
                  <div class="d-contents">
                   <div class="row">
                    <div class="col">
                     <div class="tab-panel-group">
                      <div aria-labelledby="_tab0-tab" class="tab-panel fade show active" data-cmp-hook-tabs="tabitems" id="tabs-pill-bar-ocb9d4_tab0" role="tabpanel" tabindex="0tabs-pill-bar-ocb9d4">
                       <div>
                        <div class="accordion">
                         <div class="ocr-accordion accordion--vertical accordion--vertical-product">
                          <div data-mount="ocr-accordion">
                           <ul class="accordion" id="accordion-container-accordion-oc787b">
                            <li class="ocr-accordion-item">
                             <span class="indicator indicator--shape-pill">
                             </span>
                             <div class="ocr-accordion-item__content">
                              <div class="button-group button-group--stacked">
                               <button aria-expanded="true" class="ocr-accordion-item__header btn-collapse" data-mount="ocr-collapse" data-target="#accordion-oc787b-item_1690872940042">
                                <h3 class="h5">
                                 <div class="accodian-title">
                                  IT Consulting Overview
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse show" data-parent="accordion-container-accordion-oc787b" id="accordion-oc787b-item_1690872940042">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div class="accordion-para">
                                  See how IT consultants can solve your disruptive technology challenges.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset" >
                                   <img class="lazy-image" loading="lazy" src="assets/images/it-consulting-overview.png"/>
                                  </div>
                                 </div>
                                </div>
                               </div>
                              </div>
                             </div>
                            </li>
                            <li class="ocr-accordion-item">
                             <span class="indicator indicator--shape-pill">
                             </span>
                             <div class="ocr-accordion-item__content">
                              <div class="button-group button-group--stacked">
                               <button aria-expanded="false" class="ocr-accordion-item__header btn-collapse" data-mount="ocr-collapse" data-target="#accordion-oc787b-item_1690872945851">
                                <h3 class="h5">
                                 <div class="accodian-title">
                                  Objective IT Services
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc787b" id="accordion-oc787b-item_1690872945851">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div class="accordion-para">
                                  Our services cater to clients in various industries across metro Vancouver.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset">
                                   <img class="lazy-image" data-oc="oc85cb" id="image-oc85cb" loading="lazy" src="assets/images/objective-it-services.png"/>
                                  </div>
                                 </div>
                                </div>
                               </div>
                              </div>
                             </div>
                            </li>
                            <li class="ocr-accordion-item">
                             <span class="indicator indicator--shape-pill">
                             </span>
                             <div class="ocr-accordion-item__content">
                              <div class="button-group button-group--stacked">
                               <button aria-expanded="false" class="ocr-accordion-item__header btn-collapse" data-mount="ocr-collapse" data-target="#accordion-oc787b-item_1690872952598">
                                <h3 class="h5">
                                 <div class="accodian-title">
                                  Qualified IT Experts
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc787b" id="accordion-oc787b-item_1690872952598">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div class="accordion-para">
                                  We deliver reliable, expert advice tailored to your business needs.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset">
                                   <img class="lazy-image" data-oc="oc85cb" id="image-oc85cb" loading="lazy" src="assets/images/qualified-it-experts.png"/>
                                  </div>
                                 </div>
                                </div>
                               </div>
                              </div>
                             </div>
                            </li>
                            <li class="ocr-accordion-item">
                             <span class="indicator indicator--shape-pill">
                             </span>
                             <div class="ocr-accordion-item__content">
                              <div class="button-group button-group--stacked">
                               <button aria-expanded="false" class="ocr-accordion-item__header btn-collapse" data-mount="ocr-collapse" data-target="#accordion-oc787b-item_1690872977515">
                                <h3 class="h5">
                                 <div class="accodian-title">
                                  Experienced IT Team
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc787b" id="accordion-oc787b-item_1690872977515">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div class="accordion-para">
                                  We provide a variety of IT consultancy services & solutions customized to increase productivity, add value, and give your business a technological edge.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset">
                                   <img class="lazy-image" id="image-oc85cb" loading="lazy" src="assets/images/experienced-it-team.png"/>
                                  </div>
                                 </div>
                                </div>
                               </div>
                              </div>
                             </div>
                            </li>
                           </ul>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                      <a aria-label="Back to tabs" class="btn btn-link sr-only-focusable" data-focus="back-to-tabs">
                       Back to tabs
                      </a>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
             <!-- acoordian-section End -->
             
           <!-- product-service -->
           <div id="superpower" class="main__section theme-day main__section--breadth-comfortable">
             <div class="container" id="Products-and-services">
              <div class="row">
               <div class="col">
                <div class="layout main__section__layout">
                 <div class="layout__col">
                  <div class="main__section__layout-header">
                   <div class="block-heading animation animation--effect-2-scroll">
                    <div class="fg--neutral-highlight block-heading__eyebrow">
                     <div>
                      IT consulting services
                     </div>
                    </div>
                    <div class="block-heading__title">
                     <div>
                      <h2>
                      Our Objective
                      </h2>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
              <div class="row main__section__slot">
               <div class="col">
                <div class="tabs-pill-bar tabs animation animation--effect-5-scroll">
                 <div class="cmp-tabs d-contents" data-cmp-is="tabs">
                  <div class="pill-bar no-gutters">
                   <div class="col" data-mount="tab-slider" id="pill-bar_tabs-pill-bar-oc58d2">
                    <div class="tab-overflow">
                     <div class="tab-window">
                      <div class="tab-group" role="tablist">
                       <button aria-controls="tabs-pill-bar-oc58d2_tab0" aria-selected="true" class="pill-bar__item active" data-bi-ct="Pill Nav" data-mount="ocr-tabs" href="#tabs-pill-bar-oc58d2_tab0" id="tabs-pill-bar-oc58d2_tab0-tab" role="tab" tabindex="0">
                        <span class="pill-bar__item__label">
                        Custom Solutions
                        </span>
                       </button>
                       <button aria-controls="tabs-pill-bar-oc58d2_tab1" aria-selected="false" class="pill-bar__item" data-bi-ct="Pill Nav" data-bi-ecn="Data Loss Prevention" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc58d2_tab1" id="tabs-pill-bar-oc58d2_tab1-tab" role="tab" tabindex="-1">
                        <span class="pill-bar__item__label">
                         Smart IT, Real Results
                        </span>
                       </button>
                       <button aria-controls="tabs-pill-bar-oc58d2_tab2" aria-selected="false" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc58d2_tab2" id="tabs-pill-bar-oc58d2_tab2-tab" role="tab" tabindex="-1">
                        <span class="pill-bar__item__label">
                         Cloud & Digital Solutions
                        </span>
                       </button>
                       <button aria-controls="tabs-pill-bar-oc58d2_tab3" aria-selected="false" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc58d2_tab3" id="tabs-pill-bar-oc58d2_tab3-tab" role="tab" tabindex="-1">
                        <span class="pill-bar__item__label">
                         Client-Centered IT Solutions 
                        </span>
                       </button>
                      </div>
                     </div>
                    </div>
                    <div class="tab-arrows">
                     <button aria-hidden="true" class="arrow-prev" data-bi-cn="Previous" data-bi-compnm="Card Grid - Filtered" data-bi-ct="Nav Left"data-width="40" tabindex="-1" type="button">
                      <span class="sr-only">
                       Previous
                      </span>
                     </button>
                     <div class="arrow-prev pill-bar__arrow-prev-bg">
                     </div>
                     <button aria-hidden="true" class="arrow-next" data-bi-cn="Next" data-width="40" tabindex="-1" type="button">
                      <span class="sr-only">
                       Next
                      </span>
                     </button>
                     <div class="arrow-next pill-bar__arrow-next-bg">
                     </div>
                    </div>
                   </div>
                  </div>
                  <div class="row">
                   <div class="col">
                    <div class="tab-panel-group">
                     <div class="tab-panel fade show active" data-cmp-hook-tabs="tabitems" id="tabs-pill-bar-oc58d2_tab0" role="tabpanel" tabindex="0tabs-pill-bar-oc58d2">
                      <div>
                       <div class="card-grid row">
                        <div class="card-grid__card-promo col-md-12 col-lg-6">
                         <div class="card-promo rounded-l depth-4">
                          <div class="card-promo__image">
                           <div class="media">
                            <div class="ocr-img media__asset">
                             <img alt="Image" class="" loading="lazy" src="assets/images/it-consulting-in-metro-vancouver.jpg"/>
                            </div>
                           </div>
                          </div>
                          <div class="card-promo__fg-content">
                           <div class="safe-area">
                           </div>
                           <div class="block-feature d-flex align-items-start block-feature--xs">
                            <div class="block-feature__top d-flex flex-row align-items-start">
                             <div class="block-feature__headings d-flex flex-column align-items-start">
                              <div class="block-feature__eyebrow">
                              </div>
                              <div class="block-feature__title">
                               <div>
                                <h3>
                                  IT Consulting in Metro Vancouver
                                </h3>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="base block-feature__paragraph">
                              <div>
                              We proudly serve businesses across Metro Vancouver with tailored IT consulting solutions.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="btn" data-bi-cn="Learn more" href="#" id="action-oc68bf" tabindex="0" target="_self">
                                 <span class="btn__text">
                                  Learn more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                        <div class="card-grid__cards col-lg-18">
                         <div class="layout layout--cols-3">
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/enterprise-it-expertise.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Enterprise IT Expertise
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Searching for expertise in IT services for your enterprise? We have you covered.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc434ea" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/service-overview.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Service Overview
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Learn about our Information Technology (IT) Consulting services, and see how IT consultants can solve your disruptive technology challenges.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-ocabef" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/objective-it-consulting.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Objective IT Consulting
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 We provide objective IT consulting services for clients in various industries across Metro Vancouver.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc50ec" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/trusted-it-professionals.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Trusted IT Professionals
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                Rely on our professional and qualified IT consultants for dependable, high-quality solutions. 
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/expert--experienced-team.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Expert & Experienced Team
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Our independent, expert, and experienced IT team delivers top-level consultancy services. 
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc7648" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" src="assets/images/customized-it-colutions.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Customized IT Solutions
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 We create IT solutions designed to increase productivity, add value, and give your business a technological edge.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc546d" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                     </div>
                     <div aria-labelledby="_tab1-tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" hidden="" id="tabs-pill-bar-oc58d2_tab1" role="tabpanel" tabindex="1tabs-pill-bar-oc58d2">
                      <div>
                       <div class="card-grid row">
                        <div class="card-grid__card-promo col-md-12 col-lg-6">
                         <div class="card-promo rounded-l depth-4">
                          <div class="card-promo__image">
                           <div class="media media--ratio-2-3">
                            <div class="ocr-img media__asset">
                             <img alt="Lorem" class="" loading="lazy" src="assets/images/always-by-your-side.png"/>
                            </div>
                           </div>
                          </div>
                          <div class="card-promo__fg-content">
                           <div class="safe-area">
                           </div>
                           <div class="block-feature d-flex align-items-start block-feature--s">
                            <div class="block-feature__top d-flex flex-row align-items-start">
                             <div class="block-feature__headings d-flex flex-column align-items-start">
                              <div class="block-feature__eyebrow">
                              </div>
                              <div class="block-feature__title">
                               <div>
                                <h3>
                                 <span class="d-block h4">
                                  Always by Your Side
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="base block-feature__paragraph">
                              <div>
                               Regardless of the degree and scope of responsibility, SuperCloud IT experts will be by your side at all times
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="btn" data-bi-cn="Learn more" href="#" tabindex="0" target="_self">
                                 <span class="btn__text">
                                  Learn more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                        <div class="card-grid__cards col-lg-18">
                         <div class="layout layout--cols-3">
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/expert-team-solutions.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Expert Team & Solutions
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                Our experienced and qualified IT consultants, Project Managers, and Software Engineers provide the right solutions and facilities for your company's needs in the future.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc388e" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/commitment-to-your-success.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Commitment to Your Success
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                Our company is autonomous, impartial, versatile, and tailored to your needs. We are committed to developing a long-term customer-centered relationship. We offer IT solutions and services that are the best in quality and perfectly suitable for your enterprise, operations, and purposes. 
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/our-expertise.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Your Needs, Our Expertise
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                Are your requirements tactical, logistical, or functional? Do you want us to fully spearhead your digital transition or administer basic elements of your continual growth?
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                     </div>
                     <div aria-labelledby="_tab2-tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" hidden="" id="tabs-pill-bar-oc58d2_tab2" role="tabpanel" tabindex="2tabs-pill-bar-oc58d2">
                      <div>
                       <div class="card-grid row">
                        <div class="card-grid__card-promo col-md-12 col-lg-6">
                         <div class="card-promo rounded-l depth-4">
                          <div class="card-promo__image">
                           <div class="media">
                            <div class="ocr-img media__asset">
                             <img alt="Lorem" class="" loading="lazy" src="assets/images/cloud-migration-services.jpg"/>
                            </div>
                           </div>
                          </div>
                          <div class="card-promo__fg-content">
                           <div class="safe-area">
                           </div>
                           <div class="block-feature d-flex align-items-start block-feature--s">
                            <div class="block-feature__top d-flex flex-row align-items-start">
                             <div class="block-feature__headings d-flex flex-column align-items-start">
                              <div class="block-feature__eyebrow">
                              </div>
                              <div class="block-feature__title">
                               <div>
                                <h3>
                                 Cloud Migration Services
                                </h3>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="base block-feature__paragraph">
                              <div>
                               We guarantee your mission-critical networks are stable, safe, reliable, and cost-optimized for operational performance, ranging from design, planning, deployment, and transition to server virtualization, recovery procedures, contingency planning, and backup and duplication through off-site back up technologies.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="btn" data-bi-cn="Learn more" href="#" id="action-oc8b58" tabindex="0" target="_self">
                                 <span class="btn__text">
                                  Learn more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                        <div class="card-grid__cards col-lg-18">
                         <div class="layout layout--cols-3">
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex" >
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/digitalization-workspace-upgrades.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Digitalization & Workspace Upgrades
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                              Our IT experts are highly skilled and know how to improve and migrate and work with you to quickly and cost-efficiently implement your chosen technology to minimize the risk of errors and interruption.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc6972" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/google-workspace-expertise.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Google Workspace Expertise
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Google Workspace consultancy is our core competence. We excel in setup, migration, and support—helping businesses adapt to rapid digitization with unmatched expertise and cooperation.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc296f" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" loading="lazy" src="assets/images/microsoft-365-deployment.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Microsoft 365 Deployment
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 We are specialists in Microsoft 365 deployment and migration, helping you gain the full business benefits of this cloud-based suite that combines Microsoft Office apps with powerful server solutions like SharePoint, Exchange, and Teams.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc04d6" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" loading="lazy" src="assets/images/digital-transformation-strategy.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Digital Transformation Strategy
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
Do you want your company to formulate a strategy where its employees, data processes, and procedures come together to build a more effective business that offers your customers a better experience?

With Super Cloud IT Consulting Services, you can have just that.

We analyze and help you to build and implement better digital alternatives based on the latest technology so that you have a clear market advantage and the ability to change as quickly as your business does.

                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oca006" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/unified-communications-solutions.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Unified Communications Solutions
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                Our tailored Unified Communications (UC) solutions enable safe, secure, and seamless collaboration—boosting productivity and providing flexibility for modern, remote-capable workforces.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-ocf631" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/end-to-end-uc-implementation.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    End-to-End UC Implementation
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 From design to deployment, we help integrate computing and mobile devices into one unified workspace, empowering your team to connect, communicate, and collaborate effectively from anywhere.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc3de7" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                     </div>
                     <div aria-labelledby="_tab3-tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" hidden="" id="tabs-pill-bar-oc58d2_tab3" role="tabpanel" tabindex="3tabs-pill-bar-oc58d2">
                      <div>
                       <div class="card-grid row">
                        <div class="card-grid__card-promo col-md-12 col-lg-6">
                         <div class="card-promo rounded-l depth-4">
                          <div class="card-promo__image">
                           <div class="media media--ratio-2-3">
                            <div class="ocr-img media__asset">
                             <img alt="image" class="" loading="lazy" src="assets/images/your-needs-first.jpg"/>
                            </div>
                           </div>
                          </div>
                          <div class="card-promo__fg-content">
                           <div class="safe-area">
                           </div>
                           <div class="block-feature d-flex align-items-start block-feature--s">
                            <div class="block-feature__top d-flex flex-row align-items-start">
                             <div class="block-feature__headings d-flex flex-column align-items-start">
                              <div class="block-feature__eyebrow">
                              </div>
                              <div class="block-feature__title">
                               <div>
                                <h3>
                                  Your Needs First
                                </h3>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="base block-feature__paragraph">
                              <div>
                               We prioritize you, your needs, and serving your business above all else.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="btn" data-bi-cn="Learn more"href="#" id="action-oc3c65" tabindex="0" target="_self">
                                 <span class="btn__text">
                                  Learn more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                        <div class="card-grid__cards col-lg-18">
                         <div class="layout layout--cols-3">
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/expertise-you-can-trust.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div data-oc-token-text="">
                                  <h4>
                                   <span class="d-block h5">
                                    Expertise You Can Trust
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                SuperCloud is an IT services company with a wide range of expertise, experience, and a stellar reputation built over years of precision and practice. Our IT consultants advise small and medium-sized enterprises on maximizing IT investments while minimizing expenses and shortfalls. 
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more"  href="#" tabindex="0" target="_blank">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset" >
                                  <img alt="" class="" loading="lazy" src="assets/images/understanding-your-goals.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Understanding Your Goals
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Our objective is to fully comprehend and analyze your corporate objectives—both present and future—in the most cost-effective, time-efficient, and least disruptive way possible.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="#" id="action-oc764b" tabindex="0" target="_blank">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset" >
                                  <img alt="" class="" loading="lazy" src="assets/images/it-consulting-services.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                   IT Consulting Services
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                Our IT consulting services are entirely customized to your company's unique needs and provide strategic guidance and operational advice to help you prepare and develop systems to help your organization increase productivity.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="#" id="action-oc764b" tabindex="0" target="_blank">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <!-- Testimonials section -->
                      <div class="testimonials-1 cloud-testimonial"  id="Customer-stories1">
            <div ocr-component-name="main__section" class="main__section theme-day ain__section--layout-slot-horizontal-alignment-right">
                                       <div class="container">
                                          <div class="row">
                                             <div class="col">
                                                <div class="layout main__section__layout">
                                                   <div class="layout__col">
                                                      <div class="main__section__layout-header">
                                                         <div class="block-heading block-heading--size-s animation animation--effect-2-scroll">
                                                            <div class=" block-heading__eyebrow">
                                                               <div class="small-title small-grey-title fg--neutral-highlight"> Your complete IT partner, every step of the way</div>
                                                            </div>
                                                            <div class=" block-heading__title">
                                                               <div>
                                                                  <h2>Why SuperCloud</h2>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="row main__section__slot">
                                             <div class="col">
                                                <div class="carousel animation animation--effect-7-scroll effect-on scroll-snap-mandatory">
                                                   <div class="carousel carousel--indicator-media-bar carousel--type-case-study" id="carousel-occb7f">
                                                      <section class="carousel__section " data-mount="ocr-carousel">
                                                         <span id="carousel-carousel-occb7f-announcement-text" class="carousel__announcement-text sr-only" aria-live="polite" data-multi-slide-translatable="Showing %{curStart}-%{curEnd} of %{totalSlides} slides" data-single-slide-translatable="Showing slide %{curStart} of %{totalSlides}"></span> 
                                                         <div class="carousel__controls carousel__container" id="carousel-occb7f-controls">
                                                            <button type="button" class="carousel__arrow-prev" title="Previous Slide" data-slide="prev" aria-labelledby="carousel-control-prev-carousel-occb7f" aria-controls="carousel-occb7f-carousel__container" data-bi-ecn="Previous Slide" data-bi-ct="Nav Left"data-bi-cn="Previous Slide" data-bi-compnm="Carousel" > <span class="sr-only" id="carousel-control-prev-carousel-occb7f">Previous Slide</span> <span class="glyph-prepend glyph-prepend-back glyph-prepend-medium" aria-hidden="true"></span> </button> 
                                                            <ol class="carousel__indicators">
                                                               <li>
                                                                  <a href="#carousel-occb7f-0" class="carousel__indicators-item" role="button" aria-controls="carousel-occb7f-0" aria-current="false" data-current-slide-translatable="current slide" data-bi-compnm="Carousel">
                                                                     <div class="carousel__indicators-item--container carousel__indicators-type--media ">
                                                                        <div class="carousel__indicators-item__media">
                                                                           <div class="media media--ratio-21-9">
                                                                              <div class="ocr-img media__asset">
                                                                                 <picture id="image-oc2b77">
                                                                                    <img src="assets/images/microsoft-logo-1.png" class="lazy-image" loading="lazy"/>
                                                                                 </picture>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                        <span class="indicator" role="presentation"></span> 
                                                                     </div>
                                                                  </a>
                                                               </li>
                                                               <li>
                                                                  <a href="#carousel-occb7f-1" class="carousel__indicators-item" role="button" aria-controls="carousel-occb7f-1" aria-current="false" data-current-slide-translatable="current slide" data-bi-an="hannover re logo" data-bi-compnm="Carousel">
                                                                     <div class="carousel__indicators-item--container carousel__indicators-type--media ">
                                                                        <div class="carousel__indicators-item__media">
                                                                           <div class="media media--ratio-21-9">
                                                                              <div class="ocr-img media__asset">
                                                                                 <picture data-oc="oc2b77" id="image-oc2b77">
                                                                                    <img src="assets/images/aws-why.png" class="lazy-image" alt="hannover re logo" loading="lazy"/> 
                                                                                 </picture>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                        <span class="indicator" role="presentation"></span> 
                                                                     </div>
                                                                  </a>
                                                               </li>
                                                               <li>
                                                                  <a href="#carousel-occb7f-2" class="carousel__indicators-item" role="button" aria-controls="carousel-occb7f-2" aria-current="false" data-current-slide-translatable="current slide"data-bi-compnm="Carousel">
                                                                     <div class="carousel__indicators-item--container carousel__indicators-type--media ">
                                                                        <div class="carousel__indicators-item__media">
                                                                           <div class="media media--ratio-21-9">
                                                                              <div class="ocr-img media__asset">
                                                                                 <picture id="image-oc33c8">
                                                                                    <img src="assets/images/veem-1.png" class="lazy-image" loading="lazy"/>
                                                                                 </picture>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                        <span class="indicator" role="presentation"></span> 
                                                                     </div>
                                                                  </a>
                                                               </li>
                                                               <li>
                                                                  <a href="#carousel-occb7f-3" class="carousel__indicators-item" role="button" aria-controls="carousel-occb7f-3" aria-current="false" data-current-slide-translatable="current slide"data-bi-compnm="Carousel">
                                                                     <div class="carousel__indicators-item--container carousel__indicators-type--media ">
                                                                        <div class="carousel__indicators-item__media">
                                                                           <div class="media media--ratio-21-9">
                                                                              <div class="ocr-img media__asset">
                                                                                 <picture data-oc="oc392c" id="image-oc392c">
                                                                                    <img src="assets/images/Google_Cloud_logo-1.png" class="lazy-image" loading="lazy"/> 
                                                                                 </picture>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                        <span class="indicator" role="presentation"></span> 
                                                                     </div>
                                                                  </a>
                                                               </li>
                                                            </ol>
                                                            <button type="button" class="carousel__arrow-next" title="Next Slide" data-slide="next" aria-labelledby="carousel-control-next-carousel-occb7f" aria-controls="carousel-occb7f-carousel__container" data-bi-cn="Next Slide" data-bi-compnm="Carousel"> <span class="sr-only" id="carousel-control-next-carousel-occb7f">Next Slide</span> <span class="glyph-prepend glyph-prepend-forward glyph-prepend-medium" aria-hidden="true"></span> </button> 
                                                         </div>
                                                         <div class="carousel__window hide-scrollbar ">
                                                            <div id="carousel-occb7f-carousel__container" class="carousel__container layout layout--overflow ">
                                                               <div role="group" aria-roledescription="slide" id="carousel-occb7f-0" class="carousel__slide layout__col " tabindex="-1" data-slide-title="Slide 0" aria-label=" 1 of 4">
                                                                  <div class="testimonial-card bg--card-normal depth-4 rounded-l row m-0">
                                                                     <div class="testimonial-card__media order-md-1 col-6 col-md-6 col-lg-12">
                                                                        <div class="media">
                                                                           <div class="ocr-img media__asset"> <img src="assets/images/strategic-it-planning.jpg" class="lazy-image" loading="lazy" id="image-ocadd0"/> </div>
                                                                        </div>
                                                                     </div>
                                                                     <div class="testimonial-card__content col-6 col-md-6 col-lg-12">
                                                                        <div class="testimonial-card__body">
                                                                           <div class="testimonial-card__quote">
                                                                              <div class="testimonial-card__content-media">
                                                                                 <div class="media">
                                                                                    <div class="ocr-img media__asset">
                                                                                       <picture data-oc="oc9205" id="image-oc9205">
                                                                                          <img src="assets/images/microsoft-logo-1.png" class="lazy-image" alt="ScottMadden logo" loading="lazy"/> 
                                                                                       </picture>
                                                                                    </div>
                                                                                 </div>
                                                                              </div>
                                                                              <div>
                                                                                 <blockquote><span class="d-block h4">Align your IT with business goals to drive sustainable growth.</span></blockquote>
                                                                              </div>
                                                                              <div>Strategic IT Planning</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Future-ready technology roadmap</span></h3>
                                                                                 </div>
                                                                                 <div class="block-slim block-slim--related-products">
                                                                                    <ul role="list" class="block-items-list block-items-list--align-inline">
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="Teams">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/vision-why.png" class="lazy-image" alt loading="lazy" id="image-oc03a3"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Vision</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="OneDrive">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/assessment.png" class="lazy-image" alt loading="lazy" id="image-oc74da"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Assessment</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="PowerPoint">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/roadmap.png" class="lazy-image" loading="lazy" id="image-ocf4eb"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Roadmap</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="Word">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/goals.png" class="lazy-image" loading="lazy" data-oc="oc5484" id="image-oc5484"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div data-oc-token-text>Goals</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                    </ul>
                                                                                 </div>
                                                                              </div>
                                                                              <div>
                                                                                 <div class="button-group"> <a class="btn" id="action-oc051e" href="contact-super-cloud-it#contact_form" data-bi-sn="4" tabindex="0"> <span class="btn__text">Get a Free Consultation
                                                                                  </span> </a> </div>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <div role="group" aria-roledescription="slide" id="carousel-occb7f-1" class="carousel__slide layout__col " tabindex="-1" data-slide-title="Slide 1" aria-label=" 2 of 4">
                                                                  <div class="testimonial-card bg--card-normal depth-4 rounded-l row m-0">
                                                                     <div class="testimonial-card__media order-md-1 col-6 col-md-6 col-lg-12">
                                                                        <div class="media">
                                                                           <div class="ocr-img media__asset"> <img src="assets/images/technology-selection.jpg" class="lazy-image"  loading="lazy" data-oc="ocadd0" id="image-ocadd0"/> </div>
                                                                        </div>
                                                                     </div>
                                                                     <div class="testimonial-card__content col-6 col-md-6 col-lg-12">
                                                                        <div class="testimonial-card__body">
                                                                           <div class="testimonial-card__quote">
                                                                              <div class="testimonial-card__content-media">
                                                                                 <div class="media">
                                                                                    <div class="ocr-img media__asset">
                                                                                       <picture id="image-oc9205">
                                                                                          <img src="assets/images/aws-why.png" class="lazy-image" alt="hannover re logo" loading="lazy"/> 
                                                                                       </picture>
                                                                                    </div>
                                                                                 </div>
                                                                              </div>
                                                                              <div>
                                                                                 <blockquote><span class="d-block h4">Select scalable, cost-effective technology tailored to your needs.</span></blockquote>
                                                                              </div>
                                                                              <div>Technology Selection</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Choose the right tools</span></h3>
                                                                                 </div>
                                                                                 <div class="block-slim block-slim--related-products">
                                                                                    <ul role="list" class="block-items-list block-items-list--align-inline">
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="Teams">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/research.png" class="lazy-image" alt loading="lazy" id="image-oc03a3"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Research</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="OneDrive">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/evaluation.png" class="lazy-image" alt loading="lazy" id="image-oc74da"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Evaluation</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="PowerPoint">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/cost-why-2.png" class="lazy-image" loading="lazy" id="image-ocf4eb"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Cost</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="Word">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/scalable-why-2.png" class="lazy-image" loading="lazy" data-oc="oc5484" id="image-oc5484"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div data-oc-token-text>Scalable</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                    </ul>
                                                                                 </div>
                                                                              </div>
                                                                              <div>
                                                                                 <div class="button-group"> <a class="btn" id="action-oc051e" href="contact-super-cloud-it#contact_form" data-bi-sn="4" tabindex="0"> <span class="btn__text">Get a Free Consultation
                                                                                  </span> </a> </div>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <div role="group" aria-roledescription="slide" id="carousel-occb7f-2" class="carousel__slide layout__col " tabindex="-1" data-slide-title="Slide 2" aria-label=" 3 of 4">
                                                                  <div class="testimonial-card bg--card-normal depth-4 rounded-l row m-0">
                                                                     <div class="testimonial-card__media order-md-1 col-6 col-md-6 col-lg-12">
                                                                        <div class="media">
                                                                           <div class="ocr-img media__asset"> <img src="assets/images/process-optimization.jpg" class="lazy-image" loading="lazy" data-oc="oc5a6d" id="image-oc5a6d"/> </div>
                                                                        </div>
                                                                     </div>
                                                                     <div class="testimonial-card__content col-6 col-md-6 col-lg-12">
                                                                        <div class="testimonial-card__body">
                                                                           <div class="testimonial-card__quote">
                                                                              <div class="testimonial-card__content-media">
                                                                                 <div class="media">
                                                                                    <div class="ocr-img media__asset rounded-s">
                                                                                       <picture data-oc="occb48" id="image-occb48">
                                                                                          <img src="assets/images/veem-1.png" class="lazy-image" loading="lazy"/> 
                                                                                       </picture>
                                                                                    </div>
                                                                                 </div>
                                                                              </div>
                                                                              <div>
                                                                                 <blockquote><span class="d-block h4">Streamline processes and boost efficiency with automation.</span></blockquote>
                                                                              </div>
                                                                              <div>Process Optimization</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Smarter, faster workflows</span></h3>
                                                                                 </div>
                                                                                 <div class="block-slim block-slim--related-products">
                                                                                    <ul ocr-component-name="block-items-list" role="list" class="block-items-list block-items-list--align-inline">
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/workflow-(1).png" class="lazy-image" loading="lazy" id="image-oc320a"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Workflow</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/automation-why.png" class="lazy-image" loading="lazy" id="image-occ75c"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Automation</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/efficiency-why-2.png" class="lazy-image" id="image-ocd62a"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Efficiency</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/scalability-why.png" class="lazy-image" loading="lazy" id="image-ocfaea"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Scalability</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                    </ul>
                                                                                 </div>
                                                                              </div>
                                                                              <div>
                                                                                 <div class="button-group"> <a class="btn" id="action-oc051e" href="contact-super-cloud-it#contact_form" data-bi-sn="4" tabindex="0"> <span class="btn__text">Get a Free Consultation
                                                                                  </span> </a> </div>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <div role="group" aria-roledescription="slide" id="carousel-occb7f-3" class="carousel__slide layout__col " tabindex="-1" data-slide-title="Slide 3" aria-label=" 4 of 4">
                                                                  <div class="testimonial-card bg--card-normal depth-4 rounded-l row m-0">
                                                                     <div class="testimonial-card__media order-md-1 col-6 col-md-6 col-lg-12">
                                                                        <div  class="media">
                                                                           <div class="ocr-img media__asset"> <img src="assets/images/change-management--support.jpg" class="lazy-image" loading="lazy" data-oc="oc9976" id="image-oc9976"/> </div>
                                                                        </div>
                                                                     </div>
                                                                     <div class="testimonial-card__content col-6 col-md-6 col-lg-12">
                                                                        <div class="testimonial-card__body">
                                                                           <div class="testimonial-card__quote">
                                                                              <div class="testimonial-card__content-media">
                                                                                 <div class="media">
                                                                                    <div class="ocr-img media__asset rounded-s">
                                                                                       <picture data-oc="oc0197" id="image-oc0197">
                                                                                          <img src="assets/images/Google_Cloud_logo-1.png" class="lazy-image" loading="lazy"/> 
                                                                                       </picture>
                                                                                    </div>
                                                                                 </div>
                                                                              </div>
                                                                              <div>
                                                                                 <blockquote><span class="d-block h4">Empower teams with training and ongoing IT support.</span></blockquote>
                                                                              </div>
                                                                              <div data-oc-token-text>Change Management & Support</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Smooth adoption, lasting results</span></h3>
                                                                                 </div>
                                                                                 <div class="block-slim block-slim--related-products" data-component-id="b5cd651a36e54e9fc71a183b4ad18be8">
                                                                                    <ul role="list" class="block-items-list block-items-list--align-inline">
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="Teams">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/adoption.png" class="lazy-image" loading="lazy" id="image-oc432d"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Adoption</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/training-program.png" class="lazy-image" loading="lazy" id="image-oc3520"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Training</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/feedback.png" class="lazy-image" loading="lazy" id="image-ocfd0e"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Feedback</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/improvement.png" class="lazy-image" loading="lazy" id="image-ocfd0e"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Improvement</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                    </ul>
                                                                                 </div>
                                                                              </div>
                                                                              <div> 
                                                                                <div class="button-group"> <a class="btn" id="action-oc051e" href="contact-super-cloud-it#contact_form" data-bi-sn="4" tabindex="0"> <span class="btn__text">Get a Free Consultation
                                                                                  </span> </a> </div>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <div class="empty-slide"></div>
                                                            </div>
                                                         </div>
                                                      </section>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    </div>
            <!-- testimonials section end -->
            <!-- FAQ section Start -->
            <div id="cloud-security" class="main__section theme-day cloud-step">
             <div class="main__section__image">
              <div class="ocr-img media__asset">
               <img alt="" class="" loading="lazy" src="assets/images/cloud-step.jpg">
              </div>
             </div>
             <div class="container" id="Get-started">
              <div class="row">
               <div class="col">
                <div class="layout main__section__layout">
                 <div class="layout__col">
                  <div class="main__section__layout-header">
                   <div class="block-heading animation animation--effect-2-scroll">
                    <div class="fg--neutral-highlight block-heading__eyebrow">
                     <div>
                      IT solutions provider
                     </div>
                    </div>
                    <div class="block-heading__title">
                     <div>
                      <h2>
                      Comprehensive IT Support
                      </h2>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
              <div class="row main__section__slot">
               <div class="col">
                <div class="three-up-cards layout layout--cols-4 animation animation--effect-3-scroll">
                 <div class="three-up-cards__card layout__col">
                  <div class="card">
                   <div class="card__content">
                    <div class="block-feature d-flex align-items-start block-feature--2xs">
                     <div class="block-feature__badge">
                      <div class="badge badge--size-s">
                       <div class="ocr-icon d-inline-flex">
                        <div class="ocr-img media__asset">
                         <img loading="lazy" src="assets/images/tailored-it-guidance.png"/>
                        </div>
                       </div>
                      </div>
                     </div>
                     <div class="block-feature__body d-flex flex-column align-items-start">
                      <div class="block-feature__headings d-flex flex-column align-items-start">
                       <div class="block-feature__title">
                        <div>
                         <h3>
                          <span class="d-block h5">
                           Tailored IT Guidance
                          </span>
                         </h3>
                        </div>
                       </div>
                      </div>
                      <div class="base block-feature__paragraph">
                       <div>
                       Our IT consulting services are customized to the specific needs of your business, providing expert guidance and quality assurance advice to help you plan and implement the IT infrastructure that will support our business with future growth.
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="block-slim">
                     <div class="action d-contents">
                      <a class="link" href="#" id="action-oc0516" tabindex="0" target="_self">
                       <span class="btn btn--icon-only btn--sm">
                        <span aria-hidden="true" class="glyph-prepend">
                        </span>
                       </span>
                       <span class="link__text">
                        Get Started
                       </span>
                      </a>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                 <div class="three-up-cards__card layout__col">
                  <div class="card">
                   <div class="card__content">
                    <div class="block-feature d-flex align-items-start block-feature--2xs">
                     <div class="block-feature__badge">
                      <div class="badge badge--size-s">
                       <div class="ocr-icon d-inline-flex">
                        <div class="ocr-img media__asset">
                         <img alt="" class="" id="image-oc15e9" loading="lazy" src="assets/images/one-stop-it-partner.png"/>
                        </div>
                       </div>
                      </div>
                     </div>
                     <div class="block-feature__body d-flex flex-column align-items-start">
                      <div class="block-feature__headings d-flex flex-column align-items-start">
                       <div class="block-feature__title">
                        <div>
                         <h3>
                          <span class="d-block h5">
                           One-Stop IT Partner
                          </span>
                         </h3>
                        </div>
                       </div>
                      </div>
                      <div class="base block-feature__paragraph">
                       <div>
                      Our focus is to completely understand and analyze your business goals, then implement custom IT solutions to achieve them in the most cost-effective and timely manner.
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="block-slim">
                     <div class="action d-contents">
                      <a class="link" data-bi-cn="Try Teams for free" href="#" id="action-oc6b6e" tabindex="0" target="_self">
                       <span class="btn btn--icon-only btn--sm">
                        <span aria-hidden="true" class="glyph-prepend">
                        </span>
                       </span>
                       <span class="link__text">
                       Get Started
                       </span>
                      </a>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                 <div class="three-up-cards__card layout__col">
                  <div class="card">
                   <div class="card__content">
                    <div class="block-feature d-flex align-items-start block-feature--2xs">
                     <div class="block-feature__badge">
                      <div class="badge badge--size-s">
                       <div class="ocr-icon d-inline-flex">
                        <div class="ocr-img media__asset">
                         <img alt="" class="" id="image-occ0c7" loading="lazy" src="assets/images/cost-effective-solutions.png"/>
                        </div>
                       </div>
                      </div>
                     </div>
                     <div class="block-feature__body d-flex flex-column align-items-start">
                      <div class="block-feature__headings d-flex flex-column align-items-start">
                       <div class="block-feature__title">
                        <div>
                         <h3>
                          <span class="d-block h5">
                           Cost-Effective Solutions
                          </span>
                         </h3>
                        </div>
                       </div>
                      </div>
                      <div class="base block-feature__paragraph">
                       <div>
                     Super Cloud is a one-stop-shop for all of your IT needs and requirements, and our experienced IT consultants have expert knowledge, vision and integrity to guide businesses on how to maximize their ROI in IT and minimize their costs, challenges and turnaround times.
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="block-slim">
                     <div class="action d-contents">
                      <a class="link" href="#" id="action-ocbcb8" tabindex="0" target="_self">
                       <span class="btn btn--icon-only btn--sm">
                        <span aria-hidden="true" class="glyph-prepend">
                        </span>
                       </span>
                       <span class="link__text">
                        Get Started
                       </span>
                      </a>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                 <div class="three-up-cards__card layout__col">
                  <div class="card">
                   <div class="card__content">
                    <div class="block-feature d-flex align-items-start block-feature--2xs">
                     <div class="block-feature__badge">
                      <div class="badge badge--size-s">
                       <div class="ocr-icon d-inline-flex">
                        <div class="ocr-img media__asset">
                         <img alt="" class="" id="image-occ6aa" loading="lazy" src="assets/images/long-term-partnerships.png"/>
                        </div>
                       </div>
                      </div>
                     </div>
                     <div class="block-feature__body d-flex flex-column align-items-start">
                      <div class="block-feature__headings d-flex flex-column align-items-start">
                       <div class="block-feature__title">
                        <div>
                         <h3>
                          <span class="d-block h5">
                          Long-Term Partnerships
                          </span>
                         </h3>
                        </div>
                       </div>
                      </div>
                      <div class="base block-feature__paragraph">
                       <div>
                   We are independent, objective, flexible and bespoke as your organizational needs. We believe in building long term partnership with customer-centricity at heart. You can rest assured that the IT solutions & services we recommend are not just best in class but the perfect fit for your business, its operations and objectives.
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="block-slim">
                     <div class="action d-contents">
                      <a class="link" data-bi-cn="Learn more" href="#" id="action-oc6975" tabindex="0" target="_self">
                       <span class="btn btn--icon-only btn--sm">
                        <span aria-hidden="true" class="glyph-prepend">
                        </span>
                       </span>
                       <span class="link__text">
                        Get Started
                       </span>
                      </a>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <!-- FAQ section End -->
            <!-- Contact section start -->
            <div class="contact-sec contact-section-two" id="contact">
             <div class="main__section light__theme main__section--density-compact main__section--1-column-hero-rtl">
              <div class="container" id="contactus">
               <div class="row">
                <div class="col">
                 <div class="layout main__section__layout">
                  <div class="layout__col">
                   <div class="main__section__layout-header">
                    <div class="block-heading">
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
               <div class="row main__section__slot contct-us">
                <div class="col">
                 <div class="cta-stacked">
                  <div class="cta-stacked">
                   <div class="container-md cta-stacked--horizontal-cards">
                    <div class="card-horizontal-container animation animation--effect-2-scroll">
                     <div class="row">
                      <div class="col">
                       <div class="card-horizontal">
                        <div class="row align-items-center">
                         <div class="card-horizontal__media col-lg-12 col-md-6">
                          <div class="block-feature d-flex align-items-start block-feature--xs block-feature--align-list contact-form">
                           <div class="block-feature__body d-flex flex-column align-items-start">
                            <div class="block-heading__title">
                             <div class="block-feature__title">
                              <div class="">
                               <h2>
                                <span class="d-block h2">
                                 Get in touch
                                </span>
                               </h2>
                              </div>
                             </div>
                            </div>
                            <div class="base block-feature__paragraph">
                             <div class="paragraph">
                              To start your IT journey with our professional IT Services, get in touch today.
                             </div>
                            </div>
                            <div class="block-feature__footer">
                             <div class="">
                              <div class="list-item">
                               <?php include('contactform.php'); ?>
                               <div class="alert alert-success" id="successAlert" role="alert" style="display: none;">
            Your message has been sent successfully! We'll get back to you soon.
        </div>
        
        <div class="alert alert-danger" id="errorAlert" role="alert" style="display: none;">
            There was an error sending your message. Please try again later.
        </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                         <div class="card-horizontal__spacer">
                         </div>
                         <div class="card-horizontal__content col-lg-12 col-md-6">
                          <div class="block-feature d-flex align-items-start block-feature--xs block-feature--align-list">
                           <div class="block-feature__body d-flex flex-column align-items-start">
                            <div class="block-heading__title">
                             <div class="block-feature__title">
                              <div class="">
                               <h2>
                                <span class="d-block h2">
                                IT. MADE. SUPER.
                                </span>
                               </h2>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__footer">
                             <div class="contact-icon d-flex align-items-center">
                              <div class="main-title counter-heading">
                               <h5 class="text-left">
                                Your business growth is at the forefront of everything we do.
                                <span>
                                 Our team will meet with you to discuss your needs and offer
                                </span>
                                a health assessment of your IT infrastructure and business technology.
                               </h5>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <!--Contact section end -->
                 <!--  footer-section-start -->
            <?php include('include/footer.php');?>
            <!--  footer-section-end -->
           </div>
          </div>
         </div>
        </div>
       </div>
      </main>
     </div>
    </div>
   </div>
  </div>
  <script type="text/javascript">
   $('#dropdownButton').click(function() {
  $('.dropdown-menu').toggle(); // Toggle visibility of the submenu
});
  </script>
 </body>
</html>
