*{
	margin:0px;
	padding:0px;
}
*:after, *:before
{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing: border-box;
}
body
{
	font-family:"Montserrat", sans-serif;
	font-size:16px;
	margin:0;
	background:#fff;
	color:#000;
}
/*=============Modal popup css =======*/
.m-head h1
{
	font-size:22px;
	margin-top:30px;
	line-height:50px;
}
.shape
{
	width:100%;
	height:450px;
	background:linear-gradient(to bottom, #D63773, #ED528D 70%);
	position: absolute;
	clip-path:ellipse(170px 170px at 10% 12%);
	-webkit-clip-path:ellipse(160px 160px at 10% 12%);
}
.m-form h3
{
	font-size:22px;
	font-family:'Montserrat', sans-serif;
	font-weight: bold;

}
/*=============End of Modal Popup Css ===*/
.header
{
	padding:30px 0px;
	position: fixed;
	left:0;
	top:0px;
	width:100%;
	z-index:10;
	transition: all 0.1s ease-in-out;
}
.header .header-tops
{
	width:100%;
	height:40px;
	display: flex;
	background-color:rgba(0,0,0,0.2);
}
.header .header-tops ul
{
	list-style:none;
	display: flex;
	float: right;
	line-height:40px;
	margin-right:25px;
}
.header .header-tops ul li
{
	padding-left:20px;

}
.header .header-tops ul li a
{
	font-size:16px;
	text-decoration: none;
	color:red;
	border-right:1.5px solid #000;
	padding-right:10px;
}
@media only screen and (max-width:450px)
{
	.header .header-tops ul
	{
		display: none;
	}
	.header .header-tops .t-con
	{
		display:none;
	}
	.header .header-tops
	{
		height: auto;
	}

}
@media only screen and (max-width:768px)
{
	.header .header-tops ul li a
	{
		font-size:12px;
	}
}
.header-main
{
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:2px 0px;
	border-radius:4px;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
	border-bottom:1px solid lightgrey;
}
.header .top-left
{
	width:300px;
	height:100px;
	margin-top:-15px;
	margin-bottom:-15px;
}
.header .top-left img
{
	width:50%;
	height:60px;
	position: relative;
	top:22px;
	left:12px;
}
.header .logo
{
	padding: 0 15px;
}
.header .logo a
{
	font-size:30px;
	text-transform: capitalize;
	color:#f14b05;
	font-weight:600;
	margin-left:-180px;
	display: none;
}
.header .nav-menu
{
	padding: 0 37px 0px 0px;
}
.header .menu > .menu-item
{
	display: inline-block;
	margin-left: 30px;
	position: relative;
}
.header .menu > .menu-item > a
{
	display: block;
	padding: 10px 0;
	font-size:18px;
	color:White;
	text-transform:uppercase;
	font-weight:bold;
	transition: all 0.3s ease;
}
.header .menu > .menu-item > a .plus
{
	display: inline-block;
	height:12px;
	width:12px;
	margin-left:5px;
	position:relative;
	pointer-events: none;
}
.header .menu > .menu-item > a .plus:before,
.header .menu > .menu-item > a .plus:after
{
	content: '';
	position: absolute;
	box-sizing:border-box;
	left:50%;
	top:50%;
	background:White;
	height:2px;
	width:100%;
	transform: translate(-50%, -50%);
	transition:all 0.3s ease;
}
.header .menu > .menu-item:hover > a .plus:before,
.header .menu > .menu-item:hover > a .plus:after
{
	background-color:red;
}
.header .menu > .menu-item > a .plus:after
{
	transform: translate(-50%, -50%) rotate(-90deg);
}
.header .menu > .menu-item:hover > a
{
	color:red;
	font-weight: bold;
}
.header .menu > .menu-item > .sub-menu > .menu-item > a:hover
{
	color:red;
	border-left:2px solid red;
	margin-left:0px;
}
.header .menu > .menu-item > .sub-menu
{
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	width:220px;
	position: absolute;
	left: 0;
	top:100%;
	background-color:rgba(0,0,0,0.8);
	padding:10px 0;
	transform:translateY(10px);
	transition: all 0.3s ease;
	opacity: 0;
	visibility: hidden;
}
@media only screen and (min-width:992px)
{
	.header .menu > .menu-item-has-children:hover > .sub-menu
	{
		transform: translateY(0);
		opacity:1;
		visibility: visible;
	}
	.header .menu > .menu-item-has-children:hover > a .plus:after
	{
		transform: translate(-50%, -50%) rotate(0deg);
	}
}
.header .menu > .menu-item > .sub-menu > .menu-item
{
	display: block;
}
.header .menu > .menu-item > .sub-menu > .menu-item > a
{
	display: block;
	padding:10px 10px;
	font-size:14px;
	font-weight:600;
	color:#fff;
	transition:all 0.3s ease;
	text-transform:uppercase;
	border-bottom:1px solid #333333;
}
.nav-menu ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.nav-menu ul a
{
	text-decoration: none;
}
.header .open-nav-menu
{
	height: 34px;
	width:40px;
	margin-right:15px;
	display:none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-color:#fff;
}
.header .open-nav-menu span
{
	display:block;
	height:3px;
	width:24px;
	background-color:#000;
	position: relative;
}
.header .open-nav-menu span:before,
.header .open-nav-menu span:after
{
	content:'';
	position:absolute;
	left: 0;
	width:100%;
	height: 100%;
	background-color:#000;
	box-sizing: border-box;
}
.header .open-nav-menu span:before
{
	top:-7px;
}
.header .open-nav-menu span:after
{
	top:7px;
}
.header .close-nav-menu
{
	height:30px;
	width:30px;
	background-color: #fff;
	margin:0 0 15px 15px;
	cursor: pointer;
	display:none;
	align-items: center;
	justify-content: center;
}
.header .close-nav-menu img
{
	width:16px;
}
.header .menu-overlay
{
	position: fixed;
	z-index:999;
	background-color: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease; 
}
.header .menu-overlay.active
{
	visibility: visible;
	opacity: 1;
}

/*responsive menu css*/
@media only screen and (max-width:991px)
{	
	.header
	{
		margin-top:0px;
		padding-top:0px;
	}
	.header-main .top-left img
	{
		width:40%;
		margin-left:0px;
		position: relative;
		left:-50px;
		top:25px;
	}
	.header-main .logo a
	{
		font-size:16px;
	}
	.header .nav-menu
	{
		position: fixed;
		right:-280px;
		visibility: hidden;
		top: 0;
		width:280px;
		height:100%;
		overflow: auto;
		background-color:#222222;
		z-index: 1000;
		padding:15px 0;
		transition: all 0.5s ease;
	}
	.header .nav-menu.open
	{
		visibility: visible;
		right: 0px;
	}
	.header .menu > .menu-item
	{
		display: block;
		margin:0;
	}
	.header .menu > .menu-item-has-children > a
	{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header .menu > .menu-item > a
	{
		color:#fff;
		padding:12px 15px;
		border-bottom:1px solid #333333;
	}
	.header .menu > .menu-item:first-child > a
	{
		border-top: 1px solid #333333;
	}
	.header .menu > .menu-item > a .plus:before,
	.header .menu > .menu-item > a .plus:after
	{
		background-color:#fff;
	}
	.header .menu > .menu-item-has-children.active > a .plus:after
	{
		transform: translate(-50%, -50%) rotate(0deg);
	}
	.header .menu > .menu-item > .sub-menu
	{
		width:100%;
		position: relative;
		opacity: 1;
		visibility: visible;
		border:none;
		background-color: transparent;
		box-shadow: none;
		transform: translateY(0px);
		padding: 0px;
		left: auto;
		top: auto;
		max-height: 0px;
		overflow: hidden;
	}
	.header .menu > .menu-item > .sub-menu > .menu-item > a
	{
		padding: 12px 45px;
		color: #fff;
		border-bottom: 1px solid #333333;
	}
	.header .close-nav-menu,
	.header .open-nav-menu
	{
		display:flex;
	}
}
.header.fixed
{
	opacity: 0;
	transform:translateY(-50%);
}
.header.active
{
	transition:all 0.4s ease-in-out;
	background: linear-gradient(to right,#068793,#0a2e59);
	padding:0px 0px;
	opacity:1;
	z-index:100;
	transform:none;
}
/*==============end of menu section ======*/
/*=============banner section =======*/
.banner
{
	height:760px;
	position: relative;
	top:40px;
}
.banner-overlay
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:760px;
	background: linear-gradient(to right,#73443e -50%,rgba(10,46,89,0) 100%),linear-gradient(to right,rgba(246,77,136,0) 0%,#463f47 160%);
}
.banner-overlay p
{
	position: relative;
	top:240px;
	text-align: center;
	font-size:40px;
	color:orange;
}
.banner-overlay h1
{
	position: relative;
	top:250px;
	text-align: center;
	color:orange;
	font-family: 'Montserrat', sans-serif;
	font-size:75px;
	/*font-weight: bold;*/
}
.banner-overlay h6
{
	position: relative;
	top:260px;
	text-align: center;
}
.banner-overlay h6 a
{
	padding:20px 30px;
	background-color: red;
	color:#fff;
	transition:all .4s ease;
}
.banner-overlay h6 a:hover
{
	text-decoration: none;
	background-color:#000;
	color:red;
	font-weight: bold;
	font-size:18px;
}
@media only screen and (max-width:991px)
{
	.banner
	{
		height:276px;
		top:0px;
	}
	.banner video
	{
		height:350px;
	}
	.banner-overlay
	{
		height:276px;
	}
	.banner-overlay h1
	{
		font-size:22px;
		line-height:0px;
		position: relative;
		top:120px;
	}
	.banner-overlay p
	{
		font-size:20px;
		line-height:0px;
		position: relative;
		top:140px;
	}
	.banner-overlay h6
	{
		line-height: 0px;
		position: relative;
		top: 160px;
	}
	.banner-overlay h6 a
	{
		font-size:14px;
		padding:7px 17px;
	}
}
/*=================End of banner section =====================*/
/*================About Us section start =================*/
.body-wrap
{
	background:url('../images/aboutus-background.svg') center center no-repeat;
	background-size:contain;
	height:600px;	
	margin-top: 50px;
	padding:100px 0px;
}
.abouts img
{
	width:100%;
}
.about-details h5
{
	font-family:sans-serif;
	color:lightgrey;
}
.about-details h1
{
	margin-top:20px;
	font-size:50px;
	color:#000;
	font-family: 'Raleway', sans-serif;
	font-weight:bold;
	border-left:4px solid darkblue;
	padding:0px 30px;
}
.body-wrap .about-details p
{
	margin-top:0px;
	line-height:30px;
	font-weight: bold;
	letter-spacing:1px;
	color:#000;
	margin-left:0px;
	padding-left:0px;
}

.about-details ul
{
	list-style: none;
}
.about-details ul li
{
	width:80px;
	height:90px;
	background:url('../images/RQ-sprite-image.png') 0 0;
	display: inline-block;
	margin-right:90px;
	position: relative;
}
.atchement #project
{
	background-position:0px 200px;
}
.atchement #hours
{
	background-position:-70px 200px;
}
.atchement #coffee
{
	background-position:-150px 200px;
}
.about-details ul li p
{
	position: absolute;
	left:100px;
	top:20px;
	font-size:18px;
}
.about-details ul li p span
{
	font-weight: normal;
	font-size:16px;
}
.about-details a
{
	font-family: arial;
	font-weight: bold;
	margin-right:5px;
	color: #000;
}
@media only screen and (max-width:991px)
{
	.body-wrap
	{
		height: auto;
		margin-top:0px;
		padding-top:25px;
	}
	.abouts img
	{
		display: none;
	}
	.about-details h5
	{
		color:grey;
		text-align:center;
	}
	.about-details h1
	{
		font-size:25px;
	}	
	.body-wrap .about-details p
	{
		font-size:14px;
		text-align: center;
	}
	.about-details ul
	{
	    margin-left:35px;
	}
	.about-details ul li p
	{
		left:170px;
		font-size:20px;
	}
	.about-details ul li p span
	{
		color:#0059af;
		font-weight: bold;
		font-family:arial;
	}
	.about-details ul li p #h
	{
		color: #5b0eb7;
	}
	.about-details ul li p #c
	{
		color:#976700;
	}
	.about-details a
	{
		text-align: center;
		margin-left:15px;
	}
}
/*================End of About Us section start =================*/
/*================Capability section start =================*/
.cap h1
{
	font-size:40px;
	font-weight: bold;
	border-left:4px solid blue;
	padding-left:20px;
}
.capability 
{
	width:100%;
	background-color:#f3f6f6;
	height:278px;
	margin-top:50px;
	border-radius:10px;
	display: none;
}
.capability.active
{
	display: block;
}
.capability img
{
	width:50%;
	float: right;
	position: relative;
}
.cap-details 
{
	position: absolute;
}
.capability h2
{
	font-weight: bold;
	font-family:'Raleway', sans-serif;
	padding:35px 0px 0px 45px;
	font-size:40px;
	color:#000;
}
.capability p
{
	width:50%;
	padding:25px 0px 0px  45px;
	font-weight:bold;
	color:lightgrey;
}
@media only screen and (max-width:991px)
{
	.capability 
	{
		width:100%;
		height:auto;
		margin-top:0px;
		padding-top:0px;
	}
	.cap h1
	{
		font-size:22px;
	}
	.cap-details h2
	{
		color:initial;
		text-align: center;
		padding-left: 0px;
		margin-left: 0px
	}
	.cap-details p
	{
		width:100%;
		padding:10px;
		padding-right:20px;
		font-weight:bold;
		text-align: center;
		color:initial;
	}
	.capability img
	{
		height:200px;
		display: none;
	}
}
/*===ctabs ====*/
.ctabs ul 
{
	margin-top:40px;
	display: flex;
	justify-content: center;
}
.ctabs ul li
{
	width:51px;
	height:70px;
	background:url('../images/RQ-sprite-image.png') 0 0;
	display: inline-block;
	margin-right:80px;
	position: relative;	
	cursor:pointer;
}

#web
{
	background-position:0px 115px;
}
#mobile
{
	background-position:-50px 115px;
}
#internet
{
	background-position:-92px 115px;
}
#data
{
	background-position:-139px 115px;
}
#ui
{
	background-position:-201.5px 115px;
	width:57px;
}
#machine
{
	background-position:-262px 115px;
}
#blockchain
{
	background-position:-318px 115px;
}
#digital
{
	background-position:-380px 115px;
	margin-right: 0px;
	width:58px;
}
.ctabs ul li h5
{
	font-size:14px;
	font-family: arial;
	font-weight:bold;
	color: #000;
	position:relative;
	top:70px;
	text-align: center;
}
.ctabs_sm
{
	display: none;
}
@media only screen and (max-width:768px)
{
	.ctabs 
	{
		margin-top:380px;
	}
	.ctabs ul
	{
		display:block;
		margin-left:50px;
	}
	.ctabs ul li
	{
		width:49px;
		height:60px;
		position:absolute;
	}
	#mobile
	{
		left:160px;
	}
	#internet
	{
		left:250px;
	}
	#data
	{
		left:65px;
		top:160px;
	}
	#ui
	{
		left:160px;
		top:170px;
	}
	#machine
	{
		display: none;
	}
	#blockchain
	{
		left:250px;
		top:170px;
	}
	#digital
	{
		display: none;
	}
}
/*================End of capability section start =================*/
/*=============why section ==============*/
.why
{
	width:100%;
	height:425px;
	background-color:rgba(0,16,43,1);
	margin-top: 50px;
	position: relative;
}
.why img
{
	position: absolute;
	width:100%;
}
.why h1
{
	color: #fff;
	font-size:30px;
	font-weight:400;
	font-family: "Anton", Sans-serif;
	padding:40px 0px 0px 20px;
}
.why p
{
	font-weight:400;
	font-size:20px;
	color: #fff;
	margin:50px 0px 0px 20px;
	line-height:35px;
	/*border-right:1px solid #212121 ;*/
}
.w-txt
{
	border-left:1px solid lightgrey ;
	padding-left:70px;
}
.why h6
{
	text-align: center;
	margin-top:20px;
}
.why h6
{
	margin-top:55px;
}
.why h6 a
{
	font-size:20px;
	color: #fff;
	background-color:#e81e1e;
	padding:15px 30px;
	border-radius:7px;
}
.why h6 a:hover
{
	text-decoration: none;
	background-color:red;
}
@media only screen and (max-width:991px)
{
	.why
	{
		width:100%;
		margin-top:210px;
		height: auto;
	}
	.why h1
	{
		font-size:20px;
		padding-left:0px;
		text-align: center;
	}
	.why p
	{
		margin:0px 0px 0px 0px;
		line-height:20px;
		font-size:14px;
		padding:10px;
		border:0px;
	}
	.why h6
	{
		margin:25px 0px;
	}
	.why h6 a
	{
		font-size:14px;
		padding:10px;
	}
	.why h6 a:hover
	{
		text-decoration: none;
		background-color:red;
	}
	.why img
	{
		display: none;
	}
}
/*=============End of why section =======*/
/*===============Rating =================*/
.rate-top h1
{
	font-size:60px;
	font-family:"Anton", sans-serif;
	letter-spacing:1.5px;
	color:#233746;
}
.rate-top #rate-para
{
	font-family: "Gelasio","Merriweather","Times",serif;
	font-size:1.5rem;
	color:#cbdb28;
	font-weight: bold;
	padding:0px;
}
.rate
{
	border-right:5px solid #dfe6ec;
	margin-top:40px;
}
#frate
{
	border-left:5px solid #dfe6ec;	
}
.rating
{
	background:#fff;
	margin-top:10px;
}
.rating img
{
	width:25%;
	padding:15px 0px 10px 0px;
}
.rating h6, h3
{
	font-weight: bold;
	text-align: center;
	font-weight:bold;
	margin-top:7px;
	color: #233746;
	font-size:1.2rem;
}
.rating h3
{
	font-size:2rem;
	margin-top:15px;
	font-family:arial;
	color: #cbdb28;
}
#link
{
	padding-top:15px;
	padding-bottom:30px;
}
#link a
{
	font-family:arial;
	color: #233746;
	font-weight: bold;
	font-size:17px;
	margin-right:13px;
}
#link a:hover
{
	text-decoration: none;
}
@media only screen and (max-width:991px)
{
	.rate-top h1
	{
		font-size:22px;
		margin-top:0px;
	}
	.rate-top #rate-para
	{
		font-size:16px;
		margin:0px;
		padding:0px;
		font-weight: normal;
		line-height:18px;
	}
	.rate
	{
		border:0px;
		padding:20px;
		margin-top:0px;
	}
	#frate
	{
		border:0px;
	}
	.rating
	{
		padding-top:25px;
		border:1px solid red;
	}
	.rating img
	{
		width:15%;
		padding:0px;
	}
	.rating h6
	{
		font-size:1rem;
	}
	#link
	{
		padding: :0px;
		text-align:center;
	}
	#link a
	{
		font-size:15px;
		padding:0px;
		margin-left:0px;
	}
	#link a:hover
	{
		text-decoration: none;
	}
}
/*===============End of Rating =================*/
/*===============unique section start ===================*/
.unique h1
{
	font-family:"Gelasio",sans-serif;
	font-size:32px;
	font-weight: bold;
	margin-top:40px;
}
.unique p
{
	color: #212529;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight:bold;
    line-height: 30px;
}
.circle-icon
{
	width: 80%;
	height:115px;
	background-color:#fff;
	border-radius:50%;
	box-shadow:0 25px 20px 10px lightgrey;
}
.circle-icon img
{
	width:30%;
	position:relative;
	top:40px;
}
.circle-icon h6 span
{
	background-color:#fff;
	padding:8px 16px;
	position:relative;
	top:58px;
	border-radius:50%;
	font-weight: bold;
	font-family: arial;
	font-size:25px;
	z-index: 10;
}
.circle-icon:after
{
	content: "";
    position: absolute;
    width:36%;
    height:3px;
    background-color: #000;
    right:0px;
    left:137px;
    top: 81px;
    z-index: 100;
}
.circle-last::before , .circle-m::before
{
	content: "";
    position: absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color: #000;
    right:0px;
    left:15px;
    top:78px;
    z-index: 100;
}
.circle-last::after
{
	display: none;
}
.unique-outter
{
	padding:25px;
}
.unique-outter h3
{
	padding-top:35px;
}
@media only screen and (max-width:991px)
{
	.unique h1
	{
		font-size:20px;
	}	
	.unique p
	{
	    font-size:15px;
	    padding: 0px;
	    margin:0px;
	}
	.circle-icon
	{
		width:75%;
		height:90px;
		float: left;
	}
	.circle-icon img
	{
		width:30%;
		position:relative;
		top:30px;
	}
	.circle-icon h6 span
	{
		top:38px;
	}
	.unique-outter h3
	{	
		font-size:14px;
		position: relative;
		left:0px;
		top:25px;
	}
	.circle-m::before
	{
		display: none;
	}
	.circle-icon:after
	{
		display: none;
	}
	.circle-last::before
	{
		display: none;
	}
}
/*===============End of unique section start ============*/
/*===============why choose us start ============*/
.why-choose h1
{
	font-weight:normal;
	color:red;
}
.why-choose h1 span
{
	color:#000;
	font-family:"Raleway", sans-serif;
	font-weight: bold;
}
.why-choose p
{
	color: #212529;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight:600;
    line-height: 30px;
    padding-left:0px;
    padding-top:20px;
}
.why-choose img
{
	width:100%;
	position:relative;
	top:0px;
	height:90px;
	display: none;
}
.choose
{
	height:225px;
	background-image:url('../images/why/Shape-four.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	box-shadow:0 0 10px 0 lightgrey;
	border-top-left-radius:40px;
	border-bottom-right-radius:40px;
}
.choose h3
{
	text-align: center;
}
.choose h3 span
{
	padding:7px 15px 7px 10px;
	background-color:#ecfcf9;
	font-weight: bold;
	font-family: arial;
	width:10%;
	text-align: center;
	margin:20px 0 0 8px;
	float: left;
	margin-left:20px;
}
.choose strong
{
	position: relative;
	top:15px;
	font-size:30px;
	font-family: arial;
	color: red;
}
.choose h5
{
	font-weight: bold;
	position: relative;
	top:15px;
	font-size:22px;
}
.choose p
{
	font-size:16px;
	line-height:20px;
	margin-top:35px;
	font-weight:bold;
	padding:0  1px 0 20px;
}
@media only screen and (max-width:991px)
{
	.why-choose h1
	{
		font-size:25px;
		text-align: center;
	}
	.why-choose p
	{
	    font-size:15px;
	    padding:10px 10px 0px 0px;
	    margin:0px;
	    text-align: center;
	    line-height:25px;
	}
	.why-choose img
	{
		top:20px;
		height:70px;
	}	
	.choose
	{
		margin-top:30px;
	}
	.choose h3
	{
		font-size:16px;
	}
	.choose strong
	{
		top:20px;
		font-size:18px;
	}
	.choose h5
	{
		font-size:18px;
	}
	.choose p
	{
		font-size:15px;
		padding:14px;
		color:#90bdb5;
	}
}
/*===============End of why choose us ============*/
/*==================Testimonial section =======*/
.testimonial
{
	width:100%;
	height:500px;
	background-color:#e8ecff;
	position: relative;
}
.view-box
{
	width:900px;
	height:400px;
	border-radius:220px;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
#testimonial
{
	display: flex;
	transition:0.5s;
}
.user
{
	width:800px;
	text-align: center;
	padding:20px 70px;
	box-sizing:border-box;
	background-color:#321764;
	border-radius:200px;
	box-shadow:0 10px 20px -5px #00000061;
	position: relative;
}
.space
{
	margin:0 70px;
}
.user img
{
	width:120px;
	border-radius:0%;
	border:10px solid #e8ecff;
	position: absolute;
	top:-67px;
	left:50%;
	transform: translateX(-50%);
}
.user p
{
	font-size: 22px;
	color:#cbb4f5;
	line-height:32px;
	margin:60px 0 30px;
}
.user p::before
{
	content:'\201c';
	font-size:120px;
	height:0;
	display: inline-block;
	vertical-align:-57px;
	margin-right:10px;
}
.user p::after
{
	content:'\201D';
	font-size:120px;
	height:0;
	display: inline-block;
	vertical-align:-85px;
	margin-left:10px;
}
.user h3
{
	font-size: 26px;
	color:#cbb4f5;
}
.controls
{
	display: flex;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}
.controls span
{
	width:15px;
	height: 15px;
	background:#321764;
	border-radius:15px;
	margin:0 5px;
	cursor: pointer;
	transition:0.5s;
}
.actives
{
	width:45px !important;
}
@media only screen and (max-width:991px)
{
	.testimonial
	{
		display: none;
	}	
}
/*===============End of Testimonial section =======*/
/*===============Are you ready ============*/
.let-start h5
{
	font-family: "Gelasio","Merriweather","Times",serif;
	font-weight:bold;
	margin-top:40px;
	color: #cbdb28;
}
.let-start h1
{
	font-weight: bold;
}
.let-start p
{
	font-size:20px;
	font-weight: bold;
	color: lightgrey;
	padding-top: 0px;
}
.get-start
{
	width:100%;
	height:500px;
	box-shadow:0 0 16px 0 rgb(20 30 100 / 10%);
	margin-top:20px;
	position: relative;
}
.let-form h3
{
	text-align: left;
	padding:30px;
	padding-bottom:10px;
	font-size:34px;
	font-family: "Gelasio", sans-serif;
	font-weight:500;
	color:#000;
}
.let-form form
{
	padding:30px;
	padding-top:0px;
}
.let-form input[type="text"], input[type="email"]
{
	height:50px;
	background-color:#f0eff5;
	border-radius:15px;
	box-shadow:none!important;
}
.let-form textarea
{
	background-color:#f0eff5;
	box-shadow:none!important;
	border-radius:15px;
}
.let-form input[type="submit"]
{
	width:35%;
	border-radius:25px;
	background-color:#28c878;
	color:#fff;
	font-size:22px;
	padding:0px 20px;
	box-shadow:none!important;
}
.let-form p
{
	color:#28c878;
	padding-left:40px;
	letter-spacing:1px;
	margin-top:-20px;
}
.let-form p i
{
	margin-right:15px;
}
.let-img 
{
	height:500px;
	width:80%;
	background:url('../images/test/let-start.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: absolute;
	right:0px;
}
.let-img img
{
	width:25%;
	margin-top:150px;
}
.let-img h4
{
	font-weight: bold;
	font-family:"Gelasio", sans-serif;
	margin-top:15px;
	font-size:22px;
}
.let-img p
{
	font-size:18px;
	font-family:"Montserrat", sans-serif;
	font-weight:700;
	color:lightgrey;
}
@media only screen and (max-width:991px)
{
	.get-start
	{
		height:690px;
	}
	.let-start h5
	{
		font-size:18px;
	}
	.let-start h1
	{
		font-size:20px;
	}
	.let-start p
	{
		font-size:15px;
		padding-top: 0px;
		padding-left:0px;
		color:lightgrey;
	}	
	.let-form h3
	{
		font-size:28px;	
	}
	.let-form form
	{
		padding:10px;
	}
	.let-form input[type="text"], input[type="email"]
	{
		height:40px;
	}
	
	.let-form input[type="submit"]
	{
		width:100%;
		font-size:18px;
	}
	.let-img
	{
		display: none;
	}
	.let-form p
	{
		color:#28c878;
		padding-left:40px;
		letter-spacing:1px;
		margin-top:-20px;
	}
	.let-form p i
	{
		margin-left:-20px;
	}
}
/*===============end of Are you ready ============*/


/*==============Every Industry section ===========*/
.industry h1
{
	font-size:30px;
	font-weight: bold;
	color:#cf262a;
}
.industry h4
{
	color:#078491;
	font-family: arial;
	font-weight: bold;
}
.industry-icon
{
	width:100%;
	height:450px;
	background-image:url('../images/why/industry-bg.jpg');
	background-position: center;
	background-size: cover;
	background-repeat:no-repeat;
}
.item1 p
{
	margin-top:30px;
}
.item1 p
{
	width:75px;
	height:80px;
	background:url('../images/why/industry-sprt.png') 0 0;
	display: inline-block;
	margin-right:80px;
	position: relative;	
	cursor:pointer;
}
.item1 h5
{
	position: relative;
	top:-78px;
	left:90px;
	font-weight: bold;
}
#p2
{
	top:70px;
	background-position:-281px 0px;
}
#industry-content2
{
	position: relative;
	top:0px;
	left:85px;
}

#p3
{
	background-position:-485px 0px;
}
#p4
{
	top:-70px;
	left:70px;
	background-position:-74px 0px;
}
#industry-content4
{
	position: relative;
	top:-142px;
	left:155px;
}
#p5
{
	background-position:-555px 0px;
	float: right;
	right:140px;
	top:-50px;
}
#industry-content5
{
	position: relative;
	float: right;
	top:10px;
	left:55px;
}
#p6
{
	background-position:-144px 0px;
	top:-130px;
	left:130px;
}
#industry-content6
{
	position: relative;
	top:-200px;
	left:217px;
}
#p7
{
	background-position:-418px 0px;
	top:-130px;
	left:120px;
}
#industry-content7
{
	position: relative;
	top:-200px;
	left:207px;
}
#p8
{
	background-position:-349px 0px;
	top:-200px;
	left:300px;
}
#industry-content8
{
	position: relative;
	top:-270px;
	left:387px;
}
@media only screen and (max-width:991px)
{
	.industry h1
	{
		font-size:18px;
	}
	.industry h4
	{
		font-weight: normal;
		padding-top:0px;
		font-size:16px;
		text-align: center;
		margin:0px;
		padding: 0px;
	}	
	.item1 h5
	{	
		display: none;
	}
	#p2
	{
		top:-100px;
		left:120px;
		background-position:-281px 0px;
	}
	#p3
	{
		top:-150px;
		background-position:-485px 0px;
	}
	#p4
	{
		top:-282px;
		left:100px;
		background-position:-74px 0px;
	}

	#p5
	{
		float: right;
		right:0px;
		top:-320px;
	}
	#p6
	{
		background-position:-144px 0px;
		top:-450px;
		left:0px;
	}
	#p7
	{
		background-position:-418px 0px;
		top:-650px;
		left:200px;
	}
	#p8
	{
		background-position:-349px 0px;
		top:-630px;
		left:200px;
	}
}
/*==============End of Every Industry section ====*/
/*===============App bottom section ===========*/
.app-bottom
{
	height:250px;
	background-image:url('../images/why/app_bottom.jpg');
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
}
.app-bottom p
{
	font-size:28px;
	font-weight: bold;
	margin-top:45px;
	color: #fff;
}
.app-bottom h5 a
{
	border:1px solid #fff;
	padding:18px 70px;
	position: relative;
	top:40px;
	font-weight: bold;
	color:#fff;
}
.app-bottom h5 a:hover
{
	background-color:#fff;
	color:#000;
	text-decoration: none;
}
@media only screen and (max-width:991px)
{
	.app-bottom
	{
		height:250px;
	}
	.app-bottom p
	{
		font-size:18px;
		font-weight: bold;
		margin-top:45px;
		color: #fff;
		padding: 0px;
		margin:0px;
		padding-top:50px;
	}
	.app-bottom h5 a
	{
		font-size:16px;
		padding:10px 40px;
	}	
}
/*===============End of App bottom section ====*/
/*==============footer section css ============*/
.footer-left
{
	height:auto;
	width:100%;
	float: left;
	background:url('../images/why/map-dotted.png');padding-bottom:30px;
	background-color: #000d28;
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
	padding:20px 0px 70px 70px;
}
.footer-left-company h4
{
	color:#fff;
	margin-top:40px;
	font-weight: bold;
}
.footer-left-company h6 a
{
	position: relative;
	top:30px;
	padding:12px 30px;
	background-color:red;
	color:#fff;
	border-radius:7px;
}
.footer-left-company h6 a:hover
{
	text-decoration: none;
}
.footer-left-company ul
{
	list-style: none;
	margin-top:30px;
}
.footer-left-company ul li
{
	line-height:30px;
}
.footer-left-company ul li a
{
	color:darkgrey;
	font-weight:600;
}
.footer-left-company ul li a i
{
	border:1px solid darkgrey;
	padding:10px 11px;
	margin-top:20px;
	border-radius:50%; 
}
.footer-left-company ul li a .fa-facebook
{
	padding:10px 13px;
}
.footer-left-company ul li a:hover
{
	text-decoration:none;
	color:#fff;
}
.footer p
{
	color:#fff;
	margin-top:0px;
	position: relative;
	top:60px;
	font-size:14px;
}	
.footer p .company-link
{
	font-weight:bold;
	font-size:15px;
}
.footer p span
{
	margin-left:60px;
}
.footer p span a
{
	color:#fff;
}
.footer p span a:hover
{
	text-decoration:none;
}
.footer-awards
{
	background:#091630;
	width:30%;
	float: left;
	padding-bottom:62px;
}
.footer-awards h4
{
	color:#fff;
	font-weight: bold;
	margin-top:50px;
	margin-left:15px;
}
.footer-awards ul 
{
	list-style:none;
	margin-top:30px;
}
.footer-awards ul li
{
	display:inline-block;
	width:30%;
	height:auto;
}
.footer-awards ul li img
{
	width:80%;
}
/*====terms section===*/
.hrs
{
	justify-content: space-between;
	height:10px;
}
.hrs p{
  font-size:14px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing:1px;
  margin-top:4px;
}
.hrs ul
{
	list-style:none;
	display: flex;
	float: right;
	position: relative;
	top:-41px;
}
.hrs ul li
{
	display:inline-block;
	margin-right: 30px;
}
.hrs ul li a
{
	color:#fff;
	font-size:14px;
}
@media only screen and (max-width:991px)
{
 	.footer-left
 	{
 		width:100%;
 		float: left;
 		padding:0px;
 	}
 	.footer-left-company ul li
 	{
 		text-align: center;
 	} 
 	.social-icon ul
 	{
 		margin-left:90px;
 	}
	.social-icon ul li
	{
		text-align: center;
		display:inline-flex;
		align-items: center;
		justify-content: center;
	}
	.footer-left-company h4
	{
		text-align: center;
		margin-top:20px;
	}
	.footer-left-company h6
	{
		text-align: center;
	}
	.footer-left-company h6 a
	{
		padding:12px 30px;
		background-color:red;
		color:#fff;
		border-radius:7px;
	}
	.footer-awards
	{
		width:100%;
		float: left;
	}
	.footer-awards h4
	{
		text-align: center;
		font-size:20px;
	}
}
/*==============end of footer section css ======*/

/*================contact us page================*/
.con
{
	height:450px;
	background:url('../images/banner_con.jpg');
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
	margin-top:40px;
}
.con h1
{
	position:relative;
	padding-top:100px;
	font-family:cursive;
	color: gold;
}
.con h2
{
	font-size:74px;
	font-weight: bold;
	color:#fff;
}
.contact-p
{
	background:#fff;
	position: relative;
	top:-150px;
}
.contact-page h1
{
 text-align:center;
 padding:30px 20px 0px 20px;
 font-weight: bold;
 color:#d52429;
}
.contact-page p
{
	font-size:18px;
	font-family: "Raleway", sans-serif;
}
.contact-p form
{
	padding:30px 70px;
}
.contact-p form label
{
	font-weight:bold;
	color: #360f82;
	font-size:20px;
}
.contact-p input
{
	width:100%;
	height:50px;
	background-color:#f0eff5;
}
.contact-p textarea
{
	background-color:#f0eff5;
}
.contact-p input[type="submit"]
{
	width:100%;
	border-radius:25px;
	background-color:#d82329;
	color:#fff;
	font-size:22px;
	padding:0px 20px;
	box-shadow:none!important;
}
@media only screen and (max-width:991px)
{
	.con
	{
		height:300px;
		margin-top:71px;
	}
	.con h1
	{
		padding-top:50px;
		font-size:18px;
	}
	.con h2
	{
		font-size:32px;
		padding:0px;
		margin: 0px;
	}

	.contact-page h1
	{
		padding:20px 0px 10px 0px;
		font-size:20px;
	}
	.contact-page p
	{
		font-size:15px;
	}
	.contact-p form
	{
		padding:0px;
	}
}
/*====================end of contact page section =========*/
/*===============Address section =============*/
.address-section
{
	position:relative;
	top:-100px;
	padding:30px 10px;
}
.add-phone
{
	border-right:1px solid lightgrey;
}
.add-phone p i
{
	font-size:30px;
	color:#fff;
}
.add-phone h3
{
	font-weight:bold;
	font-family:arial;
	font-size:28px;
}
.add-phone h5
{
	font-size: 22px;
	color:#fff;
	font-family:"Raleway",sans-serif;
}
.add-phone h5 a:hover
{
	text-decoration: none;
}
@media only screen and (max-width:991px)
{
	.address-section
	{
		padding:20px;
	}
	.add-phone
	{
		margin-top:20px;
		border-bottom:1px solid white;
		border-right:0px;
	}
	.add-phone p i
	{
		font-size:22px;
	}
	.add-phone h3
	{
		font-size:23px;
	}
	.add-phone h5
	{
		font-size:18px;
	}
}
/*===============End of address section ======*/
/*==============Office address section ======*/
.office-head h1
{
	font-size:35px;
	font-weight:bold;
	font-family:"Raleway", sans-serif;
	letter-spacing:1px;
	position:relative;
	top:-30px;
}
.office1
{
	height:auto;
	box-shadow:0 0 20px 0px lightgrey;
	margin-bottom:30px;
	padding:8px 10px;
	padding-bottom:40px;
}
.office1:hover
{
	box-shadow:0 0 20px 0 red;
}
.office1 h5 span
{
	padding:5px 10px;
	background-color:darkblue;
	color:#fff;
	font-size:18px;
}
.office1 h1
{
	font-family:'Raleway',sans-serif;
	font-size:32px;
	font-weight:bold;
}
.office1 p
{
	font-weight: bold;
	color:#000;
}
.office1 p::before
{
	content:'\f041';
	font-family:'FontAwesome', sans-serif;
	margin-right:10px;
	font-size:22px;
}
.office1 h6
{
	font-weight:bold;
	letter-spacing:1.5px;
}
.office1 h6::before
{
	content:'\f232';
	font-family:'FontAwesome', sans-serif;
	font-size:22px;
	margin-right:10px;
	color:green;
}
.office1 .office-mail::before
{
	content:'\f003';
	font-family:'FontAwesome', sans-serif;
	font-size:22px;
	margin-right:10px;
	color:#000;
}
@media only screen and (max-width:991px)
{
	.office-head h1
	{
		font-size:18px;
		top:-50px;
	}
	.office1 h6
	{
		font-size:14px;
	}
}
/*==============End of office address section ====*/
/*==============why section start ====*/
.why_about
{
	width:100%;
	height:400px;
	background-color: red;
	background-image: url('../images/abouts.jpg');
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
	position: relative;
}
.why_about h1
{
	padding-top:250px;
	padding-left:50px;
	font-weight: bold;
	font-size:25px;
	color: #bfd32f;
	font-family: "Gelasio","Merriweather","Times",serif;
	line-height:1.2;
}
.why_about h2
{
	font-weight: bold;
	color:#FFF;
	font-family:'Montserrat', sans-serif;
	font-size:35px;
	padding:0px;
	margin:0px;
	padding-left:50px;
}
.why-left h1
{
	padding:40px 0px 0px 60px;
	font-weight: bold;
	font-family:'Arial', sans-serif;
	color: #007bff;
	font-size:2.5rem;
}
.why-left h2
{
	padding:15px 0px 0px 60px;
	font-size:25px;
	font-weight: bold;
	color:#bfd32f; 
	line-height:36px;
}
.why-right p
{
	padding:50px;
	font-size:1.5rem;
	color: #8599a0;
	line-height: 34px;
	font-weight:550;
	font-family: 'Montserrat', sans-serif;
	padding-bottom:0px;
}
.why-right a
{
	font-weight: bold;
	font-family:arial;
	letter-spacing:1px;
	transition:all 0.3s;
}
.why-right a i
{
	margin-left:15px;
	color:#bfd32f;
	transition: all 0.4s ease;
}
.why-right a:hover
{
	text-decoration: none;
	border-bottom:1px solid #bfd32f;
}
.why-right a:hover i
{
	font-size:22px;
}
@media only screen and (max-width:991px)
{
	.why_about
	{
		height:250px;
	}
	.why_about h1
	{
		font-size:18px;
		padding:170px 0px 0px 20px;
	}
	.why_about h2
	{
		font-size:18px;
		font-weight: normal;
		padding:0px 0px 0px 20px;
	}
	.why-left h1
	{
		padding:40px 0px 0px 0px;
		font-size:1rem;
	}
	.why-left h2
	{
		padding:15px 0px 0px 0px;
		font-size:18px;
		line-height:22px;
	}
	.why-right p
	{
		padding:10px 0 0 0;
		font-size:1rem;
		color: #8599a0;
		line-height:24px;
	}
}
/*why help section*/
.why-help
{
	width:100%;
	height:auto;
	background-image: url('../images/dot-background.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.why-help h2
{
	font-weight:bold;
	font-size:36px;
	margin-top:20px;
}
.why-help h4
{
	font-weight:bold;
	font-size: 'Raleway', sans-serif;
	font-size: 20px;
	color:purple;
}
.why-help h4::before
{
	content:'';
	position: absolute;
	width:13px;
	height:13px;
	background:linear-gradient(to right, purple, blue);
	left:10px;
	top:35px;
	border-radius:50%;
}
.why-help-1
{
	padding:0px 20px;
	margin-top:30px;
}
.why-help-1 p
{
	font-size:14px;
	font-weight:bold;
	color:#000;
}
@media only screen and (max-width:991px)
{
	.why-help
	{
		width:100%;
		height:800px;
		margin-bottom:20px;
	}
	.why-help h2
	{
		font-size:22px;
		margin-top:0px;
	}
	.why-help h4
	{
		font-size:16px;
	}
	.why-help-1 p
	{
		font-size:14px;
	}
}
/*Ready section*/
.why-ready
{
	width:100%;
	height:100px;
	background-color: #000;
	z-index:-999;
}
.why-ready h5
{
	line-height:100px;
	text-align:center;
	font-weight: bold;
}
.why-ready h5 span
{
	margin-left:30px;
	font-size:18px;
	font-weight:bold;
}
.why-ready h5 span a
{
	color:#fff;
}
.why-ready h5 span a i
{
	margin-left:20px;
	padding:10px 16px;
	background-color:#fff;
	color:#000;
	border-radius:50%;
}
.why-ready h5 span a:hover 
{
	text-decoration: none;
}
.why-ready h5 span a:hover i
{
	padding:12px 18px;
}
@media only screen and (max-width:991px)
{
	.why-ready h5
	{
		font-size:14px;
		line-height:0px;
		padding-top:25px;
	}
	.why-ready h5 span
	{
		font-size:16px;
		position: relative;
		top:20px;
	}
}
/*project head*/
.project-head
{

}
.project-head h1
{
	font-size:40px;
	font-weight: bold;
	font-family:"Arial", sans-serif;
	margin-top:40px;
}
.project-head h1::after
{
	content:'';
	position: absolute;
	right:-15px;
	top:65px;
	width:32%;
	height:2px;
	background:#000;
}
.project-head p
{
	font-size:18px;
	color:#000;
	font-weight:bold;
}
.project-head-1 
{
	padding:30px;
}
.project-head-1 img
{
	width:18%;
	margin-top:40px;
}
.project-head-1 h4
{
	font-weight: bold;
	font-size:22px;
	font-family:'Gelasio', sans-serif;
	margin-top:20px;
}
.project-head-1 p
{
	color:grey;
	font-weight: 600;
}
@media only screen and (max-width:991px)
{
	.project-head h1
	{
		font-size:20px;
		text-align: center;
	}
	.project-head h1::after
	{
		display: none;
	}
	.project-head p
	{
		font-size:16px;
		text-align: center;
	}
	.project-head-1 
	{
		padding:0px 20px;
		text-align: center;
		align-items: center;
		justify-content: center;
	}
}
/*==============End of why section ====*/
/*===============Team page start ==========*/
.team-left h1
{
	font-size:44px;
	padding:40px 70px;
	font-weight: bold;
	color: #233746;
	font-family:arial;
	padding-bottom:0px;
}
.team-left h1 span
{
	color:#c2d501;
}
.team-left a
{
	position: relative;
	top:15px;
	font-weight: bold;
	left:70px;
}
.team-left a i
{
	margin-left:10px;
	color: #c2d501;
}
.team-left a:hover
{
	text-decoration: none;
	color: #c2d501;
}
@media only screen and (max-width:991px)
{
	.team-left h1
	{
		font-size:22px;
		padding:20px 0px 0 0;
		text-align: center;
	}
	.team-left a
	{
		top:10px;
		left:50px;
	}
	.why-right p
	{
		text-align: center;
		margin-top:15px;
	}	
}
/*team section*/
.team-head h1
{
	font-size:44px;
	font-family: 'Gelasio', sans-serif;
	font-weight: bold;
	color: #233746;
	padding-top:50px;
}
.team-head h1 span
{
	color: #c2d501;
}
.team-head h4
{
	color: #c2d501;
	font-weight:500;
	font-family:sans-serif;
}
.team-head p
{
	color:#233746;
	font-weight:bold;
	line-height:30px;
}
.team-img
{
	margin-top:40px;
	position: relative;
}
.team-img .card
{
	border-radius:10px;
	overflow: hidden;
}
.team-img .card-body img
{
	width:100%;
	transition:transform 2s;
	height:200px;
}
.team-img .card .overlay
{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	transform:scaleY(0);
	transition:transform 0.7s;
}
.team-img .card .overlay p
{
	color:#000;
	padding:20px;
	font-size:15px;
}
.team-img .card .overlay a
{
	background:blue;
	color:#fff;
	padding:10px 13px;
	border-radius:22px;
	font-size:12px;
}
.team-img .card:hover .card-body img
{
	transform:scale(1.18);
}
.team-img .card:hover .overlay
{
	transform:scaleY(1);
}
.team-img .card h5
{
	font-weight:bold;
	color: #007bff;
}
@media only screen and (max-width:991px)
{
	.team-head h1
	{
		font-size:22px;
		text-align: center;
		padding-top:40px;
	}
	.team-head h4
	{
		font-size:20px;
		font-weight: normal;
		text-align: center;
	}
	.team-head p
	{
		width:100%;
		text-align: center;
		font-size:16px;
	}
}
/*after team*/
.i-am h1
{
	padding-top:40px;
	font-weight: bold;
	font-family:'Gelasio', sans-serif;
	font-size:44px;
	color:#fff;
	word-spacing:4px;
	line-height:55px;
}
.i-am h1 span
{
	color: #c2d501;
}
.i-am a
{
	color: #0d5f77;
	font-weight:bold;
}
.i-am a i
{
	color: #c2d501;
	margin-left:10px;
}
.i-am a:hover
{
	text-decoration: none;
	border-bottom:1.5px solid #c2d501;
}
@media only screen and (max-width:991px)
{
	.i-am h1
	{
		font-size:20px;
		line-height:30px;
		padding-top:0px;
		text-align: center;
	}
	.i-am h1 span
	{
		text-align: center;
	}
	.i-am a
	{
		text-align: center;
		font-size:12px;
	}
	.i-am a i
	{
		margin-left:3px;
	}
	.i-am-img img
	{
		width:50%;
		margin-top:15px;
	}
}
/*hard work*/
.hard-work h1
{
	font-size:50px;
	padding:40px 60px;
	padding-bottom:0px;
	font-weight: bold;
	font-family:'Gelasio', sans-serif;
	color: #233746;
}
.hard-work h1 span
{
	color:#c2d501;
}
.hard-work p
{
	padding:0px  0px 20px 60px;
	font-size:22px;
	font-family: arial;
	margin-top:-10px;
	color:#c2d501;
	letter-spacing:1px;
}
.hard-work img
{
	width:100%;
}
.hard-work a
{
	text-align:center;
	font-size:20px;
	margin:15px 0px;
	color:#233746;
	font-weight: bold;
}
.hard-work a i
{
	color:#c2d501;
}
.hard-work a:hover
{
	text-decoration: none;
	border-bottom:1.5px solid #c2d501;
}
@media only screen and (max-width:991px)
{
	.hard-work h1
	{
		font-size:22px;
		padding:20px 0 0 0;
		text-align: center;
	}
	.hard-work p
	{
		font-size:18px;
		line-height:15px;
		margin-top:10px;
		text-align: center;
		padding:0px;
	}
	.hard-work img
	{
		margin-top:20px;
	}
}
/*===============End of page start ======*/
/*==============Custom Software pages design =========*/
.custom-software h1
{
	font-family:'Gelasio', sans-serif;
	font-size: 44px;
	color:#000;
	font-weight: bold;
}
.custom-software h6
{
	font-weight: bold;
	font-size:22px;
}
.custom-software p
{
	font-size:22px;
	font-weight: bold;
	font-family:'Montserrat', sans-serif;
	text-align: center;
	margin-top:25px;
}
.custom-box
{
	padding:40px;
}
.s-box
{
	width:100%;
	height:500px;
	border:10px solid #d23d8f;
	background-color: #FFF;
	border-radius:140px;
	box-shadow:0 0 5px rgb(0 0 0 / 50%) inset;
}
.s-box .s-icon
{
	text-align: center;
	align-items: center;
	justify-content: center;
}
.s-box .s-icon span i
{
	position: absolute;
	top:75px;
	left:170px;
	font-size:44px;
}
.s-box .title
{
	width:118%;
	height:60px;
	position: relative;
	background: linear-gradient(to right,#d23d8f,#9b0183);
	color:#fff;
	left:-2px;
	top:80px;
	display: inline-block;
	margin: 0 -24px 10px;
	border-top-left-radius:30px;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:8px;
	font-size:18px;
	padding:10px 0px;
}
.s-box .title::before
{
	position: absolute;
	content: '';
	width:40px;
	height:40px;
	background-color:#000;
	transform:rotate(45deg);
	z-index:-1;
	left:1px;
	top:32px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
.s-box .software-details
{
	position: absolute;
	bottom:10px;
	left:0;
	padding:70px;
}
.s-box .software-details p
{
	font-size:15px;
	padding:7px;
	font-weight: bold;
}
@media only screen and (max-width:991px)
{
	.custom-software h1
	{
		font-size:22px;
	}
	.custom-software h6
	{
		font-size:18px;
		font-weight: normal;
	}
	.custom-software p
	{
		font-size:16px;
	}
	.custom-box
	{
		padding:30px;
	}
	.s-box .s-icon
	{
		text-align: center;
		align-items: center;
		justify-content: center;
	}
	.s-box .s-icon span i
	{
		position: absolute;
		top:60px;
		left:160px;
		font-size:45px;
	}
	.s-box .software-details
	{
		bottom:0px;
		top:190px;
		padding:0px 40px;
	}
	.s-box .software-details p
	{
		font-size:14px;
		padding:13px;
	}
}
/*offer section*/
.software-offer h1
{
	padding:30px;
	font-weight: bold;
	color:#000;
}
.software-offer img
{
	width:100%;
}
.software-offer-right .card-header
{
	border-width: 3px;
  	border-style: solid;
 	border-image:linear-gradient(to bottom,red,rgba(0, 0, 0, 0)) 1 100%;
 	border-right:0px;
 	margin-bottom:10px;
 	cursor: pointer;
}
.software-offer-right h6
{
	padding-top:-10px;
	margin-bottom:-2px;
	font-weight:bold;
	color:#000;
}
.accordion h6:after {
  content: '\2796'; /* Unicode character for "plus" sign (+) */
  font-size: 15px;
  color:#000;
  float: right;
  margin-left: 5px;
}
.accordion h6:after {
    content: "\02795"; /* Unicode character for "minus" sign (-) */ 
}
.software-offer-right p
{
	padding:0px;
	margin:0px;
	padding-top:8px;
	font-weight: bold;
}
@media only screen and (max-width:991px)
{
	.software-offer h1
	{
		font-size:23px;
		padding-bottom:0px;
	}	
}
/*software guide*/
.software-guide h2
{
	padding:30px 30px 0px 80px;
}
.software-guide h4
{
	padding:0px 30px 0px 80px;
	color:#c2d501;
	font-weight: bold;
}
.software-guide p
{
	font-weight:normal;
	padding:0px 30px 0px 80px;
	font-weight: bold;
}
.software-guide a
{
	font-weight: bold;
	color:#fff;
	padding:0px 30px 0px 80px;
}
.software-guide-img
{
	width: 100%;
	height:306px;
	background-image:url('../images/team/Nick-talking-about-custom-software-development.jpg');
	background-position: center;
	background-size:cover;	
	background-repeat: no-repeat;
}
@media only screen and (max-width:991px)
{
	.software-guide
	{
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.software-guide h2
	{
		padding:0px;
		padding-top: 20px;
		font-size:20px;
	}
	.software-guide h4
	{
		padding:0px;
		font-size:16px;
	}
	.software-guide p
	{
		padding:0px;
		font-size:15px;
	}
	.software-guide a
	{
		font-weight: bold;
		color:#fff;
		padding:0px;
		font-size: 12px;
		text-align: center;
	}
}
/*benifit*/
.custom-benifit
{
	width:100%;
	height:auto;
	background-image:url('../images/fexcibal_banner.jpg');
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
}
.custom-benifit h1, h2
{
	font-size:32px;
	color:#fff;
	padding-top:40px;
	font-weight:bold;
}
.custom-benifit h2
{
	padding-top:0px;
	color:#ef4023;
	font-size:34px;
}
.custom-benifit hr
{
	width:5%;
	border-top:2.5px solid #ef4023;
	text-align: center;
	position: relative;
	left:530px;
}
.custom-benifit p
{
	margin-top:0px;
	padding:0px 35px 0px 35px;
	color:#fff;
}
.custom-benifit-box
{
	margin-top:20px;
}
.custom-benifit .design img
{
	width:auto;
}
.custom-benifit .design h6
{
	color:orange;
	padding:15px 0px;
	font-size:22px;
}
.custom-benifit .design p
{
	font-size:16px;
	text-align: center;
	padding: 0px;
}
.custom-benifit .design-button h5 
{
	margin-top:25px;
}
.custom-benifit .design-button h5 a
{
	background-color:#ff3811;
	padding:20px 30px;
	color:#fff;
}
.custom-benifit .design-button h5 a:hover
{
	color:#fff;
	text-decoration: none;
}
@media only screen and (max-width:991px)
{
	.custom-benifit
	{
		width:100%;
		height:auto;
		background-image:url('../images/fexcibal_banner.jpg');
		background-position: center;
		background-size:cover;
		background-repeat: no-repeat;
	}
	.custom-benifit h1, h2
	{
		font-size:22px;
	}
	.custom-benifit h2
	{
		font-size:20px;
	}
	.custom-benifit hr
	{
		display: none;
	}
	.custom-benifit p
	{
		margin-top:30px;
		padding:0px;
		color:#fff;
	}
	.custom-benifit .design img
	{
		width:20%;
	}
	.custom-benifit .design h6
	{
		font-size:20px;
		padding-bottom:0px;
	}
	.custom-benifit .design p
	{
		margin-top:0px;
		font-size:14px;
	}
	.custom-benifit .design-button h5 
	{
		margin-top:25px;
	}
	.custom-benifit .design-button h5 a
	{
		background-color:#ff3811;
		padding:10px 20px;
		color:#fff;
		font-size:14px;
	}
	.custom-benifit .design-button h5 a:hover
	{
		color:#fff;
		text-decoration: none;
	}
}
/*==============End of custom software pages =========*/