/* =============================================
			Theme Reset Style					
============================================= */
:root{
	--White: #fff;
	--Whisper: #e5e5e5;
	--DeepSkyBlue: #00b1f3;
	--transition:  all 300ms ease-in-out;
}
* {
	margin: 0px;
	padding: 0px;
}
/* *:after,
*:before{ transition: var(--transition); } */
body {
	color: #666;
	background: #0c0f16;
	font:400 14px/23px 'Poppins', Arial, Helvetica, sans-serif;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	color: #fff;
	margin: 0 0 8px;
	font-weight: 400;
	line-height: 1.5;
	font-style: normal;
	text-transform: none;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
h1 { font-size: 48px;}
h2 { font-size: 36px;}
h3 { font-size: 24px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: #0f0f0f;}
p a{ transition: var(--transition); }
p a,
p a:hover { text-decoration:underline; }
p {
	margin: 0 0 20px;
	line-height: 20px;
	letter-spacing: normal;
}
a {
	text-decoration: none;
	transition: var(--transition);
}
a:hover, a:focus, a:active {
	outline: none;
	text-decoration: none;
}
ul { margin: 0; }
figure {
	margin-bottom: 6px;
	position: relative;
}
img {
	height: auto;
	max-width: 100%;
}
strong { color: #414141; }
iframe {
	width: 100%;
	float: left;
	border: none;
}
button { border: none; }
textarea,
select,
.wq-select select,
.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	color: #666;
	outline: none;
	height: 40px;
	background:#fff;
	font-size: 14px;
	-webkit-box-shadow: none;
			box-shadow: none;
	line-height: 18px;
	padding: 10px 20px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #dbdbdb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
textarea.form-control{
	resize: none;
	height: 210px;
}
.form-control::-webkit-input-placeholder { color: #666; } /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #666; } /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #666; } /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #666; } /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color:#666; } /* Microsoft Edge */
input:focus,
.select select:focus,
.form-control:focus {
	color: #666;
	border-color: #666;
	-webkit-box-shadow:none !important;
			box-shadow:none !important;
}
.form-group {
	width: 100%;
	float: left;
	margin:0 0 20px;
}
label {
	color: #666;
	display: block;
	font-weight: 400;
	margin-bottom: 10px;
}
form p {
	float: left;
	position: relative;
	width: 100%;
}
form p span i {
	top: 13px;
	left: 16px;
	color: #474747;
	position: absolute;
}
option { padding: 5px 15px; }
li {
	line-height: 28px;
	list-style: disc inside none;
}
ul ul { margin-left: 20px; }
ol {
	float: none;
	list-style: decimal;
	padding-left: 15px;
}
ol ol { margin-left: 20px; }
ol li {
	list-style: decimal;
	width: 100%;
}
table {
	background-color: transparent;
	max-width: 100%;
}
th { text-align: left; }
table {
	width: 100%;
	margin-bottom: 15px;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	border-top: 1px solid #dbdbdb;
	border: 1px solid #dbdbdb;
	line-height: 2.5;
	padding-left: 3px;
	text-align: center;
	vertical-align: top;
}
table thead tr th {
	border-top: 1px solid #dbdbdb;
	text-align: center;
	text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td { border-top: 1px solid #dbdbdb; }
table > thead > tr > th {
	border-bottom: 2px solid #dbdbdb;
	vertical-align: bottom;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td { border-bottom: 0; }
table > tbody + tbody { border-top: 2px solid #dbdbdb; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 6px 10px; }
p ins { color: #666; }
dl dd { margin-left: 20px; }
address { font-style: italic; }
/* =============================================
			Theme Custom Select					
============================================= */
.wq-select {
	color:#666;
	float:left;
	width: 100%;
	position: relative;
	text-transform:uppercase;
}
.wq-select:after {
	top: 0;
	right: 15px;
	z-index: 2;
	color: #666;
	display: block;
	content: '\e90c';
	position: absolute;
	text-align: center;
	font-size: inherit;
	line-height: 40px;
	font-family: 'icomoon';
}
.wq-select select {
	z-index: 1;
	width: 100%;
	position: relative;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.wq-select select option { color:#666; }
/* =============================================
		Theme Custom CheckBox Radio				
============================================= */
.wq-radio,
.wq-radio label,
.wq-checkbox,
.wq-checkbox label {
	margin:0;
	width: 100%;
	float: left;
	position: relative;
}
.wq-radio label,
.wq-checkbox label {
	cursor:pointer;
	display:block;
	padding:0 0 0 20px;
}
.wq-radio input[type=radio],
.wq-checkbox input[type=checkbox] { display:none; }
.wq-radio input[type=radio] + label:before,
.wq-checkbox input[type=checkbox] + label:before {
	top: 4px;
	left: 0;
	color: #373542;
	font-size: 14px;
	line-height: 14px;
	content: '\f096';
	position: absolute;
	font-family: 'FontAwesome';
}
.wq-radio input[type=radio] + label:before { content:'';}
.wq-radio input[type=radio]:checked + label:before,
.wq-checkbox input[type=checkbox]:checked + label:before {content:'\f046';}
/* =============================================
			Theme Global Elements				
============================================= */
.wq-haslayout {
	width:100%;
	float:left;
}
.wq-sectionspace {padding: 60px 0;}
.wq-locationmap {
	width: 100%;
	float: left;
	height: 500px;
}
.wq-btn-sm {
	padding: 0 20px;
	line-height: 30px;
}
.wq-themebtnarea{
	width: 100%;
	float: left;
	margin: 40px 0 0;
}
.wq-themebtnareacenter{text-align: center;}
.wq-btn {
	padding: 0 50px;
	cursor: pointer;
	position:relative;
	text-align:center;
	border-radius: 50px;
	background: #11141b;
	display: inline-block;
	vertical-align: middle;
	color: var(--DeepSkyBlue);
	border: 1px solid var(--DeepSkyBlue);
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,177,243,0.3);
	box-shadow: 0 0 20px 0 rgba(0,177,243,0.3);
	font:600 12px/50px 'Poppins', Arial, Helvetica, sans-serif;
}
.wq-btn:hover {
	color:#fff;
	background: var(--DeepSkyBlue);
}
.wq-btn-lg { width: 100%;}
.wq-description {
	width: 100%;
	float: left;
}
.wq-dropdowarrow{
	top:9px;
	right:15px;
	color:#fff;
	width:20px;
	height:20px;
	display:none;
	cursor:pointer;
	font-size:16px;
	line-height:20px;
	position:absolute;
	text-align:center;
}
.wq-dropdowarrow i{
	display: block;
	font-size: inherit;
	line-height: inherit;
}
.wq-open .wq-dropdowarrow i:before{content: '\f106';}
.menu-item-has-children,
.menu-item-has-mega-menu{ position: relative; }
.navbar-toggle {
	border: 0;
	margin: 3px 0;
	border-radius: 0;
	padding: 10px 12px;
}
.navbar-toggle .icon-bar{background: #fff;}
.wq-formtheme{
	width:100%;
	float:left;
}
.wq-formtheme fieldset{
	border:0;
	margin:0;
	padding:0;
	width:100%;
	float:left;
	position:relative;
}
.wq-inputwithicon{position:relative;}
.wq-inputwithicon i{
	top:0;
	right:0;
	z-index:2;
	width:40px;
	height:40px;
	line-height:40px;
	position:absolute;
	text-align: center;
}
.wq-inputwithicon .form-control{
	z-index:1;
	position:relative;
}
/*==========================================================================================
		For Mobile Nav use this code in Responsive.css desired Query
==========================================================================================*/
/*
.navbar-toggle{display: block;}
.navbar-collapse.collapse {display: none!important;}
.collapse.in{display:block !important;}
*/
/*==========================================================================================
			For Mobile Nav use this code in Responsive.css desired Query
==========================================================================================*/
/* =============================================
			Theme Styling						
============================================= */
.wq-wrapper {overflow: hidden;}
.wq-container{
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	max-width: 1230px;
	transition: var(--transition);
}
.wq-container:after{
	clear: both;
	content: '';
	display: block;
}
/* =============================================
			Header Style					
============================================= */
.wq-header {
	z-index: 999;
	padding: 40px 0;
	position: fixed;
	transition: var(--transition);
}
.wq-fixedme .wq-header{
	padding: 20px 0;
	background: #11141b;
}
.wq-navigationarea{
	width: 100%;
	float: left;
	padding: 0 80px;
	transition: var(--transition);
}
.wq-fixedme .wq-header .wq-navigationarea{padding: 0 40px;}
.wq-logo{
	float: left;
	width: 160px;
}
.wq-logo a,
.wq-logo a img{display: block;}
.wq-logo a img{
	width: 100%;
	height: auto;
}
.wq-navarea{
	float: right;
	padding: 20px 0;
}
.wq-nav{
	/* float: left; */
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize;
	font:400 16px/18px 'Poppins', Arial, Helvetica, sans-serif;
}
.wq-navigation{
	padding: 0;
	width: 100%;
	float: left;
}
.wq-navigation ul{
	list-style: none;
	line-height: inherit;
}
.wq-navigation > ul{
	width: 100%;
	float: left;
	list-style: none;
	text-align: center;
	line-height: inherit;
}
.wq-navigation ul li{
	line-height: inherit;
	list-style-type: none;
}
.wq-navigation > ul > li{
	width: auto;
	padding: 0 12px;
	vertical-align: top;
	display: inline-block;
}
.wq-navigation ul li a{
	display: block;
	color: var(--White);
}
.wq-langaugedropdown{
	margin: 0 0 0 60px;
	display: inline-block;
	vertical-align: middle;
}
.dropdown wq-langaugedropdownItems{
	display: inline-block;
}
.wq-langaugedropdown .dropdown-toggle{
	font-size: 16px;
	background: none;
	color: var(--White);
}
.wq-langaugedropdown .dropdown-toggle:focus{
	outline: none;
	box-shadow: none;
}
.wq-langaugedropdown .dropdown-menu{
	margin: 0;
	padding: 0;
	width: 85px;
	min-width: auto;
	 background: #9c86cb;
}
.wq-langaugedropdown .dropdown-menu a{
	display: block;
	padding: 0 10px;
	font-size: 12px;
	line-height: 30px;
	color: var(--White);
}
.wq-langaugedropdown .dropdown-menu a + a{border-top: 1px solid rgba(255, 255, 255, 0.24);}
.wq-langaugedropdown .dropdown-menu a:hover{background: none;}
.navbar-toggler{
	padding: 0;
	width: 50px;
	height: 35px;
	display: block;
	line-height: 35px;
	position: relative;
	border-radius: 10px;
	border: 2px solid var(--DeepSkyBlue);
}
.navbar-toggler:focus{
	outline: none;
	box-shadow: none;
}
.navbar-toggler span{
	top: 50%;
	left: 50%;
	width: 25px;
	height: 2px;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: var(--DeepSkyBlue);
}
.navbar-toggler span:after,
.navbar-toggler span:before{
	left: 50%;
	width: 25px;
	height: 2px;
	content: '';
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: var(--DeepSkyBlue);
}
.navbar-toggler span:after{top: -6px;}
.navbar-toggler span:before{bottom: -8px;}
/* =============================================
			Banner Style					
============================================= */
.wq-mainbanner{
	width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.wq-banneranimation {
	width: 120%;
    top: -120px;
    left: -110px;
    height: 110%;
    opacity: 0.3;
    margin: auto;
    background-color: #21d4fd;
    background-image: linear-gradient( 19deg, #21d4fd 0%, #b721ff 100%);
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    box-shadow: 15px 15px 50px rgb(0 0 0 / 20%);
    animation: morphing 10s infinite;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    filter: blur(20px);
}
@-moz-keyframes morphing {
	0% {
	  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	  box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
	}
	25% {
	  border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
	}
	50% {
	  border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
	  box-shadow: -10px -5px 50px rgba(0,0,0,0.2);
	}
	75% {
	  border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
	}
}
@-webkit-keyframes morphing {
	0% {
	  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	  box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
	}
	25% {
	  border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
	}
	50% {
	  border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
	  box-shadow: -10px -5px 50px rgba(0,0,0,0.2);
	}
	75% {
	  border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
	}
}
@-o-keyframes morphing {
	0% {
	  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	  box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
	}
	25% {
	  border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
	}
	50% {
	  border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
	  box-shadow: -10px -5px 50px rgba(0,0,0,0.2);
	}
	75% {
	  border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
	}
}
@keyframes morphing {
	0% {
	  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	  box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
	}
	25% {
	  border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
	}
	50% {
	  border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
	  box-shadow: -10px -5px 50px rgba(0,0,0,0.2);
	}
	75% {
	  border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
	}
}
.wq-bannerimg{
	margin: 0;
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 900px;
}
.wq-bannerimg figcaption{
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	float: left;
	height: 100%;
	padding: 270px 0;
	position: absolute;
	backdrop-filter: blur(5px);
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(84,84,84,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(84,84,84,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00545454',GradientType=0 ); /* IE6-9 */
	filter: brightness(1.75);
}
.wq-bannerimg img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
.custom-shape-divider-bottom-1616478398 {
	left: 0;
	bottom: 0;
	z-index: 99;
    width: 100%;
    line-height: 0;
    overflow: hidden;
    position: absolute;
}
.custom-shape-divider-bottom-1616478398 svg {
    height: 180px;
    display: block;
    position: relative;
    width: calc(140% + 1.3px);
}
.custom-shape-divider-bottom-1616478398 .shape-fill {fill: #0c0f16;}
.wq-bannercontent{
	width: 100%;
	float: left;
	padding: 0 30px;
	text-align: center;
}
.wq-bannercontent span{
	width: 100%;
	float: left;
	font-size: 24px;
	margin: 0 0 30px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: 2px;
	color: var(--White);
	text-transform: uppercase;
}
.wq-bannercontent h1{
	margin: 0;
	width: 100%;
	float: left;
	font-size: 64px;
	font-weight: 500;
	line-height: 64px;
	color: var(--White);
	text-transform: uppercase;
}
.wq-bannercontent .wq-themebtnarea{margin: 25px 0 0;}
.wq-bannercontent .wq-themebtnarea .wq-btn{
	color: #fff;
	font-weight: 400;
	background: rgba( 255, 255, 255, 0.25 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	border-radius: 40px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}
/* =============================================
			Features Style					
============================================= */
.wq-sectionhead{
	width: 100%;
	float: left;
	padding: 0 0 45px;
	text-align: center;
}
.wq-sectionhead em{
	display: block;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 15px;
	line-height: 18px;
	font-style: normal;
	text-transform: uppercase;
	color: var(--DeepSkyBlue);
}
.wq-sectionhead h2{
	margin: 0;
	font-size: 42px;
	font-weight: 600;
	line-height: 50px;
	color: var(--White);
}
.wq-sectionhead h2 span{display: block;}
.wq-features{
	z-index: 1;
    clear: both;
    display: grid;
    grid-gap: 30px;
    position: relative;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.wq-feature{
	width: 100%;
	float: left;
	padding: 45px 25px;
	border-radius: 12px;
	background: #11141b;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.24);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.24);
}
.wq-feature h3{
	font-size: 24px;
	margin: 0 0 25px;
	line-height: 26px;
	color: var(--White);
}
.wq-feature h3 span{
	display: block;
	margin: 5px 0 0;
}
.wq-featureicon{
	width: 80px;
	float: left;
	height: 80px;
	line-height: 80px;
	background: #000;
	border-radius: 50%;
	text-align: center;
}
.wq-feature .wq-description p{
	margin: 0;
	color: #fff;
	font-size: 12px;
	margin: 15px 0 0;
	padding: 20px 0 0;
	line-height: 18px;
	position: relative;
	text-transform: uppercase;
	height: 75px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.wq-feature:hover .wq-description p {
	height: auto;
	overflow: initial;
    -webkit-line-clamp: initial;
}
.wq-feature .wq-description p span{display: block;}
.wq-feature .wq-description p:after{
	top: 0;
	left: 0;
	content: '';
	width: 30px;
	height: 2px;
	position: absolute;
	border-radius: 30px;
	background: var(--DeepSkyBlue);
}
/* =============================================
			About Us Style					
============================================= */
.wq-aboutusearea{
	width: 100%;
	float: left;
}
.wq-aboutusdescription{
	width: 50%;
	margin: 0 -1px;
	padding: 0 65px;
	display: inline-block;
	vertical-align: middle;
}
.wq-textalignleft{text-align: left;}
.wq-aboutusdescription .wq-description p{
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: var(--Whisper);
}
.wq-ourprogresess{
	width: 50%;
	margin: 0 -1px;
    padding: 0 0 0 65px;
    display: inline-block;
    vertical-align: middle;
}
.wq-ourprogresess ul{
	width: 100%;
	float: left;
	list-style: none;
}
.wq-ourprogresess ul li{
	width: 100%;
	float: left;
	padding: 15px 0;
	list-style-type: none;
}
.wq-ourprogress{
	width: 100%;
	float: left;
}
.wq-outprogresscount{
	min-width: 135px;
	text-align: center;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 15px 40px 15px 0;
}
.wq-outprogresscount:before{
	top: 0;
	right: 0;
	width: 1px;
	content: '';
	height: 100%;
	background: #fff;
	position: absolute;
}
.wq-outprogresscount h3{
	font-size: 48px;
	font-weight: 500;
	line-height: 50px;
	position: relative;
}
.wq-outprogresscount h3 em{
	top: 0;
	right: -5px;
	font-size: 22px;
	line-height: 24px;
	font-style: normal;
	position: absolute;
	color: var(--DeepSkyBlue);
}
.wq-outprogresscount span{
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: var(--White);
}
.wq-ourprogressdescription{
	padding: 0 0 0 30px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 150px);
}
.wq-ourprogressdescription p{
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	color: var(--Whisper);
}
/* =============================================
			About Us Style					
============================================= */
.wq-whychooseusearea{
	width: 100%;
	float: left;
	padding: 0 80px 0 0;
}
.wq-whychooseimage{
	margin: 0;
    width: 50%;
    float: left;
    max-width: 670px;
    min-height: 670px;
}
.wq-whychooseimage img{
	width: 100%;
	height: auto;
	display: block;
}
.wq-whychooseus{
	width: 50%;
	float: right;
	max-width: 520px;
}
.wq-whychooseuscontent{
	width: 100%;
	float: left;
}
.wq-whychooseuscontent ul{
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 500;
	list-style: none;
	padding: 0 0 30px;
	line-height: 22px;
}
.wq-whychooseuscontent ul li{
	width: 100%;
	float: left;
	position: relative;
	line-height: inherit;
	list-style-type: none;
	padding: 8px 0 8px 30px;
}
.wq-whychooseuscontent ul li:before{
	left: 0;
	top: 10px;
	width: 17px;
	height: 17px;
	position: absolute;
	content: url('images/icons/bullet-icon.png');
}
.wq-whychooseuscontent ul li span{
	display: block;
	color: var(--White);
}
.skill-group{
	float:left;
	width:100%;
}
.skill{
	margin:0 0 20px;
	float:left;
	width:100%;
}
.skill-name{
	display:block;
	font-size:14px;
	font-weight:500;
	line-height:14px;
	padding:0 0 15px;
	color: var(--White);
	text-transform: uppercase;
}
.skill-holder{
	float:left;
	width:100%;
	position:relative;
	border-radius: 30px;
	background: var(--White);
}
.skill-bar{
	height:6px;
	float:left;
	transition:none;
	position:relative;
	border-radius: 30px;
	background: var(--DeepSkyBlue);
	-webkit-box-shadow: 0 0 10px 0 rgba(0,177,243,0.7);
	box-shadow: 0 0 10px 0 rgba(0,177,243,0.7);
}
/* =============================================
			Our Work Flow Style					
============================================= */
.wq-sectondescription{
	width: 100%;
	float: left;
	margin: 0 0 60px;
	text-align: center;
}
.wq-sectondescription p{
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	color: var(--Whisper);
}
.wq-sectondescription p span{display: block;}
.wq-outflowholder{
	width: 100%;
	float: left;
	position: relative;
	padding: 0 210px 0 0;
}
.wq-outflowholder:before{
	top: 150px;
    right: 90px;
    position: absolute;
    content: url(images/lines.png);
}
.wq-workflow{
	width: 100%;
	float: left;
	display: flex;
	padding: 30px 0;
	align-items: center;
	align-content: center;
	justify-content: space-between;
}
.wq-workflowcontent{
	width: 50%;
	float: left;
	max-width: 490px;
}
.wq-workflowcontent h3{
	font-size: 36px;
	margin: 0 0 25px;
	font-weight: 500;
	line-height: 36px;
}
.wq-workflowcontent .wq-description p{
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	color: var(--Whisper);
}
.wq-workflowimage{
	margin: 0;
	width: 50%;
	float: right;
	max-width: 300px;
}
/* =============================================
		Portfolio Style
============================================= */
.wq-ourprojects{
	width: 100%;
	float: left;
}
.portfolio{
	width: 100%;
	float: left;
	position: relative;
}
.gallery-cats{
	float:left;
	width:100%;
	font-size: 14px;
	list-style:none;
	margin: 0 0 50px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}
.gallery-cats li{
	line-height: inherit;
	list-style-type:none;
	display: inline-block;
	vertical-align: middle;
}
.gallery-cats li a{
	display:block;
	padding:0 20px;
	line-height: 24px;
	position:relative;
	border-radius: 35px;
	color:var(--Whisper);
	border: 1px solid transparent;
}
.gallery-cats li a.selected{border-color: var(--DeepSkyBlue);}
.portfolio-content{
	width: 100%;
	float: left;
}
.portfolio-item{
	width:50%;
	float:left;
	padding: 20px;
	position:relative;
}
.portfolio-item:nth-child(even){margin: 40px 0 0;}
.product-box{
	width: 100%;
	float: left;
	position:relative;
}
.wq-projectimg{
	margin: 0;
	width: 100%;
	float: left;
	padding: 20px;
	min-height: 460px;
	background: #fff;
	border-radius: 36px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
			align-items: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
			align-content: center;
}
.wq-projectimg img{
    width: auto;
	height: 460px;
    margin: 0 auto;
    display: block;
	border-radius: 10px;
}
.wq-projectbgdark{
	background: rgb(38,61,175);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(38,61,175,1) 0%, rgba(48,54,81,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(38,61,175,1) 0%,rgba(48,54,81,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(38,61,175,1) 0%,rgba(48,54,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#263daf', endColorstr='#303651',GradientType=1 );
}
.wq-projectbglight{
	background: rgb(38,215,255);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(38,215,255,1) 0%, rgba(47,94,109,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(38,215,255,1) 0%,rgba(47,94,109,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(38,215,255,1) 0%,rgba(47,94,109,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26d7ff', endColorstr='#2f5e6d',GradientType=1 );
}
/* =============================================
		Testimonials Style
============================================= */
.wq-testimonialarea{
	width: 100%;
	float: left;
}
.wq-textimonialimage{
	margin: 0;
	width: 50%;
	float: left;
	padding: 0 30px 0 0;
}
.wq-testimonialssliderarea{
	width: 50%;
	float: left;
	padding: 0 0 0 30px;
}
.wq-testimonialslider{
	width: 100%;
	float: left;
}
.wq-testimonialslider .item{
	width: 100%;
	float: left;
	padding: 0 0 40px;
}
.wq-testimonialbox{
	width: 100%;
	float: left;
	padding: 35px 30px;
	position: relative;
	background: #001789;
	border-radius: 15px 15px 15px 0;
}
.wq-testimonialbox:before{
	left: 0;
    width: 0;
    height: 0;
    top: 100%;
    content: '';
    position: absolute;
    border-top: 40px solid #001789;
    border-right: 40px solid transparent;
}
.wq-testimonialbox .wq-description{margin: 0 0 35px;}
.wq-testimonialbox .wq-description p{
	margin: 0;
	font-size: 18px;
	min-height: 120px;
	line-height: 28px;
	color: var(--White);
}
.wq-clientname{
	width: 100%;
	float: left;
}
.wq-clientname h3{
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	color: var(--Whisper);
}
.wq-clientname span{
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 12px;
	color: var(--DeepSkyBlue);
}
.owl-dots{
	left: 0;
	width: 100%;
	bottom: 50px;
	position: absolute;
	text-align: center;
}
.owl-dot{
	margin: 0 4px;
	display: inline-block;
	vertical-align: middle;
}
.owl-dot span{
	width: 10px;
	height: 10px;
	display: block;
	border-radius: 50%;
	background: var(--Whisper);
}
.owl-dot.active span{background: var(--DeepSkyBlue);}
/* =============================================
		Our Teams Style
============================================= */
.wq-ourteammembers{
	z-index: 1;
    clear: both;
    display: grid;
    grid-gap: 90px;
    position: relative;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.wq-teammember{
	width: 100%;
	float: left;
}
.wq-teamimg{
	margin: 0;
	width: 100%;
	float: left;
	height: 300px;
}
.wq-teamimg img{
	height: 100%;
	object-fit: cover;
}
.wq-membername{
	width: 100%;
	float: left;
	text-align: center;
}
.wq-membername h3{
	font-size: 30px;
	margin: 0 0 15px;
	font-weight: 600;
	line-height: 30px;
}
.wq-membername span{
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	color: var(--Whisper);
}
/* =============================================
		Contact Us Style
============================================= */
.wq-contactusbg{
	padding: 85px 0;
	margin: 60px 0 0;
	background: #13171f;
}
.wq-contactusarea{
	width: 100%;
	float: left;
}
.wq-contactusdetail{
	width: 50%;
	margin: 0 -1px;
	padding: 0 50px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.wq-contactusdetail .wq-sectionhead{padding: 0 0 25px;}
.wq-contactusdetail .wq-description p{
	margin: 0;
	font-size: 18px;
	line-height: 28px;
	color: var(--Whisper);
	transition: var(--transition);
}
.rt-contactusformarea{
	width: 50%;
	margin: 0 -1px;
	/* padding: 0 0 50px; */
	display: inline-block;
	vertical-align: middle;
}
.wq-twocols{
	clear: both;
	margin: 0 -6px;
}
.wq-twocols:after{
	clear: both;
	content: '';
	display: block;
}
.wq-twocols .form-group{
	float: left;
	margin: 0 6px 20px;
	width: calc(50% - 12px);
}
.wq-twocols .form-group input{
	height: 50px;
	font-size: 12px;
	color: #001789;
	border-radius: 30px;
	border: 1px solid #001789;
}
.wq-formcontactus fieldset > .form-group{
	float: left;
	margin: 0 6px 20px;
	width: calc(100% - 12px);
}
.wq-formcontactus fieldset .form-group textarea{
	width: 100%;
	float: left;
	resize: none;
	height: 120px;
	padding: 24px;
	font-size: 12px;
	color: #001789;
	border-radius: 26px;
	border: 1px solid #001789;
}
/* =============================================
		Footer Style
============================================= */
.wq-emailphoneholder{
	width: 100%;
	float: left;
	padding: 50px 0;
	border-bottom: 1px solid rgba(0, 177, 243, 0.25);
}
.wq-emailphonearea{
	width: 50%;
	float: left;
}
.wq-contactusinfo{
	width: 100%;
	float: left;
	list-style: none;
}
.wq-contactusinfo li{
	width: 50%;
	float: left;
	list-style-type: none;
}
.wq-contactusicon{
	width: 45px;
	height: 45px;
	line-height: 45px;
	margin: 0 20px 0 0;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	background: var(--DeepSkyBlue);
	-webkit-box-shadow: 0 0 20px 0 rgba(0,177,243,1);
	box-shadow: 0 0 20px 0 rgba(0,177,243,1);
}
.wq-contactuscontent{
	display: inline-block;
    vertical-align: middle;
	width: calc(100% - 70px);
}
.wq-contactuscontent h3{
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	color: var(--White);
}
.wq-contactuscontent span{
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	color: var(--Whisper);
}
.wq-formsubscribe{
	width: 50%;
	float: left;
}
.wq-formsubscribe .form-group{
	margin: 0;
	position: relative;
}
.wq-formsubscribe .form-group  input{
	height: 50px;
	border-radius: 40px;
	padding: 10px 175px 10px 20px;
}
.wq-formsubscribe .form-group .wq-btn{
	top: 0;
	right: 0;
	border: 0;
	width: 160px;
	font-size: 18px;
	color: #484848;
	font-weight: 400;
	line-height: 50px;
	position: absolute;
	text-transform: capitalize;
	background: var(--DeepSkyBlue);
}
.wq-fcols{
	width: 100%;
	float: left;
	padding: 60px 0;
}
.wq-fcol{
	float: left;
	width: 25%;
}
.wq-fcolhead{
	width: 100%;
	float: left;
}
.wq-fcolhead h3{
	font-size: 18px;
	margin: 0 0 35px;
	font-weight: 600;
	line-height: 18px;
	color: var(--White);
}
.wq-fcol .wq-description{
	clear: both;
	max-width: 300px;
}
.wq-fcol .wq-description p{
	margin: 0;
	font-size: 14px;
	line-height: 22px;
	color: var(--Whisper);
}
.wq-socialicons{
	width: 100%;
	float: left;
	margin: 30px 0 0;
	list-style: none;
}
.wq-socialicons li{
	float: left;
	padding: 0 6px;
	list-style-type: none;
}
.wq-socialicons li:first-child{padding-left: 0;}
.wq-socialicons li a{
	width: 44px;
	height: 44px;
	display: block;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid var(--DeepSkyBlue);
	-webkit-box-shadow: 0 0 20px 0 rgba(0,177,243,0.3);
	box-shadow: 0 0 20px 0 rgba(0,177,243,0.3);
}
.wq-socialicons li a:hover{background: #fff;}
.wq-addnav{
	width: 100%;
	float: left;
	font-size: 14px;
	list-style: none;
	line-height: 14px;
}
.wq-addnav li{
	width: 100%;
	float: left;
	padding: 9px 0;
	line-height: inherit;
	list-style-type: none;
}
.wq-addnav li a{
	display: block;
	color: var(--Whisper);
}
.wq-copyrights{
	width: 100%;
	float: left;
	padding: 30px 80px;
	text-align: center;
	border-top: 1px solid var(--DeepSkyBlue);
}
.wq-copyrights p{
	margin: 0;
	font-size: 12px;
	line-height: 12px;
	color: var(--White);
}
.wq-themerror{
	color: #fff;
    font-size: 12px;
	color: var(--DeepSkyBlue);
    margin: 8px 0 0;
    line-height: 14px;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover{color: var(--White) !important;}
/* ========================================================
			Blog Style Start
======================================================== */
.wq-bloggrid{
	width: 100%;
	clear: both;
	display: grid;
	grid-gap: 24px;
	grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}


.wq-bloggriditem{
	width: 100%;
	float: left;
}
.wq-bloggriditem figure{
	margin: 0;
	width: 100%;
	float: left;
	height: 280px;
	position: relative;
}
.wq-bloggriditem figure img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border-radius: 20px;
}
.wq-bloggriditem figure figcaption{
	left: 0;
	bottom: 0;
	padding: 12px;
	width: 100%;
	position: absolute;
	background: rgba(0,0,0,0.4);
}
.wq-blogitemtitle{
	width: 100%;
	float: left;
}
.wq-blogitemtitle h3{
	margin: 0;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
}
.wq-blogdetails{
	width: 100%;
	float: left;
}
.wq-blogdetails .wq-description p{color: #fff;}
.wq-blogauther{
	width: 100%;
	float: left;
	padding: 0 0 50px;
}
.wq-authoranddate{
	width: 100%;
	float: left;
	padding: 0 0 8px;
}
.wq-authoranddate span{
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}
.wq-bloghashtag{
	width: 100%;
	float: left;
}
.wq-bloghashtag span{
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.wq-twocoldetail{
	width: 100%;
	float: left;
}
.wq-twocoldetail .wq-description{
	width: calc(100% - 400px);
}
.wq-blogsectionimg{
	margin: 0;
	width: 340px;
	float: right;
}
.wq-blogsectionimg img{
	width: 100%;
	height: auto;
	display: block;
}
.wq-footdescription{
	padding: 0 80px 0 0;
}
/* ========================================================
			Blog Style End
======================================================== */