text: import React, { useState } from 'react';
  import { Helmet } from 'react-helmet';
  import { Modal, ModalHeader, ModalBody } from 'reactstrap';
  import Layout from '../../components/layout';
  import { FaBars } from 'react-icons/fa';
  import '../../components/layout.css';
  import styled from 'styled-components';
  import self from '../../images/ManagedBackup/Self Service Portal.png';
  import cloudImaged from '../../images/ManagedBackup/backup.png';
  import security from '../../images/ManagedBackup/Security.png';
  import geolocation from '../../images/ManagedBackup/MultipleSecureGeoLocations.png';
  import backupStorage from '../../images/ManagedBackup/BackupStorage.png';
  import efficientStorage from '../../images/ManagedBackup/EfficientBackupStorageUsage.png';
  import protection from '../../images/ManagedBackup/ProtectionforAnyworkload.png';
  import restore from '../../images/ManagedBackup/Restore.png';
  import support from '../../images/ManagedBackup/Support.png';
  import price from '../../images/ManagedBackup/affordableprice.png';
  import AP from '../../images/ManagedBackup/AffordablePricing.png';
  import ARP from '../../images/ManagedBackup/Availability&ReliablePerformance.png';
  import HW from '../../images/ManagedBackup/Hostanyworkload.png';
  import MS from '../../images/ManagedBackup/MigrationServices.png';
  import MSGL from '../../images/ManagedBackup/MultiSecureGeoLocations.png';
  import SCR from '../../images/ManagedBackup/HSecurity.png';
  import ST from '../../images/ManagedBackup/StorageTypesavailable.png';
  import SPT from '../../images/ManagedBackup/HSupport.png';
  import HostedInfra from '../../images/ManagedBackup/HostedInfra.png';
  
  import {
    TabContent,
    TabPane,
    Nav,
    NavItem,
    NavLink,
    Row,
    Col,
    Collapse,
    NavbarToggler,
    Navbar
  } from 'reactstrap';
  import classnames from 'classnames';
  import SEO from '../../components/seo.js';
  import BreadCrumbs from '../../components/Home/Breadcrumbs.js';
  const PrimaryCloudHosting = () => {
    const [activeTab, setActiveTab] = useState('1');
    const toggle = tab => {
      if (activeTab !== tab) setActiveTab(tab);
    };
    const [collapsed, setCollapsed] = useState(true);
  
    const toggleNavbar = () => setCollapsed(!collapsed);
  
    const [isOpen, setNav] = useState(true);
    const toggleTab = () => {
      setNav(isOpen => !isOpen);
    };
    const onTop = () => {
      window.scroll(0, 0);
    };
    return (
      <Layout>
        <Helmet>
          <meta
            name="description"
            content="Synectiks Secure Cloud Hosted Services supports a variety of workloads & Disaster Recovery with a high degree of control, security and simplicity. Support your mission-critical applications and workloads with instant and scalable infrastructure. With Synectiks Cloud Hosted Services, you can focus on your business needs instead of spending the time and money it takes to plan, procure, secure and manage the right infrastructure to meet your application demands."
          />
          <link
            rel="canonical"
            href="https://synectiks.com/private-cloud-hosting-services/index.html"
          />
        </Helmet>
        <SEO title="Private Cloud Hosting" />
        <PrimaryCloudHostingWrapper>
          <div className="bg-lightgrey container-fluid">
            <div className="text-justify">
              <BreadCrumbs
                title="Home"
                subtitle="Services"
                pageTitle="Private Cloud Hosting Services"
              />
              <h1>Private Cloud Hosting</h1>
            </div>
            <Row className="d-flex justify-content-start">
              <Navbar
                color="light"
                light="light"
                expand="md"
                className="topNav ml-n2"
              >
                <NavbarToggler onClick={toggleNavbar} className="mr-2" />
                <Collapse isOpen={!collapsed} navbar>
                  <Nav
                    navbar
                    className="bgWhite d-flex justify-content-between my-4 w-85"
                  >
                    <NavItem className="one">
                      <NavLink
                        id="bgL"
                        className={classnames({ active: activeTab === '1' })}
                        onClick={() => {
                          toggle('1');
                          toggleTab();
                          onTop();
                        }}
                      >
                        CLOUD HOSTED INSFRASTRUCTURE
                      </NavLink>
                    </NavItem>
                    <NavItem className="one">
                      <NavLink
                        id="bgLL"
                        className={classnames({ active: activeTab === '2' })}
                        onClick={() => {
                          toggle('2');
                          toggleTab();
                          onTop();
                        }}
                      >
                        CLOUD BACKUP
                      </NavLink>
                    </NavItem>
                  </Nav>
                </Collapse>
              </Navbar>
              <div className="px-2 px-md-0 mb-3 col-md-12">
                <TabContent activeTab={activeTab}>
                  <TabPane tabId="1">
                    <div className="bg-lightgrey mb-0 pb-3">
                      <div className="">
                        <div className="text-black w-100  pb-md-4 pb-2 flex-column flex-md-row d-flex">
                          <div className="w-100  pl-3 pr-3 text-black">
                            <h3 className="my-1 my-md-3">
                              {' '}
                              Cloud Hosted Infrastructure
                            </h3>
                            <p className="lineHeight-24 ptext mt-md-4 mt-1">
                              Synectiks Secure Cloud Hosted Services supports a
                              variety of workloads & Disaster Recovery with a high
                              degree of control, security and simplicity. Support
                              your mission-critical applications and workloads
                              with instant and scalable infrastructure. With
                              Synectiks Cloud Hosted Services, you can focus on
                              your business needs instead of spending the time and
                              money it takes to plan, procure, secure and manage
                              the right infrastructure to meet your application
                              demands.
                            </p>
                          </div>
                          <div className="w-100 ml-md-auto" data-aos="fade-up">
                            <img
                              class="w75 ml-md-5"
                              src={HostedInfra}
                              width="100%"
                              alt="Hosted Infrastructure"
                            />
                          </div>
                        </div>
                        <h4>
                          {' '}
                          Why choose SYNECTIKS Cloud Hosted Infrastructure
                          Services? 
                        </h4>
                        <div className="d-flex flex-column flex-md-row align-items-center align-items-md-start mt-1 mt-md-3">
                          <img
                            class="w-12 mr-0 mr-md-5"
                            src={SCR}
                            alt="Security"
                          />
                          <div>
                            <h5>Security</h5>
                            <p className="mt-2 pcenter">
                              Never trade-off security when moving to cloud,
                              Synectiks Secure Cloud incorporates Multifactor
                              authentication, SSL-VPN, Data-At-Rest Encryption,
                              Antivirus, Anti-Malware, Vulnerability Scans,
                              Intrusion Prevention System (IPS), Denial of Service
                              (DoS), IOC Detection with traffic segmentation.
                            </p>
                          </div>
                        </div>
                        <div className="d-flex flex-column flex-md-row  align-items-center align-items-md-center mt-3">
                          <img
                            class="w-12 mr-0 mr-md-5"
                            src={ARP}
                            alt="Availability & Reliable Performance"
                          />
                          <div>
                            <h5>Availability & Reliable Performance</h5>
                            <p className="mt-2 pcenter">
                              Built with best of the bread technologies, our
                              infrastructure can support any workload with
                              reliable and consistent performance.
                            </p>
                          </div>
                        </div>
                        <div className="d-flex flex-column flex-md-row  align-items-center align-items-md-start mt-1 mt-md-5">
                          <img
                            class="w-12 mr-0 mr-md-5"
                            src={AP}
                            alt="Affordable Pricing"
                          />
                          <div>
                            <h5>Affordable Pricing</h5>
                            <p className="mt-2 pcenter">
                              we believe we have competitive affordable pricing
                              when compared all major Vendors/public clouds
                              currently available in the Market. <br />
                              Contact us at&nbsp;
                              <a href="mailto:info@synectiks.com" target="_top">
                                info@synectiks.com
                              </a>
                              for a quick affordable customized quote.
                            </p>
                          </div>
                        </div>
                        <div className="d-flex flex-column flex-md-row align-items-center align-items-md-center mt-1 mt-md-5">
                          <img
                            class="w-12 mr-0 mr-md-5"
                            src={self}
                            alt="Self-service portal"
                          />
                          <div>
                            <h5>Self-service portal</h5>
                            <p className="mt-2 pcenter">
                              Manage and control all your company Hosted
                              infrastructure with easy self-service portal.
                            </p>
                          </div>
                        </div>
                        <div className="d-flex flex-column flex-md-row  align-items-center  align-items-md-end mt-1 mt-md-5">
                          <img
                            class="w-12 mr-0 mr-md-5"
                            src={MSGL}
                            alt="Multi Secure Geo Locations"
                          />
                          <div>
                            <h5>Multi Secure Geo Locations</h5>
                            <p className="mt-2 pcenter">
                              Different Secure Geo locations for customers to
                              choose. Different power grid locations to make sure
                              your infrastructure is available when disaster
                              strikes a location.
                            </p>
                          </div>
                        </div>
                        <div className="d-flex  flex-column flex-md-row align-items-center  align-items-md-start  mt-1 mt-md-5">
                          <img
                            class="w-12 mr-0 mr-md-5"
                            src={HW}
                            alt="Host any workload"
                          />
                          <div>
                            <h5>Host any workload</h5>
                            <p className="mt-2 pcenter">
                              Whether your mission-critical applications powered
                              by Linux, Windows Server, all Major Applications and
                              Databases, Synectiks offers support for these and
                              other workloads, including your favorite Open Source
                              technologies, choose from a wide variety of virtual
                              machine sizes and storage performance classes
                              configured for specific types of workloads.
                            </p>
                          </div>
                        </div>
                        <div className="d-flex flex-column flex-md-row  align-items-center align-items-md-center mt-4">
                          <img
                            class="w-12 mr-0 mr-md-5"
                            src={ST}
                            alt="Storage Types available:"
                          />
                          <div>
                            <h5>Storage Types available</h5>
                            <p className="mt-2 pcenter">
                              S3, NAS, SAN, Cloud file & share.
                            </p>
                          </div>
                        </div>
                        <div className="d-flex flex-column flex-md-row  align-items-center  align-items-md-center mt-1 mt-md-5">
                          <img
                            class="w-12 mr-0 mr-md-5"
                            src={MS}
                            alt="Migration Services"
                          />
                          <div>
                            <h5>Migration Services</h5>
                            <p className="mt-2 pcenter">
                              we have expert professional team to migrate your
                              current on premises workloads to cloud.
                            </p>
                          </div>
                        </div>
                        <div className="d-flex flex-column flex-md-row align-items-center align-items-md-center mt-1 mt-md-5">
                          <img
                            class="w-12 mr-0 mr-md-5"
                            src={SPT}
                            alt="Support"
                          />
                          <div>
                            <h5>Support</h5>
                            <p className="mt-2 pcenter">
                              Follow the Sun model - 24/7/365 days support from
                              both onshore and offshore Teams.
                            </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </TabPane>
                  <TabPane tabId="2">
                    <div>
                      <div className="bg-lightgrey text-black w-100  pb-md-4 pb-2 flex-column flex-md-row d-flex">
                        <div className="w-100  pl-3 pr-3 text-black">
                          <h3 className="my-1 my-md-3">
                            Secure, Reliable & Very Affordable Cloud Backup
                            Solution
                          </h3>
                          <p className="lineHeight-24 ptext mt-md-4 mt-1">
                            At Synectiks, Data Protection is at the topmost
                            priority and is monitored with utmost vigilance.
                            Synectiks Cloud Backup with front line innovation
                            reinforcement arrangements offers a simple, secure and
                            moderate cloud offsite backup needs. You can have your
                            backup offsite with sureness at Synectiks Cloud
                            establishment at Preferred Geo Locations. Synectiks
                            backup solutions provide exceptional, customizable
                            backup and storage management solutions for any system
                            setup: physical servers, virtual machines, PCs,
                            business-critical applications, Databases and more.
                          </p>
                        </div>
                        <div className="w-100 ml-md-auto" data-aos="fade-up">
                          <img
                            class="w75 ml-md-5 box-shadow"
                            src={cloudImaged}
                            width="100%"
                            alt="Hosted Infrastructure"
                          />
                        </div>
                      </div>
  
                      <h4>Why choose SYNECTIKS Cloud Backup Solution?</h4>
                      <div className="d-flex flex-column flex-md-row align-items-center align-items-md-start mt-1 mt-md-3">
                        <img
                          class="w-12 mr-0 mr-md-5"
                          src={security}
                          alt="Security"
                        />
                        <div>
                          <h5>Security</h5>
                          <p className="pcenter">
                            Make sure your vendor offers strong security,
                            including encryption. It doesn't matter how well you
                            have protected your primary systems if your backup
                            systems present an easy target for attackers. Any
                            cloud backup service you use needs to have the same
                            level of security that your primary systems have.
                          </p>
                          <ul>
                            <li>
                              END to END Encryption: In-Flight and Data-At-Rest
                              Encryption
                            </li>
                            <li>AI-based ransomware protection </li>
                          </ul>
                        </div>
                      </div>
                      <div className="d-flex flex-column flex-md-row  align-items-center align-items-md-center mt-3">
                        <img
                          class="w-12 mr-0 mr-md-5"
                          src={backupStorage}
                          alt="Availability & Reliable Performance"
                        />
                        <div>
                          <h5>Different Modes of Backup Storage available</h5>
                          <p className="pcenter">S3, NAS, SAN, ABGP.</p>
                        </div>
                      </div>
                      <div className="d-flex flex-column flex-md-row  align-items-center align-items-md-start mt-1 mt-md-5">
                        <img
                          class="w-12 mr-0 mr-md-5"
                          src={price}
                          alt="Affordable Pricing"
                        />
                        <div>
                          <h5>Affordable Price</h5>
                          <p className="pcenter">
                            Cloud Backup storage as low as $0.015/GB per Month
                            (only charged for the storage consumed).
                          </p>
                        </div>
                      </div>
                      <div className="d-flex flex-column flex-md-row align-items-center align-items-md-center mt-1 mt-md-5">
                        <img
                          class="w-12 mr-0 mr-md-5"
                          src={self}
                          alt="Self-service portal"
                        />
                        <div>
                          <h5>Self-service portal</h5>
                          <p className="mt-2 pcenter">
                            Manage and control all your company Backups with easy
                            self-service portal.
                          </p>
                        </div>
                      </div>
                      <div className="d-flex flex-column flex-md-row  align-items-center  align-items-md-end mt-1 mt-md-5">
                        <img
                          class="w-12 mr-0 mr-md-5"
                          src={efficientStorage}
                          alt="Efficient Backup Storage Usage"
                        />
                        <div>
                          <h5>Efficient Backup Storage Usage</h5>
                          <p className="mt-2 pcenter">
                            De-duplication and Compression technologies optimize
                            backup storage capacity.
                          </p>
                        </div>
                      </div>
                      <div className="d-flex flex-column flex-md-row  align-items-center  align-items-md-end mt-1 mt-md-5">
                        <img
                          class="w-12 mr-0 mr-md-5"
                          src={geolocation}
                          alt="Multi Secure Geo Locations"
                        />
                        <div>
                          <h5>Multi Secure Geo Locations</h5>
                          <p className="pcenter">
                            We at Synectiks aim for 3-2-1 rule of Thumb to protect
                            the Data, which implies that you should always have
                            three copies of your data, that you keep it backed up
                            on at least two different types of storage media, and
                            that you have at least one copy of the data offsite.
                            <br />
                            Synectiks have different backup Secure Geo locations
                            with different power grids to make sure your data is
                            available when disaster strike in one location.
                          </p>
                        </div>
                      </div>
                      <div className="d-flex  flex-column flex-md-row align-items-center  align-items-md-start  mt-1 mt-md-5">
                        <img
                          class="w-12 mr-0 mr-md-5"
                          src={protection}
                          alt="Host any workload"
                        />
                        <div>
                          <h5>Protection for any workload</h5>
                          <p className="pcenter">
                            Protect Windows, Linux, Macs, eight major hypervisors,
                            iOS, Android, Complete Office 365 Protection, all
                            Major Applications and Databases.
                          </p>
                        </div>
                      </div>
                      <div className="d-flex flex-column flex-md-row align-items-center align-items-md-center mt-1 mt-md-5">
                        <img
                          class="w-12 mr-0 mr-md-5"
                          src={support}
                          alt="Support"
                        />
                        <div>
                          <h5>Support</h5>
                          <p className="pcenter">
                            Follow the Sun model - 24/7/365 days support from both
                            onshore and offshore Teams.
                          </p>
                        </div>
                      </div>
                      <div className="d-flex flex-column flex-md-row align-items-center align-items-md-center mt-1 mt-md-5">
                        <img
                          class="w-12 mr-0 mr-md-5"
                          src={restore}
                          alt="Fast Recovery"
                        />
                        <div>
                          <h5>Fast Recovery</h5>
                          <p className="pcenter">
                            Recover the Data faster, transfer rate up to 1GB/sec.
                          </p>
                        </div>
                      </div>
                    </div>
                  </TabPane>
                  <TabPane tabId="3" />
                </TabContent>
              </div>
            </Row>
          </div>
          {/* <script
            dangerouslySetInnerHTML={{
              __html: `
              var vv_base_id = 'q00IB13hyn';
  var vv_ext_id = '5d53ed9a';
  var __ibaseUrl = (("https:" == document.location.protocol) ? "https://frontend.id-visitors.com" : "http://frontend.id-visitors.com");
  (function () {
  var va = document.createElement('script'); va.type = 'text/javascript'; va.async = true; va.src = __ibaseUrl + '/cscripts/' + vv_base_id + '-' + vv_ext_id + '.js'; var sv = document.getElementsByTagName('script')[0]; sv.parentNode.insertBefore(va, sv); })();
  `
            }}
          /> */}
        </PrimaryCloudHostingWrapper>
      </Layout>
    );
  };
  
  export default PrimaryCloudHosting;
  
  const PrimaryCloudHostingWrapper = styled.div`
    .w75 {
      width: 100%;
    }
    .pcenter {
      text-align: center;
    }
    padding: 5rem 1rem;
    .topNav {
      position: fixed;
      top: 97px;
      z-index: 1;
      background: white;
      width: 100%;
      left: 2%;
    }
    .navbar-light .navbar-toggler {
      color: rgba(0, 0, 0, 0.5);
      border-color: rgba(0, 0, 0, 0);
    }
    ul,
    h1,
    h2,
    h6 {
      text-align: left;
    }
    .ptext {
      text-align: left !important;
    }
    h4,
    h5,
    h3 {
      text-align: center;
    }
  
    .w-sm-100 {
      width: 100%;
    }
    .hybridFixed {
      position: fixed;
      top: 6rem;
      left: 0;
      z-index: 99;
    }
    a#bgL,
    a#bgLL,
    a#bgLLL {
      padding: 0.5rem 1.5rem;
      font-size: 12px;
      height: auto;
      text-align: left;
      cursor: pointer;
    }
    a#bgL.active,
    a#bgLL.active,
    a#bgLLL.active {
      text-align: left;
      border-radius: 0px;
      padding: 0.5rem 1.5rem;
      font-size: 12px;
      height: auto;
      width: 100%;
      color: white;
    }
    .imgHyb {
      margin-right: 25px !important;
      width: 55px !important;
      z-index: 999;
      position: relative;
    }
    .one {
      z-index: 99999;
      background: white;
      width: 100%;
    }
    .one:hover {
      z-index: 99999;
      background: rgb(0, 124, 194);
    }
    .navbar-light .navbar-nav .nav-link {
      color: rgba(0, 0, 0, 0.9);
    }
    .navbar-light .navbar-nav .nav-link:hover {
      color: white;
    }
  
    ul.tabList.nav.flex-column {
      position: relative;
      z-index: 99999;
      width: 100%;
      left: 0rem;
    }
    .tabList {
      display: block;
      margin-bottom: 4rem;
    }
    .tabsHide {
      display: none;
      margin-bottom: 4rem;
    }
    h1 {
      font-size: 1.4rem;
    }
    h2 {
      font-size: 1.3rem;
    }
    h3 {
      font-size: 1.2rem;
    }
    h4 {
      font-size: 1.1rem;
    }
    .hybmt {
      margin-top: 2.5rem;
    }
    /* .nav-link.active {
  		background: rgba(0, 0, 0, 0);
  	} */
    .logo-btn {
      font-size: 2rem;
      background: white;
      border: none;
      outline: none;
      width: 100vw;
      padding: 0.6rem;
      text-align: left;
      box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.3);
      color: rgba(0, 0, 0, 0.5);
    }
  
    .logo-btn:hover {
      cursor: pointer;
    }
    .tab-content > .active {
      padding: 0rem;
    }
    .w-6 {
      width: 6rem;
    }
    .w-7 {
      width: 7rem;
    }
    .w-8 {
      width: 8rem;
    }
    .position-relative {
      top: 2rem;
    }
    .w-12 {
      width: 25%;
    }
  
    @media (min-width: 576px) {
      .w75 {
        width: 65%;
      }
      .pcenter {
        text-align: left;
      }
      .ptext {
        text-align: justify !important;
      }
      padding: 3rem 4rem;
      .topNav {
        position: relative;
        top: 0px;
        z-index: 1;
        width: auto;
        left: 0px;
      }
      .one {
        z-index: 99999;
        background: white;
        width: auto;
      }
      .w-12 {
        width: 7rem;
      }
      ul {
        text-align: justify;
      }
      h1,
      h2,
      h4,
      h5,
      h3 {
        text-align: left;
      }
      .w-sm-100 {
        width: 75%;
      }
      .w-2vh {
        width: 15vw;
      }
      .w-8vh {
        width: 75vw;
      }
      .nav-link.active {
        background: var(--synectiksBlue);
        color: var(--synectiksWhite);
      }
      .w-85 {
        width: 100%;
        border: 1px solid var(--textColor);
        background: var(--synectiksWhite);
        justify-content: space-between;
      }
      .w-10 {
        width: 7%;
        float: left;
        margin-right: 2rem;
        margin-bottom: 2rem;
      }
      .wsprt {
        width: 10%;
        float: left;
        margin-right: 2rem;
        margin-bottom: 2rem;
      }
      .w-15 {
        width: 15%;
        float: left;
        margin-right: 1.7rem;
        margin-bottom: 2rem;
      }
      .imgSize {
        width: 15%;
        float: left;
        margin-right: 2rem;
        margin-bottom: 2rem;
      }
  
      ul.nav.flex-column {
        position: relative;
        z-index: 99999;
        width: 100%;
        /* width: 25vw; */
        left: 0rem;
      }
      .tabList {
        display: block;
      }
      .tabsHide {
        display: block;
      }
      ul.nav.flex-column > li > a {
        width: 100%;
        color: rgba(0, 0, 0, 0.8);
        height: 10vh;
        font-size: 14px;
        cursor: pointer;
        /* padding-left: 3.2rem; */
      }
      ul.nav.flex-column > li > a {
        width: 100%;
        color: rgba(0, 0, 0, 0.8);
        height: 10vh;
        font-size: 15px;
        cursor: pointer;
      }
      .tab-content > .active {
        padding-top: 0rem;
        /* padding-right: 4rem;
  			padding-left: 4rem; */
        padding-bottom: 2rem;
      }
      a#bgL,
      a#bgLL,
      a#bgLLL {
        padding: 0.5rem 2.5rem !important;
        text-align: left;
        font-size: 14px;
      }
  
      .logo-btn {
        display: none;
      }
      .himage {
        width: 50%;
        height: auto;
        box-shadow: 5px 5px 5px #789;
        float: left;
        margin-right: 2rem;
        margin-bottom: 10px;
      }
  
      .hbh1 {
        font-size: 2.5rem;
      }
      .hybridFixed {
        display: block;
        height: auto;
        position: sticky;
        top: 16%;
        padding-bottom: 21.4rem;
        padding-top: 2.4rem;
      }
      .nav-item > a.active,
      .nav-item > a:active {
        height: auto;
      }
      h2 {
        font-size: 2rem;
      }
      h3 {
        font-size: 1.75rem;
      }
      h4 {
        font-size: 1.5rem;
      }
    }
    @media (min-width: 768px) {
      a#bgL.active:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-top-color: var(--synectiksBlue);
        border-width: 20px;
        margin-left: -20px;
      }
      a#bgL.active {
        border-bottom: 5px solid #007cc2;
        position: relative;
        /* padding-left: 1rem !important; */
        /* background: bgBlue !important; */
        font-size: 14px;
      }
      a#bgLL.active {
        border-bottom: 5px solid #007cc2;
        position: relative;
        /* padding-left: 1rem !important; */
        /* background: bgBlue !important; */
        font-size: 14px;
      }
      a#bgLL.active:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-top-color: var(--synectiksBlue);
        border-width: 20px;
        margin-left: -20px;
      }
      a#bgLLL.active {
        position: relative;
        border-bottom: 5px solid #007cc2;
        /* padding-left: 1rem !important; */
        /* background: bgBlue !important; */
        font-size: 14px;
      }
      a#bgLLL.active:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-top-color: var(--synectiksBlue);
        border-width: 20px;
        margin-left: -20px;
      }
      .himage {
        width: 100%;
        height: auto;
        box-shadow: 5px 5px 5px #789;
        margin-right: 2rem;
        margin-bottom: 10px;
      }
    }
    @media (min-width: 1024px) {
      .himage {
        width: 50%;
        height: auto;
        box-shadow: 5px 5px 5px #789;
        float: left;
        margin-right: 2rem;
        margin-bottom: 10px;
      }
    }
  `;
  