<?php include('include/header.php');?>
 <body class="main-page page-base industry">
  <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>
                      Industries
                      </h1>
                     </div>
                    </div>
                    <div class="block-heading__paragraph">
                     <div class="paragraph">
                      So Many Industries, One Concrete IT Solution
                     </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/industry-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 class="menu-list__item-link" href="#cloudsup" 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 Solution
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                     <li class="menu-list__list-item">
                     <a class="menu-list__item-link" href="#it-support">
                      <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">
                             Industry Support
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                     <li class="menu-list__list-item">
                     <a 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">
                           IT Support
                            </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">
                             Industry-Focused
                            </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">
                       Monitor. Protect. Prevent.
                      </div>
                     </div>
                     <div class="block-heading__title">
                      <div class="main-title">
                       <h2>
                        So Many Industries, One Concrete IT Solution
                       </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/comprehensive-it-supporyt.jpg" 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">
                            Industry-Specific Expertise
                           </div>
                          </div>
                         </div>
                         <div class="block-feature__title">
                          <div>
                           <h3>
                            <span class="d-block h5">
                             Comprehensive IT Support
                            </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>
                          SuperCloud provides fully controlled IT support to various firms in a range of sectors like architecture, finance, law firms, and charities.
                         </div>
                        </div>
                       </div>
                      </div>
                      <div class="block-slim">
                       <div class="action d-contents">
                        <a class="link" href="it-support-surrey-vancouver-langley" 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-solution-industry.jpg" 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">
                            Customized Business Solutions
                           </div>
                          </div>
                         </div>
                         <div class="block-feature__title">
                          <div class="main-title">
                           <h3>
                            <span class="d-block h5">
                             Tailored Solutions
                            </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">
                          As a result, we take on your particular challenges and provide solutions designed for your unique business environment.
                         </div>
                        </div>
                       </div>
                      </div>
                      <div class="block-slim">
                       <div class="action d-contents">
                        <a class="link" href="javascript:void(0)" id="" tabindex="0">
                         <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/strsategic-advice.jpg" 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">
                            Strategic & Professional Guidance
                           </div>
                          </div>
                         </div>
                         <div class="block-feature__title">
                          <div class="main-title">
                           <h3>
                            <span class="d-block h5">
                             Strategic Guidance
                            </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">
                         We advise on guiding principles that are both strategically and professionally aligned to meet your needs.
                         </div>
                        </div>
                       </div>
                      </div>
                      <div class="block-slim">
                       <div class="action d-contents" ocr-component-name="action">
                        <a class="link" href="javascript:void(0)" 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">
                       Industry IT Solutions
                      </div>
                     </div>
                     <div class="block-heading__title">
                      <div class="main-title">
                       <h2>
                        Sector IT Support
                       </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">
                                  Financial Services
                                 </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">
                                  The financial sector faces cyber risks, strict regulations, and FinTech competition. With innovations like AI, big data, and automation, the right IT support helps firms stay secure, compliant, and competitive.
                                 </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/financial-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_1690872945851">
                                <h3 class="h5">
                                 <div class="accodian-title">
                                  Legal Sector
                                 </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">
                                 Law firms are embracing digital transformation to boost productivity. Secure client portals, dispute resolution platforms, and IT-driven efficiency are reshaping how legal services operate.
                                 </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/legal-secrtor.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">
                                  Architects & Professionals
                                 </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">
                                 Architects and professional services need optimized IT for specialized software, devices, and customer expectations. Our managed IT support ensures reliability, efficiency, and complete trust in technology.
                                 </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/architec-professional.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">
                                  Real Estate & Non-Profits
                                 </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">
                                  From real estate workflows to charities and non-profits, IT improves speed, cost-effectiveness, and collaboration. We help streamline operations with digital tools, apps, and automation for sustainable growth.
                                 </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/real-estate-accordian.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 Solution
                     </div>
                    </div>
                    <div class="block-heading__title">
                     <div>
                      <h2>
                     IT Support for Industries
                      </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-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">
                        Financial Services
                        </span>
                       </button>
                       <button aria-controls="tabs-pill-bar-oc58d2_tab1" aria-selected="false" class="pill-bar__item" 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">
                         Legal Sector
                        </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">
                         Architecture Support
                        </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">
                         Non-Profit Solutions 
                        </span>
                       </button>
                         <button aria-controls="tabs-pill-bar-oc58d2_tab4" aria-selected="false" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc58d2_tab4" id="tabs-pill-bar-oc58d2_tab4-tab" role="tab" tabindex="-1">
                        <span class="pill-bar__item__label">
                         Real Estate IT 
                        </span>
                       </button>
                         <button aria-controls="tabs-pill-bar-oc58d2_tab5" aria-selected="false" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc58d2_tab5" id="tabs-pill-bar-oc58d2_tab5-tab" role="tab" tabindex="-1">
                        <span class="pill-bar__item__label">
                        Professional IT Support 
                        </span>
                       </button>
                      </div>
                     </div>
                    </div>
                    <div class="tab-arrows">
                     <button aria-hidden="true" class="arrow-prev" data-bi-cn="Previous" 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/critical-it-support.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>
                                 Critical IT Support
                                </h3>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="base block-feature__paragraph">
                              <div>
                               This means that the right IT support has never been more crucial to the overall sector.
                              </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="javascript:void(0)" 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/tech-oipportunities-ahead.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">
                                    Tech Opportunities Ahead
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Yet technological opportunity brightens the future.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more"href="javascript:void(0)" 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/innovative-technologies.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">
                                    Innovative Technologies
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                Innovations like integrating technologies, data analytics, machine learning, artificial intelligence, automation, and big data will enable you to meet emerging partners, employees, and customers' requirements.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="javascript:void(0)" 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/legal-sector-lag.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">
                                    Legal Sector Lag
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Although other industries rapidly adopted emerging technologies and software solutions, the conventional aversion of law to risk, and the need for specific business benefits from IT adoption, made the reaction of this particular sector slower.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="javascript:void(0)" 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/legal-shifts-in-vancouver.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">
                                    Legal Shifts in Vancouver
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                But in recent years, particularly in Vancouver, this has begun to shift.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="javascript:void(0)" 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/legal-productivity-boost.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">
                                    Legal Productivity Boost
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Today, legal companies are viewed as a crucial way to increase productivity and profitability by leveraging and improving new digital technology, reducing management, and transferring such services online.
                                </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/financial-industry-challenges.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">
                                    Financial Industry Challenges
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 The financial services industry continues to face problems quickly. The cybersecurity risks and data infringements and the pressure of growing and contrasting regulation leads to greater rivalry from challenging FinTech companies.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="javascript:void(0)" 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/digital-dispute-resolution.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>
                                 <span class="d-block h4">
                                Digital Dispute Resolution
                                 </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>
                               This includes the settlement of disputes and safe customer portals for 24/7 access and support.
                              </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="javascript:void(0)" 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/architects-it.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">
                                   Architects & IT
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                               We know the importance of IT for architects. Architects need to ensure that the technology they deploy is optimized, functional, and cost-effective.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="javascript:void(0)" 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/software-applications.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">
                                    Software & Applications
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                               As an architect, you need sophisticated software; your selection of operated IT services and support is just as vital as hardware or software, whether handling devices in the studio, on-site, or platforms such as Vectorworks & ArchiCAD with mobile applications.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="javascript:void(0)" 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/controlled-it-support.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>
                                 Controlled IT Support
                                </h3>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="base block-feature__paragraph">
                              <div>
                              Architects clearly benefit from our controlled IT support solutions in terms of efficiency, profitability, availability, safety, enforcement, and total trust in technology.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="btn" href="javascript:void(0)" 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/professional-sector-demands.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">
                                    Professional Sector Demands
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Your customers want you to be clearer, more responsible, agile, lean, and better equipped to deal with technological challenges.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="javascript:void(0)" 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/skilled-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>
                                  <h4>
                                   <span class="d-block h5">
                                    Skilled IT Partner
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 As an extremely skilled and expert-run IT-service company here in Vancouver, we know the possibilities new developments and technologies will give your professional company.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="javascript:void(0)" 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/trust-in-technology.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">
                                    Trust in Technology
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Our overall goal is to give you complete trust in your technology.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="javascript:void(0)" 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/focus-on-business.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">
                                    Focus on Business
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 We concentrate on developing your IT so that you can focus on running a profitable company in consulting services.                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="javascript:void(0)" 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/real-estate-improvements.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">
                                    Real Estate Improvements
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                              There are numerous tired and basic processes in the real estate sector that can be improved and streamlined with the appropriate technology, making services quicker, cheaper, and more consistent while enhancing customer experience.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="javascript:void(0)" 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/digital-transition-support.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 Transition Support
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Relax because we will motivate you to face challenges and succeed with your digital transition process.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="javascript:void(0)" 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/offering-business-value.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>
                                Offering Business Value
                                </h3>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="base block-feature__paragraph">
                              <div>
                              Offering clear business value doesn't have to be drastic or revolutionary to be significant, and we will help you make your digital transformation initiatives viable and sustainable.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="btn" href="javascript:void(0)" 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/non-profit-technology-shift.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">
                                   Non-Profit Technology Shift
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                              In recent years, many organizations have invested in a rapidly cashless society and contactless technologies.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="javascript:void(0)" tabindex="0">
                                <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/apps-automation.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">
                                   Apps & Automation
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Apps have also become great tools to streamline business. These are used by staff and volunteers to accelerate, automate, and sustain administrative activities.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="javascript:void(0)" id="action-oc764b" tabindex="0">
                                <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="_tab4-tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" hidden="" id="tabs-pill-bar-oc58d2_tab4" 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/real-estate-efficeincy.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>
                                Real Estate Efficiency
                                </h3>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="base block-feature__paragraph">
                              <div>
                               There are numerous tired and basic processes and tasks around the real estate sector that can be significantly improved, supplemented, and handled with the appropriate technology to make service quicker, cheaper, more cost-effective, more consistent whilst also providing customers with a greater product.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="btn" href="javascript:void(0)" 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/empower-your-digital-transformation.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">
                                   Empowering Your Digital Transformation
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                             If you remain complacent, the companies will pass you by. Relax because we will motivate you to face these challenges and succeed with your own digital transition process
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="javascript:void(0)" tabindex="0">
                                <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/improve-emplyee-effeciency.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">
                                   Improve Employee Efficiency 
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 We will enable you to develop, protect, support, and implement technologies, improve employee efficiency and cooperation, provide essential business sustainability and customize it to your needs.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="javascript:void(0)" id="action-oc764b" tabindex="0">
                                <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="_tab5-tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" hidden="" id="tabs-pill-bar-oc58d2_tab5" 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/agile-responsive-business.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>
                                Agile and Responsive Business
                                </h3>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="base block-feature__paragraph">
                              <div>
                               Your customers want you to be clearer, more responsible, agile, lean, and better equipped to deal with technological challenges as they arrive. And, regardless of the size or segment of your business, your company must respond promptly and effectively.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="btn" href="javascript:void(0)" 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/it-services-expert.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">
                                   Expert IT Services in Vancouver
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                            As an extremely skilled and expert-run IT-service company here in Vancouver, we know the possibilities new developments and technologies will give your professional company.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="javascript:void(0)" tabindex="0">
                                <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/trust-it-support.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">
                                  Building Trust in Your IT
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                But our overall goal is to give you complete trust in your technology. We concentrate on developing your IT so that you can focus on running a profitable company in consulting services.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="javascript:void(0)" id="action-oc764b" tabindex="0">
                                <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>

                      <!-- product-service -->

              <!-- Testimonials section -->
           <!-- 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-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/healthcare-life-sciences.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">Protect patient data while enabling modern healthcare solutions.</span></blockquote>
                                                                              </div>
                                                                              <div>Healthcare & Life Sciences</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Secure care technology</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">
                                                                                                <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/privacy-why-2.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>Privacy</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/accuracy-why.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>Accuracy</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/compliance-why.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>Compliance</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/uptime-why-3.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>Uptime</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/finance-banking.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" loading="lazy"/> 
                                                                                       </picture>
                                                                                    </div>
                                                                                 </div>
                                                                              </div>
                                                                              <div>
                                                                                 <blockquote><span class="d-block h4">Deliver safe, compliant, and fast digital banking experiences.</span></blockquote>
                                                                              </div>
                                                                              <div>Finance & Banking</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Secure transactions, trusted systems</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">
                                                                                                <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/risk-why-2.png" class="lazy-image" 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>Risk</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/auditing.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>Audit</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/transparency.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>Transparency</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/speed-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>Speed</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/education-institutions.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">Enhance learning with cloud solutions built for education.</span></blockquote>
                                                                              </div>
                                                                              <div>Education & Institutions</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Smarter digital classrooms</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/access-why.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>Access</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/collaboration.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>Collaboration</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/cost-effective-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>Cost-Effective </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/engagement.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>Engagement</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" 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/manufacturing-industrial.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">Drive efficiency and innovation with IoT and automation.</span></blockquote>
                                                                              </div>
                                                                              <div data-oc-token-text>Manufacturing & Industrial</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Technology powering production</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">
                                                                                                <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-2.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>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/iot.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>IoT</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/safety.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>Safety</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/control-why.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>Control</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>
  <!--             </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>
                       Industry-Focused IT Solutions
                     </div>
                    </div>
                    <div class="block-heading__title">
                     <div>
                      <h2>
                      Industry-Focused Cloud & IT Services for Digital Growth
                      </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 alt="" class="" id="image-oc324c" loading="lazy" src="assets/images/retail-consumer-goods.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">
                           Retail & Consumer Goods 
                          </span>
                         </h3>
                        </div>
                       </div>
                      </div>
                      <div class="base block-feature__paragraph">
                       <div>
                        We deliver cloud infrastructure with seamless e-commerce integration, personalized shopping engines, and real-time analytics—helping you scale operations while improving customer experience.
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="block-slim">
                     <div class="action d-contents">
                      <a class="link" data-bi-cn="See plans and pricing" href="javascript:void(0)" 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/finance-fintech.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">
                          Finance & Fintech
                          </span>
                         </h3>
                        </div>
                       </div>
                      </div>
                      <div class="base block-feature__paragraph">
                       <div>
                        Our platform ensures high availability, transactional security, and compliance with financial regulations. We support digital banking, payment systems, and analytics in a resilient, secure environment.
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="block-slim">
                     <div class="action d-contents">
                      <a class="link" data-bi-cn="Try Teams for free" href="javascript:void(0)" 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/healthcare-life-sciences-icon.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">
                          Healthcare & Life Sciences
                          </span>
                         </h3>
                        </div>
                       </div>
                      </div>
                      <div class="base block-feature__paragraph">
                       <div>
                      Super Cloud offers HIPAA-level data protection, encrypted patient records, telemedicine support, and scalable compute for research — enabling safe, reliable healthcare innovation.
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="block-slim">
                     <div class="action d-contents">
                      <a class="link" href="javascript:void(0)" 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/logistics-manufacturing-supply-chain.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">
                          Logistics, Manufacturing & Supply Chain
                          </span>
                         </h3>
                        </div>
                       </div>
                      </div>
                      <div class="base block-feature__paragraph">
                       <div>
                      We power smart factories, IoT integrations, demand forecasting, and cloud-based operations. Our IT services streamline your logistics, production planning, and inventory control.
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="block-slim">
                     <div class="action d-contents">
                      <a class="link" data-bi-cn="Learn more" href="javascript:void(0)" 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>
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
  $('.faq-collapse').on('click', function () {
    const $button = $(this);
    const targetId = $button.data('target');
    const $target = $(targetId);
    const $li = $button.closest('li.ocr-faq-item');

    // Toggle visibility and active class
    if ($target.hasClass('show')) {
      $target.removeClass('show');
      $li.removeClass('active');
    } else {
      $target.addClass('show');
      $li.addClass('active');
    }
  });
});
</script> -->

 </body>
</html>
