<?php include('include/header.php');?>
 <body class="main-page page-base it-security-page">
  <div data-geo-country="CA">
   <div id="page-top" tabindex="-1">
   </div>
   <div class="root">
    <div class="main-wrapper">
     <div class="universalheader">
      <!--  main header-area -->
      <?php include('include/menu.php');?>
      <!--  main header-area -->
     </div>
     <div class="main-container dynamic-resize gridLayout gridLayout--default--12">
      <main class="main-wrapper" tabindex="-1">
       <div class="aem-Grid aem-Grid--12 aem-Grid--default--12">
        <div class="dynamic-resize gridLayout gridLayout--default--12">
         <div class="aem-Grid aem-Grid--12 aem-Grid--default--12">
          <!--  home-banner new --->
          <div class="main-home-banner">
           <div class="main__section main__section--breadth-comfortable main__section--density-none main__section--bg-image main__section--bg-image-stacked main__section--layout-two-column-gapped main__section--layout-header-vertical-alignment-middle main__section--layout-slot-horizontal-alignment-right main__section--2-column-hero-rtl main__section--no-end-padding gridLayout gridLayout--default--12 home-banner main__section-banner inner-banner ">
            <div class="container" id="primaryArea">
              <div class="item">
               <div class="col">
                <div class="layout main__section__layout main__section--layout-cols-2 row">
                 <div class="layout__col col-md-6">
                  <div class="main__section__layout-header">
                   <div class="block-heading block-heading--size-m animation animation--effect-2">
                    <div class="block-heading__title">
                     <div class="h1-heading">
                      <h1>
                      Business IT Security Services
                      </h1>
                     </div>
                    </div>
                    <div class="block-heading__paragraph">
                     <div class="paragraph">
                      Protect your business data with our advanced cyber security solutions.
Serving Vancouver, Burnaby, Surrey, Delta, Langley & Fraser valley!
                     </div>
                    </div>
                    <div class="block-heading__button-group">
                     <div class="button-group">
                      <a class="btn" href="#cloudsup" id="contact__us__3" tabindex="0">
                       <span class="btn__text">
                        Discover
                       </span>
                      </a>
                      <a class="btn btn--secondary" href="contact-super-cloud-it#contact_form" id="contact__us__3" tabindex="0">
                       <span class="btn__text">
                        Get a Free Consultation
                       </span>
                      </a>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                 <div class="layout__col col-md-6">
                  <div class="main__section__layout-slot">
                   <div class="media media--highlight media--highlight-glass media--pos-top-left animation animation--effect-2">
                    <div class="ocr-img media__asset">
                     <img class="lazy-image" id="banner_slider_3_image" loading="lazy" src="assets/images/it-security-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="#cloudsup" tabindex="0">
                      <div class="indicator indicator--shape-pill">
                      </div>
                      <span class="menu-list__list-item-text">
                       <div class="list-item">
                        <div class="list-item__inner d-flex align-items-center">
                         <div class="list-item__content flex-grow-1 d-flex flex-column">
                          <div class="fg--base-strong label list-item__content-title">
                           <div class="mb-0">
                            <div class="middle-link middle-link1">
                            Advanced Security
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                     <li class="menu-list__list-item">
                     <a aria-label="Solutions" class="menu-list__item-link" href="#it-support">
                      <div class="indicator indicator--shape-pill">
                      </div>
                      <span class="menu-list__list-item-text">
                       <div class="list-item">
                        <div class="list-item__inner d-flex align-items-center">
                         <div class="list-item__content flex-grow-1 d-flex flex-column">
                          <div class="fg--base-strong label list-item__content-title">
                           <div class="mb-0">
                            <div class="middle-link middle-link1">
                             Secure Business
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                     <li class="menu-list__list-item">
                     <a aria-label="Pricing" class="menu-list__item-link" href="#superpower">
                      <div class="indicator indicator--shape-pill">
                      </div>
                      <span class="menu-list__list-item-text">
                       <div class="list-item">
                        <div class="list-item__inner d-flex align-items-center">
                         <div class="list-item__content flex-grow-1 d-flex flex-column">
                          <div class="fg--base-strong label list-item__content-title">
                           <div class="mb-0">
                            <div class="middle-link middle-link1">
                            IT Security
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                    <li class="menu-list__list-item">
                     <a class="menu-list__item-link" href="#cloud-security">
                      <div class="indicator indicator--shape-pill">
                      </div>
                      <span class="menu-list__list-item-text">
                       <div class="list-item">
                        <div class="list-item__inner d-flex align-items-center">
                         <div class="list-item__content flex-grow-1 d-flex flex-column">
                          <div class="fg--base-strong label list-item__content-title">
                           <div class="mb-0">
                            <div class="middle-link middle-link1">
                             Simplifying IT
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </span>
                     </a>
                    </li>
                   </ul>
                  </div>
                  <div class="slider__arrows">
                   <button aria-hidden="true" class="slider__arrow-prev">
                   </button>
                   <div class="slider__arrow-prev slider__arrow-prev-bg">
                   </div>
                   <button aria-hidden="true" class="slider__arrow-next">
                   </button>
                   <div class="slider__arrow-next slider__arrow-next-bg">
                   </div>
                  </div>
                 </div>
                </div>
               </div>
               <div class="button-group">
                <a class="btn btn--sm btnSet-regquest" tabindex="0" data-oc="ocd78e" id="action-ocd78e" href="#contact"> <span class="btn__text">BOOK MEETING</span> </a>
               </div>
              </nav>
              <div class="indicator indicator--horizontal">
              </div>
             </div>
            </div>
            <!-- middle-nav-end -->
            <div id="cloudsup">
             <!-- acoordian-section start -->

             <div class="main__section light__theme main__section--density-compact main__section--1-column-hero-rtl">
                
                <!--services-section -->
            <div class="cloudSet" >
             <div class="">
              <div class="container">
               <div class="row">
                <div class="col">
                 <div class="layout main__section__layout">
                  <div class="layout__col">
                   <div class="main__section__layout-header">
                    <div class="block-heading block-heading--size-m animation animation--effect-2-scroll">
                     <div class="fg--neutral-highlight block-heading__eyebrow">
                      <div class="small-title small-grey-title fg--neutral-highlight">
                       Monitor. Protect. Prevent.
                      </div>
                     </div>
                     <div class="block-heading__title">
                      <div class="main-title">
                       <h2>
                        Advanced Security Solutions
                       </h2>
                      </div>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
               <div class="row main__section__slot">
                <div class="col">
                 <div class="cta-stacked">
                  <div class="cta-stacked--vertical-cards three-up-cards layout layout--cols-3 mt-xl">
                   <div class="three-up-cards__card layout__col">
                    <div class="card animation animation--effect-2-scroll">
                     <div class="card__media">
                      <div class="media rounded-m img-fluid">
                       <div class="ocr-img media__asset">
                        <img class="lazy-image" data-src="assets/images/networksecurity-audit.png" id="service_1" loading="lazy"/>
                       </div>
                      </div>
                     </div>
                     <div class="card__content">
                      <div class="block-feature d-flex align-items-start block-feature--2xs">
                       <div class="block-feature__top d-flex flex-row align-items-start">
                        <div class="block-feature__headings d-flex flex-column align-items-start">
                         <div class="block-feature__eyebrow">
                          <div class="fg--base-highlight block-feature__label">
                           <div class="small-title">
                            Identify Risks Early
                           </div>
                          </div>
                         </div>
                         <div class="block-feature__title">
                          <div>
                           <h3>
                            <span class="d-block h5">
                             Security for your Business
                            </span>
                           </h3>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="block-feature__body d-flex flex-column align-items-start">
                        <div class="base block-feature__paragraph">
                         <div>
                          Super Cloud never loses the sight of the fact that our IT solutions must be built around your business' requirements and challenges. Before proposing a solution for your business, we will conduct a detailed security assessment at every level throughout your organization, from physical access to mission-critical systems to confidential information being stored in the cloud to remote access.
                         </div>
                        </div>
                       </div>
                      </div>
                      <div class="block-slim">
                       <div class="action d-contents">
                        <a class="link" data-bi-cn="Learn more" data-bi-ecn="Learn more" href="#" id="" tabindex="0" target="_self">
                         <span class="btn btn--icon-only btn--sm">
                          <span aria-hidden="true" class="glyph-prepend">
                          </span>
                         </span>
                         <span class="link__text">
                          Learn more
                         </span>
                        </a>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                   <div class="three-up-cards__card layout__col">
                    <div class="card animation animation--effect-2-scroll">
                     <div class="card__media">
                      <div class="media rounded-m img-fluid">
                       <div class="ocr-img media__asset">
                        <img class="lazy-image" data-src="assets/images/security-operations-centre.png" id="service_2" loading="lazy"/>
                       </div>
                      </div>
                     </div>
                     <div class="card__content">
                      <div class="block-feature d-flex align-items-start block-feature--2xs">
                       <div class="block-feature__top d-flex flex-row align-items-start">
                        <div class="block-feature__headings d-flex flex-column align-items-start">
                         <div class="block-feature__eyebrow">
                          <div class="fg--base-highlight block-feature__label">
                           <div class="small-title">
                            Always On Protection
                           </div>
                          </div>
                         </div>
                         <div class="block-feature__title">
                          <div class="main-title">
                           <h3>
                            <span class="d-block h5">
                             Work anywhere, anytime!
                            </span>
                           </h3>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="block-feature__body d-flex flex-column align-items-start">
                        <div class="base block-feature__paragraph">
                         <div class="paragraph">
                          Remote working solutions help your staff stay in touch when they are out of the office. Tablets, smartphones, remote desktop connections and voice over IP telephony can all play their part in ensuring colleagues and contractors enjoy the right level of access to the right information whilst they are on the move. 
                         </div>
                        </div>
                       </div>
                      </div>
                      <div class="block-slim">
                       <div class="action d-contents">
                        <a class="link" data-bi-cn="Learn more" href="#" id="" tabindex="0" target="_blank">
                         <span class="btn btn--icon-only btn--sm">
                          <span aria-hidden="true" class="glyph-prepend">
                          </span>
                         </span>
                         <span class="link__text">
                          Learn more
                         </span>
                        </a>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                   <div class="three-up-cards__card layout__col">
                    <div class="card animation animation--effect-2-scroll">
                     <div class="card__media">
                      <div class="media rounded-m img-fluid">
                       <div class="ocr-img media__asset">
                        <img class="lazy-image" data-src="assets/images/central-security-management.png" id="service_3" loading="lazy"/>
                       </div>
                      </div>
                     </div>
                     <div class="card__content">
                      <div class="block-feature d-flex align-items-start block-feature--2xs">
                       <div class="block-feature__top d-flex flex-row align-items-start">
                        <div class="block-feature__headings d-flex flex-column align-items-start">
                         <div class="block-feature__eyebrow">
                          <div class="fg--base-highlight block-feature__label">
                           <div class="small-title">
                            Unified Policy Control
                           </div>
                          </div>
                         </div>
                         <div class="block-feature__title">
                          <div class="main-title">
                           <h3>
                            <span class="d-block h5">
                             Remote Work - Business Continuity
                            </span>
                           </h3>
                          </div>
                         </div>
                        </div>
                       </div>
                       <div class="block-feature__body d-flex flex-column align-items-start">
                        <div class="base block-feature__paragraph">
                         <div class="paragraph">
                         Remote connectivity solutions from Super Cloud enable your employees to work from their homes with the same level of access to your work IT network and your company phone lines (cloud PBX) as being in the office. Working remotely has an important role in your business continuity and disaster recovery planning.
                         </div>
                        </div>
                       </div>
                      </div>
                      <div class="block-slim">
                       <div class="action d-contents" ocr-component-name="action">
                        <a class="link" data-bi-cn="Learn more" href="#" id="" tabindex="0" target="_self">
                         <span class="btn btn--icon-only btn--sm">
                          <span aria-hidden="true" class="glyph-prepend">
                          </span>
                         </span>
                         <span class="link__text">
                          Learn more
                         </span>
                        </a>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <!--services section end -->
              </div>
             </div>

                    <!-- acoordian-section start -->
             <div class="main__section main__section--density-compact main__section--1-column-hero-rtl accordian-sec" id="it-support">
              <div class="container">
               <div class="row">
                <div class="col">
                 <div class="layout main__section__layout">
                  <div class="layout__col">
                   <div class="main__section__layout-header">
                    <div class="block-heading block-heading--size-m">
                     <div class="block-heading__eyebrow">
                      <div class="small-title small-grey-title fg--neutral-highlight">
                        Protect. Connect. Continue.
                      </div>
                     </div>
                     <div class="block-heading__title">
                      <div class="main-title">
                       <h2>
                        Secure Business 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 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">
                       Network & Data Security
                         </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">
                          Email & Cloud Protection
                         </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">
                          Endpoint & Device Management
                         </span>
                        </button>
                       </div>
                      </div>
                     </div>
                     <div class="tab-arrows">
                      <button aria-hidden="true" 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 aria-hidden="true" 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">
                                  Security for Your Business
                                 </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">
                                  Super Cloud never loses sight of the fact that our IT solutions must be built around your business requirements and challenges. Before proposing a solution for your business, we will conduct a detailed security assessment at every level throughout your organization, from physical access to mission-critical systems to confidential information stored in the cloud to remote access.
                                 </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/placeholder.jpg" data-src="assets/images/security-for-your-business-accodian.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">
                                  Remote Working Solutions
                                 </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">
                                 Remote working solutions help your staff stay in touch when they are out of the office. Tablets, smartphones, remote desktop connections, and voice over IP telephony can all play their part in ensuring colleagues and contractors enjoy the right level of access to the right information whilst they are on the move.
                                 </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/placeholder.jpg" data-src="assets/images/remote-working-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_1690872952598">
                                <h3 class="h5">
                                 <div class="accodian-title">
                                  IT Security Services
                                 </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">
                                  Super Cloud delivers IT security services to ensure your data and systems remain protected. From cyber risk prevention to secure access management, our solutions safeguard critical business operations and maintain compliance at all levels.
                                 </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/placeholder.jpg" data-src="assets/images/it-security%20-services-accodian.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">
                                  Remote Work & Business Continuity
                                 </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">
                                  Remote connectivity solutions from Super Cloud enable your employees to work from their homes with the same level of access to your IT network and company phone lines (cloud PBX) as being in the office. Working remotely plays a vital role in business continuity and disaster recovery planning.
                                 </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/placeholder.jpg" data-src="assets/images/remote-work-business-continuity.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">
                                 Network Security Audit
                                 </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">
                                  Analysis and published report of any network security threats. Recommendations to resolve issues and preventive measures are included. 
                                 </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/placeholder.jpg" data-src="assets/images/compute-storage-networking-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">
                                   Security Operations Centre
                                 </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">
                                  24×7 dedicated team using solutions that monitor, assess and defend networks, servers and workstations against any threats in real-time.
                                 </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/placeholder.jpg" data-src="assets/images/security-operaation-centert.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">
                                 Central Security Management
                                 </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">
                                  Deployment and support of centralized security policies for Windows and Mac environments, as well as mobile devices.
                                 </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/placeholder.jpg" data-src="assets/images/central-security-management-accrdian.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">
                                  Mimecast Solutions
                                 </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">
                                 Roll-out and support of Mimecast’s solutions that protect mailboxes (email), backup data and ensure business continuity.
                                 </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/placeholder.jpg" data-src="assets/images/mimecast--solutions.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_1690874466900">
                                <h3 class="h5">
                                 <div class="accodian-title">
                                   Anti-virus & Anti-Malware
                                 </div>
                                </h3>
                               </button>
                              </div>
                              <div class="collapse" data-parent="accordion-container-accordion-oc89da" id="accordion-oc89da-item_1690874466900">
                               <div class="ocr-accordion-item__body">
                                <div>
                                 <div class="accordion-para">
                                Deployment & support of enterprise level Anti-virus and Anti-malware software for workstations. Including enforced scheduled scans, updates and continuous threat management by our helpdesk.
                                 </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/placeholder.jpg" data-src="assets/images/anti-malware-protection-1.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>
                                  Microsoft 365 Solutions
                                 </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>
                                 Deployment and support for Microsoft 365 add-ons that provide enhanced security features for Exchange Online, SharePoint and OneDrive.
                                 </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/placeholder.jpg" data-src="assets/images//enterprice-resources-planning.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>
                                  Google Workspace Solutions
                                 </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>
                                 Deployment and support for Google add-ons that provide unrivalled security features for Gmail, Google Drive and Team Drives
                                 </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/placeholder.jpg" data-src="assets/images/google-workspace-soutions.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 data-oc-token-text="">
                                  Data Backup
                                 </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 data-oc-token-text="">
                                 Backup solutions to protect data stored on servers, workstations, NAS devices, Microsoft 365 and Google Workspace, with virtually unlimited data retention. All backups are fully managed by Super Cloud with support & proactive monitoring.
                                 </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/placeholder.jpg" data-src="assets/images/amazon-security-audits-accrdian.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="">
                                  Printing Security
                                 </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 data-oc-token-text="">
                                  Implementation of central printer management policies. PIN only printing, automated detailed reporting as required
                                 </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/placeholder.jpg" data-src="assets/images/content-delivery-edge-services-img.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-oc-token-text="">
                                  Hard Disk Encryption
                                 </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 data-oc-token-text="">
                                 
Whole disk encryption for workstations, servers & external storage. Centrally managed and supported encryption policies.

                                 </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/placeholder.jpg" data-src="assets/images/hard-disk-encryption-accordian.png"/>
                                  </div>
                                 </div>
                                </div>
                               </div>
                              </div>
                             </div>
                            </li>
                           </ul>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                      <a aria-label="Back to tabs" class="btn btn-link sr-only-focusable" data-focus="back-to-tabs">
                       Back to tabs
                      </a>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
             <!-- acoordian-section End -->
             
           <!-- product-service -->
           <div id="superpower" class="main__section theme-day main__section--breadth-comfortable">
             <div class="container" id="Products-and-services">
              <div class="row">
               <div class="col">
                <div class="layout main__section__layout">
                 <div class="layout__col">
                  <div class="main__section__layout-header">
                   <div class="block-heading animation animation--effect-2-scroll">
                    <div class="fg--neutral-highlight block-heading__eyebrow">
                     <div>
                      Network Security
                     </div>
                    </div>
                    <div class="block-heading__title">
                     <div>
                      <h2>
                      IT Security Services
                      </h2>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
              <div class="row main__section__slot">
               <div class="col">
                <div class="tabs-pill-bar tabs animation animation--effect-5-scroll">
                 <div class="cmp-tabs d-contents" data-cmp-is="tabs">
                  <div class="pill-bar no-gutters">
                   <div class="col" data-mount="tab-slider" id="pill-bar_tabs-pill-bar-oc58d2">
                    <div class="tab-overflow">
                     <div class="tab-window">
                      <div class="tab-group" role="tablist">
                       <button aria-controls="tabs-pill-bar-oc58d2_tab0" aria-selected="true" class="pill-bar__item active" data-mount="ocr-tabs" href="#tabs-pill-bar-oc58d2_tab0" id="tabs-pill-bar-oc58d2_tab0-tab" role="tab" tabindex="0">
                        <span class="pill-bar__item__label">
                        Enterprise Security
                        </span>
                       </button>
                       <button aria-controls="tabs-pill-bar-oc58d2_tab1" aria-selected="false" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc58d2_tab1" id="tabs-pill-bar-oc58d2_tab1-tab" role="tab" tabindex="-1">
                        <span class="pill-bar__item__label">
                         IT Protection
                        </span>
                       </button>
                       <button aria-controls="tabs-pill-bar-oc58d2_tab2" aria-selected="false" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc58d2_tab2" id="tabs-pill-bar-oc58d2_tab2-tab" role="tab" tabindex="-1">
                        <span class="pill-bar__item__label">
                         Business IT Security
                        </span>
                       </button>
                       <button aria-controls="tabs-pill-bar-oc58d2_tab3" aria-selected="false" class="pill-bar__item" data-cmp-hook-tabs="tab" data-mount="ocr-tabs" href="#tabs-pill-bar-oc58d2_tab3" id="tabs-pill-bar-oc58d2_tab3-tab" role="tab" tabindex="-1">
                        <span class="pill-bar__item__label">
                         Work From Anywhere 
                        </span>
                       </button>
                      </div>
                     </div>
                    </div>
                    <div class="tab-arrows">
                     <button aria-hidden="true" class="arrow-prev" data-bi-cn="Previous" data-bi-ct="Nav Left" data-width="40" tabindex="-1" type="button">
                      <span class="sr-only">
                       Previous
                      </span>
                     </button>
                     <div class="arrow-prev pill-bar__arrow-prev-bg">
                     </div>
                     <button aria-hidden="true" class="arrow-next" data-bi-cn="Next" data-bi-ct="Nav Right" data-width="40" tabindex="-1" type="button">
                      <span class="sr-only">
                       Next
                      </span>
                     </button>
                     <div class="arrow-next pill-bar__arrow-next-bg">
                     </div>
                    </div>
                   </div>
                  </div>
                  <div class="row">
                   <div class="col">
                    <div class="tab-panel-group">
                     <div class="tab-panel fade show active" data-cmp-hook-tabs="tabitems" id="tabs-pill-bar-oc58d2_tab0" role="tabpanel" tabindex="0tabs-pill-bar-oc58d2">
                      <div>
                       <div class="card-grid row">
                        <div class="card-grid__card-promo col-md-12 col-lg-6">
                         <div class="card-promo rounded-l depth-4">
                          <div class="card-promo__image">
                           <div class="media">
                            <div class="ocr-img media__asset">
                             <img alt="Image" class="" loading="lazy" src="assets/images/network-security-audit-img.jpg"/>
                            </div>
                           </div>
                          </div>
                          <div class="card-promo__fg-content">
                           <div class="safe-area">
                           </div>
                           <div class="block-feature d-flex align-items-start block-feature--xs">
                            <div class="block-feature__top d-flex flex-row align-items-start">
                             <div class="block-feature__headings d-flex flex-column align-items-start">
                              <div class="block-feature__eyebrow">
                              </div>
                              <div class="block-feature__title">
                               <div>
                                <h3>
                                 Network Security Audit
                                </h3>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="base block-feature__paragraph">
                              <div>
                               Analysis and published report of any network security threats. Recommendations to resolve issues and preventive measures are included.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="btn" data-bi-cn="Learn more" href="#" id="action-oc68bf" tabindex="0" target="_self">
                                 <span class="btn__text">
                                  Learn more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                        <div class="card-grid__cards col-lg-18">
                         <div class="layout layout--cols-3">
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/security-operations-centre-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>
                                  <h4>
                                   <span class="d-block h5">
                                    Security Operations Centre
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 24×7 dedicated team using solutions that monitor, assess and defend networks, servers and workstations against any threats in real-time.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc434ea" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/central-security-management-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>
                                  <h4>
                                   <span class="d-block h5">
                                    Central Security Management
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                Deployment and support of centralized security policies for Windows and Mac environments, as well as mobile devices.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-ocabef" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/mimecast-solutions.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Mimecast Solutions
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Roll-out and support of Mimecast’s solutions that protect mailboxes (email), backup data and ensure business continuity.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc50ec" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/microsoft-365-solutions.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Microsoft 365 Solutions
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                Deployment and support for Microsoft 365 add-ons that provide enhanced security features for Exchange Online, SharePoint and OneDrive.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/google-workspace-solutions.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Google Workspace Solutions
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Deployment and support for Google add-ons that provide unrivalled security features for Gmail, Google Drive and Team Drives
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc7648" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" src="assets/images/data-backup-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>
                                  <h4>
                                   <span class="d-block h5">
                                    Data Backup
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Backup solutions to protect data stored on servers, workstations, NAS devices, Microsoft 365 and Google Workspace, with virtually unlimited data retention. All backups are fully managed by Super Cloud with support & proactive monitoring.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc546d" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                     </div>
                     <div aria-labelledby="_tab1-tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" hidden="" id="tabs-pill-bar-oc58d2_tab1" role="tabpanel" tabindex="1tabs-pill-bar-oc58d2">
                      <div>
                       <div class="card-grid row">
                        <div class="card-grid__card-promo col-md-12 col-lg-6">
                         <div class="card-promo rounded-l depth-4">
                          <div class="card-promo__image">
                           <div class="media media--ratio-2-3">
                            <div class="ocr-img media__asset">
                             <img alt="Lorem" class="" loading="lazy" src="assets/images/printing-security.jpg"/>
                            </div>
                           </div>
                          </div>
                          <div class="card-promo__fg-content">
                           <div class="safe-area">
                           </div>
                           <div class="block-feature d-flex align-items-start block-feature--s">
                            <div class="block-feature__top d-flex flex-row align-items-start">
                             <div class="block-feature__headings d-flex flex-column align-items-start">
                              <div class="block-feature__eyebrow">
                              </div>
                              <div class="block-feature__title">
                               <div>
                                <h3>
                                 <span class="d-block h4">
                                  Printing Security
                                 </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>
                               Implementation of central printer management policies. PIN only printing, automated detailed reporting as required
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="btn" data-bi-cn="Learn more" href="#" tabindex="0" target="_self">
                                 <span class="btn__text">
                                  Learn more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                        <div class="card-grid__cards col-lg-18">
                         <div class="layout layout--cols-3">
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/anti-virus-anti-malware.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Anti-virus & Anti-Malware
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                Deployment & support of enterprise level Anti-virus and Anti-malware software for workstations. Including enforced scheduled scans, updates and continuous threat management by our helpdesk.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc388e" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/hard-disk-encryption.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Hard Disk Encryption
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                Whole disk encryption for workstations, servers & external storage. Centrally managed and supported encryption policies.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                     </div>
                     <div aria-labelledby="_tab2-tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" hidden="" id="tabs-pill-bar-oc58d2_tab2" role="tabpanel" tabindex="2tabs-pill-bar-oc58d2">
                      <div>
                       <div class="card-grid row">
                        <div class="card-grid__card-promo col-md-12 col-lg-6">
                         <div class="card-promo rounded-l depth-4">
                          <div class="card-promo__image">
                           <div class="media">
                            <div class="ocr-img media__asset">
                             <img alt="Lorem" class="" loading="lazy" src="assets/images/managed-it-services-img.jpg"/>
                            </div>
                           </div>
                          </div>
                          <div class="card-promo__fg-content">
                           <div class="safe-area">
                           </div>
                           <div class="block-feature d-flex align-items-start block-feature--s">
                            <div class="block-feature__top d-flex flex-row align-items-start">
                             <div class="block-feature__headings d-flex flex-column align-items-start">
                              <div class="block-feature__eyebrow">
                              </div>
                              <div class="block-feature__title">
                               <div>
                                <h3>
                                 Managed IT Services
                                </h3>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="base block-feature__paragraph">
                              <div>
                              Super Cloud IT Solutions provides reliable, secure, and tailored IT services for businesses of all sizes. 
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="btn" data-bi-cn="Learn more" href="#" id="action-oc8b58" tabindex="0" target="_self">
                                 <span class="btn__text">
                                  Learn more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                        <div class="card-grid__cards col-lg-18">
                         <div class="layout layout--cols-3">
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex" >
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/security-for-your-business-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>
                                  <h4>
                                   <span class="d-block h5">
                                    Security for Your Business
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 We ensure every IT solution is designed around your unique business needs and challenges.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc6972" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/detailed-security-assessments.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Detailed Security Assessments
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Before proposing solutions, we conduct a thorough security assessment at every organizational level.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc296f" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" loading="lazy" src="assets/images/physical-access-security.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Physical Access Security
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Evaluation of who has access to your physical infrastructure and critical systems.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc04d6" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" loading="lazy" src="assets/images/mission-critical-protection.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Mission-Critical Protection
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Safeguarding essential systems that keep your business running.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oca006" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/cloud-data-security.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Cloud Data Security
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                               Protecting confidential information stored in the cloud with strong security protocols.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-ocf631" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/remote-access-safety.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                    Remote Access Safety
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Securing remote access points to prevent unauthorized entry into your systems.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more" href="#" id="action-oc3de7" tabindex="0" target="_self">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                     </div>
                     <div aria-labelledby="_tab3-tab" class="tab-panel fade" data-cmp-hook-tabs="tabitems" hidden="" id="tabs-pill-bar-oc58d2_tab3" role="tabpanel" tabindex="3tabs-pill-bar-oc58d2">
                      <div>
                       <div class="card-grid row">
                        <div class="card-grid__card-promo col-md-12 col-lg-6">
                         <div class="card-promo rounded-l depth-4">
                          <div class="card-promo__image">
                           <div class="media media--ratio-2-3">
                            <div class="ocr-img media__asset">
                             <img alt="image" class="" loading="lazy" src="assets/images/work-anywhere-anytime-icon-security.jpg"/>
                            </div>
                           </div>
                          </div>
                          <div class="card-promo__fg-content">
                           <div class="safe-area">
                           </div>
                           <div class="block-feature d-flex align-items-start block-feature--s">
                            <div class="block-feature__top d-flex flex-row align-items-start">
                             <div class="block-feature__headings d-flex flex-column align-items-start">
                              <div class="block-feature__eyebrow">
                              </div>
                              <div class="block-feature__title">
                               <div>
                                <h3>
                                 Work Anywhere, Anytime
                                </h3>
                               </div>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__body d-flex flex-column align-items-start">
                             <div class="base block-feature__paragraph">
                              <div>
                               Remote working solutions help your staff stay connected outside the office.
                              </div>
                             </div>
                             <div class="block-feature__footer">
                              <div class="block-slim">
                               <div class="action d-contents">
                                <a class="btn" data-bi-cn="Learn more"href="#" id="action-oc3c65" tabindex="0" target="_self">
                                 <span class="btn__text">
                                  Learn more
                                 </span>
                                </a>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                        <div class="card-grid__cards col-lg-18">
                         <div class="layout layout--cols-3">
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset">
                                  <img alt="" class="" loading="lazy" src="assets/images/tools-for-mobility.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div data-oc-token-text="">
                                  <h4>
                                   <span class="d-block h5">
                                    Tools for Mobility
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                Tablets, smartphones, remote desktops, and VoIP telephony keep teams connected on the move.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" data-bi-cn="Learn more"  href="#" tabindex="0" target="_blank">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                          <div class="layout__col">
                           <div class="card h-100 rounded-l">
                            <div class="card__content">
                             <div class="block-feature d-flex align-items-start block-feature--2xs">
                              <div class="block-feature__badge">
                               <div class="badge badge--size-s">
                                <div class="ocr-icon d-inline-flex">
                                 <div class="ocr-img media__asset" >
                                  <img alt="" class="" loading="lazy" src="assets/images/business-continuity-disaster-recovery.png"/>
                                 </div>
                                </div>
                               </div>
                              </div>
                              <div class="block-feature__body d-flex flex-column align-items-start">
                               <div class="block-feature__headings d-flex flex-column align-items-start">
                                <div class="block-feature__title">
                                 <div>
                                  <h4>
                                   <span class="d-block h5">
                                   Business Continuity & Disaster Recovery
                                   </span>
                                  </h4>
                                 </div>
                                </div>
                               </div>
                               <div class="base block-feature__paragraph">
                                <div>
                                 Remote connectivity ensures employees can work from home with full access to IT networks and phone lines, supporting continuity and disaster recovery plans.
                                </div>
                               </div>
                              </div>
                             </div>
                             <div class="block-slim">
                              <div class="action d-contents">
                               <a class="link" href="#" id="action-oc764b" tabindex="0" target="_blank">
                                <span class="btn btn--icon-only btn--sm">
                                 <span aria-hidden="true" class="glyph-prepend">
                                 </span>
                                </span>
                                <span class="link__text">
                                 Learn more
                                </span>
                               </a>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
              <!-- Testimonials section -->
            <!-- Testimonials section -->
                      <div class="testimonials-1 cloud-testimonial"  id="Customer-stories1">
            <div ocr-component-name="main__section" class="main__section theme-day ain__section--layout-slot-horizontal-alignment-right">
                                       <div class="container">
                                          <div class="row">
                                             <div class="col">
                                                <div class="layout main__section__layout">
                                                   <div class="layout__col">
                                                      <div class="main__section__layout-header">
                                                         <div class="block-heading block-heading--size-s animation animation--effect-2-scroll">
                                                            <div class=" block-heading__eyebrow">
                                                               <div class="small-title small-grey-title fg--neutral-highlight"> Your complete IT partner, every step of the way</div>
                                                            </div>
                                                            <div class=" block-heading__title">
                                                               <div>
                                                                  <h2>Why SuperCloud</h2>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="row main__section__slot">
                                             <div class="col">
                                                <div class="carousel animation animation--effect-7-scroll effect-on scroll-snap-mandatory">
                                                   <div class="carousel carousel--indicator-media-bar carousel--type-case-study" id="carousel-occb7f">
                                                      <section class="carousel__section " data-mount="ocr-carousel">
                                                         <span id="carousel-carousel-occb7f-announcement-text" class="carousel__announcement-text sr-only" aria-live="polite" data-multi-slide-translatable="Showing %{curStart}-%{curEnd} of %{totalSlides} slides" data-single-slide-translatable="Showing slide %{curStart} of %{totalSlides}"></span> 
                                                         <div class="carousel__controls carousel__container" id="carousel-occb7f-controls">
                                                            <button type="button" class="carousel__arrow-prev" title="Previous Slide" data-slide="prev" aria-labelledby="carousel-control-prev-carousel-occb7f" aria-controls="carousel-occb7f-carousel__container" data-bi-ecn="Previous Slide" data-bi-ct="Nav Left"data-bi-cn="Previous Slide" data-bi-compnm="Carousel" > <span class="sr-only" id="carousel-control-prev-carousel-occb7f">Previous Slide</span> <span class="glyph-prepend glyph-prepend-back glyph-prepend-medium" aria-hidden="true"></span> </button> 
                                                            <ol class="carousel__indicators">
                                                               <li>
                                                                  <a href="#carousel-occb7f-0" class="carousel__indicators-item" role="button" aria-controls="carousel-occb7f-0" aria-current="false" data-current-slide-translatable="current slide" data-bi-compnm="Carousel">
                                                                     <div class="carousel__indicators-item--container carousel__indicators-type--media ">
                                                                        <div class="carousel__indicators-item__media">
                                                                           <div class="media media--ratio-21-9">
                                                                              <div class="ocr-img media__asset">
                                                                                 <picture id="image-oc2b77">
                                                                                    <img src="assets/images/microsoft-logo-1.png" class="lazy-image" loading="lazy"/>
                                                                                 </picture>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                        <span class="indicator" role="presentation"></span> 
                                                                     </div>
                                                                  </a>
                                                               </li>
                                                               <li>
                                                                  <a href="#carousel-occb7f-1" class="carousel__indicators-item" role="button" aria-controls="carousel-occb7f-1" aria-current="false" data-current-slide-translatable="current slide" data-bi-an="hannover re logo" data-bi-compnm="Carousel">
                                                                     <div class="carousel__indicators-item--container carousel__indicators-type--media ">
                                                                        <div class="carousel__indicators-item__media">
                                                                           <div class="media media--ratio-21-9">
                                                                              <div class="ocr-img media__asset">
                                                                                 <picture data-oc="oc2b77" id="image-oc2b77">
                                                                                    <img src="assets/images/aws-why.png" class="lazy-image" alt="hannover re logo" loading="lazy"/> 
                                                                                 </picture>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                        <span class="indicator" role="presentation"></span> 
                                                                     </div>
                                                                  </a>
                                                               </li>
                                                               <li>
                                                                  <a href="#carousel-occb7f-2" class="carousel__indicators-item" role="button" aria-controls="carousel-occb7f-2" aria-current="false" data-current-slide-translatable="current slide"data-bi-compnm="Carousel">
                                                                     <div class="carousel__indicators-item--container carousel__indicators-type--media ">
                                                                        <div class="carousel__indicators-item__media">
                                                                           <div class="media media--ratio-21-9">
                                                                              <div class="ocr-img media__asset">
                                                                                 <picture id="image-oc33c8">
                                                                                    <img src="assets/images/veem-1.png" class="lazy-image" loading="lazy"/>
                                                                                 </picture>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                        <span class="indicator" role="presentation"></span> 
                                                                     </div>
                                                                  </a>
                                                               </li>
                                                               <li>
                                                                  <a href="#carousel-occb7f-3" class="carousel__indicators-item" role="button" aria-controls="carousel-occb7f-3" aria-current="false" data-current-slide-translatable="current slide"data-bi-compnm="Carousel">
                                                                     <div class="carousel__indicators-item--container carousel__indicators-type--media ">
                                                                        <div class="carousel__indicators-item__media">
                                                                           <div class="media media--ratio-21-9">
                                                                              <div class="ocr-img media__asset">
                                                                                 <picture data-oc="oc392c" id="image-oc392c">
                                                                                    <img src="assets/images/Google_Cloud_logo-1.png" class="lazy-image" loading="lazy"/> 
                                                                                 </picture>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                        <span class="indicator" role="presentation"></span> 
                                                                     </div>
                                                                  </a>
                                                               </li>
                                                            </ol>
                                                            <button type="button" class="carousel__arrow-next" title="Next Slide" data-slide="next" aria-labelledby="carousel-control-next-carousel-occb7f" aria-controls="carousel-occb7f-carousel__container" data-bi-cn="Next Slide" data-bi-compnm="Carousel"> <span class="sr-only" id="carousel-control-next-carousel-occb7f">Next Slide</span> <span class="glyph-prepend glyph-prepend-forward glyph-prepend-medium" aria-hidden="true"></span> </button> 
                                                         </div>
                                                         <div class="carousel__window hide-scrollbar ">
                                                            <div id="carousel-occb7f-carousel__container" class="carousel__container layout layout--overflow ">
                                                               <div role="group" aria-roledescription="slide" id="carousel-occb7f-0" class="carousel__slide layout__col " tabindex="-1" data-slide-title="Slide 0" aria-label=" 1 of 4">
                                                                  <div class="testimonial-card bg--card-normal depth-4 rounded-l row m-0">
                                                                     <div class="testimonial-card__media order-md-1 col-6 col-md-6 col-lg-12">
                                                                        <div class="media">
                                                                           <div class="ocr-img media__asset"> <img src="assets/images/threat-assessment-audit.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">Identify vulnerabilities and secure your systems with expert audits.</span></blockquote>
                                                                              </div>
                                                                              <div>Threat Assessment & Audit</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Find risks before they grow</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/discover.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>Discovery</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/audit.png" class="lazy-image" alt loading="lazy" id="image-oc74da"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Audit</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" 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/risk-why.png" class="lazy-image" loading="lazy" id="image-ocf4eb"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Risk</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center" 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/report.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>Reporting</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                    </ul>
                                                                                 </div>
                                                                              </div>
                                                                              <div>
                                                                                 <div class="button-group"> <a class="btn" id="action-oc051e" href="contact-super-cloud-it#contact_form" data-bi-sn="4" tabindex="0"> <span class="btn__text">Get a Free Consultation
                                                                                  </span> </a> </div>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <div role="group" aria-roledescription="slide" id="carousel-occb7f-1" class="carousel__slide layout__col " tabindex="-1" data-slide-title="Slide 1" aria-label=" 2 of 4">
                                                                  <div class="testimonial-card bg--card-normal depth-4 rounded-l row m-0">
                                                                     <div class="testimonial-card__media order-md-1 col-6 col-md-6 col-lg-12">
                                                                        <div class="media">
                                                                           <div class="ocr-img media__asset"> <img src="assets/images/strong-defense-against-threats.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">Stop cyberattacks with proactive measures like firewalls and patching.</span></blockquote>
                                                                              </div>
                                                                              <div>Preventive Security Measures</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Strong defense against threats</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/firewall.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>Firewall</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/endpoint.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>Endpoint</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/patch.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>Patch</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/privacy-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>Policy</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                    </ul>
                                                                                 </div>
                                                                              </div>
                                                                              <div>
                                                                                 <div class="button-group"> <a class="btn" id="action-oc051e" href="contact-super-cloud-it#contact_form" data-bi-sn="4" tabindex="0"> <span class="btn__text">Get a Free Consultation
                                                                                  </span> </a> </div>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <div role="group" aria-roledescription="slide" id="carousel-occb7f-2" class="carousel__slide layout__col " tabindex="-1" data-slide-title="Slide 2" aria-label=" 3 of 4">
                                                                  <div class="testimonial-card bg--card-normal depth-4 rounded-l row m-0">
                                                                     <div class="testimonial-card__media order-md-1 col-6 col-md-6 col-lg-12">
                                                                        <div class="media">
                                                                           <div class="ocr-img media__asset"> <img src="assets/images/detection-response.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">Continuous monitoring with rapid response to contain security incidents.</span></blockquote>
                                                                              </div>
                                                                              <div>Detection & Response</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Act fast, recover faster</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/monitoring-why-2.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>Monitoring</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/alert-why.png" class="lazy-image" loading="lazy" id="image-occ75c"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Alerts</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/forensic.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>Forensics</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/remediation.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>Remediation</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                    </ul>
                                                                                 </div>
                                                                              </div>
                                                                              <div>
                                                                                 <div class="button-group"> <a class="btn" id="action-oc051e" href="contact-super-cloud-it#contact_form" data-bi-sn="4" tabindex="0"> <span class="btn__text">Get a Free Consultation
                                                                                  </span> </a> </div>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <div role="group" aria-roledescription="slide" id="carousel-occb7f-3" class="carousel__slide layout__col " tabindex="-1" data-slide-title="Slide 3" aria-label=" 4 of 4">
                                                                  <div class="testimonial-card bg--card-normal depth-4 rounded-l row m-0">
                                                                     <div class="testimonial-card__media order-md-1 col-6 col-md-6 col-lg-12">
                                                                        <div  class="media">
                                                                           <div class="ocr-img media__asset"> <img src="assets/images/compliance-training.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">Train teams and meet regulatory standards with confidence.</span></blockquote>
                                                                              </div>
                                                                              <div data-oc-token-text>Compliance & Training</div>
                                                                           </div>
                                                                           <div class="testimonial-card__footer">
                                                                              <div class="testimonial-card__products">
                                                                                 <div class="label ">
                                                                                    <h3><span class="d-block h6">Build trust, stay aligned</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/awareness.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>Awareness</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/standards.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>Standards</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/audit-why.png" class="lazy-image" loading="lazy" id="image-ocfd0e"/> </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                                <div class="list-item__content flex-grow-1 d-flex flex-column">
                                                                                                   <div class="fg--base-strong label list-item__content-title">
                                                                                                      <div class=" mb-0">
                                                                                                         <div>Audit</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                       <li class="block-items-list__item">
                                                                                          <div class="list-item">
                                                                                             <div class="list-item__inner d-flex align-items-center">
                                                                                                <div class="list-item__leading">
                                                                                                   <div class="ocr-icon d-inline-flex ocr-icon--size-m">
                                                                                                      <div class="ocr-img media__asset"> <img src="assets/images/certification.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>Certification</div>
                                                                                                      </div>
                                                                                                   </div>
                                                                                                </div>
                                                                                             </div>
                                                                                          </div>
                                                                                       </li>
                                                                                    </ul>
                                                                                 </div>
                                                                              </div>
                                                                              <div> 
                                                                                <div class="button-group"> <a class="btn" id="action-oc051e" href="contact-super-cloud-it#contact_form" data-bi-sn="4" tabindex="0"> <span class="btn__text">Get a Free Consultation
                                                                                  </span> </a> </div>
                                                                              </div>
                                                                           </div>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <div class="empty-slide"></div>
                                                            </div>
                                                         </div>
                                                      </section>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    </div>
            <!-- testimonials section end -->
            <!-- FAQ section Start -->
            <div id="cloud-security" class="main__section theme-day cloud-step">
             <div class="main__section__image">
              <div class="ocr-img media__asset">
               <img alt="" class="" loading="lazy" src="assets/images/cloud-step.jpg">
              </div>
             </div>
             <div class="container" id="Get-started">
              <div class="row">
               <div class="col">
                <div class="layout main__section__layout">
                 <div class="layout__col">
                  <div class="main__section__layout-header">
                   <div class="block-heading animation animation--effect-2-scroll">
                    <div class="fg--neutral-highlight block-heading__eyebrow">
                     <div>
                       Protecting Your Business, Simplifying IT
                     </div>
                    </div>
                    <div class="block-heading__title">
                     <div>
                      <h2>
                      Next-Generation IT Security Solutions
                      </h2>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
              <div class="row main__section__slot">
               <div class="col">
                <div class="three-up-cards layout layout--cols-4 animation animation--effect-3-scroll">
                 <div class="three-up-cards__card layout__col">
                  <div class="card">
                   <div class="card__content">
                    <div class="block-feature d-flex align-items-start block-feature--2xs">
                     <div class="block-feature__badge">
                      <div class="badge badge--size-s">
                       <div class="ocr-icon d-inline-flex">
                        <div class="ocr-img media__asset">
                         <img alt="proactive-threat-detection" loading="lazy" src="assets/images/proactive-threat-detection.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">
                           Proactive Threat Detection
                          </span>
                         </h3>
                        </div>
                       </div>
                      </div>
                      <div class="base block-feature__paragraph">
                       <div>
                        Stay one step ahead of cyber risks with continuous monitoring and early detection tools. Our team identifies potential threats before they impact your operations.
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="block-slim">
                     <div class="action d-contents">
                      <a class="link" data-bi-cn="Get Started" href="#" id="action-oc0516" tabindex="0" target="_self">
                       <span class="btn btn--icon-only btn--sm">
                        <span aria-hidden="true" class="glyph-prepend">
                        </span>
                       </span>
                       <span class="link__text">
                        Get Started
                       </span>
                      </a>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                 <div class="three-up-cards__card layout__col">
                  <div class="card">
                   <div class="card__content">
                    <div class="block-feature d-flex align-items-start block-feature--2xs">
                     <div class="block-feature__badge">
                      <div class="badge badge--size-s">
                       <div class="ocr-icon d-inline-flex">
                        <div class="ocr-img media__asset">
                         <img alt="secure-cloud-network" loading="lazy" src="assets/images/secure-cloud-network.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">
                          Secure Cloud & Network
                          </span>
                         </h3>
                        </div>
                       </div>
                      </div>
                      <div class="base block-feature__paragraph">
                       <div>
                        We safeguard your cloud and network environments using advanced encryption and access controls, ensuring sensitive data remains protected at all times.
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="block-slim">
                     <div class="action d-contents">
                      <a class="link" data-bi-cn="Try Teams for free" href="#" id="action-oc6b6e" tabindex="0" target="_self">
                       <span class="btn btn--icon-only btn--sm">
                        <span aria-hidden="true" class="glyph-prepend">
                        </span>
                       </span>
                       <span class="link__text">
                       Get Started
                       </span>
                      </a>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                 <div class="three-up-cards__card layout__col">
                  <div class="card">
                   <div class="card__content">
                    <div class="block-feature d-flex align-items-start block-feature--2xs">
                     <div class="block-feature__badge">
                      <div class="badge badge--size-s">
                       <div class="ocr-icon d-inline-flex">
                        <div class="ocr-img media__asset">
                         <img alt="regulatory-compliance-made-easy" loading="lazy" src="assets/images/regulatory-compliance-made-easy.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">
                          Regulatory Compliance Made Easy
                          </span>
                         </h3>
                        </div>
                       </div>
                      </div>
                      <div class="base block-feature__paragraph">
                       <div>
                      Navigate complex industry regulations with confidence. Our IT security practices help your business stay compliant with standards like ISO, GDPR, and HIPAA.
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="block-slim">
                     <div class="action d-contents">
                      <a class="link" href="#" id="action-ocbcb8" tabindex="0" target="_self">
                       <span class="btn btn--icon-only btn--sm">
                        <span aria-hidden="true" class="glyph-prepend">
                        </span>
                       </span>
                       <span class="link__text">
                        Get Started
                       </span>
                      </a>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                 <div class="three-up-cards__card layout__col">
                  <div class="card">
                   <div class="card__content">
                    <div class="block-feature d-flex align-items-start block-feature--2xs">
                     <div class="block-feature__badge">
                      <div class="badge badge--size-s">
                       <div class="ocr-icon d-inline-flex">
                        <div class="ocr-img media__asset">
                         <img alt="disaster-recovery-continuity"  loading="lazy" src="assets/images/disaster-recovery-continuity.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">
                          Disaster Recovery & Continuity
                          </span>
                         </h3>
                        </div>
                       </div>
                      </div>
                      <div class="base block-feature__paragraph">
                       <div>
                      Minimize downtime with robust backup strategies and disaster recovery plans, ensuring your business stays operational even during unexpected IT disruptions.
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="block-slim">
                     <div class="action d-contents">
                      <a class="link" data-bi-cn="Learn more" href="#" id="action-oc6975" tabindex="0" target="_self">
                       <span class="btn btn--icon-only btn--sm">
                        <span aria-hidden="true" class="glyph-prepend">
                        </span>
                       </span>
                       <span class="link__text">
                        Get Started
                       </span>
                      </a>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <!-- FAQ section End -->
           <!-- Contact section start -->
            <div class="contact-sec contact-section-two" id="contact">
             <div class="main__section light__theme main__section--density-compact main__section--1-column-hero-rtl">
              <div class="container" id="contactus">
               <div class="row">
                <div class="col">
                 <div class="layout main__section__layout">
                  <div class="layout__col">
                   <div class="main__section__layout-header">
                    <div class="block-heading">
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
               <div class="row main__section__slot contct-us">
                <div class="col">
                 <div class="cta-stacked">
                  <div class="cta-stacked">
                   <div class="container-md cta-stacked--horizontal-cards">
                    <div class="card-horizontal-container animation animation--effect-2-scroll">
                     <div class="row">
                      <div class="col">
                       <div class="card-horizontal">
                        <div class="row align-items-center">
                         <div class="card-horizontal__media col-lg-12 col-md-6">
                          <div class="block-feature d-flex align-items-start block-feature--xs block-feature--align-list contact-form">
                           <div class="block-feature__body d-flex flex-column align-items-start">
                            <div class="block-heading__title">
                             <div class="block-feature__title">
                              <div class="">
                               <h2>
                                <span class="d-block h2">
                                 Get in touch
                                </span>
                               </h2>
                              </div>
                             </div>
                            </div>
                            <div class="base block-feature__paragraph">
                             <div class="paragraph">
                              To start your IT journey with our professional IT Services, get in touch today.
                             </div>
                            </div>
                            <div class="block-feature__footer">
                             <div class="">
                              <div class="list-item">
                               <?php include('contactform.php'); ?>
                               <div class="alert alert-success" id="successAlert" role="alert" style="display: none;">
            Your message has been sent successfully! We'll get back to you soon.
        </div>
        
        <div class="alert alert-danger" id="errorAlert" role="alert" style="display: none;">
            There was an error sending your message. Please try again later.
        </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                         <div class="card-horizontal__spacer">
                         </div>
                         <div class="card-horizontal__content col-lg-12 col-md-6">
                          <div class="block-feature d-flex align-items-start block-feature--xs block-feature--align-list">
                           <div class="block-feature__body d-flex flex-column align-items-start">
                            <div class="block-heading__title">
                             <div class="block-feature__title">
                              <div class="">
                               <h2>
                                <span class="d-block h2">
                                IT. MADE. SUPER.
                                </span>
                               </h2>
                              </div>
                             </div>
                            </div>
                            <div class="block-feature__footer">
                             <div class="contact-icon d-flex align-items-center">
                              <div class="main-title counter-heading">
                               <h5 class="text-left">
                                Your business growth is at the forefront of everything we do.
                                <span>
                                 Our team will meet with you to discuss your needs and offer
                                </span>
                                a health assessment of your IT infrastructure and business technology.
                               </h5>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                     </div>
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <!--Contact section end -->
                 <!--  footer-section-start -->
            <?php include('include/footer.php');?>
            <!--  footer-section-end -->
           </div>
          </div>
         </div>
        </div>
       </div>
      </main>
     </div>
    </div>
   </div>
  </div>
  <script type="text/javascript">
   $('#dropdownButton').click(function() {
  $('.dropdown-menu').toggle(); // Toggle visibility of the submenu
});
  </script>
 </body>
</html>
