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 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>
  				<Helmet>
  					<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); })();
          `
  						}}
  					/>
  				</Helmet>
  			</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, .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%;
  	}
  	.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);
  	color: var(--synectiksWhite);
  }
  	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;
  		}
  	}
  `;
  