<?php include('include/header.php');?>
 <body class="main-page page-base managed-it-page cloud-solution">
  <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 managed_it_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" id="slide_3">
               <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>
                       Managed Cloud Solutions
                      </h1>
                     </div>
                    </div>
                    <div class="block-heading__paragraph">
                     <div class="paragraph">
                      Cloud solutions with high availability, scalability, enhanced security and geo redundancy.
                     </div>
                    </div>
                    <div class="block-heading__button-group">
                     <div class="button-group">
                      <a class="btn" href="#it-support" 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="get__free_consultation_3" tabindex="0">
                       <span class="btn__text">
                        Get a Free Consultation
                       </span>
                      </a>
                     </div>
                    </div>
                  <!--   <div class="parsys block-heading__slot">
                     <div class="button-group">
                      <a aria-label="See supercloud plans and pricing. Find the perfect plan." class="link" href="#" id="pricing_btn_3" tabindex="0" target="_blank">
                       <span class="btn btn--icon-only btn--sm">
                        <span aria-hidden="true" class="glyph-prepend">
                        </span>
                       </span>
                       <span class="link__text">
                        See Supercloud plans and pricing
                       </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/cloud-solutions-banner.png"/>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
            </div>
           </div>
          </div>
          <!--  home-banner end -->
          <!--  middle sticky-nav start -->
          <div class="middle-nav">
           <div class="secondary-sticky-nav gridLayout gridLayout--default--12">
            <div class="sticky" data-direction="top" data-mount="sticky" data-observer-behavior="size-aware">
             <div class="secondary-nav">
              <nav aria-label="In Page quick links" class="container d-flex flex-grow-1" id="sticky-nav">
               <div class="dropdown">
                <a class="w-100 dropdown__link" role="button" type="button" tabindex="0">
                 <div class="list-item">
                  <div class="list-item__inner d-flex align-items-center">
                   <div class="list-item__content flex-grow-1 d-flex flex-column">
                    <div class="fg--base-strong label list-item__content-title">
                     <div class="mb-0">
                      <div class="middle-link middle-link1">
                       Overview
                      </div>
                     </div>
                    </div>
                   </div>
                   <div class="list-item__trailing">
                    <div class="ocr-icon d-inline-flex">
                     <span aria-hidden="true" class="glyph-prepend glyph-prepend-chevron-down">
                     </span>
                    </div>
                   </div>
                  </div>
                 </div>
                </a>
                <div class="dropdown-menu menu-list p-0 rounded-scrollbar overflow-auto menu-list--no-padding" id="dropdown__menu" tabindex="-1">
                 <div class="col ocr-slider ocr-slider--small-arrows">
                  <div class="slider__overflow">
                   <ul class="slider__window rounded-scrollbar">
                    <li class="menu-list__list-item">
                     <a aria-label="Managed IT" class="menu-list__item-link" href="#it-support" tabindex="0">
                      <div class="indicator indicator--shape-pill">
                      </div>
                      <span class="menu-list__list-item-text">
                       <div class="list-item">
                        <div class="list-item__inner d-flex align-items-center">
                         <div class="list-item__content flex-grow-1 d-flex flex-column">
                          <div class="fg--base-strong label list-item__content-title">
                           <div class="mb-0">
                            <div class="middle-link middle-link1">
                             Managed Cloud
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                    <li class="menu-list__list-item">
                     <a aria-label="Cloud" class="menu-list__item-link" href="#cloud">
                      <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">
                             Cloud Solutions
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                     <li class="menu-list__list-item">
                     <a aria-label="Pricing" class="menu-list__item-link" href="#price-section">
                      <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">
                             Custom Cloud
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                    <li class="menu-list__list-item">
                     <a aria-label="network" class="menu-list__item-link" href="#network">
                      <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">
                            Private Cloud
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                <!--     <li class="menu-list__list-item">
                     <a class="menu-list__item-link" href="#Customer-stories1">
                      <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">
                             Customer Stories
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li> -->
                     <li class="menu-list__list-item">
                     <a class="menu-list__item-link" href="#it-planing">
                      <div class="indicator indicator--shape-pill">
                      </div>
                      <span class="menu-list__list-item-text">
                       <div class="list-item">
                        <div class="list-item__inner d-flex align-items-center">
                         <div class="list-item__content flex-grow-1 d-flex flex-column">
                          <div class="fg--base-strong label list-item__content-title">
                           <div class="mb-0">
                            <div class="middle-link middle-link1">
                             Why Us?
                            </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 class="scrollspy-container">
             <!-- 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">
                        Make your cloud Super
                      </div>
                     </div>
                     <div class="block-heading__title">
                      <div class="main-title">
                       <h2>
                        Managed Cloud
                       </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-2-scroll">
                  <div class="cmp-tabs d-contents">
                   <div class="pill-bar no-gutters">
                    <div class="col" data-mount="tab-slider" id="pill-bar_tabs-pill-bar-ocb9d4">
                     <div class="tab-overflow">
                      <div class="tab-window">
                       <div class="tab-group" role="tablist">
                        <button class="pill-bar__item active" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-ocb9d4_tab0" id="tabs-pill-bar-ocb9d4_tab0-tab" role="tab" tabindex="0">
                         <span class="pill-bar__item__label">
                        Managed Cloud
                         </span>
                        </button>
                        <button class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-ocb9d4_tab1" id="tabs-pill-bar-ocb9d4_tab1-tab" role="tab" tabindex="-1">
                         <span class="pill-bar__item__label">
                          Super Cloud Advantage
                         </span>
                        </button>
                        <button class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-ocb9d4_tab2" id="tabs-pill-bar-ocb9d4_tab2-tab" role="tab" tabindex="-1">
                         <span class="pill-bar__item__label">
                          Cloud's Superpower
                         </span>
                        </button>
                        <button class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-ocb9d4_tab3" id="tabs-pill-bar-ocb9d4_tab3-tab" role="tab" tabindex="-1">
                         <span class="pill-bar__item__label">
                        Cloud Backup
                         </span>
                        </button>
                       </div>
                      </div>
                     </div>
                     <div class="tab-arrows">
                      <button class="arrow-prev" 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 class="arrow-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 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">
                                   Fully managed cloud solutions
                                 </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">
                                  Solving your IT problems is our business! We provide comprehensive & proactive remote and onsite IT support to keep your IT systems working so you can stay focused on what you do best.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy" >
                                   <img class="lazy-image" loading="lazy" src="assets/images/fully-managed-cloud-solutions-accordian.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">
                                  Secure, Reliable Cloud Operations
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc787b" id="accordion-oc787b-item_1690872945851">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div class="accordion-para">
                                  Our experienced support engineers monitor and manage your cloud infrastructure ensuring all systems remain secure, up-to-date & available when needed.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/secure-reliable-cloud-operations-accordian.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">
                                  Technical support 
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc787b" id="accordion-oc787b-item_1690872952598">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div class="accordion-para">
                                  We provide timely technical support to resolve any cloud & IT challenges experienced by your business.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/technical-support-accordian.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">
                                 Highly experienced team
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc787b" id="accordion-oc787b-item_1690872977515">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div class="accordion-para">
                                  Our highly experienced team implements and delivers cloud solutions tailored customized for your business needs and requirements.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/highly-experienced-team-accordian.png"/>
                                  </div>
                                 </div>
                                </div>
                               </div>
                              </div>
                             </div>
                            </li>
                           </ul>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                      <div aria-labelledby="_tab1-tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" hidden="" id="tabs-pill-bar-ocb9d4_tab1" role="tabpanel" tabindex="1tabs-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-oc89da">
                            <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-oc89da-item_1690874443320">
                                <h3 class="h5">
                                 <div class="accodian-title">
                                  Public, private & hybrid cloud solutions
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse show" data-parent="accordion-container-accordion-oc89da" id="accordion-oc89da-item_1690874443320">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div class="paragraph">
                                  Our cloud experts will build robust cloud solutions unique to your business needs and performance demands. We provide public, private & hybrid cloud solutions.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy"> 
                                   <img class="lazy-image" loading="lazy" src="assets/images/public-private-hybrid-cloud-solutions-accordian.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-oc89da-item_1690874449333">
                                <h3 class="h5">
                                 <div class="accodian-title">
                                   Work anytime, anywhere
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc89da" id="accordion-oc89da-item_1690874449333">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div class="accordion-para">
                                  Work anytime, anywhere! With our Cloud Solutions, backed by 99.95% uptime from SuperCloud, Microsoft Azure, Amazon AWS, & Google, your team has 24/7 access to work resources from anywhere in the world. Imagine the productivity boost your business would get from this power of Cloud!
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" id="image-oc85cb" loading="lazy" src="assets/images/power-of-cloud-accordian.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-oc89da-item_1690874456393">
                                <h3 class="h5">
                                 <div class="accodian-title">
                                   Additional benefits of Cloud
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc89da" id="accordion-oc89da-item_1690874456393">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div class="accordion-para">
                                 Additional benefits of Cloud include built-in security, redundancy, cost simplicity & robust disaster recovery.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature" data-component-id="9b002e252846bf14b532f40bd58c2fca" ocr-component-name="media">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/additional-benefits-of-cloud-accordian.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-oc89da-item_1690874466899">
                                <h3 class="h5">
                                 <div class="accodian-title">
                                  Cloud solution to accelerate business growth.
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc89da" id="accordion-oc89da-item_1690874466899">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div class="accordion-para">
                                  Whether you need private, public or hybrid Cloud, you can rest assured that we will build a cost-effective, secure & state-of-the-art cloud solution to accelerate business growth.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/cloud-solution-to-accelerate-business-growth-accordian.png"/>
                                  </div>
                                 </div>
                                </div>
                               </div>
                              </div>
                             </div>
                            </li>
                           </ul>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                      <div aria-labelledby="_tab2-tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" hidden="" id="tabs-pill-bar-ocb9d4_tab2" role="tabpanel" tabindex="2tabs-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-oc302c">
                            <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-oc302c-item_1690875730204">
                                <h3 class="h5">
                                 <div data-oc-token-text="">
                                 Power of Cloud
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse show" data-parent="accordion-container-accordion-oc302c" id="accordion-oc302c-item_1690875730204">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div data-oc-token-text="">
                                  Imagine on-demand, scalable, pay-per-use, virtually unlimited computing power, storage, and much more without the upfront costs of expensive hardware and ongoing maintenance. That is the power of Cloud!
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/power-of--cloud-accordian.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-oc302c-item_1690875737053">
                                <h3 class="h5">
                                 <div data-oc-token-text="">
                                  Certified and experienced IT consultants
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc302c" id="accordion-oc302c-item_1690875737053">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div data-oc-token-text="">
                                  Our certified and experienced IT consultants can help you understand and utilize the power and elasticity of cloud computing and capitalize on the benefits Cloud has to offer.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/certified-and-experienced-it-consultants-accordian.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-oc302c-item_1690875740772">
                                <h3 class="h5">
                                 <div>
                                  24/7 secure access
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc302c" id="accordion-oc302c-item_1690875740772">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div>
                                  Work, collaborate & communicate anytime, anywhere, conveniently! With 24/7 secure access to authorized work resources, data & information, your team can be productive as ever!
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/24-7-secure-access-accordian.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-oc302c-item_1690875744498">
                                <h3 class="h5">
                                 <div data-oc-token-text="">
                                  Applicable to all businesses
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc302c" id="accordion-oc302c-item_1690875744498">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div>
                                  Applicable to all businesses, industries, and parts of the world, Cloud Computing increases employee productivity, saves unwanted inconvenience, and irregularities through the work process.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/applicable-to-all-businesses-accordian.png"/>
                                  </div>
                                 </div>
                                </div>
                               </div>
                              </div>
                             </div>
                            </li>
                           </ul>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                      <div aria-labelledby="_tab3-tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" id="tabs-pill-bar-ocb9d4_tab3" role="tabpanel" tabindex="3tabs-pill-bar-ocb9d4">
                       <div>
                        <div class="accordion" data-component-id="83a648d7a0b795a0825b6d7dfc9568c8" ocr-component-name="accordion">
                         <div class="ocr-accordion accordion--vertical accordion--vertical-product">
                          <div data-mount="ocr-accordion">
                           <ul class="accordion" id="accordion-container-accordion-occ59c">
                            <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-occ59c-item_1690876600190">
                                <h3 class="h5">
                                 <div>
                                  Cybersecurity
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse show" data-parent="accordion-container-accordion-occ59c" id="accordion-occ59c-item_1690876600190" style="">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div>
                                  Cybersecurity is in our DNA! We started our IT journey as a network security provider in 2006, specializing in creating secure networks, enforcing security policies, building data encryption solutions, and protecting IT infrastructure from malicious traffic & DDoS attacks.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/cyber-security-2-accordina.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 collapsed" data-mount="ocr-collapse" data-target="#accordion-occ59c-item_1690876603742">
                                <h3 class="h5">
                                 <div>
                                  Data Loss Prevention
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-occ59c" id="accordion-occ59c-item_1690876603742" style="">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div>
                                  Protect your business from data loss resulting from human errors, cyberattacks, theft, ransomware, hardware failure, & natural disasters.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/data-loss-prevention-accordian.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 collapsed" data-mount="ocr-collapse" data-target="#accordion-occ59c-item_1698428914777">
                                <h3 class="h5">
                                 <div data-oc-token-text="">
                                  IT Security & Compliance Audit
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-occ59c" id="accordion-occ59c-item_1698428914777" style="">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div data-oc-token-text="">
                                  Our experienced IT security professionals can continuously secure and protect your IT infrastructure from internal and external cyber threats.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature" data-component-id="9b002e252846bf14b532f40bd58c2fca" ocr-component-name="media">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/it-security-compliance-audit-accordian.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 collapsed" data-mount="ocr-collapse" data-target="#accordion-oc302c-item_1690875744499">
                                <h3 class="h5">
                                 <div data-oc-token-text="">
                                 Ransomware Protection & Recovery
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc302c" id="accordion-oc302c-item_1690875744499" style="">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div data-oc-token-text="">
                                  Your data is protected from ransomware attacks using tiered backup stored onsite and in the cloud.
                                 </div>
                                </div>
                                <div>
                                 <div class="media slide-in-bottom-2 img-fluid multi-feature-feature">
                                  <div class="ocr-img media__asset new-lazy">
                                   <img class="lazy-image" loading="lazy" src="assets/images/ransomware-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 -->
             <!-- it support section start -->
             <div class="it-support" id="cloud">
              <div class="main__section main__section--density-compact">
               <div class="container" data-oc="oc9901">
                <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">
                        resources
                       </div>
                      </div>
                      <div class="block-heading__title">
                       <div class="main-title">
                        <h2>
                        Cloud Solutions
                        </h2>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
                <div class="row main__section__slot">
                 <div class="col">
                  <div class="tabs-pill-bar tabs">
                   <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-oc1ab6">
                      <div class="tab-overflow">
                       <div class="tab-window">
                        <div class="tab-group" role="tablist">
                         <button aria-controls="tabs-pill-bar-oc1ab6_tab0" class="pill-bar__item active" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc1ab6_tab0" id="tabs-pill-bar-oc1ab6_tab0-tab" role="tab" tabindex="0">
                          <span class="pill-bar__item__label">
                              Cloud Solutions
                          </span>
                         </button>
                         <button aria-controls="tabs-pill-bar-oc1ab6_tab1" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc1ab6_tab1" id="tabs-pill-bar-oc1ab6_tab1-tab" role="tab" tabindex="-1">
                          <span class="pill-bar__item__label">
                          Managed Cloud
                          </span>
                         </button>
                         <button aria-controls="tabs-pill-bar-oc1ab6_tab2" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc1ab6_tab2" id="tabs-pill-bar-oc1ab6_tab2-tab" role="tab" tabindex="-1">
                          <span class="pill-bar__item__label">
                         Advantage
                          </span>
                         </button>
                         <button aria-controls="tabs-pill-bar-oc1ab6_tab4" aria-disabled="" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc1ab6_tab3" id="tabs-pill-bar-oc1ab6_tab3-tab" role="tab" tabindex="-1">
                          <span class="pill-bar__item__label">
                            Cloud's Superpower
                          </span>
                         </button>
                         <button aria-controls="tabs-pill-bar-oc1ab6_tab5" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc1ab6_tab4" id="tabs-pill-bar-oc1ab6_tab4-tab" role="tab" tabindex="-1">
                          <span class="pill-bar__item__label">
                          Cloud Backup
                          </span>
                         </button>
                          <button aria-controls="tabs-pill-bar-oc1ab6_tab6" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc1ab6_tab5" id="tabs-pill-bar-oc1ab6_tab5-tab" role="tab" tabindex="-1">
                          <span class="pill-bar__item__label">
                           Cloud Security
                          </span>
                         </button>
                           <button aria-controls="tabs-pill-bar-oc1ab6_tab7" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc1ab6_tab6" id="tabs-pill-bar-oc1ab6_tab6-tab" role="tab" tabindex="-1">
                          <span class="pill-bar__item__label">
                           Cloud Optimization
                          </span>
                         </button>
                        </div>
                       </div>
                      </div>
                      <div class="tab-arrows">
                       <button aria-hidden="true" class="arrow-prev" data-bi-ct="Nav Left" data-bi-ecn="Previous" data-bi-ehn="Cloud Solutions" 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-bi-ct="Nav Right" data-bi-ecn="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 aria-labelledby="_tab0-tab" class="tab-panel fade show active" data-cmp-hook-tabs="tabitems" id="tabs-pill-bar-oc1ab6_tab0" role="tabpanel" tabindex="0tabs-pill-bar-oc1ab6">
                        <div>
                         <div class="features-grid layout" data-component-id="7a3a21914df35b50158949dc5fd595b0" ocr-component-name="features-grid">
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" id="image-oc0134" loading="lazy" src="assets/images/microsoft-azure-icon.png">
                                </img>
                               </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="">
                                <h3>
                                 <span class="d-block h5">
                                 Microsoft Azure
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                               We provide businesses with managed Microsoft Cloud solutions to work, collaborate & communicate anytime, anywhere, conveniently! With 99.99% availability, secure access to cloud servers, storage, file shares and scalable built-in backup management, your team can be productive as ever.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a  href="microsoft-azure" class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" id="image-occcd1" loading="lazy" src="assets/images/amazon-aws.png">
                                </img>
                               </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="">
                                <h3>
                                 <span class="d-block h5">
                                   Amazon AWS
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                              Tired of capital IT expenses and hardware limitations? Say hello to fully managed and optimized AWS, on-demand cloud computing at budget friendly pay-per-use prices. Harness the power of AWS cloud to address your business needs and growth with expert help from Super Cloud.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a href="amazon-aws-consulting-surrey-vancouver-burnaby" class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img alt="" class="lazy-image" id="image-oc6bfd" loading="lazy" src="assets/images/google-cloud.png">
                                </img>
                               </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="">
                                <h3>
                                 <span class="d-block h5">
                                  Google Cloud
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                            We offer a variety of managed Google Cloud Solutions that have everything you need to innovate, build and grow. Put your resources to better use! Google Cloud deployment & management by Super Cloud will free up your time and resources so your organization can focus on its core business.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img alt="" class="lazy-image" id="image-oc6bfd" loading="lazy" src="assets/images/cloud-solutions.png">
                                </img>
                               </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="">
                                <h3>
                                 <span class="d-block h5">
                                  Cloud Solutions
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                               Cloud solutions with high availability, scalability, enhanced security and geo redundancy.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a href="javascript:void(0)" class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img alt="" class="lazy-image" id="image-oc6bfd" loading="lazy" src="assets/images/customized-cloud-solutions.png"/>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="block-feature__headings d-flex flex-column align-items-start">
                              <div class="block-feature__title">
                               <div data-oc-token-text="">
                                <h3>
                                 <span class="d-block h5">
                                  Customized Cloud Solutions
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                              Our highly experienced team implements and delivers cloud solutions tailored customized for your business needs and requirements.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a href="javascript:void(0)" class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img alt="" class="lazy-image" id="image-oc6bfd" loading="lazy" src="assets/images/private-public-hybrid-cloud.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="">
                                <h3>
                                 <span class="d-block h5">
                                Private, Public or Hybrid Cloud
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                              Whether you need private, public or hybrid Cloud, you can rest assured that we will build a cost-effective, secure & state-of-the-art cloud solution to accelerate business growth.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a href="javascript:void(0)" class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </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-oc1ab6_tab1" role="tabpanel" tabindex="1tabs-pill-bar-oc1ab6">
                        <div>
                         <div class="features-grid layout" data-component-id="7a3a21914df35b50158949dc5fd595b0" ocr-component-name="features-grid">
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="oc0134" id="image-oc0134" loading="lazy" src="assets/images/make-your-cloud-supercloud.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="">
                                <h3>
                                 <span class="d-block h5">
                                  Make your cloud Super!Cloud
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                              Make your cloud Super!Cloud. We provide fully managed cloud solutions with 99.99% availability to keep your IT infrastructure available so you can stay focused on what you do best.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a href="javascript:void(0)" class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" id="image-occcd1" loading="lazy" src="assets/images/monitor-and-manage-cloud--infrastructure.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="">
                                <h3>
                                 <span class="d-block h5">
                                  Monitor and Manage Cloud Infrastructure
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                              Our experienced support engineers monitor and manage your cloud infrastructure ensuring all systems remain secure, up-to-date & available when needed.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a href="javascript:void(0)" class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" id="image-oc6bfd" loading="lazy" src="assets/images/timely-technical-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 data-oc-token-text="">
                                <h3>
                                 <span class="d-block h5">
                                  Timely Technical Support
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                             We provide timely technical support to resolve any cloud & IT challenges experienced by your business.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a href="it-support-surrey-vancouver-langley" class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" id="image-oc6bfd" loading="lazy" src="assets/images/expertly-delivered-cloud-services.png"/>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="block-feature__headings d-flex flex-column align-items-start">
                              <div class="block-feature__title">
                               <div data-oc-token-text="">
                                <h3>
                                 <span class="d-block h5">
                                  Expertly Delivered Cloud Services
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                            Our highly experienced team implements and delivers cloud solutions tailored customized for your business needs and requirements.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a href="it-support-surrey-vancouver-langley" class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </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-oc1ab6_tab2" role="tabpanel" tabindex="2tabs-pill-bar-oc1ab6">
                        <div>
                         <div class="features-grid layout">
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="oc0134" id="image-oc0134" loading="lazy" src="assets/images/customized-for-your-business-needs.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="">
                                <h3>
                                 <span class="d-block h5">
                                  Customized For Your Business Needs
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                             Our cloud experts will build robust cloud solutions unique to your business needs and performance demands. We provide public, private & hybrid cloud solutions.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" id="image-oc6bfd" loading="lazy" src="assets/images/robust-cloud-solutions.png"/>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="block-feature__headings d-flex flex-column align-items-start">
                              <div class="block-feature__title">
                               <div data-oc-token-text="">
                                <h3>
                                 <span class="d-block h5">
                                  Robust Cloud Solutions
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                              Additional benefits of Cloud include built-in security, redundancy, cost simplicity & robust disaster recovery.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" id="image-oc6bfd" loading="lazy" src="assets/images/work-anywhere-anytime-cloud.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="">
                                <h3>
                                 <span class="d-block h5">
                                  Work Anytime, Anywhere
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                             Work anytime, anywhere! With our Cloud Solutions, backed by 99.95% uptime from SuperCloud, Microsoft Azure, Amazon AWS, & Google, your team has 24/7 access to work resources from anywhere in the world. Imagine the productivity boost your business would get from this power of Cloud!
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" id="image-oc6bfd" loading="lazy" src="assets/images/tailored-cloud-solutions-that-drive-growth.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="">
                                <h3>
                                 <span class="d-block h5">
                                  Tailored Cloud Solutions That Drive Growth
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                             Whether you need private, public or hybrid Cloud, you can rest assured that we will build a cost-effective, secure & state-of-the-art cloud solution to accelerate business growth.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div aria-labelledby="_tab3tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" hidden="" id="tabs-pill-bar-oc1ab6_tab3" role="tabpanel" tabindex="4tabs-pill-bar-oc1ab6">
                        <div>
                         <div class="features-grid layout">
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="oc0134" id="image-oc0134" loading="lazy" src="assets/images/additional-benefits-of-cloud-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 data-oc-token-text="">
                                <h3>
                                 <span class="d-block h5">
                                  Experience the Power of the Cloud 
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                            Imagine on-demand, scalable, pay-per-use, virtually unlimited computing power, storage, and much more without the upfront costs of expensive hardware and ongoing maintenance. That is the power of Cloud!
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="occcd1" id="image-occcd1" loading="lazy" src="assets/images/data-loss-prevention-icon-cloud.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="">
                                <h3>
                                 <span class="d-block h5">
                                  Harness the Cloud with Confidence
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                              Our certified and experienced IT consultants can help you understand and utilize the power and elasticity of cloud computing and capitalize on the benefits Cloud has to offer.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="oc6bfd" id="image-oc6bfd" loading="lazy" src="assets/images/it-security-compliance-audit-icon-cloud.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="">
                                <h3>
                                 <span class="d-block h5">
                                  Empower Your Team with 24/7 Connectivity
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                              Work, collaborate & communicate anytime, anywhere, conveniently! With 24/7 secure access to authorized work resources, data & information, your team can be productive as ever!
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="oc6bfd" id="image-oc6bfd" loading="lazy" src="assets/images/universal-benefits-of-cloud-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 data-oc-token-text="">
                                <h3>
                                 <span class="d-block h5">
                                  Universal Benefits of Cloud Technology
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                             Applicable to all businesses, industries, and parts of the world, Cloud Computing increases employee productivity, saves unwanted inconvenience, and irregularities through the work process.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </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-oc1ab6_tab4" role="tabpanel" tabindex="2tabs-pill-bar-oc1ab6">
                        <div>
                         <div class="features-grid layout">
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="oc0134" id="image-oc0134" loading="lazy" src="assets/images/protectpyourpcloudpfrom-data-loss.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="">
                                <h3>
                                 <span class="d-block h5">
                                 Protect your cloud from data loss
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                               Protect your cloud from data loss resulting from human errors, cyberattacks, theft, ransomware, hardware failure, & natural disasters.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="occcd1" id="image-occcd1" loading="lazy" src="assets/images/robust-data-backup-recovery-solutions.png"/>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="block-feature__headings d-flex flex-column align-items-start">
                              <div class="block-feature__title">
                               <div data-oc-token-text="">
                                <h3>
                                 <span class="d-block h5">
                                  Robust data Backup and Recovery Solutions
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                               We offer robust data Backup and Recovery Solutions on premises and in the cloud with 24/7 monitoring. Our solutions add to your business continuity and disaster recovery planning by keeping your data and apps available during scheduled or unexpected outages.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="oc6bfd" id="image-oc6bfd" loading="lazy" src="assets/images/geo-redundancy.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">
                                  Geo Redundancy
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                               Cloud solutions with high availability, scalability, enhanced security and geo redundancy.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </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-oc1ab6_tab5" role="tabpanel" tabindex="2tabs-pill-bar-oc1ab6">
                        <div>
                         <div class="features-grid layout">
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="oc0134" id="image-oc0134" loading="lazy" src="assets/images/it-security-dna.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="">
                                <h3>
                                 <span class="d-block h5">
                                 IT Security is in our DNA
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                               We started our IT journey as a network security provider in 2006, specializing in creating and securing secure network perimeters, building data security & data loss prevention solutions, and protecting networks from DDoS attacks.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="occcd1" id="image-occcd1" loading="lazy" src="assets/images/monitor-and-protect-your-cloud-infrastructure.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="">
                                <h3>
                                 <span class="d-block h5">
                                  Monitor and protect your Cloud infrastructure
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                               We continuously monitor and protect your Cloud infrastructure from internal and external cyber threats
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="oc6bfd" id="image-oc6bfd" loading="lazy" src="assets/images/managed-cloud-firewalls.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">
                                  Managed Cloud Firewalls 
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                              Get robust security that’s easy to manage with cloud-based firewalls tailored to your infrastructure.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div aria-labelledby="_tab6-tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" hidden="" id="tabs-pill-bar-oc1ab6_tab6" role="tabpanel" tabindex="2tabs-pill-bar-oc1ab6">
                        <div>
                         <div class="features-grid layout">
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="oc0134" id="image-oc0134" loading="lazy" src="assets/images/super-cloud-team-powers.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="">
                                <h3>
                                 <span class="d-block h5">
                                 Super Cloud team powers businesses with cloud solutions
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                               Super Cloud team helps businesses utilize the power of cloud solutions to address their IT needs, stay within budget and eliminate ongoing costs of hardware ownership and maintenance, effectively.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="occcd1" id="image-occcd1" loading="lazy" src="assets/images/cloud-computing.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="">
                                <h3>
                                 <span class="d-block h5">
                                  Cloud Computing
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                              Cloud Computing is your saviour if you are tired of capital IT expenses, data storage constraints and the hassles of ongoing hardware maintenance and upgrades.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="oc6bfd" id="image-oc6bfd" loading="lazy" src="assets/images/store-your-data.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">
                                  Store your data in secure and expandable cloud storage  
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                               There is no need to invest in expensive server and storage hardware! Our Cloud Solutions store your data & information in secure and expandable cloud storage by Microsoft Azure, Amazon AWS and Google Cloud Platform.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--stat animation animation--effect-3-scroll">
                            <div class="block-feature__badge">
                             <div class="badge">
                              <div class="ocr-icon d-inline-flex">
                               <div class="ocr-img media__asset">
                                <img class="lazy-image" data-oc="oc6bfd" id="image-oc6bfd" loading="lazy" src="assets/images/customized-resources.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="">
                                <h3>
                                 <span class="d-block h5">
                                 Customized resources  
                                 </span>
                                </h3>
                               </div>
                              </div>
                             </div>
                             <div class="base block-feature__paragraph">
                              <div data-oc-token-text="">
                               Cloud also provides multiple services such as servers, public and private cloud, security, remote desktops, backup, hosted applications and more. These resources can be customized and scaled as needed, and you only pay for the services used by your business.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="link" role="button" tabindex="0">
                                 <span class="btn btn--icon-only btn--sm">
                                  <span aria-hidden="true" class="glyph-prepend">
                                  </span>
                                 </span>
                                 <span class="link__text">
                                  View more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                       <a 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>
             </div>
             <!-- it support section end -->
             <!--Pricing-section -->
           <div class="main__section main__section--blade-product-plan-cards main__section--2-column-hero-rtl price__sec" id="price-section">
              <div class="container" id="pricing">
               <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 class="block-heading__eyebrow">
                      <div class="small-title small-grey-title fg--neutral-highlight">
                       Make your cloud Super!Cloud
                      </div>
                     </div>
                     <div class="block-heading__title">
                      <div>
                       <h2>
                       Custom Cloud Solutions
                       </h2>
                      </div>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
              <div class="row main__section__slot">
               <div class="col">
                <div class="tabs-pill-bar tabs pill-bar--size-m">
                 <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-ocb850">
                    <div class="tab-overflow">
                     <div class="tab-window">
                      <div class="tab-group" role="tablist">
                      </div>
                     </div>
                    </div>
                    <div class="tab-arrows">
                     <button aria-hidden="true" class="arrow-prev" data-bi-cn="Previous" data-bi-compnm="Carousel" data-bi-ct="Nav Left" data-bi-ecn="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-bi-compnm="Carousel" data-bi-ct="Nav Right" data-bi-ecn="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>
                   </div>
                  </div>
                 </div>
                </div>
                <div class="carousel animation animation--effect-5-scroll carousel--card-grid" >
                 <div class="carousel carousel--type-regular" data-oc="oc45c1" id="carousel-oc45c1">
                  <section class="carousel__section" data-mount="ocr-carousel" data-slide-selector=".card-plan-detail__style-div">
                   <span aria-live="polite" class="carousel__announcement-text sr-only" data-multi-slide-translatable="Showing %{curStart}-%{curEnd} of %{totalSlides} slides" data-single-slide-translatable="Showing slide %{curStart} of %{totalSlides}" id="carousel-carousel-oc45c1-announcement-text">
                   </span>
                   <div class="carousel__controls carousel__container" id="carousel-oc45c1-controls">
                    <button aria-controls="carousel-oc45c1-carousel__container" aria-labelledby="carousel-control-prev-carousel-oc45c1" class="carousel__arrow-prev" data-slide="prev" title="Previous Slide" type="button">
                     <span class="sr-only" id="carousel-control-prev-carousel-oc45c1">
                      Previous Slide
                     </span>
                     <span aria-hidden="true" class="glyph-prepend glyph-prepend-back glyph-prepend-medium">
                     </span>
                    </button>
                    <ol class="carousel__indicators">
                     <li>
                      <a aria-controls="carousel-oc45c1-0" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-0" role="button">
                       <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">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                     <li>
                      <a aria-controls="carousel-oc45c1-1" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-1" role="button">
                       <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">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                     <li>
                      <a aria-controls="carousel-oc45c1-2" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-2" role="button">
                       <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">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                     <li>
                      <a aria-controls="carousel-oc45c1-3" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-3" role="button">
                       <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" data-component-id="9b002e252846bf14b532f40bd58c2fca" ocr-component-name="image">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                     <li>
                      <a aria-controls="carousel-oc45c1-4" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-4" role="button">
                       <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" data-component-id="9b002e252846bf14b532f40bd58c2fca" ocr-component-name="image">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                    <li>
                      <a aria-controls="carousel-oc45c1-5" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-5" role="button">
                       <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" data-component-id="9b002e252846bf14b532f40bd58c2fca" ocr-component-name="image">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                    <li>
                      <a aria-controls="carousel-oc45c1-6" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-6" role="button">
                       <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" data-component-id="9b002e252846bf14b532f40bd58c2fca" ocr-component-name="image">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                    <li>
                      <a aria-controls="carousel-oc45c1-7" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-7" role="button">
                       <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" data-component-id="9b002e252846bf14b532f40bd58c2fca" ocr-component-name="image">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                    <li>
                      <a aria-controls="carousel-oc45c1-8" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-8" role="button">
                       <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" data-component-id="9b002e252846bf14b532f40bd58c2fca" ocr-component-name="image">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                    <li>
                      <a aria-controls="carousel-oc45c1-9" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-9" role="button">
                       <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" data-component-id="9b002e252846bf14b532f40bd58c2fca" ocr-component-name="image">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                    <li>
                      <a aria-controls="carousel-oc45c1-10" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-10" role="button">
                       <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" data-component-id="9b002e252846bf14b532f40bd58c2fca" ocr-component-name="image">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                    <li>
                      <a aria-controls="carousel-oc45c1-11" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-11" role="button">
                       <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" data-component-id="9b002e252846bf14b532f40bd58c2fca" ocr-component-name="image">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                    <li>
                      <a aria-controls="carousel-oc45c1-12" aria-current="false" class="carousel__indicators-item" data-current-slide-translatable="current slide" href="#carousel-oc45c1-12" role="button">
                       <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" data-component-id="9b002e252846bf14b532f40bd58c2fca" ocr-component-name="image">
                          </div>
                         </div>
                        </div>
                        <span class="indicator" role="presentation">
                        </span>
                       </div>
                      </a>
                     </li>
                    </ol>
                    <button aria-controls="carousel-oc45c1-carousel__container" aria-labelledby="carousel-control-next-carousel-oc45c1" class="carousel__arrow-next" data-slide="next" title="Next Slide" type="button">
                     <span class="sr-only" id="carousel-control-next-carousel-oc45c1">
                      Next Slide
                     </span>
                     <span aria-hidden="true" class="glyph-prepend glyph-prepend-forward glyph-prepend-medium">
                     </span>
                    </button>
                   </div>
                   <div class="carousel__window hide-scrollbar">
                    <div class="carousel__container layout layout--overflow layout--cols-3" id="carousel-oc45c1-carousel__container">
                     <div aria-label=" 1 of 13" aria-roledescription="slide" class="carousel__slide layout__col" data-slide-title="Slide 0" id="carousel-oc45c1-0" role="group" tabindex="-1">
                      <div class="card-plan-detail card-plan-detail--vertical card-plan-detail--grid-card card-plan-detail--blocklist-base-title">
                       <div class="card-plan-detail__style-div">
                       </div>
                       <div class="layout__col card-plan-detail__sku">
                        <div class="sku">
                         <div class="sku">
                          <div class="sku__title">
                           <h3 class="oc-product-title">
                            Protect your cloud from data loss
                           </h3>
                          </div>
                          <div class="sku__paragraph">
                           <div>
                           Protect your cloud from data loss resulting from human errors, cyberattacks, theft, ransomware, hardware failure, & natural disasters.
                           </div>
                          </div>
                          <div aria-hidden="false" class="sku__pricing">
                           <div class="sku__pricing-current">
                            <span class="oc-displayListPrice">
                            Cloud Backup
                            </span>
                           </div>
                          </div>
                          <div class="sku__note">
                           <span>
                            We offer robust data Backup and Recovery Solutions on premises and in the cloud with 24/7 monitoring.
                           </span>
                          </div>
                          <div class="sku__buttons">
                           <div class="button-group">
                            <a class="btn" href="javascript:void(0)" id="action-oc3ccf" tabindex="0">
                             <span class="btn__text">
                              Learn more
                             </span>
                            </a>
                            <a class="btn btn--secondary" href="contact-super-cloud-it#contact_form" id="action-oc7a63" tabindex="0">
                             <span class="btn__text">
                              Request Consultation
                             </span>
                            </a>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="layout__col card-plan-detail__content">
                               <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div data-oc-token-text="">
                                Our solutions add to your business continuity and disaster recovery planning by keeping your data and apps available during scheduled or unexpected outages.
                               </div>
                              </div>
                             </div>
                        <ul class="block-items-list block-items-list--type-checklist">
                         <li class="block-items-list__item">
                          <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 data-oc-token-text="">
                               Data Loss Prevention
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Ransomware Protection and Recovery
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Managed Cloud Backup
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Business Continuity
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Geo Redundancy
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </li>
                        </ul>
                       </div>
                      </div>
                     </div>
                     <div aria-label=" 2 of 13" aria-roledescription="slide" class="carousel__slide layout__col" data-slide-title="Slide 1" id="carousel-oc45c1-1" role="group" tabindex="-1">
                      <div class="card-plan-detail card-plan-detail--vertical card-plan-detail--grid-card card-plan-detail--blocklist-base-title">
                       <div class="card-plan-detail__style-div">
                       </div>
                       <div class="layout__col card-plan-detail__sku">
                        <div class="sku">
                         <div class="sku">
                          <div class="sku__title">
                           <h3 class="oc-product-title">
                            IT Security is in our DNA
                           </h3>
                          </div>
                          <div class="sku__paragraph">
                           <div>
                           We started our IT journey as a network security provider in 2006, specializing in creating and securing secure network perimeters.
                           </div>
                          </div>
                          <div aria-hidden="false" class="sku__pricing">
                           <div class="sku__pricing-current">
                            <span class="oc-displayListPrice">
                            Cloud Security
                            </span>
                           </div>
                          </div>
                          <div class="sku__note">
                           <span>
                           Building data security & data loss prevention solutions, and protecting networks from DDoS attacks. 
                           </span>
                          </div>
                           <div class="sku__buttons">
                           <div class="button-group">
                            <a class="btn" href="javascript:void(0)" id="action-oc3ccf" tabindex="0">
                             <span class="btn__text">
                              Learn more
                             </span>
                            </a>
                            <a class="btn btn--secondary" href="contact-super-cloud-it#contact_form" id="action-oc7a63" tabindex="0">
                             <span class="btn__text">
                              Request Consultation
                             </span>
                            </a>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="layout__col card-plan-detail__content">
                        <div>
                         <div data-oc-token-text="">
                          <b>
                           <span class="d-block h6">
                            We continuously monitor and protect your Cloud infrastructure from internal and external cyber threats.
                           </span>
                          </b>
                         </div>
                        </div>
                        <ul class="block-items-list block-items-list--type-checklist" role="list">
                         <li class="block-items-list__item">
                          <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>
                                Data Loss Prevention
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Cloud Access Security Broker
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                              Managed Cloud Firewalls
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Cloud Security 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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                              Best Security Practices
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Endpoint Security
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                              Data Sovereignty
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                             Cybersecurity
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </li>
                        </ul>
                       </div>
                      </div>
                     </div>
                     <div aria-label=" 3 of 13" aria-roledescription="slide" class="carousel__slide layout__col" data-slide-title="Slide 2" id="carousel-oc45c1-2" role="group" tabindex="-1">
                      <div class="card-plan-detail card-plan-detail--vertical card-plan-detail--grid-card card-plan-detail--blocklist-base-title">
                       <div class="card-plan-detail__style-div">
                       </div>
                       <div class="layout__col card-plan-detail__sku">
                        <div class="sku">
                         <div class="sku">
                          <div class="sku__title">
                           <h3 class="oc-product-title">
                           Power of cloud solutions
                           </h3>
                          </div>
                          <div class="sku__paragraph">
                           <div>
                            Our mission is to empower businesses by providing comprehensive IT solutions to meet their current and future business challenges.
                           </div>
                          </div>
                          <div aria-hidden="false" class="sku__pricing">
                           <div class="sku__pricing-current">
                            <span class="oc-displayListPrice">
                             Cloud Optimization
                            </span>
                           </div>
                          </div>
                          <div class="sku__note">
                           <span>
                             Super Cloud team helps businesses utilize the power of cloud solutions to address their IT needs.
                           </span>
                          </div>
                            <div class="sku__buttons">
                           <div class="button-group">
                            <a class="btn" href="javascript:void(0)" id="action-oc3ccf" tabindex="0">
                             <span class="btn__text">
                              Learn more
                             </span>
                            </a>
                            <a class="btn btn--secondary" href="contact-super-cloud-it#contact_form" id="action-oc7a63" tabindex="0">
                             <span class="btn__text">
                              Request Consultation
                             </span>
                            </a>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="layout__col card-plan-detail__content">
                        <div>
                         <div>
                          <b>
                           <span class="d-block h6">
                            Stay within budget and eliminate ongoing costs of hardware ownership and maintenance, effectively.
                           </span>
                          </b>
                         </div>
                        </div>
                        <ul class="block-items-list block-items-list--type-checklist">
                         <li class="block-items-list__item">
                          <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>
                                Cloud IT Solutions
                               </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__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 Services
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                No Hardware Needed
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Secure Data Storage
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Scalable Cloud Resources
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Pay-as-You-Go 
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Public & Private Cloud
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Remote Desktop 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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Backup & Security 
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Microsoft, AWS, Google
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Hosted Applications Support
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                No Capital Expenses 
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Maintenance-Free Infrastructure
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </li>
                        </ul>
                       </div>
                      </div>
                     </div>
                     <div aria-label=" 4 of 13" aria-roledescription="slide" class="carousel__slide layout__col" data-slide-title="Slide 3" id="carousel-oc45c1-3" role="group" tabindex="-1">
                      <div class="card-plan-detail card-plan-detail--vertical card-plan-detail--grid-card card-plan-detail--blocklist-base-title">
                       <div class="card-plan-detail__style-div">
                       </div>
                       <div class="layout__col card-plan-detail__sku">
                        <div class="sku">
                         <div class="sku">
                          <div class="sku__title">
                           <h3 class="oc-product-title">
                           Certified cloud engineers
                           </h3>
                          </div>
                          <div class="sku__paragraph">
                           <div>
                            Super Cloud team has decades of experience migrating complex IT infrastructures to Public, Private, & Hybrid cloud environments.
                           </div>
                          </div>
                          <div aria-hidden="false" class="sku__pricing">
                           <div class="sku__pricing-current">
                            <span class="oc-displayListPrice">
                             Cloud Migration
                            </span>
                           </div>
                          </div>
                          <div class="sku__note">
                           <span>
                           Robust, scalable cloud solution
                           </span>
                          </div>
                           <div class="sku__buttons">
                           <div class="button-group">
                            <a class="btn" href="javascript:void(0)" id="action-oc3ccf" tabindex="0">
                             <span class="btn__text">
                              Learn more
                             </span>
                            </a>
                            <a class="btn btn--secondary" href="contact-super-cloud-it#contact_form" id="action-oc7a63" tabindex="0">
                             <span class="btn__text">
                              Request Consultation
                             </span>
                            </a>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="layout__col card-plan-detail__content">
                        <div>
                         <div >
                          <b>
                           <span class="d-block h6">
                            Our IT professionals will deploy a robust, scalable cloud solution that is optimized for your organization's requirements and budget
                           </span>
                          </b>
                         </div>
                        </div>
                        <ul class="block-items-list block-items-list--type-checklist" role="list">
                         <li class="block-items-list__item">
                          <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>
                            Decades of Experience
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Complex IT Infrastructures
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Seamless Cloud Migrations
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Competitive Advantage
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Comparative Advantage
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Robust Scalable Solution
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Optimized for Requirements
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Pragmatic Cloud Solution
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Certified Cloud Engineers
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Migration and Management
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </li>
                        </ul>
                       </div>
                      </div>
                     </div>
                     <div aria-label=" 5 of 13" aria-roledescription="slide" class="carousel__slide layout__col" data-slide-title="Slide 4" id="carousel-oc45c1-4" role="group" tabindex="-1">
                      <div class="card-plan-detail card-plan-detail--vertical card-plan-detail--grid-card card-plan-detail--blocklist-base-title">
                       <div class="card-plan-detail__style-div">
                       </div>
                       <div class="layout__col card-plan-detail__sku">
                        <div class="sku">
                         <div class="sku">
                          <div class="sku__title">
                           <h3 class="oc-product-title">
                           Always Readily Available
                           </h3>
                          </div>
                          <div class="sku__paragraph">
                           <div>
                            Cloud resources can be changed, added and removed as needed.
                           </div>
                          </div>
                          <div aria-hidden="false" class="sku__pricing">
                           <div class="sku__pricing-current">
                            <span class="oc-displayListPrice">
                             Private Cloud
                            </span>
                           </div>
                          </div>
                          <div class="sku__note">
                           <span>
                            loud grants you to fully utilize the latest technological advancements and on-demand computing services.
                           </span>
                          </div>
                            <div class="sku__buttons">
                           <div class="button-group">
                            <a class="btn" href="javascript:void(0)" id="action-oc3ccf" tabindex="0">
                             <span class="btn__text">
                              Learn more
                             </span>
                            </a>
                            <a class="btn btn--secondary" href="contact-super-cloud-it#contact_form" id="action-oc7a63" tabindex="0">
                             <span class="btn__text">
                              Request Consultation
                             </span>
                            </a>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="layout__col card-plan-detail__content">
                        <div>
                         <div data-oc-token-text="">
                          <span class="d-block h6">
                           Our Managed Private Cloud (MPC) solutions are available for a flat monthly fee and eliminate high costs associated with purchasing & maintaining on-site IT systems.
                          </span>
                         </div>
                        </div>
                        <ul class="block-items-list block-items-list--type-checklist" role="list">
                         <li class="block-items-list__item">
                          <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>
                                Always Readily Available
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Simple Budgeting
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Scalability
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </li>
                         <li class="block-items-list__item">
                          <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>
                                Built-in Security
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Leverage cutting-edge technology
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </li>
                        </ul>
                       </div>
                      </div>
                     </div>
                    <div aria-label=" 6 of 13" aria-roledescription="slide" class="carousel__slide layout__col" data-slide-title="Slide 5" id="carousel-oc45c1-5" role="group" tabindex="-1">
                      <div class="card-plan-detail card-plan-detail--vertical card-plan-detail--grid-card card-plan-detail--blocklist-base-title">
                       <div class="card-plan-detail__style-div">
                       </div>
                       <div class="layout__col card-plan-detail__sku">
                        <div class="sku">
                         <div class="sku">
                          <div class="sku__title">
                           <h3 class="oc-product-title">
                         Comprehensive IT solutions
                           </h3>
                          </div>
                          <div class="sku__paragraph">
                           <div>
                            Our mission is to empower businesses
                           </div>
                          </div>
                          <div aria-hidden="false" class="sku__pricing">
                           <div class="sku__pricing-current">
                            <span class="oc-displayListPrice">
                             IT Services Plan
                            </span>
                           </div>
                          </div>
                          <div class="sku__note">
                           <span>
                             SuperCloud IT can build a unique IT roadmap specific to your business to achieve your IT goal.
                           </span>
                          </div>
                            <div class="sku__buttons">
                           <div class="button-group">
                            <a class="btn" href="javascript:void(0)" id="action-oc3ccf" tabindex="0">
                             <span class="btn__text">
                              Learn more
                             </span>
                            </a>
                            <a class="btn btn--secondary" href="contact-super-cloud-it#contact_form" id="action-oc7a63" tabindex="0">
                             <span class="btn__text">
                              Request Consultation
                             </span>
                            </a>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="layout__col card-plan-detail__content">
                        <div>
                         <div data-oc-token-text="">
                          <span class="d-block h6">
                           Our mission is to empower businesses by providing comprehensive IT solutions to meet their current and future business challenges. 
                          </span>
                         </div>
                        </div>
                        <ul class="block-items-list block-items-list--type-checklist" role="list">
                         <li class="block-items-list__item"> 
                          <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>
                              Remote IT Support
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                24/7 IT Monitoring & Reporting
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                IT Management
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                IT Security
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Cyber Security
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Backup & Disaster Recovery
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                IT Consulting & Roadmaps
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Firewall, VPN & Wi-Fi Management
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Vendor Management
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Microsoft 365 Administration
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Network Design
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Office Moves
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Cabling/Wiring
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </li>
                        </ul>
                       </div>
                      </div>
                     </div>
                     <div aria-label="7 of 13" aria-roledescription="slide" class="carousel__slide layout__col" data-slide-title="Slide 6" id="carousel-oc45c1-6" role="group" tabindex="-1">
                      <div class="card-plan-detail card-plan-detail--vertical card-plan-detail--grid-card card-plan-detail--blocklist-base-title">
                       <div class="card-plan-detail__style-div">
                       </div>
                       <div class="layout__col card-plan-detail__sku">
                        <div class="sku">
                         <div class="sku">
                          <div class="sku__title">
                           <h3 class="oc-product-title">
                           Work anytime, anywhere!
                           </h3>
                          </div>
                          <div class="sku__paragraph">
                           <div>
                            We provide public, private & hybrid cloud solutions.
                           </div>
                          </div>
                          <div aria-hidden="false" class="sku__pricing">
                           <div class="sku__pricing-current">
                            <span class="oc-displayListPrice">
                             Super Cloud Advantage
                            </span>
                           </div>
                          </div>
                          <div class="sku__note">
                           <span>
                           Whether you need private, public or hybrid Cloud
                           </span>
                          </div>
                            <div class="sku__buttons">
                           <div class="button-group">
                            <a class="btn" href="javascript:void(0)" id="action-oc3ccf" tabindex="0">
                             <span class="btn__text">
                              Learn more
                             </span>
                            </a>
                            <a class="btn btn--secondary" href="contact-super-cloud-it#contact_form" id="action-oc7a63" tabindex="0">
                             <span class="btn__text">
                              Request Consultation
                             </span>
                            </a>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="layout__col card-plan-detail__content">
                        <div>
                         <div data-oc-token-text="">
                          <span class="d-block h6">
                           Additional benefits of Cloud include built-in security, redundancy, cost simplicity & robust disaster recovery.
                          </span>
                         </div>
                        </div>
                        <ul class="block-items-list block-items-list--type-checklist" role="list">
                         <li class="block-items-list__item"> 
                          <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>
                              Robust cloud solutions unique to your business
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Public, private and hybrid cloud solutions
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Backed by 99.95% uptime from SuperCloud
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                24/7 access to work resources
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Built-in security, redundancy, cost simplicity
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Secure and state-of-the-art cloud solution
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Accelerate business growth with cloud
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                                Work anytime, anywhere with cloud
                               </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__content flex-grow-1 d-flex flex-column">
                             <div class="fg--base-strong label list-item__content-title">
                              <div class="mb-0">
                               <div>
                               Cloud solutions for performance and scalability
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </li>
                        </ul>
                       </div>
                      </div>
                     </div>
                     <div class="empty-slide">
                     </div>
                    </div>
                   </div>
                   <a class="carousel__back-to-controls sr-only-focusable position-absolute" href="javascript:void(0);">
                    Back to carousel navigation controls
                   </a>
                  </section>
                 </div>
                </div>
               </div>
              </div>
             </div>
             <!-- counter section end -->
             <!-- new-code-->
            <!-- Geo-section-start -->
            <div ocr-component-name="main__section" class="main__section theme-day main__section--breadth-comfortable main__section--density-compact main__section--alignment-center main__section--layout-header-horizontal-alignment-center main__section--layout-header-vertical-alignment-middle custom-pricing geo">
                                       <div class="main__section__image ">
                                          <div class="ocr-img media__asset lazy-image"> <img src="assets/images/globe-bg.jpg" class="lazy-image" alt loading="lazy"/> </div>
                                       </div>
                                       <div class="container" id="Pricing-comp"> </div>
                                       <div class="row main__section__slot">
                                          <div class="col">
                                             <div class="block-heading block-heading--alignment-centered block-heading--size-s animation animation--effect-2-scroll">
                                                <div class=" block-heading__title">
                                                   <div>
                                                      <h2>Geo redundant cloud infrastructure</h2>
                                                   </div>
                                                </div>
                                                <div class=" block-heading__paragraph">
                                                   <div>Add redundancy to your cloud infrastructure with multiple geo regions</div>
                                                </div>
                                                <div class="block-heading__button-group geo-btn">
                                                   <div class="button-group"> 
                                                    <a class="btn" href="contact-super-cloud-it"> <span class="btn__text">Contact Sales</span> </a> </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
            <!-- Geo-section end -->

            <!-- why choose start -->
            <div ocr-component-name="main__section" class="main__section network_sec six-four-col two-col-ipad" id="network">
                                       <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 animation animation--effect-2-scroll">
                                                            <div class=" block-heading__title">
                                                               <div>
                                                                  <h2><span class="d-block h2">Private Cloud</span></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-3 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 block-feature--align-stacked">
                                                               <div class="block-feature__badge">
                                                                  <div class="badge badge--size-xs">
                                                                     <div class="ocr-icon d-inline-flex">
                                                                        <div class="ocr-img media__asset lazy-image"> <img src="assets/images/it-strategy.png" width="45" height="45" loading="lazy" data-oc="oc2282" id="image-oc2282"/> </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">Always Readily Available</span></h3>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class=" base block-feature__paragraph">
                                                                     <div>With service-level agreements, Microsoft & Amazon cloud solutions guarantee 99.99% uptime with continued access to your applications and infrastructure in the cloud.</div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <div class="block-slim">
                                                               <div class="action d-contents"> <a class="link" href="javascript:void(0)"> <span class="btn btn--icon-only btn--sm "> <span class="glyph-prepend" aria-hidden="true"></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">
                                                         <div class="card__content">
                                                            <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--align-stacked">
                                                               <div class="block-feature__badge">
                                                                  <div class="badge badge--size-xs">
                                                                     <div class="ocr-icon d-inline-flex">
                                                                        <div class="ocr-img media__asset lazy-image"> <img src="assets/images/plan-roadmap.png" width="45" height="45" loading="lazy" data-oc="oc2591" id="image-oc2591"/> </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">Simple Budgeting</span></h3>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class=" base block-feature__paragraph">
                                                                     <div> Our Managed Private Cloud (MPC) solutions are available for a flat monthly fee and eliminate high costs associated with purchasing & maintaining on-site IT systems.</div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <div class="block-slim">
                                                               <div class="action d-contents"> <a class="link " id="action-ocf14f" href="javascript:void(0)" > <span class="btn btn--icon-only btn--sm "> <span class="glyph-prepend" aria-hidden="true"></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">
                                                         <div class="card__content">
                                                            <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--align-stacked">
                                                               <div class="block-feature__badge">
                                                                  <div class="badge badge--size-xs">
                                                                     <div class="ocr-icon d-inline-flex">
                                                                        <div class="ocr-img media__asset lazy-image"> <img src="assets/images/plan-outline-area.png" class=" " alt loading="lazy" id="image-ocf110"/> </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">Scalability</span></h3>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class=" base block-feature__paragraph">
                                                                     <div>Cloud resources can be changed, added and removed as needed. Storage capacity, processing power, memory and networking are easily scaled in the Cloud, helping your business adapt to the dynamism efficiently and conveniently.</div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <div class="block-slim">
                                                               <div class="action d-contents"> <a class="link " id="action-oc2e80" href="javascript:void(0"> <span class="btn btn--icon-only btn--sm "> <span class="glyph-prepend" aria-hidden="true"></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">
                                                         <div class="card__content">
                                                            <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--align-stacked">
                                                               <div class="block-feature__badge">
                                                                  <div class="badge badge--size-xs">
                                                                     <div class="ocr-icon d-inline-flex">
                                                                        <div class="ocr-img media__asset lazy-image"> <img src="assets/images/secure-it-investment.png" loading="lazy" data-oc="oceec4" id="image-oceec4"/> </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">Built-in Security</span></h3>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class=" base block-feature__paragraph">
                                                                     <div>Cloud comes equipped with security controls and services to help keep your data, application and networks secure.</div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                              <div class="block-slim">
                                                               <div class="action d-contents"> <a class="link " id="action-ocf14f" href="javascript:void(0)"> <span class="btn btn--icon-only btn--sm "> <span class="glyph-prepend" aria-hidden="true"></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">
                                                         <div class="card__content">
                                                            <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--align-stacked">
                                                               <div class="block-feature__badge">
                                                                  <div class="badge badge--size-xs">
                                                                     <div class="ocr-icon d-inline-flex">
                                                                        <div class="ocr-img media__asset lazy-image"> <img src="assets/images/leverage-cutting-edge-technology-icon-2.png" loading="lazy" data-oc="oceec4" id="image-oceec4"/> </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">Leverage Cutting-edge Technology</span></h3>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class=" base block-feature__paragraph">
                                                                     <div> Cloud grants you to fully utilize the latest technological advancements and on-demand computing services.</div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                              <div class="block-slim">
                                                               <div class="action d-contents"> <a class="link " id="action-ocf14f" href="javascript:void(0)"> <span class="btn btn--icon-only btn--sm "> <span class="glyph-prepend" aria-hidden="true"></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">
                                                         <div class="card__content">
                                                            <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--align-stacked">
                                                               <div class="block-feature__badge">
                                                                  <div class="badge badge--size-xs">
                                                                     <div class="ocr-icon d-inline-flex">
                                                                        <div class="ocr-img media__asset lazy-image"> <img src="assets/images/increase-productivity.png" loading="lazy" data-oc="oceec4" id="image-oceec4"/> </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">Increased Productivity</span></h3>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class=" base block-feature__paragraph">
                                                                     <div>Cloud enables authorized staff to securely access their work applications and resources and collaborate with colleagues worldwide. Eliminate complex IT infrastructure on-site and free up staff to focus on the core business.</div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                              <div class="block-slim">
                                                               <div class="action d-contents"> <a class="link " id="action-ocf14f" href="javascript:void(0)"> <span class="btn btn--icon-only btn--sm "> <span class="glyph-prepend" aria-hidden="true"></span> </span> <span class="link__text">Learn more</span> </a> </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
            <!-- icon section End -->
             <!-- 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/elevate-your-cloud-journey.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">Let’s build a cloud strategy that adapts as fast as your business. The cloud isn’t just technology—it’s the foundation for how modern businesses grow, compete, and thrive. At Super Cloud, we create tailored cloud strategies that evolve alongside your business.</span></blockquote>
                                                                              </div>
                                                                              <div>Elevate Your Cloud Journey Today</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Transform Your Business Fast</span></h3>
                                                                                 </div>
                                                                                 <div class="block-slim block-slim--related-products">
                                                                                    <ul role="list" class="block-items-list block-items-list--align-inline">
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="Teams">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/scalability.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>Scalable</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="OneDrive">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/security-why-2.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>Secure</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="PowerPoint">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/agile.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>Agile</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="Word">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/reliability-why.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>Reliable</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-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/talk-our-expert.jpg" class="lazy-image"  loading="lazy" data-oc="ocadd0" id="image-ocadd0"/> </div>
                                                                        </div>
                                                                     </div>
                                                                     <div class="testimonial-card__content col-6 col-md-6 col-lg-12">
                                                                        <div class="testimonial-card__body">
                                                                           <div class="testimonial-card__quote">
                                                                              <div class="testimonial-card__content-media">
                                                                                 <div class="media">
                                                                                    <div class="ocr-img media__asset">
                                                                                       <picture id="image-oc9205">
                                                                                          <img src="assets/images/aws-why.png" class="lazy-image" alt="hannover re logo" loading="lazy"/> 
                                                                                       </picture>
                                                                                    </div>
                                                                                 </div>
                                                                              </div>
                                                                              <div>
                                                                                 <blockquote><span class="d-block h4">The cloud can transform the way you operate, but only when it’s designed to fit your unique business needs. That’s where we come in. Our experts specialize in building customized cloud solutions that go beyond the basics—helping you streamline workflows, reduce costs, and achieve greater agility.</span></blockquote>
                                                                              </div>
                                                                              <div>Talk to our experts and see how we make cloud work for you.</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Ready for Smarter Cloud Solutions?</span></h3>
                                                                                 </div>
                                                                                 <div class="block-slim block-slim--related-products">
                                                                                    <ul role="list" class="block-items-list block-items-list--align-inline">
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="Teams">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/customization.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>Customization</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="OneDrive">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/protection.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>Protection</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="PowerPoint">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/effecieny.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>Efficiency</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="Word">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/innovation.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="">Innovation</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-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/transform-with-confidence.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">Adopting cloud technology is a big step, but it doesn’t have to come with uncertainty. Our team creates cloud solutions that are predictable, secure, and future-ready—so your business can scale with confidence.</span></blockquote>
                                                                              </div>
                                                                              <div>Transform-with-confidence</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Discover a cloud setup that scales without surprises.</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/stability.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>Stability</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-colntrol.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>Cost Control </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/resilience.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>Resilience</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/future-proofing.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>Future-Proofing </div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                     <!--   <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="Intune">
                                                                                                <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/icon-1.png" class="lazy-image" loading="lazy" id="image-oce15c"/> </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> Adipiscing </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/power-up-your-performance.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">The right cloud infrastructure doesn’t just support your business—it accelerates it. Our experts specialize in optimizing cloud environments to deliver faster performance, stronger reliability, and smarter cost management.</span></blockquote>
                                                                              </div>
                                                                              <div data-oc-token-text>  Power Up Your Performance</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Faster applications and workloads for improved user experiences.</span></h3>
                                                                                 </div>
                                                                                 <div class="block-slim block-slim--related-products" data-component-id="b5cd651a36e54e9fc71a183b4ad18be8">
                                                                                    <ul role="list" class="block-items-list block-items-list--align-inline">
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" data-en-title="Teams">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/optimization.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>Optimization</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.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>Speed</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/availability.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>Availability</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/experrts.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>Experrts</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 class="empty-slide"></div>
                                                            </div>
                                                         </div>
                                                      </section>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    </div>
           <!--  analysis-section-start -->
            <div class="main__section partner-sec">
                                       <div class="container"  id="Partners">
                                          <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=" block-heading__eyebrow">
                                                               <div class="small-title small-grey-title fg--neutral-highlight">  your business to grow  </div>
                                                            </div>
                                                            <div class=" block-heading__title">
                                                               <div>
                                                                  <h2>Get In Touch</h2>
                                                               </div>
                                                            </div>
                                                            <div class=" block-heading__paragraph">
                                                               <div>60 years of combined experience providing IT Services to various industries.</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-1">
                                                   <div class="three-up-cards__card layout__col">
                                                      <div class="card">
                                                         <div class="card__media">
                                                            <div class="media rounded-m img-fluid">
                                                               <div class="ocr-img media__asset"> <img src="assets/images/why-choose-managed-it-page.jpg" class="lazy-image" loading="lazy" data-oc="oc7023" id="image-oc7023"/> </div>
                                                            </div>
                                                         </div>
                                                         <div class="card__content">
                                                            <div class="block-feature d-flex align-items-start block-feature--2xs block-feature--align-stacked block-feature--text-center">
                                                               <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">Got a more in depth question</span></h3>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class=" base block-feature__paragraph">
                                                                     <div> This initial consultation call will help you understand the importance of IT management. We’ll help you develop an IT roadmap for your business to grow.</div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <div ocr-component-name="block-slim" class="block-slim">
                                                               <div class="button-group"> <a class="link " tabindex="0" id="action-occf207" href="javascript:void(0)"> <span class="btn btn--icon-only btn--sm "> <span class="glyph-prepend" aria-hidden="true"></span> </span> <span class="link__text">Learn more</span> </a> </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
            <!-- analysis section end -->
            <!-- FAQ section Start -->
              <div ocr-component-name="main__section" class="main__section faq__sec">
                                       <div class="container" id="FAQ">
                                          <div class="row main__section__slot">
                                             <div class="col">
                                                <div ocr-component-name="faqs" class="ocr-faq">
                                                   <div class="ocr-faq__header">
                                                      <div class="ocr-faq__title">
                                                         <h2>
                                                            <div> Frequently asked questions </div>
                                                         </h2>
                                                      </div>
                                                      <div role="group" class="ocr-faq__controls" data-mount="ocr-collapse-controls" data-target="#accordion-container-accordion-inpage-oc4ff5">
                                                         <div class="button-group">
                                                            <button class="btn btn--secondary" type="button" data-action="expand" aria-disabled="false">
                                                               <div class="btn__text">
                                                                  <div>Expand all</div>
                                                               </div>
                                                            </button>
                                                            <button class="btn btn--secondary" type="button" data-action="collapse" aria-disabled="false" data-bi-ecn="Collapse all">
                                                               <div class="btn__text">
                                                                  <div>Collapse all</div>
                                                               </div>
                                                            </button>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <ul id="accordion-container-accordion-inpage-oc4ff5" class="accordion ">
                                                      <li class="ocr-faq-item ">
                                                         <div class="ocr-faq-item__content">
                                                            <div class="button-group button-group--stacked">
                                                               <button class="col ocr-faq-item__header faq-collapse" data-target="#accordion-inpage-oc4ff5-item_default" aria-expanded="false" data-mount="ocr-collapse">
                                                                  <div class="ocr-faq-item__header--label">
                                                                     <div class="small ">
                                                                        <div> 01/ </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class="ocr-faq-item__header--title">
                                                                     <div class="lead ">
                                                                        <div> <span class="d-block h5">What does SuperCloud’s managed IT support include? </span> </div>
                                                                     </div>
                                                                  </div>
                                                               </button>
                                                            </div>
                                                            <div class="ocr-faq-item__body-wrapper collapse " id="accordion-inpage-oc4ff5-item_default">
                                                               <div class="ocr-faq-item__empty-div"></div>
                                                               <div class="ocr-faq-item__body">
                                                                  <div>
                                                                     <div> <ul>
                                                                         <li>Comprehensive, proactive remote and onsite IT support.</li>
                                                                         <li>24/7 monitoring and management of all IT infrastructure—servers, computers, devices—to ensure security, uptime, and performance.</li>
                                                                     </ul> </div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </li>
                                                      <li class="ocr-faq-item ">
                                                         <div class="ocr-faq-item__content">
                                                            <div class="button-group button-group--stacked">
                                                               <button class="col ocr-faq-item__header faq-collapse" data-target="#accordion-inpage-oc4ff5-item_1726168810967" aria-expanded="false" data-mount="ocr-collapse">
                                                                  <div class="ocr-faq-item__header--label">
                                                                     <div class="small ">
                                                                        <div> 02/ </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class="ocr-faq-item__header--title">
                                                                     <div class="lead ">
                                                                        <div> <span class="d-block h5">What is covered under Managed Cloud Services?</span> </div>
                                                                     </div>
                                                                  </div>
                                                               </button>
                                                            </div>
                                                            <div class="ocr-faq-item__body-wrapper collapse " id="accordion-inpage-oc4ff5-item_1726168810967">
                                                               <div class="ocr-faq-item__empty-div"></div>
                                                               <div class="ocr-faq-item__body">
                                                                  <div>
                                                                     <div> <ul>
                                                                        <li>Scalable, always-available Cloud solutions on Microsoft Azure and Amazon AWS.</li>
                                                                        <li>Features include 99.99% uptime, built-in security, redundancy, cost simplicity, and robust disaster recovery</li>
                                                                     </ul>
                                                                      </div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </li>
                                                      <li class="ocr-faq-item ">
                                                         <div class="ocr-faq-item__content">
                                                            <div class="button-group button-group--stacked">
                                                               <button class="col ocr-faq-item__header faq-collapse" data-target="#accordion-inpage-oc4ff5-item_1726168812166" aria-expanded="false" data-mount="ocr-collapse">
                                                                  <div class="ocr-faq-item__header--label">
                                                                     <div class="small ">
                                                                        <div> 03/ </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class="ocr-faq-item__header--title">
                                                                     <div class="lead ">
                                                                        <div> <span class="d-block h5">How does SuperCloud handle network management?</span> </div>
                                                                     </div>
                                                                  </div>
                                                               </button>
                                                            </div>
                                                            <div class="ocr-faq-item__body-wrapper collapse " id="accordion-inpage-oc4ff5-item_1726168812166">
                                                               <div class="ocr-faq-item__empty-div"></div>
                                                               <div class="ocr-faq-item__body">
                                                                  <div>
                                                                     <div><ul><li>End-to-end management of IT networks with over 60 years of combined team experience.</li>
                                                                        <li>Services range from local connectivity and basic firewall setup to hybrid networking, load balancing, enterprise firewall, and encryption via client-server and site-to-site VPNs.</li>
                                                                     </ul></div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </li>
                                                      <li class="ocr-faq-item ">
                                                         <div class="ocr-faq-item__content">
                                                            <div class="button-group button-group--stacked">
                                                               <button class="col ocr-faq-item__header faq-collapse" data-target="#accordion-inpage-oc4ff5-item_1726168813296" aria-expanded="false" data-mount="ocr-collapse">
                                                                  <div class="ocr-faq-item__header--label">
                                                                     <div class="small ">
                                                                        <div> 04/ </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class="ocr-faq-item__header--title">
                                                                     <div class="lead ">
                                                                        <div> <span class="d-block h5"> What cybersecurity services do you offer?</span> </div>
                                                                     </div>
                                                                  </div>
                                                               </button>
                                                            </div>
                                                            <div class="ocr-faq-item__body-wrapper collapse " id="accordion-inpage-oc4ff5-item_1726168813296">
                                                               <div class="ocr-faq-item__empty-div"></div>
                                                               <div class="ocr-faq-item__body">
                                                                  <div>
                                                                     <div>
                                                                         <ul>
                                                                             <li>Continuous protection with services such as DLP, security audits, ransomware recovery, and 24/7 threat monitoring.</li>
                                                                             <li>Rooted in SuperCloud’s history as a network‑security provider since 2006</li>
                                                                         </ul>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </li>
                                                      <li class="ocr-faq-item ">
                                                         <div class="ocr-faq-item__content">
                                                            <div class="button-group button-group--stacked">
                                                               <button class="col ocr-faq-item__header faq-collapse" data-target="#accordion-inpage-oc4ff5-item_1726168814603" aria-expanded="false" data-mount="ocr-collapse">
                                                                  <div class="ocr-faq-item__header--label">
                                                                     <div class="small ">
                                                                        <div> 05/ </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class="ocr-faq-item__header--title">
                                                                     <div class="lead ">
                                                                        <div> <span class="d-block h5">How do you support data backup and disaster recovery?</span> </div>
                                                                     </div>
                                                                  </div>
                                                               </button>
                                                            </div>
                                                            <div class="ocr-faq-item__body-wrapper collapse " id="accordion-inpage-oc4ff5-item_1726168814603">
                                                               <div class="ocr-faq-item__empty-div"></div>
                                                               <div class="ocr-faq-item__body">
                                                                  <div>
                                                                     <div>
                                                                         <ul>
                                                                             <li>Offers both on-premise and cloud backups with 24/7 monitoring.</li>
                                                                             <li>Helps ensure business continuity by safeguarding against human error, cyberattacks, hardware failure, theft, and natural disasters </li>
                                                                         </ul>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </li>
                                                      <li class="ocr-faq-item ">
                                                         <div class="ocr-faq-item__content">
                                                            <div class="button-group button-group--stacked">
                                                               <button class="col ocr-faq-item__header faq-collapse" data-target="#accordion-inpage-oc4ff5-accordion_inpage_ite" aria-expanded="false" data-mount="ocr-collapse">
                                                                  <div class="ocr-faq-item__header--label">
                                                                     <div class="small ">
                                                                        <div> 06/ </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class="ocr-faq-item__header--title">
                                                                     <div class="lead ">
                                                                        <div>
                                                                           <h3><span class="d-block h5">Do you provide IT consulting and procurement services?</span></h3>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                               </button>
                                                            </div>
                                                            <div class="ocr-faq-item__body-wrapper collapse " id="accordion-inpage-oc4ff5-accordion_inpage_ite">
                                                               <div class="ocr-faq-item__empty-div"></div>
                                                               <div class="ocr-faq-item__body">
                                                                  <div>
                                                                     <div><ul>
                                                                         <li>Yes—SuperCloud customizes IT roadmaps aligned with business goals.</li>
                                                                         <li>Leverages vendor partnerships to recommend and procure hardware/software solutions that fit budgets and workloads.</li>
                                                                     </ul></div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </li>
                                                      <li class="ocr-faq-item ">
                                                         <div class="ocr-faq-item__content">
                                                            <div class="button-group button-group--stacked">
                                                               <button class="col ocr-faq-item__header faq-collapse" data-target="#accordion-inpage-oc4ff5-item_1726168816448" aria-expanded="false" data-mount="ocr-collapse">
                                                                  <div class="ocr-faq-item__header--label">
                                                                     <div class="small ">
                                                                        <div> 07/ </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class="ocr-faq-item__header--title">
                                                                     <div class="lead ">
                                                                        <div> <span class="d-block h5">What’s included in the Managed IT Services plan?</span> </div>
                                                                     </div>
                                                                  </div>
                                                               </button>
                                                            </div>
                                                            <div class="ocr-faq-item__body-wrapper collapse " id="accordion-inpage-oc4ff5-item_1726168816448">
                                                               <div class="ocr-faq-item__empty-div"></div>
                                                               <div class="ocr-faq-item__body">
                                                                  <div>
                                                                     <div> <ul>
                                                                         <li>Plans range from “Semi‑managed” to “Fully‑managed,” offering everything from remote support and security to cabling, firewall and VPN management, Microsoft 365 administration, vendor coordination, and Office moves .</li>
                                                                     </ul> </div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </li>
                                                      <li class="ocr-faq-item ">
                                                         <div class="ocr-faq-item__content">
                                                            <div class="button-group button-group--stacked">
                                                               <button class="col ocr-faq-item__header faq-collapse" data-target="#accordion-inpage-oc4ff5-item_1726168818315" aria-expanded="false" data-mount="ocr-collapse">
                                                                  <div class="ocr-faq-item__header--label">
                                                                     <div class="small ">
                                                                        <div> 08/ </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class="ocr-faq-item__header--title">
                                                                     <div class="lead ">
                                                                        <div> <span class="d-block h5">Can SuperCloud support remote and hybrid work environments?</span> </div>
                                                                     </div>
                                                                  </div>
                                                               </button>
                                                            </div>
                                                            <div class="ocr-faq-item__body-wrapper collapse " id="accordion-inpage-oc4ff5-item_1726168818315">
                                                               <div class="ocr-faq-item__empty-div"></div>
                                                               <div class="ocr-faq-item__body">
                                                                  <div>
                                                                     <div>
                                                                       <ul>
                                                                           <li>Yes, SuperCloud provides secure Cloud and VPN solutions that enable teams to work and collaborate from anywhere, ensuring data protection and continuous access to resources.</li>
                                                                       </ul>
                                                                          
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </li>
                                                      <li class="ocr-faq-item ">
                                                         <div class="ocr-faq-item__content">
                                                            <div class="button-group button-group--stacked">
                                                               <button class="col ocr-faq-item__header faq-collapse" data-target="#accordion-inpage-oc4ff5-item_1742366024820" aria-expanded="false" data-mount="ocr-collapse">
                                                                  <div class="ocr-faq-item__header--label">
                                                                     <div class="small ">
                                                                        <div> 09/ </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class="ocr-faq-item__header--title">
                                                                     <div class="lead ">
                                                                        <div> <span class="d-block h5">What industries does SuperCloud serve with Managed IT solutions?</span> </div>
                                                                     </div>
                                                                  </div>
                                                               </button>
                                                            </div>
                                                            <div class="ocr-faq-item__body-wrapper collapse " id="accordion-inpage-oc4ff5-item_1742366024820">
                                                               <div class="ocr-faq-item__empty-div"></div>
                                                               <div class="ocr-faq-item__body">
                                                                  <div>
                                                                     <div>
                                                                         <ul>
                                                                             <li>SuperCloud has experience working across a variety of business verticals, delivering tailored IT network and cybersecurity solutions that match specific industry needs.</li>
                                                                         </ul>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </li>
                                                   </ul>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
            <!-- FAQ section End -->
            <div class="main__section next-steps" id="it-planing">
                                       <div class="main__section__image ">
                                          <div class="ocr-img media__asset"> <img src="assets/images/it-plan-bg.png" class="lazy-image" loading="lazy"/></div>
                                       </div>
                                       <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 animation animation--effect-2-scroll">
                                                            <div class=" block-heading__eyebrow">
                                                               <div class="small-title small-grey-title fg--neutral-highlight"> best IT services in the industry </div>
                                                            </div>
                                                            <div class=" block-heading__title">
                                                               <div>
                                                                  <h2>Why Choose Us?</h2>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="row main__section__slot">
                                             <div class="col">
                                                <div class="cta-stacked animation animation--effect-2-scroll">
                                                   <div class="cta-stacked">
                                                      <div class="cta-stacked--vertical-cards three-up-cards layout layout--cols-2 mt-xl">
                                                         <div class="three-up-cards__card layout__col">
                                                            <div class="card">
                                                               <div class="card__media">
                                                                  <div class="media rounded-m img-fluid">
                                                                     <div class="ocr-img media__asset"> <img src="assets/images/steps-1.png" class="lazy-image" loading="lazy" id="image-oc97be"/> </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>
                                                                           <div class=" block-feature__title">
                                                                              <div>
                                                                                 <h3><span class="d-block h5">Experienced IT Partners for Every Industry</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> Super Cloud team has over 60 years of combined experience providing IT Services to various industries. Our IT services are customized keeping in mind specific business requirements, performance demands and budgets. </div>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class="block-slim">
                                                                     <div class="action d-contents"> <a class="link" href="javascript:void(0)"> <span class="btn btn--icon-only btn--sm"> <span class="glyph-prepend" aria-hidden="true"></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">
                                                               <div class="card__media">
                                                                  <div class="media rounded-m img-fluid">
                                                                     <div class="ocr-img media__asset"> <img src="assets/images/steps-2.png" class="lazy-image" loading="lazy" id="image-oca4b5"/> </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>
                                                                           <div class=" block-feature__title">
                                                                              <div>
                                                                                 <h3><span class="d-block h5">Reliable, User-Friendly IT Services</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> We are dedicated towards offering our clients the best IT services in the industry and our IT solutions are effective and user friendly. Our core principle is absolute transparency in everything we do.</div>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                                  <div class="block-slim">
                                                                     <div class="action d-contents"> <a class="link" id="action-occf207" href="javascript:void(0)"> <span class="btn btn--icon-only btn--sm "> <span class="glyph-prepend" aria-hidden="true"></span> </span> <span class="link__text">Learn more</span> </a> </div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                  <!-- 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 type="text/javascript">
 

</script>

 </body>
</html>
