/*================================
  				FONTS 
===================================*/
@font-face {
	font-family: 'Roboto', sans-serif;
	font-family: 'Roboto Flex', sans-serif;
	src: url('/assets/css/fonts/RobotoFlex/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf'); 
} 
@font-face {
	font-family: 'Commisioner', sans-serif; 
	src: url('/assets/css/fonts/Commisioner/Commissioner-VariableFont_FLAR,VOLM,slnt,wght.ttf'); 
} 
@font-face {
	font-family: 'Inter', sans-serif; 
	src: url('/assets/css/fonts/Inter/Inter-VariableFont_slnt,wght.ttf'); 
} 
  /*================================
  				ROOT 
===================================*/
body {
	/* font-family: 'Jost', 'Roboto Flex', 'Open Sans', sans-serif; */
	/* font-family: 'Commisioner','Roboto Flex', 'Open Sans', sans-serif; */
	font-family: 'Inter','Roboto Flex', 'Open Sans', sans-serif;
}
:root {
	--main-transparent: #09aef493;
	--dark-transparent: #00131b61;
	--gr-lb: linear-gradient(180deg, #e6eeff 0%, #FFFFFF 100%);
	--gr-blue: linear-gradient(90deg, #3ca6db 0%, #dbf1ff 100%); 
	--border-dark:  #363636;
	--border-light: #c7eaff; 
	--blue: #1a70a1;
	--blue-hover: #124e70;
	--light-blue: #63d0ff;
} 
p {
	font-size: 1rem;
	font-weight: 400;
	opacity: 0.75;
	letter-spacing: 0.3px;
}
.about-text {
	font-size: 1.2rem;
	margin-bottom: 2rem;
} 
ul {
	list-style: none;
	padding-left: 0;
}
.service-single .service-content-area .service-text {
	font-size: 1rem;
}
.rg-1 {
	row-gap: 1.5rem;
}
.btn-light {
	background-color: #ffffff;
    border-color: #f4f4f4;
}
.btn-light:hover {
    background-color: #f0f8ff;
}
.read-more {
	width: fit-content;
}
.btn-outline-sm {
	border: 1px solid;
    color: var(--clr-main);
    border-color: var(--clr-main);
    background-color: transparent;
	position: relative;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    text-align: center;
    text-transform: capitalize;
    outline: none;
    border-radius: 0.25rem;
    border-bottom-left-radius: 1rem;
    border-top-right-radius: 1rem;
    padding: 0.2rem 1.25rem;
    font-size: 0.9rem;
    font-weight: 500;
    box-shadow: 0px 3px 10px -5px rgba(var(--clr-dark-blue-rgb), 0.15);
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    z-index: 0;
}
.btn-outline-sm:hover, 
.btn-outline-sm:focus {
	color: var(--clr-main);
    border-color: var(--clr-main);
	box-shadow: 0px 3px 10px -5px rgba(var(--clr-dark-blue-rgb), 0.5);
}


.text-uppercase {
	text-transform: uppercase;
}
.text-capitalize {
	text-transform: capitalize;
}
.text-transform-none {
	text-transform: none;
}
.text-underline {
	text-decoration: underline;
}
  
.bg-blue-transparent {
    background: #ffffff;
    backdrop-filter: blur(30px);
}
.bg-white-transparent {
    background: #ffffff;
    backdrop-filter: blur(30px);
}
.bg-dark-transparent {
	background: #ffffff;
	backdrop-filter: blur(30px);
}
.big-border-radius {
	border-radius: 0.25rem 2rem 0.25rem 2rem;
}
.link {
	color: var(--blue);
	transition: ease-in-out 0.2s;
	position: relative;
	width: fit-content;
    text-align: center;
}
.link::after {
	content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    background-color: var(--blue); /* Adjust the color to your preference */
    height: 2px; /* Adjust the height of the line as needed */
    width: 0;
    transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Adjust the timing function as needed */
    transform: translateX(-50%);
} 
.link:hover::after, .link:focus::after {
	width: 100%;
}
.link:hover, .link:focus {
	color: var(--blue-hover);
}
.our-clients .logo {
	max-height: 80px;
}
.info-icon {
    display: flex;
    margin-right: 1.25rem;
    margin-bottom: 1rem;
    color: var(--clr-main);
	width: fit-content;
    font-size: 2rem;
    padding: 0.75rem;
    border-radius: 100%;
    background-color: rgba(var(--clr-main-rgb), 0.15);
    transition: all 0.3s ease-in-out 0s;
}
.category-content .content-area {
	display: flex;
	align-items: center;
}
.category-content .info-item {
	margin-bottom: 2rem; 
    border: solid 1px #91deff8f;
    justify-content: start;
    border-radius: 10px;
    box-shadow: 0 0 2px 0 #7cc3ff8a;
    padding: 15px;
    background: #ffffffe8;
    backdrop-filter: blur(10px);
}
.info-items-list .info-item-inline {
	display: flex;
	flex-direction: row;
	align-items: start;
}
.dropdown-menu {
	font-size: 0.9rem;
    background-color: #e9fbff;
    z-index: 1200;
    min-width: 10rem;
	width: auto;
    padding: 0;
	right: 0;
    margin: 0;
    font-size: 1rem;
    color: var(--blue);
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
	border-bottom: solid 1px var(--clr-main);
    border-radius: 0.25rem;
}
.dropdown-menu .dropdown-item {
	display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    clear: both;
    font-weight: 400;
	text-transform: capitalize;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
	color: var(--blue);
    transition: 0.2s ease-in-out;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active {
	background-color: #e9f8ff;
    color: var(--clr-dark-blue);
    padding: 0.5rem 1rem;
} 
.dropdown-menu .dropdown-item i {
	margin-right: 5px;
    vertical-align: middle;
	font-weight: 700;
    filter: drop-shadow(0px 0px 1px #7bd5ff);
}
.category-dropdown {
	text-align: center;
}
.category-dropdown .dropdown-item {
	font-weight: 700;
} 
.dropdown-btn {
	font-weight: 400;
	text-transform: capitalize;
    text-align: inherit;
    text-decoration: none;
	background: #05abe0;
	background: -moz-linear-gradient(45deg, #05abe0 0%, #8200f4 100%);
	background: -webkit-linear-gradient(45deg, #05abe0 0%,#8200f4 100%);
	background: linear-gradient(45deg, #05abe0 0%,#8200f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#8200f4',GradientType=1 );
    color: #fff;
	font-weight: 700;
	padding: 10px 30px;
	margin: 0 auto;
	min-width: 300px;
	max-width: 420px;
	border-radius: 40px;
	border: none;
}
.dropdown-btn :hover, .dropdown-btn:focus {
	color: #fff;
}
.dropdown-btn:after {
	display: inline-block;
    float: inline-end;
    vertical-align: middle;
    margin: 10px;
    content: "";
    border-top: 0.3em solid #fff;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

/* Chrome */
/* Style the track (background) of the scrollbar */
::-webkit-scrollbar {
	width: 10px; /* Width of the scrollbar */
    background-color: #1b328094;
}
  
  /* Style the thumb (the draggable part) of the scrollbar */
::-webkit-scrollbar-thumb {
	background-color: var(--clr-main); /* Color of the scrollbar thumb */
	border-radius: 0px; /* Rounded corners for the scrollbar thumb */
}
  
  /* Firefox */
  /* Style the track (background) of the scrollbar */
* {
	scrollbar-width: thin;
	scrollbar-color: #1b328094 var(--clr-main);
}
  
  /* You can also style the scrollbar thumb in Firefox using pseudo-elements */
*::-webkit-scrollbar-thumb {
	background-color: var(--clr-main); /* Color of the scrollbar thumb */
	border-radius: 0px; /* Rounded corners for the scrollbar thumb */
}
 /**==============================
    Gradient background css start
================================**/
.gr-1 {
	background-image: -webkit-gradient(linear, left bottom, left top, from(#c4ebfaa1), to(#d1d6ffb0));
	background-image: linear-gradient(to top, #c4ebfaa1 0%, #d1d6ffb0 100%); }
  
.gr-2 {
background-image: -webkit-gradient(linear, left bottom, left top, from(#cfd9df), to(#e2ebf0));
background-image: linear-gradient(to top, #d4efff 0%, #fbfeff 100%);}

.gr-3 {
background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); }

.gr-4 {
    background-image: linear-gradient(180deg, #DEEBFF 0%, rgba(222, 235, 255, 0) 38.6%); }

.gr-5 {
	background-image: linear-gradient(227deg, #FF9073 0%, #6D5DB5 23.96%, #0049B0 77.08%, #064464 100%);}
 
.gr-hero {
	background-image: linear-gradient(227deg, #338fff 0%, #6D5DB5 23.96%, #0049B0 77.08%, #064464 100%); 
} 
.gr-lb {
	background-image: linear-gradient(180deg, #b2d3ff 0%, #FFFFFF 100%)
}
.gr-blue-purple {
	background-image: linear-gradient(180deg, #c9beff, #2967d1);
}
  /*================================
  				ANIMATIONS 
===================================*/

@keyframes animatePath1 {
	0% {
	  stroke-dashoffset: 2500;
	}
	100% {
	  stroke-dashoffset: 0;
	}
} 
@keyframes animatePath2 {
	0% {
	  stroke-dashoffset: 2500;
	}
	100% {
	  stroke-dashoffset: 0;
	}
} 
@keyframes animatePath3 {
	0% {
	  stroke-dashoffset: 2500;
	}
	100% {
	  stroke-dashoffset: 0;
	}
} 
@keyframes animatePath4 {
	0% {
	  stroke-dashoffset: 2500;
	}
	100% {
	  stroke-dashoffset: 0;
	}
}
@keyframes rotate {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
}
@media (min-width: 1200px) {
	@keyframes move-1 {
		0%, 100% {
			transform: translate(-72px, -125px);
		}
		25% {
			transform: translate(-86px, -120px);
		}
		50% {
			transform: translate(-94px, -115px);
		}
		75% {
			transform: translate(-87px, -120px);
		}
	}
	@keyframes move-2 {
		0%, 100% {
			transform: translate(45px, 36px);
		} 
		25% {
			transform: translate(55px, 21px);
		}
		50% {
			transform: translate(62px, 22px);
		}
		75% {
			transform: translate(42px, 26px);
		}
	}
	@keyframes move-3 {
		0%, 100% {
			transform: translate(-86px, 224px);
		}
		25% {
			transform: translate(-95px, 199px);
		}
		50% {
			transform: translate(-103px, 208px);
		}
		75% {
			transform: translate(-89px, 186px);
		}
	}
	  
	@keyframes move-4 {
		0%, 100% {
			transform: translate(2px, 260px);
		}
		25% {
			transform: translate(10px, 262px);
		}
		50% {
			transform: translate(16px, 254px);
		}
		75% {
			transform: translate(7px, 240px);
		}
	}
  
	@keyframes move-5 {
		0%, 100% {
			transform: translate(-1px, -84px);
		}
		25% {
			transform: translate(-1px, -97px);
		}
		50% {
			transform: translate(-1px, -111px);
		}
		75% {
			transform: translate(-1px, -102px);
		}
	}
} 
@media (min-width: 1400px) {
	@keyframes move-1 {
		0%, 100% {
			transform: translate(-133px, -107px);
		}
		25% {
			transform: translate(-98px, -97px);
		}
		50% {
			transform: translate(-85px, -107px);
		}
		75% {
			transform: translate(-78px, -106px);
		}
	}
	@keyframes move-2 {
		0%, 100% {
			transform: translate(70px, -41px);
		} 
		25% {
			transform: translate(80px, -38px);
		}
		50% {
			transform: translate(90px, -36px);
		}
		75% {
			transform: translate(80px, -45px);
		}
	}
	@keyframes move-3 {
		0%, 100% {
			transform: translate(-100px, 206px);
		}
		25% {
			transform: translate(-105px, 210px);
		}
		50% {
			transform: translate(-110px, 220px);
		}
		75% {
			transform: translate(-105px, 210px);
		}
	} 
	@keyframes move-4 {
		0%, 100% {
			transform: translate(73px, 216px);
		}
		25% {
			transform: translate(51px, 205px);
		}
		50% {
			transform: translate(58px, 196px);
		}
		75% {
			transform: translate(40px, 203px);
		}
	} 
	@keyframes move-5 {
		0%, 100% {
			transform: translate(-5px, -215px);
		}
		25% {
			transform: translate(9px, -224px);
		}
		50% {
			transform: translate(14px, -222px);
		}
		75% {
			transform: translate(6px, -215px);
		}
	} 
}  
@keyframes toggle__animation {
	0%, 100% {
	  transform: translateY(5px) rotateX(15deg) rotateY(-20deg);
	}
  
	50% {
	  transform: translateY(0px) rotateX(15deg) rotateY(-20deg);
	}
}
@keyframes float1 {
	0%{transform: translate(0, 0)}
	50%{transform: translate(-10px, 0)}
	100%{transform: translate(0, 0)}
}

.triangle-float1 {
	animation: float1 5s infinite;
}

@keyframes float2 {
	0%{transform: translate(0, 0)}
	50%{transform: translate(-5px, -5px)}
	100%{transform: translate(0, 0)}
}

.triangle-float2 {
	animation: float2 4s infinite;
}

@keyframes float3 {
	0%{transform: translate(0, 0)}
	50%{transform: translate(0, -10px)}
	100%{transform: translate(0, 0)}
}

.triangle-float3 {
	animation: float3 6s infinite;
}
  /*================================
  				HEADER 
===================================*/

.logo-img {
	width: 110px;
}
.header-basic {
	transition: 0.3s;
} 
.is-sticky.header-basic {
	/* background-color: var(--main-transparent); */
	background-color: #00131b7e;
	backdrop-filter: blur(15px);
	top: -40px;
}
.header-basic .menu-link .plus-icon {
	margin-left: 0.5rem;
}
.header-basic .menu-link.active, .header-basic .menu-link:hover {
	color: #fff;
}
.header-basic .has-sub-menu > .sub-menu .sub-menu-link::before, .header-basic .menu-link::before {
	background-color: #fff;
}
.header-basic {
	color: #fff;
	background-color: var(--dark-transparent);
}
.header-basic .has-sub-menu > .sub-menu {
	background-color: var(--dark-transparent);
    backdrop-filter: blur(15px);
}
#page-header .header-menu-icon {
	margin-right: 0.3rem;
	color: var(--clr-main);
}
#page-header .mode-switcher.dark-theme {
	background-color: transparent;
}
#page-header .mode-switcher.light-theme {
	background-color: transparent;
}
#page-header .content-always-light.header-basic .controls-box .header-account-btn, 
.is-sticky.header-basic .controls-box .header-account-btn {
	color: var(--clr-white);
	transition: ease-in 0.2s;
}
#page-header .content-always-light.header-basic .controls-box .header-support-btn, 
.is-sticky.header-basic .controls-box .header-support-btn {
	transition: ease-in 0.2s;
	color: var(--clr-white);
}
#page-header .content-always-light.header-basic .controls-box .header-messages-btn, 
.is-sticky.header-basic .controls-box .header-messages-btn {
	transition: ease-in 0.2s;
	color: var(--clr-white);
}
#page-header .control {
	transition: ease-in-out 0.2s;
} 
#page-header .header-basic .controls-box .control {
	height: 2.2rem;
	justify-content: center;
}
.header-search-box .close-search {
	right: 20%;
	top: calc(50% - 1rem);
	width: 3rem;
	height: 3rem;
}
.header-search-btn:hover, 
.header-search-btn:focus,
.is-sticky.header-basic .header-search-btn:hover, 
.is-sticky.header-basic .header-search-btn:focus {
	color: var(--clr-main);
}
.header-account-btn:hover, 
.header-basic .header-account-btn:focus, 
.is-sticky.header-basic .header-account-btn:hover, 
.is-sticky.header-basic .header-account-btn:focus{
	color: #fff;
}
.header-support-btn:hover, 
.header-support-btn:focus, 
.is-sticky.header-basic .header-support-btn:hover,
.is-sticky.header-basic .header-support-btn:focus{
	color: var(--clr-main);
}
.header-messages-btn:hover, 
.header-messages-btn:focus, 
.is-sticky.header-basic .header-messages-btn:hover,
.is-sticky.header-basic .header-messages-btn:focus{
	color: var(--clr-main);
}
/* The switch - the box around the slider */
#page-header .switch {
    font-size: 15px;
    position: relative;
    display: inline-block;
    width: 3em;
    height: 1.2em;
	transform-style: preserve-3d;
	perspective: 500px;
	animation: toggle__animation 3s infinite;
  }
#page-header .switch::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	filter: blur(3px);
	z-index: -1;
	border-radius: 50px;
    background-color: #006387;
	background-image:  
		radial-gradient(at 81% 39%, hsl(180deg 79% 79%) 0px, transparent 50%), 
		radial-gradient(at 11% 72%, hsla(264,64%,79%,1) 0px, transparent 50%), 
		radial-gradient(at 23% 20%, hsl(195.45deg 100% 90%) 0px, transparent 50%);
} 
  /* Hide default HTML checkbox */
#page-header .switch input {
	opacity: 0;
	width: 0;
	height: 0;
} 
  /* The slider */
#page-header .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fdfefedc;
	transition: .4s;
	border-radius: 30px;
} 
#page-header .slider:before {
	position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    left: 0.3em;
    bottom: 1px;
	transition: .4s;
	border-radius: 50%;
	background-color: #29608d;

	background-image: 
		radial-gradient(at 81% 39%, hsl(202.15deg 100% 69.18%) 0px, transparent 50%), 
		radial-gradient(at 11% 72%, hsl(240.27deg 100% 78.61%) 0px, transparent 50%), 
		radial-gradient(at 23% 20%, hsl(188.31deg 100% 95.69%) 0px, transparent 50%);
} 
#page-header .input__check:checked + .slider {
	background-color: #122046;
} 
#page-header .input__check:checked + .slider:before {
	transform: translateX(1.5em);
}
#page-header .dropdown-menu .dropdown-item a {
	text-transform: capitalize;
} 
#page-header .container .topbar {
	padding: 0;
}
#page-header .container .topbar ul {
	display: flex;
	flex-direction: row;
	margin-bottom: 0;
}
#page-header .container .topbar ul li {
	margin: 10px 15px;
}
.header-basic .menu-navbar {
	padding: 10px;
}
#page-header .topbar {
	font-size: 13px;
	border-bottom: 1px solid #2a75a5;
	height: 40px;
}
#page-header .dropdown-menu[data-dropdown="language"],
#page-header .dropdown-menu[data-dropdown="account"] {
    position: absolute;
    top: 20px;
    right: 0;
    height: 0;
    padding: 0;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out 0s;
    z-index: 1200;
    border-bottom: 2px solid var(--clr-main);
}
#page-header .dropdown-menu .dropdown-item,
#page-header .dropdown-menu .dropdown-item {
	font-size: 0.8rem;
}
#page-header .dropdown-menu.show {
	height: auto;
	visibility: visible;
	opacity: 1;
	border-bottom: 1px solid var(--clr-main);
}
#page-header .dropdown-item {
	color: var(--blue);
	transition: all 0.3s ease-in-out 0s;
}
#page-header .dropdown-item:hover, 
#page-header .dropdown-item:focus {
	background-color: #ffffff;
	color: var(--blue-hover);
}
#page-header .dropdown-item i {
	margin-right: 5px;
	vertical-align: middle;
	filter: drop-shadow(0px 0px 1px #7bd5ff);
}

/* FLOATING HEADER CATEGORY PAGE */
 
#header-2.header-floating-icons .nav {
	flex-direction: column;
} 
#header-2.header-floating-icons .header-nav-main nav > ul > li {
	flex: 0 0 auto;
	margin-left: 0;
} 
#header-2.header-floating-icons .header-nav-main nav > ul > li > a.active {
	background: #FFF !important;
} 
#header-2.header-floating-icons .header-nav-main nav > ul > li > a.active:after {
	background: #FFF;
}
#header-2.header-floating-icons span.custom-tooltip {
	font-weight: 900;
	text-transform: uppercase;
} 
#header-2.header-floating-icons .header-nav-main nav > ul > li > a:after {
	background-color: var(--clr-dark-blue);
	color: #fff;
}
@media (min-width: 992px) {
	#header-2.header-floating-icons {
		background: transparent;
		height: 0;
		min-height: 0 !important;
	}
	#header-2.header-floating-icons .header-row {
		display: block;
		position: absolute;
		top: 45px;
		left: 10px;
	}
	#header-2.header-floating-icons .header-body {
		position: fixed;
		top: 90px;
		left: auto;
		z-index: 10;
		background: transparent;
		min-height: 0;
		padding: 0;
		border: none;
	}
	#header-2.header-floating-icons .header-nav {
		padding: 0 !important;
	}
	#header-2.header-floating-icons .header-nav-main {
		margin: 0;
		box-shadow: 0px 0px 80px 0px rgba(62, 62, 62, 0.3);
	}
	#header-2.header-floating-icons .header-nav-main nav > ul > li:hover > a > span {
		transform: rotateY(0deg);
	}
	#header-2.header-floating-icons .header-nav-main nav > ul > li > a {
		font-size: 25px;
		padding: 17.1px;
		perspective: 770px;
		color: var(--clr-main);
	}
	#header-2.header-floating-icons .header-nav-main nav > ul > li > a:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: var(--clr-dark-blue);
		z-index: -1;
	}
	#header-2.header-floating-icons .header-nav-main nav > ul > li > a > span {
		position: absolute;
		top: 0;
		left: 125.5%;
		border-bottom: 2px solid var(--clr-main);
		background: #000000b8;
		backdrop-filter: blur(14px);
		padding: 0 25px;
		height: 100%;
		line-height: 4.5rem;
		white-space: nowrap;
		font-size: 14px;
		z-index: -2;
		transition: ease transform 300ms;
		transform-origin: -19% 0%;
		transform: rotateY(88deg);
	}
	#header-2.header-floating-icons .header-nav-main nav > ul > li > a > span:before {
		content: '';
		display: none;
		position: absolute;
		/* top: 50%;
		left: -4px;
		padding: 10px;
		background:  #0000001f;
		z-index: -1;
		transform: translate(0, -50%) rotate(45deg); */
	}
}

@media (min-width: 992px) and (max-width: 1281px) {
	#header-2.header-floating-icons .header-row {
			left: 0px;
	}
	#header-2.header-floating-icons .header-nav-main nav > ul > li > a {
			padding: 9.8px;
			color: var(--clr-main);
			perspective: 450px;
	}
	#header-2.header-floating-icons .header-nav-main nav > ul > li > a > span {
			line-height: 3rem;
	}
}

@media (max-width: 991px) {
	#header-2.header-floating-icons {
			position: absolute;
			z-index: 10;
			top: 60px;
			left: 0px;
	}
	#header-2.header-floating-icons .header-body {
			background: transparent;
			border: none;
			min-height: 0;
	}
	#header-2.header-floating-icons .header-btn-collapse-nav {
			padding: 15px 20px;
			margin: 0;
			color: #1e1e1e;
	}
	#header-2.header-floating-icons .header-nav-main {
			position: fixed;
			left: 0px;
			top: 77px;
			max-width: 53px;
			overflow: hidden;
	}
	#header-2.header-floating-icons .header-nav-main:before {
			content: none;
	}
	#header-2.header-floating-icons .header-nav-main nav {
			padding: 0;
			max-height: none;
	}
	#header-2.header-floating-icons .header-nav-main nav > ul {
			display: block;
			padding: 0;
	}
	#header-2.header-floating-icons .header-nav-main nav > ul > li {
			display: inline-block;
			border: none;
	}
	#header-2.header-floating-icons .header-nav-main nav > ul > li > a {
		font-size: 1.2em;
		margin: 0;
		padding: 10px;
		background: var(--clr-dark-blue);
		color: var(--clr-main);
		border-bottom: none;
	}
	#header-2.header-floating-icons .header-nav-main nav > ul > li > a > span {
			display: none;
	}
}





/* =======================================
				MAIN 
========================================== */
body .page-hero.tringle-bg::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
	z-index: -2;
    bottom: -1px;
    width: 100%;
    height: 100%;
	clip-path: polygon(15% 115%, 100% 0%, 103% 107%, 0 83%);
    background: #d3e2ff;
    transition: all 0.25s ease-in-out 0s;
	display: none;
}
.inner-page-hero {
	height: 55vh;
    min-height: 50vh;
    opacity: 1;
}
.page-hero {
	max-height: none;
	/* background-color: var(--blue); */
}
.page-hero .pre-title::before,
.page-hero .pre-title::after {
	background-color: #fff;
} 
.page-hero .featured-text {
	color: #fff;
}
.page-hero .featured-text svg.wavey-underline path {
	fill: #fff;
	stroke: #fff;
}
.hero-swiper-slider .slide-subtitle, .page-hero .hero-text-area .hero-subtitle {
	opacity: 0.9;
	color: #fff;
}
.page-hero .overlay-photo-image-bg {
	background-image: none;
} 
.page-hero .hero-image-area .hero-img-wraper {
	width: 100%;  
	height: 100%; 
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-evenly; 
	align-items: center; 
}
.design-element.stripes {
	background-image: repeating-linear-gradient(-55deg, transparent 0.9px, #ffffff 1.25px, #ffffff 3px, transparent 4px, transparent 8px);
} 
.hero-img-wraper-mobile {
	display: none;
}
.container .svg-container {
    position: absolute;
    top: 0%;
    left: 0%;
} 
.image-container {
	/* background-color: #ffffff88; */
	/* background-color: #fff; */
	/* border: 1px solid #cee9ff; */
	border-radius: 10px;
    padding: 10px;
	transition: all 0.2s;
	border: 2px transparent solid;
	box-sizing: border-box;
}
.image-container span.banner-text {
	position: absolute;
    border-radius: 0 10px 0 10px;
    top: 50%;
    z-index: 2;
	text-transform: uppercase;
	background: var(--clr-dark-blue);
    color: var(--clr-main);
    padding: 10px;
    font-weight: 500;
    left: calc(50% - 25px);
    border: solid 1px;
} 
.image-container a img{
	transition: ease-in-out 0.3s;
}
.image-container a:hover img {
	filter: saturate(1.3) drop-shadow(0px 0px 6px #054269);
	scale: 1.1;
}
.page-hero .hero-image-area .hero-img-wraper .img-1 { 
    animation: move-1 10s linear infinite;
    transform-origin: center;
} 
.page-hero .hero-image-area .hero-img-wraper .img-2 { 
    animation: move-2 10s linear infinite;
    transform-origin: center;
} 
.page-hero .hero-image-area .hero-img-wraper .img-3 { 
    animation: move-3 10s linear infinite;
    transform-origin: center;
} 
.page-hero .hero-image-area .hero-img-wraper .img-4 { 
    animation: move-4 10s linear infinite;
    transform-origin: center;
} 
.page-hero .hero-image-area .hero-img-wraper .img-5 { 
    animation: move-5 10s linear infinite;
    transform-origin: center;
} 
.path-1, .path-2, .path-3, .path-4 {
	position: absolute;
	z-index: -2;
	fill: none;
	stroke-dasharray: 2500;  
	stroke-dashoffset: 2500;
    stroke:#ffffff;
    /* filter: drop-shadow(0px 0px 9px #e2e); */
    filter: drop-shadow(0px 0px 9px #eee);
	stroke-width: 2;
	animation-duration: 10s;  
	animation-timing-function: linear;
	animation-fill-mode: forwards;
} 
.path-1 {
	animation-name: animatePath1;
	animation-delay: 0s;  
} 
.path-2 {
	animation-name: animatePath2;
	animation-delay: 3s; 
} 
.path-3 {
	animation-name: animatePath3;
	animation-delay: 6s;  
} 
.path-4 {
	animation-name: animatePath4;
	animation-delay: 9s; 
}
 
.list-check {
	list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 0;
    margin-bottom: 2rem;
}
.list-check .list-item {
	padding: 0.5rem 1.5rem;
    padding-left: 0;
    position: relative;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 1rem;
    opacity: 0.85;
    display: flex;
    align-items: baseline;
}
.list-check .list-item i {
	color: var(--clr-main);
    margin-right: 0.5rem;
    font-size: 1.5rem;
}
.our-clients .client-logo {
	border-radius: 1rem;
}
.info-items-list .info-icon-sm {
	font-size: 2rem;
    padding: 0.5rem;
} 
.page-hero .services-boxed .service-box {
	/* padding: 1rem; */
	background-color: #f4f9ff;
}
.service-content .info-items-list .info-item {
	flex-direction: row;
}
.services-boxed .service-box::before {
	content: "";
	border-radius: inherit;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: auto;
	right: 0;
	transform: scaleX(0);
	transform-origin: right;
	background: var(--gr-blue);
	z-index: -3;
	transition: transform 0.5s ease 0s;
  } 
.categories-boxed .categories-row .category-box {
    border: solid 1px var(--main-transparent);
    padding: 2rem;
    margin: 30px auto;
    display: block;
    border-radius: 1rem;
	background-color: transparent;
}
.category-box .info-item {
	display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
}
 
.block-icon {
    background: #ffffff;
    padding: 16px;
    display: flex;
    border-radius: 14px;
    border: 1px solid var(--clr-main); 
    box-shadow: 2px 2px 0px 0px var(--clr-main);
    width: fit-content;
}  


.categories-boxed .category-box .info-number{
	margin-right: 0;
	display: block;
} 
/* Features list */
.features-boxed .features-row .feature-box {
	/* border: 1px solid var(--clr-main); */
    padding: 1rem;
    margin-bottom: 30px;
	border-radius: 5px;
    box-shadow: 0 0 12px -7px var(--clr-main);
}
.features-boxed .features-row .feature-box .feature-icon {
	display: flex;
	padding: 10px;
	gap: 10px;
	align-items: center;
	border-bottom: 1px solid var(--light-blue); 
} 
.features-boxed .features-row .feature-box .feature-icon .feature-title {
	text-transform: capitalize;
}
.feature-content {
	margin-top: 15px;	
	font-size: 13px;
}
.feature-content .features-list {
	list-style: none;
	padding-left: 0;
}
.feature-content .features-list li {
	margin: 10px 0 ;
}
.feature-content .features-list li i {
	color: var(--blue);
	margin-right: 15px;
}
.features-boxed .font-icon {
	display: block;
	line-height: 3rem;
	font-size: 2rem;
	color: var(--clr-main);
	transform-origin: center;
	transition: all 0.3s ease-in-out 0s;
}
.features-boxed .feature-num {
	font-size: 5rem;
	font-weight: 800;
	position: absolute;
	top: 1rem;
	right: 2rem;
	color: var(--clr-white);
	opacity: 0;
	line-height: 1;
}
.features-boxed .img-icon {
	width: 60px;
	height: 60px;
}
 /* RECENT POSTS */
.recent-posts .r-post-item {
  padding: 0.5rem;
  margin-bottom: 1rem;
  background-color: transparent;
}
.recent-posts .r-post-item:last-child {
  margin-bottom: 1rem;
}
.recent-posts .r-post-item .r-post-link {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.recent-posts .r-post-img-wrapper {
  margin-right: 1rem;
  overflow: hidden;
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
}
.recent-posts .r-post-img {
  width: 100%;
  height: 100%;
}
.recent-posts .content {
  text-transform: capitalize;
}
.recent-posts .content .r-post-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  transition: color 0.3s ease 0s;
}
.recent-posts .content .r-post-title:hover {
  color: var(--clr-main);
}
.recent-posts .content .r-post-date {
  font-size: 0.9rem;
  opacity: 0.75;
}
.info-block .testimonial-text { 
	font-size: 1.5rem;
	font-weight: 300;
	/* line-height: 1.7; */
	font-style: italic;
	color: #fff;
	padding: 0;
	margin: 0; 
}  
/* Category Tabs */

.tabs{
	padding:0px;
	background:#fff;
    box-shadow: 0px 5px 20px rgb(89 156 255 / 27%);
	display:inline-block;
	border-radius:50px;
	position:relative;
	width: auto;
	margin: auto;

} 
.tabs a {
	text-decoration: none;
	color: var(--blue-hover);
	text-transform: uppercase;
	padding: 10px 20px;
	display: inline-block;
	position: relative;
	z-index: 1;
	transition-duration:0.6s;
} 
.tabs a.active{
	color:#fff;
} 
.tabs a i{
	margin-right:5px;
} 
.tabs .selector{
	height:100%;
	display:inline-block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	border-radius:50px;
	transition-duration:0.6s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	
	background: #05abe0;
	background: -moz-linear-gradient(45deg, #05abe0 0%, #8200f4 100%);
	background: -webkit-linear-gradient(45deg, #05abe0 0%,#8200f4 100%);
	background: linear-gradient(45deg, #05abe0 0%,#8200f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#8200f4',GradientType=1 );
} 
.category-dropdown {
	display: none;
}

.portfolio-item-box {
	display: flex;
    flex-direction: column;
    margin: 10px;
	transition: cubic-bezier(0.165, 0.84, 0.44, 1);
} 
.portfolio-item-box .portfolio-item-text {
	padding: 15px 0;
} 
.portfolio-item-box .portfolio-item-title {
	padding: 15px 0;
}
.portfolio-item-box:hover {
	box-shadow: 0 0 19px 0 #a8dcff; 
}
.portfolio .item {
	border-radius: 2rem;
}
.portfolio .item .portfolio-img {
	height: 280px;
}
.portfolio-slider .swiper-button-prev, .portfolio-slider .swiper-button-next {
	width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--clr-white);
    background-color: rgba(var(--clr-main-rgb), 0.55);
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
}


.blog .posts-grid .post-box {
	background-color: transparent;
	box-shadow: 0 0 10px 0 #1a70a161;
	transition: ease-in-out 0.3s;
}
.blog .posts-grid .post-box:hover {
	box-shadow: 0 0 10px 1px #1a70a161;
}
.blog .posts-grid .post-summary .post-title {
	font-size: 1.2rem;
}
.blog .posts-grid .post-summary .post-title:hover {
	color: var(--blue-hover); 
}
 

/* CATEGORY CARDS  */
.card {
    padding: 1.5rem;
    border-radius: 1rem;
	width: 100%;
	height: 100%;
    background: rgba(255, 255, 255, 0.743);
    backdrop-filter: blur(7px);
    transition: ease-in-out 0.3s;
	border: none;
    box-shadow: 3px 3px 11px #8cbce28c;
}  
.card:hover {
	box-shadow: 1px 2px 13px -1px #a4b9fa;
}
body.dark-theme .card {
    border: none;
    background-color: #05070e94;
    backdrop-filter: blur(7px);
    box-shadow: inset 1px 1px 3px #0089ff7a;
    transition: ease-in-out 0.3s;

} 
body.dark-theme .card:hover {
    box-shadow: inset 9px 7px 17px -9px #004990;
}
.card .card-content {
	display: flex;
	flex-direction: row;
}
.card .card-icon .block-icon{
    margin: 0 1.1rem 1.1rem 0;
    color: var(--clr-main);
	width: fit-content;
    font-size: 1.5rem;
    transition: all 0.3s ease-in-out 0s;
}
.card .card-content .info-number {
	display: flex;
	flex-direction: row;
}
body.dark-theme .card .card-icon {
	color: var(--clr-main);
}
.card-2 { 
    padding: 1rem;
	text-align: center;
    background-color: #ffffff00;
    backdrop-filter: blur(25px);
	height: 100%;
	width: 100%;
    border-radius: 1rem;
    box-shadow: 0px 2px 10px rgb(18 72 124 / 26%);
    border: 1px solid rgb(186 219 255);
    font-size: 1rem;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}
.card-2 .icon {
	margin: 0 auto;
    width: 100%;
    height: 50px;
    max-width: 50px;
    background: linear-gradient(90deg, #3e92ff 0%, #20a996 40%, var(--main-transparent));
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.8s ease;
    background-position: 0px;
    background-size: 200px;
} 
.card-2 .icon {
    color: white;
    font-size: 2rem;
} 
.card-2 .title {
	width: 100%;
	margin: 0;
	text-align: center;
	margin-top: 30px;
	color: var(--clr-dark-blue);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 4px;
} 
.card-2 .text {
    width: 80%;
    margin: 0 auto;
    font-size: 0.9rem;
    text-align: center;
    margin-top: 20px;
    color: var(--clr-dark-blue);
    font-weight: 200;
    letter-spacing: 2px;
    opacity: 0;
    max-height: 0;
    transition: all 0.3s ease;
}  
.card-2:hover .text {
	transition: all 0.3s ease;
	opacity: 1;
	max-height: 40px;
}
  
.card-2:hover .icon {
	background-position: -120px;
	transition: all 0.3s ease;
}
  
.card-2:hover .icon svg path {
	fill: url('#gradientColor');
	transition: all 0.3s ease;
}
body.dark-theme .card-2 .title {
	color: var(--clr-white);

}
body.dark-theme .card-2 .text {
	color: var(--clr-white); 
}


/* hover card  */
.hover-card {
	width: 100%;
    max-width: 300px;
    min-width: 200px;
    height: 250px;
    background-color: #ffffff1a;
    backdrop-filter: blur(25px);
    margin: 1rem;
    border-radius: 10px;
    box-shadow: 0px 2px 10px rgba(199, 57, 255, 0.373);
    border: 2px solid rgb(220 210 255);
    font-size: 1rem;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}
  
.hover-card .icon {
	margin: 0 auto;
	width: 100%;
	height: 80px;
	max-width: 80px;
	background: linear-gradient(90deg, #7eaaff 0%, #ff48fb 40%, var(--main-transparent));
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.8s ease;
	background-position: 0px;
	background-size: 200px;
} 
.hover-card .icon {
    color: white;
    font-size: 2rem;
} 
.hover-card .title {
	width: 100%;
	margin: 0;
	text-align: center;
	margin-top: 30px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 4px;
} 
.hover-card .text {
    width: 80%;
    margin: 0 auto;
    font-size: 0.9rem;
    text-align: center;
    margin-top: 20px;
    color: #fff;
    font-weight: 200;
    letter-spacing: 2px;
    opacity: 0;
    max-height: 0;
    transition: all 0.3s ease;
} 
.hover-card:hover {
	height: 290px;
}
  
.hover-card:hover .text {
	transition: all 0.3s ease;
	opacity: 1;
	max-height: 40px;
}
  
.hover-card:hover .icon {
	background-position: -120px;
	transition: all 0.3s ease;
}
  
.hover-card:hover .icon svg path {
	fill: url('#gradientColor');
	transition: all 0.3s ease;
}


.info-box { 
	position: relative;
    margin-bottom: 1.5rem;
    display: flex;
	height: 100%;
    flex-direction: column;
    border: 1px solid rgba(var(--clr-main-rgb), 0.5);
    border-top: 0.25rem solid rgba(var(--clr-main-rgb), 1);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 2rem 1rem;
}
.info-box .title {
	display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--clr-main);
    margin-bottom: 0.75rem;
}
.info-box .detail {
	display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
    line-height: 1;
}
.info-box .icon {
    position: absolute;
    font-size: 2.5rem;
    top: 50%;
    transform: translateY(-50%);
    right: 1.25rem;
    color: rgba(var(--clr-main-rgb), 0.35);
    z-index: -1;
}

/* CATEGORY PAGE  */

.overlay-photo-image-bg.category-bg-image {
	background-attachment: fixed; 
}

/*----- categories icons ------ */
i[class^="fi-rr-"]:before, i[class*=" fi-rr-"]:before, span[class^="fi-rr-"]:before, span[class*="fi-rr-"]:before {
	font-family: uicons-regular-rounded !important; 
} 

.img-area .about-img {
	border-radius: 10px;
    /* box-shadow: 0 0 14px -3px #1e1e1e; */
}

/* Accordion Block - TOGGLES*/
 
.toggle .toggle-card {
	background-color: transparent;
	padding: 1rem;
	border-radius: 0.5rem;
	/* border: 1px solid rgba(var(--clr-dark-blue-rgb), 0.35); */
}
.toggle .toggle-title {
	position: relative;
	background-color: transparent;
	border: none;
	padding: 0;
	/* border-bottom: solid 1px var(--blue-hover); */
  }
.toggle .toggle-title .toggle-btn {
	width: 100%;
	padding-left: 0;
	padding-right: 2.5rem;
	text-align: left;
	text-decoration: none;
	text-transform: capitalize;
	border-radius: 0;
	font-size: 1.1rem;
	font-weight: 700;
	white-space: normal;
	color: var(--clr-dark-blue);
	outline: none;
	box-shadow: none;
	transition: none;
  }
.toggle .toggle-title .toggle-btn::before {
	content: "\f068";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 free" !important;
	font-weight: 900;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	left: auto;
	color: var(--clr-dark-blue);
  }
.toggle .toggle-title .toggle-btn.collapsed::before {
	content: "\f067";
  }
.toggle .toggle-body {
	padding-top: 1rem;
  }
.toggle .toggle-body .toggle-content {
	color: inherit;
	opacity: 1;
  }

/* LOGIN PAGE */
.full-screen-svg-container {
	background-image: url("/assets/images/homepage/blurry-gradient-haikei.svg");
 	background-size: contain;
 	background-size: cover;
	height: 100vh;
}
.login-form-section > div {
	background-color: #fff;
	border-radius: 10px;
}
.login-form-panel {
    padding: 2rem;
    background-color: #fff;
    border-radius: 0.5rem 2rem 0.5rem 2rem;
    box-shadow: 0 0 10px 0 #76adcc;
} 

/* ABOUT US PAGE */

.inner-nav-links {
	display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    padding: 1rem;
    justify-content: space-evenly;
    align-items: center;
	box-shadow: 0 3px 15px -5px #4b5dd075;
} 
.inner-nav-links .list-item {
	font-size: 0.7rem;
	letter-spacing: 0.3px;
    padding: 10px;
    opacity: 0.6;
    border-right: solid 1px;
}
.inner-nav-links .list-item a {
	text-transform: uppercase;
}
.inner-nav-links .list-item:first-child {
    border-left: none;
} 
.inner-nav-links .list-item:last-child {
    border-right: none;
}  
#mission_vision_values .info-items-list .info-item{
	margin-bottom: 1.5rem;
}
 
  /*================================
  				SIDEBAR 
===================================*/
#side-menu {
	display: none;
}
#side-menu-open-btn {
    display: none;
    width: 35px;
    position: fixed;
    margin: 0;
    top: 70%;
    left: 4px;
    z-index: 21;
    text-align: center;
    cursor: pointer;
    /* box-shadow: 0 0 15px -6px #0fa2c5; */
    background: var(--clr-main);
    padding: 5px;
    color: #fff;
    border-left: none;
}
#side-menu-close-btn {
	display: none;
	cursor: pointer;
} 
.sidebar-overlay {
    display: none;
} 
.sidebar-overlay.active {
	display: block;
    background: #000000;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 21;
    min-height: 100vh;
    opacity: 0.5;
    transition: opacity 0.2s ease-in-out;
} 
.sidebar {
	padding-inline-end: 1rem;
	position: sticky;
}
.sidebar-title {
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 1.5rem;
	text-transform: capitalize;
}
.sidebar .sidebar-pane {
	position: relative;
	padding: 2rem;
	margin-bottom: 2rem;
	border-radius: 0.25rem;
	background: var(--gr-lb);
	z-index: 0;
}
.sidebar .sidebar-pane .list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sidebar .sidebar-pane .list-item {
	display: flex;
	align-items: center;
	padding: 1rem 1.25rem;
	padding-right: 0;
	margin-bottom: 1rem;
	background: rgba(var(--clr-dark-blue-rgb), 1);
	color: var(--clr-white);
	opacity: 0.65;
	border-radius: 0.25rem;
	transition: all 0.3s ease-in-out 0s;
}
.sidebar .sidebar-pane .list-item .font-icon {
	color: var(--clr-white);
	font-size: 1.5rem;
	margin-right: 0.75rem;
	line-height: 1;
  }
.sidebar .sidebar-pane .list-item a {
	position: relative;
	text-transform: capitalize;
	width: 100%;
	color: inherit;
	display: flex;
	align-items: center;
	line-height: 1;
	font-size: 1.1rem;
	font-weight: 400;
  }
.sidebar .sidebar-pane .list-item a .icon {
	display: flex;
	align-items: center;
	translate: -1rem 0;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
  }
.sidebar .sidebar-pane .list-item:hover, .sidebar .sidebar-pane .list-item.active {
	opacity: 1;
  }
.sidebar .sidebar-pane .list-item:hover a .icon, .sidebar .sidebar-pane .list-item.active a .icon {
	translate: 1rem 0;
	opacity: 1;
  }
 
.service-sidebar .sidebar-pane.sidebar-testimonial {
	background-color: var(--dark-transparent);
	padding: 30px;
}
.service-sidebar .sidebar-pane.sidebar-testimonial .testimonial {
	padding: 10px;
}
.sidebar-testimonial .sidebar-testimonial-text::before {
    content: '"';
    font-size: 60px;
    position: absolute;
    top: 0px;
    left: 10px;
}
.sidebar-testimonial .sidebar-testimonial-text::after {
    content: '"';
    font-size: 60px;
    position: absolute;
    bottom: 0px;
    right: 10px;
}
.sidebar-testimonial .sidebar-testimonial-text {
	font-size: 1.2rem;
	font-weight: 500;
}
 

@media (max-width: 1200px) {
	#side-menu-open-btn {
		display: block;
	}
	#side-menu-close-btn {
		display: block;
		position: absolute;
		z-index: 1;
		top: 15px;
		right: 29px;
	}
	#side-menu {
		display: block;
		position: fixed;
		height: 100%;
		top: 0;
		z-index: 1030;
		overflow-y: auto;
		overflow-x: hidden;
		width: 345px;
		left: 0px;
		padding: 0;
		transform: translateX(-100%);
		transition: transform 0.3s;
	}  
	#side-menu.show-sidebar {
		transform: translateX(0);
	}
	#side-menu .mobile-sidebar {
		background: #fff;
		padding: 0.5rem 0;
		padding-top: 2rem;
		top: 40px;
	}
	#side-menu .mobile-sidebar .sidebar-pane {
		position: relative;
		padding: 1rem;
		margin-bottom: 2rem;
		border-radius: 0.25rem;
		background-color: #d6eaff8c;
		z-index: 0;
		margin: 15px;
	}
	#side-menu .mobile-sidebar .sidebar-pane .toggle-btn {
		font-size: 1rem;
	}
	#side-menu .mobile-sidebar .sidebar-pane .toggle-text {
		font-size: 0.9rem;
	}
}




/*================================
  				FOOTER 
===================================*/
.sc-wrapper.sc-size-32 .sc-item {
	border-radius: 100%;
}
.sc-wrapper.dir-row .sc-list .sc-item:hover {
	transform: translateY(-2px);
}
.social-icons .sc-link {
	transition: all 0.2s ease;
    background: #FFF;
    border-radius: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #333 !important;
    text-decoration: none;
}
.sc-wrapper .sc-list .sc-item {
	background-color: transparent;
}
.dark-color-footer .sc-wrapper .sc-list .sc-item:hover .sc-icon, .dark-color-footer .terms-links, .dark-color-footer .copyrights .creadits .link {
	color: #fff;
}
.social-icons .sc-link:hover {
	background-color: #fff;
	
}
.sc-item {
	border-radius: 100%;
} 
.sc-link {
	transition: 0.3s;
}

.social-icons .facebook-icon {
	background-color: #0866ff;
}
.social-icons .pinterest-icon {
	background-color: #ad081b;
}
.social-icons .linkedin-icon {
	background-color: #0a66c2;
}
.social-icons .twitter-icon {
	background-color: black;
}  
.social-icons .facebook-icon:hover .sc-icon::before, 
.social-icons .facebook-icon:focus .sc-icon::before{
	color: #0866ff;
} 
.social-icons .pinterest-icon:hover .sc-icon::before, 
.social-icons .pinterest-icon:focus .sc-icon::before {
	color: #ad081b;
} 
.social-icons .linkedin-icon:hover .sc-icon::before, 
.social-icons .linkedin-icon:focus .sc-icon::before {
	color: #0a66c2;
} 
.social-icons .twitter-icon:hover .sc-icon::before, 
.social-icons .twitter-icon:focus .sc-icon::before {
	color: black;
}  
#page-footer {
	background-repeat: no-repeat;
	background-size: cover;
}


  /*================================
  				RESPONSIVE 
===================================*/
 
@media (min-width: 1401px) {
	.page-hero .hero-image-area .hero-img-wraper img { 
		width: 230px; 
	}
}
@media (max-width: 1400px) {
	.container .svg-container {
		z-index: -2;
		position: absolute;
		top: 0%;
		left: 0%;
		scale: 0.8;
	} 
	.page-hero .hero-image-area .hero-img-wraper img { 
		width: 165px;
		height: auto;
		transform-origin: center;
		/* filter: saturate(1.3) drop-shadow(0px 0px 6px #054269); */
	} 
	.page-hero h2.service-title {
		font-size: 2.3rem;
	}
} 
@media (max-width: 1199px) {
	.header-basic .controls-box .control {
		height: 1.2rem;
	}	
	.header-basic .controls-box .header-search-btn {
		justify-content: flex-start;
	}
	.header-basic .controls-box .close-menu span:nth-child(1) {
		transform: rotate(225deg) translateY(-7px);
	}
	.header-basic .controls-box .close-menu span:nth-child(3) {
		transform: rotate(-45deg) translateY(-7px);
	}
	.header-basic .controls-box .menu-toggler > span {
		width: 20px;
	}
	.header-basic.inner-page-header .controls-box .header-account-btn {
		color: var(--clr-white);
	}
	.header-basic.inner-page-header .controls-box .header-support-btn {
		color: var(--clr-white);
	}
	.header-basic.inner-page-header .controls-box .header-mail-btn {
		color: var(--clr-white);
	} 
	.is-sticky.header-basic {
		background-color: var(--dark-transparent);
		backdrop-filter: blur(15px);
		top: 0;
	}
	.header-basic {
		background-color: var(--dark-transparent);
		backdrop-filter: blur(15px);
	}
	.header-basic .menu-wrapper.show .links-list {
		height: 500px;
		width: 50%; 
		backdrop-filter: blur(15px); 
	}	
	.header-basic .links-list {
		box-sizing: border-box;
		border-bottom: 1px solid transparent;
		background: linear-gradient(227deg, #338fff 0%, #6D5DB5 23.96%, #0049B0 77.08%, #064464 100%);
		max-height: 500px;
		transition: ease-in-out 0.3s;
	} 
	.header-basic .menu-link.active:hover::before, .header-basic .menu-link:hover::before,
	.header-basic .sub-menu-link.active:hover::before, .header-basic .sub-menu-link:hover::before {
		scale: 0;     
	} 
	.header-basic .menu-link {
		transition: ease-in-out 0.3s;
	} 
	.header-basic .menu-item {
		width: auto;
	}
	.header-basic .menu-link:focus, .header-basic .menu-link:hover,
	.header-basic .sub-menu-link:focus, .header-basic .sub-menu-link:hover {
    	/* border-bottom: 1px solid var(--clr-main); */
	} 
	.page-hero .hero-image-area .hero-img-wraper img {
		height: 100%;
	}
	.page-hero .hero-image-area .hero-img-wraper {
		justify-content: space-around;
	}
	.page-hero .hero-img-wraper-mobile {
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.image-container {
		height: 200px;
		width: 200px;
		position: relative;
		transition: ease-in-out 0.3s;
	}
	.image-container:hover, .image-container:focus {
		scale: 1.02;
	}
	.image-container span.banner-text {
		left: 0;
	}
	.container .svg-container {
		display: none; 
	}
	.hero-img-wraper div.img-5 {
		display: none;
	} 
	.services-boxed .service-box .service-icon img {
		width: 200px;
		filter: opacity(0.5);
		position: absolute;
		top: 0;
	}
	.page-hero .container .hero-area {
		text-align: center;
	}
	.page-hero .container .hero-text-area-row {
		justify-content: center;
	}
  

	
} 
@media (max-width: 991px) { 
	.header-basic .menu-navbar {
		height: 50px;
	}
	.header-basic .header-logo .logo-img {
		max-width: 4rem;
	}
	.is-sticky.header-basic {
		height: 50px;
		top: 0;
	}
	.header-basic .links-list {
		top: -40px;
	}
	.image-container {
		height: 150px;
		width: 150px;
	}
	@keyframes move-up-down {
		0% {
		  transform: translate(0px, 0px);
		}
		10% {
		  transform: translate(0px, -5px);
		}
		20% {
		  transform: translate(0px, -10px);
		}
		30% {
		  transform: translate(0px, -15px);
		}
		40% {
		  transform: translate(0px, -20px);
		}
		50% {
		  transform: translate(0px, -20px);
		}
		60% {
		  transform: translate(0px, -15px);
		}
		70% {
		  transform: translate(0px, -10px);
		}
		80% {
		  transform: translate(0px, -5px);
		}
		90% {
		  transform: translate(0px, 0px);
		}
		100% {
		  transform: translate(0px, 0px);
		}
	}
	  
	.page-hero .hero-img-wraper-mobile .img-1 {  
		animation: move-up-down 3s linear;
		transform-origin: center;
		animation-delay: 1s;  
	}
	.page-hero .hero-img-wraper-mobile .img-2 {  
		animation: move-up-down 3s linear;
		transform-origin: center;
		animation-delay: 2s;  
	}
	.page-hero .hero-img-wraper-mobile .img-3 {  
		animation: move-up-down 3s linear;
		transform-origin: center;
		animation-delay: 3s; 
	}
	.page-hero .hero-img-wraper-mobile .img-4 {  
		animation: move-up-down 3s linear;
		transform-origin: center;
		animation-delay: 4s; 
	} 
	.inner-nav-links {
		flex-wrap: wrap;
		justify-content: start;
	}
	.card .card-content {
		flex-direction: column;
	}
	.card .card-content .card-icon {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.hover-card:hover {
		height: 250px;
	}
	.hover-card .text {
		transition: all 0.3s ease;
		opacity: 1;
		max-height: 40px;
	} 
	.card-2 .text {
		transition: all 0.3s ease;
		opacity: 1;
		max-height: 40px;
	}
}
@media (max-width: 768px) {
	.header-search-box .close-search {
		right: 0;
		top: 0;
		width: 3rem;
		height: 3rem;
	}
	.header-search-box .close-search:before, .header-search-box .close-search::after {
		width: 26px;
	}  
	.category-dropdown {
		display: block;
	}
	.cat-tabs {
		display: none;
	} 
}
@media (max-width: 600px) {
	.header-basic .menu-wrapper.show .links-list {
		width: 100%;
		height: 350px;
	} 
	.services-boxed .service-box .service-icon img {
		width: 150px;
	}
	#hardware-category .content-block {
		padding: 0 0.8rem;
	}
}
 


/*================================
  				FONTS 
===================================*/

















/*================================
  				DARK THEME 
===================================*/ 
/* backgrounds & colors  */


body.dark-theme .link {
	color: var(--clr-main);
	transition: ease-in-out 0.2s;
	position: relative;
}
body.dark-theme .link::after {
	content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    background-color: var(--clr-main); /* Adjust the color to your preference */
    height: 2px; /* Adjust the height of the line as needed */
    width: 0;
    transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Adjust the timing function as needed */
    transform: translateX(-50%);
}  
body.dark-theme .link:hover::after {
	width: 100%;
}
body.dark-theme .link:hover {
	color: var(--light-blue);
} 
body.dark-theme .info-items-list .info-icon {
	color: var(--clr-main);
}


body.dark-theme .bg-white-transparent {
	border: 1px solid #b7b7b7;
	background: #ffffff36;
    backdrop-filter: blur(40px);
}
body.dark-theme .bg-dark-transparent {
	border: 1px solid #323232;
	background: #00000094;
    backdrop-filter: blur(40px);
}
body.dark-theme .bg-blue-transparent {
	border: 1px solid #31315c;
	background: #010c3a8c;
    backdrop-filter: blur(40px);
}

body.dark-theme .gr-1 {
	background: #0f0c29;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */	
	background: linear-gradient(to top, #2727c0, #1c508d, #100b4100);
}
body.dark-theme .gr-2 {
    background: #bdc3c7;
    background: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7);
    background: linear-gradient(to top, #06223d, #256fa3);
}
body.dark-theme .gr-3 {
	background: #4a413c;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #181529, #1b1f38);  /* Chrome 10-25, Safari 5.1-6 */ 
    background: linear-gradient(to right, #181529, #1b1f38);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
body.dark-theme .gr-4 {
	background: #005C97;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #363795, #005C97);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #363795, #005C97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
 
 

/* ------------------------------------ */

 /*     HEADER       */
body.dark-theme .header-basic {
	color: #fff;
	background-color: transparent;
}
body.dark-theme .header-basic .menu-wrapper.show {
	width: 100%;
}
body.dark-theme .header-basic .menu-wrapper.show .links-list {
	height: 500px;
	background: linear-gradient(227deg, #063063 0%, #321f85 23.96%, #001737 77.08%, #000000 100%);
	backdrop-filter: blur(5px); 
}
body.dark-theme .header-basic .menu-link.active, 
body.dark-theme .header-basic .menu-link:hover {
	color: var(--clr-main);
}
body.dark-theme .header-basic .has-sub-menu > .sub-menu .sub-menu-link::before, 
body.dark-theme .header-basic .menu-link::before {
	background-color: var(--clr-main);
} 
body.dark-theme #page-header .dropdown-menu { 
	background-color: #00000094;
    backdrop-filter: blur(5px); 
}
body.dark-theme #page-header .dropdown-item,
body.dark-theme #page-header .dropdown-item  {
    color: aliceblue;
}
body.dark-theme #page-header .dropdown-item:hover, 
body.dark-theme #page-header .dropdown-item:focus {
    background-color: #1e202d73;
}  
body.dark-theme #page-header .dropdown-item i {
	margin-right: 5px;
	vertical-align: middle;
	filter: drop-shadow(0px 0px 1px #0d6efd);
}
#page-header .header-menu-icon {
	color: var(--clr-main);
}


/* ------------------------------------ */



/* MAIN CONTENT */

/* HOMEPAGE */
body.dark-theme .page-hero.tringle-bg::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
	z-index: -2;
    bottom: -1px;
    width: 100%;
    height: 100%;
	clip-path: polygon(15% 115%, 100% 0%, 103% 107%, 0 83%);
    background: #05146998;
    transition: all 0.25s ease-in-out 0s;
}
body.dark-theme .image-container {
	background-color: transparent;
    border-radius: 10%;
    padding: 10px;
} 
body.dark-theme .hero-bg-image {
	background-image: url('/assets/img/homepage/pattern-bg-1.jpg');
}
body.dark-theme .page-hero {
	background-color: var(--clr-dark-blue);
}
body.dark-theme .page-hero .featured-text {
	color: var(--clr-main);
}
body.dark-theme .page-hero .featured-text svg.wavey-underline path {
	fill: var(--clr-main);
	stroke: var(--clr-main);
}
body.dark-theme .design-element.stripes {
	background-image: repeating-linear-gradient(-55deg, transparent 0.9px, var(--clr-main) 1.25px, var(--clr-main) 3px, transparent 4px, transparent 8px);
}
body.dark-theme .gr-hero {
	background-image: linear-gradient(227deg, #063063 0%, #321f85 23.96%, #001737 77.08%, #000000 100%); 
}
body.dark-theme .gr-blue-purple {
	background-image: linear-gradient(180deg, #0049b0, #6554c0);
} 


body.dark-theme .block-icon {
	background: #0f2b46;
    padding: 16px;
    border-radius: 14px;
	box-shadow: 2px 2px 0px 0px; 
}  


body.dark-theme .categories-boxed .categories-row .category-box {
    border: solid 1px var(--main-transparent);
    padding: 2rem;
    margin: 30px auto;
    display: block;
    border-radius: 1rem;
	background-color: #00000081;
}
body.dark-theme .category-content .info-item {
    border: solid 1px #91deff8f;
    box-shadow: 0 0 5px 0 #7cc3ff8a;
    backdrop-filter: blur(5px);
	background: #1222317a;
}

#pills_hardware {
	background-image: url('/assets/images/homepage/hardware_bg_light.svg');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
}
#pills_software {
	background-image: url('/assets/images/homepage/blob-scene_gaplight.svg');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
}
#pills_security{
	background-image: url('/assets/images/homepage/security_bg_1.svg');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
}
#pills_networking {
	background-image: url('/assets/images/homepage/net_bg_6.svg');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
}
body.dark-theme #pills_hardware {
	background-image: url('/assets/images/homepage/blob-haikei_up-right.svg');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
}
body.dark-theme #pills_software {
	background-image: url('/assets/images/homepage/blob-scene_gapdark.svg');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
} 
body.dark-theme #pills_security{
	background-image: url('/assets/images/homepage/security_bg_dark.svg');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
} 
body.dark-theme #pills_networking {
	background-image: url('/assets/images/homepage/net_bg_3.svg');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
}
  
body.dark-theme .blog .posts-grid .post-summary .post-title:hover {
	color: var(--light-blue); 
}
 
/* ------------------------------------ */

 

 /* PAGE */
body.dark-theme .services-boxed .service-box {
	background-color: #121138d4;
} 
body.dark-theme .page-hero .hero-image-area .hero-img-wraper img {  
	filter: saturate(1.3) drop-shadow(0px 0px 6px #054269)
}
body.dark-theme .page-hero .hero-text-area .pre-title::before,
.page-hero .hero-text-area .pre-title::after,
.page-hero .hero-text-area .pre-title {
	color: #fff;
} 
body.dark-theme .page-hero .hero-text-area .hero-title {
	font-weight: 500;
}


 
body.dark-theme .toggle .toggle-title .toggle-btn {  
	color: var(--clr-white); 
	border-bottom: solid 1px var(--clr-main);
}
body.dark-theme .toggle .toggle-title .toggle-btn::before { 
	color: var(--clr-white);
} 



/* ------------------------------------ */
body.dark-theme .sidebar-pane {
	background: linear-gradient(167deg, #003c9c 0%, #030e3d 10%, transparent);
}
body.dark-theme #side-menu .mobile-sidebar {
	background-color: #000000c4;
	backdrop-filter: blur(10px);
}
body.dark-theme #side-menu .mobile-sidebar .sidebar-pane {
	backdrop-filter: blur(10px);
	background-color: #1d6cc382;
}
body.dark-theme #side-menu .mobile-sidebar .sidebar-pane .toggle-btn {
	font-size: 1rem;
}
body.dark-theme #side-menu .mobile-sidebar .sidebar-pane .toggle-text {
	font-size: 0.9rem;
}