@charset "utf-8";
/* CSS Document */
body{
	overflow-x: hidden;
}
.txtclr {
	color: #FFFFFF !important;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
	transition: 1.5s ease-out;
	
	
}
.txtclr:hover {
	background-color: rgba(107,179,57,1.00);
	color:black;
	transition: 0.5s ease-in;
	border-radius: 30px;

	
}

.topnavclr{
	background:rgba(94,129,254,0.5);
	position: fixed !important;
	top:0;
	z-index: 99;
	color: white;
	
	
}

.bgimg {
	width: 100%;
	height:94vh;
	
	}
.navmargin {
	float: left;
	margin-left: 20% ;
	padding:0 20% 0 20%;

}

.menumargin {
	margin-left: 15%;
	
}


.txt1 {
	font-size: 60px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: 'Poppins', sans-serif;
	float: left;
	position: absolute;
	top: 30%;
	left: 12%;
	
}
.txt2 {
	font-size: 60px;
	font-weight:bolder;
	color:skyblue;
	font-family: 'Poppins', sans-serif;
	float: left;
	position: absolute;
	top: 38%;
	left: 12%;
}

.abouttxt {
	float: left;
	z-index: 99;
}

.txt3 {
	font-family: 'Poppins', sans-serif;
	font-size : 15px;
	position:absolute;
	color: #FFFFFF;
	top:58%;
	left:12%
}




.b-color:hover{

		color:white !important;
	border-radius: 30px !important;
	border:2px solid white;
	background-color: black !important;
	
	transition: 1s linear;
	letter-spacing: 2px;	
	
	
}

.seemorebtn a .b-color1:hover{

	color:white !important;
	border-radius: 30px !important;
	border:2px solid white;
	background-color: black !important;
	
	transition: 1s linear;
	letter-spacing: 2px;	
	
	
}

.seebtn a .seebtnclr{
	
	
	background-color:chartreuse !important;
	color:royalblue!important;
	
	font-size: 15px;
	transition: 1s ease-out;
	font-family: 'Poppins', sans-serif;
	border:none;
	padding:5px 10px;
}

.seebtn a .seebtnclr:hover{
	
	
	color:white !important;
	border-radius: 30px !important;
	border:2px solid white;
	background-color: black !important;
	
	transition: 1s linear;
	letter-spacing: 2px;	
	border-radius: 20px !important;
	
}

.spetxt{
	font-family: 'Poppins', sans-serif;
	color: #69D6FF;
	text-align: center;
    font-size: 60px;
    font-weight:bold;
    letter-spacing: -1px;
	margin: 100px 0 15px;
	transition: 2s ease-out; 
}
.spetxt:hover{
	
	color: rgba(30,138,29,1.00);
	text-align: center;
    font-size: 60px;
    font-weight:italic;
    letter-spacing: 2px;
	transition: 2s linear; 
	
}


.serimg {
	position: relative;
	width:50%;
	height: auto;
	
}
.abtno{
	float: left;
	width: 100%;
	position: absolute;
	text-align: center;
	top: 25%;
	right: 1%;
	color: #FFFFFF;
	font-family:'Poppins', sans-serif;
	font-weight:bold;
	font-size: 60px;
}

.pcimg {
	padding-top: 60px;
}
.block1:hover {
	background:rgba(33,102,152,1.00);
	color:white;
	border-radius: 50px;
	transition: 1s linear;
	
}
.block1{
	
	transition: 0.5s ease-in;
}

.serimg{
	padding-top: 60px;
}


.serverimg {
	padding-top: 60px;
}
.pctxt {
	
	font-size: 24px;
	color: #647BFA;
	text-align: center;
	margin: 0 0 15px;
	font-weight: 600;
}

.subtxt {
	
	margin: 15px;
}

.seebtn {
	text-align: center;
	font-family: 'Popins',sans-serif;
	font-size: 15px;
	
	border-radius: 20px;
		
}
.seebtn a{
	color:white !important;
}

.bgimg2 {
	background-image: url("../images/bgimg2.png");
	height:800px;
	background-repeat: no-repeat;
}

.it_pic7 {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 125px;
}

.pic7_txt1 {
	float: left;
	font-size: 60px;
	font-weight: 700;
	color: #647bfa;
	font-family: 'Popins',sans-serif;
	margin-top: 130px;
	margin-left: 50px;
}

.pic7_txt {
	width: 100%;
	
}

.pic7_txt2 {
	float: left;
	margin-left: 50px;
	text-align: justify;
	font-family: 'Popins',sans-serif;
	font-size: 14px;
}

.servicelst {
	float: left;
	display:block;
	color: #647bfa;
	font-size: 14px;
	font-family: 'Popins',sans-serif;
	margin-left: 30px;
	margin-bottom: 20px;
	border-width: 5%;
	border-bottom: 2px solid #DCD9E1;
}

.serarrow {
	color: #3E3E3E;
}

.seemorebtn {
	margin-top:-50px;
	text-align:center;
	font-size: 12px;
	

	font-family: 'Poppins', sans-serif;
	border-radius: 20px;
}

.dotxt {
	
	margin-top: 5%;

	font-size: 35px;
	font-weight: 700;
	color: #69D6FF;
	text-align: center !important;
	font-family: 'Popins',sans-serif;
	transition: 2s ease-in-out;
}
.dotxt:hover {
	
	letter-spacing: 2px;
	transition: 1s linear;
	
	color: rgba(30,138,29,1.00);
	
}

.enquiryform {
	float: left;
}

.enqfrm {
	float: left;
	margin-top: 20%;
	font-family: 'Popins',sans-serif;
	width: 100%
	
}
.intext{
	margin: 2%;
}


.form_row {
	margin-top: 10%;
	padding: 5% 10%;
}

.field1 {
	border-radius: 20px;
	height: 50px;
	width: 85%;
	margin: 20px;
	padding-left:10px;
	border-top:2px solid black;
	border-bottom:2px solid green;
	border-left:2px solid black;
	border-right:2px solid green;
	

}
.field1:hover,.field2:hover{
	background:lightblue;
}


.field2 {
	border-radius: 20px;
	height: 50px;
	width:40%;
	padding-left:10px;
	border-top:2px solid black;
	border-bottom:2px solid green;
	border-left:2px solid black;
	border-right:2px solid green;
	margin: 20px;
	
}
.field2:focus{
	background:lightgrey;
	color:black;	
}
.fimg{
	position: relative;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	
	
}
.fbox {
	width: 100%;
	position: absolute;
	top: 20%;
	left: 5%;
			
	
}
.ftxt1 {
	margin-left:60px;
	padding-top: 40px;
	text-align: center;
	
	
}
.ftxt1 img{
	transition: 2s ease-out;
}

.ftxt1 img:hover {
	transform: scale(1.5) rotate(360deg);
	transition: 2s ease;

	
}
.ftxt1 img{
	transform: scale(1.5s);
	
}
.ftxt2{
	float: left;
	text-align: center;
	color: #FFFFFF;
	font-family: 'Popins',sans-serif;
	padding-top: 20px;
	
}

.ftxt3 a {
	float: left;
	font-size: 40px;
	color: #f3d14b;
	padding: 15px;
}

.themecolor {
	color: #69D6FF;
	font-size: 30px;
	font-weight: bold;
}

.abtxt1 {
	font-size: 65px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: 'Poppins', sans-serif;
	float: left;
	position: absolute;
	top: 36%;
	left: 9%;
}

.spetxt1 {
	font-family: 'Poppins', sans-serif;
	color: #69D6FF;
	text-align: center;
    font-size: 40px;
    font-weight:bold;
    letter-spacing: -1px;
	margin: 0 0 15px;
}

.abtxt2 {
	
	font-size: 24px;
	color: #647BFA;
	

	font-weight: 600;
	padding-top: 35px;
}

.ye {
	padding-left: 20px;
}

.serpctxt {
	width: 100%;

	font-size: 40px;
	color: #647BFA;
	text-align: center;
	font-weight:bold;
	margin: 30px 10px 20px 10px;
	padding: 40px 10px 10px 10px;
}

.laptopimg img{
	width: 70%;
	height: auto;
	margin: 10px;
	padding: 10px;
	

	
}



.laptopimg img:hover{
	filter:grayscale(50%);
	
	/*transform: translate3d(15px,-75px,-12px);*/
	
	transform: rotate(360deg);
	transition: 2s linear;
	
}

.sersee {
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	border-radius: 20px;
	

	
}
.serseebtn:hover{
	
}

.sersubtxt {
	font-family: 'Poppins', sans-serif;
	margin: 20px 10px 10px 40px;
	padding: 20px 10px 10px 20px;
	text-align: center;
	
	
}

.b-color {
	background-color:chartreuse !important;
	color:royalblue !important;
	position: absolute;
	top: 70%;
	left:12%;
	font-size: 15px;
	transition: 1s ease-out;
	font-family: 'Poppins', sans-serif;
	
	
	border:none;
	padding:5px 10px !important;
	
	
}

.seemorebtn a .b-color1 {
	background-color:chartreuse !important;
	color:royalblue!important;
	
	font-size: 15px;
	transition: 1s ease-out;
	font-family: 'Poppins', sans-serif;
	
	
	border:none;
	padding:5px 10px !important;
	
	
}

.serimg2 {
	float: left;
	width: 70%;
	height: auto;
	margin-left: 50px;
	padding: 10px 0 20px 10px;
}

.sertxt1 {
	font-size: 60px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: 'Poppins', sans-serif;
	float: left;
	position: absolute;
	top: 36%;
	left: 5%;
}

.pericetxt1 {
	width: 100%;
	
	font-size: 40px;
	color: #647bfa;
	text-align: center;
	font-weight:bold;
	margin: 30px 10px 10px -5px;
	
	padding: 5px;
}

.pericetxt2 {
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	color: #74748d;
	
}

.pericetxt3 {
	margin-left: 0%;
	margin-top: 30px;
	padding-left: 5px;
}

.pericetxt4 {
	font-family: 'Poppins', sans-serif;
	margin: 20px 10px 10px 0px;
	padding: 5px;
	text-align: center;
	color:#74748d;
	font-size: 15px;
}

.price1 {
	background-color: #ebf1fa;
	border-radius: 15px 50px;
	margin: 3%;

}

.planbtn {
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	border-radius: 20px;
	margin: 10% 0 10% 0%;
	padding:4%;
}

.pericetxt11 {
	width: 100%;
	float: left;
	font-size: 40px;
	color: #69d6ff;
	text-align: center;
	font-weight:bold;
	margin: 30px 10px 20px 10px;
	padding: 5px;
}

.price2 {
	background-color: #637afa;
	border-radius: 15px 50px;
	margin:3%;
}

.pretxt {
	margin-top:100px;
	padding: 2%;
	font-size: 40px;
	font-family: 'Popins',sans-serif;
	color: #69d6ff;
	text-align: center;
	font-weight: bold;
}
.pretxt p:hover{
	transition:2s linear;
	letter-spacing: 2px;
}

.pericetxt44 {
	font-family: 'Poppins', sans-serif;
	margin: 20px 10px 10px 40px;
	padding: 5px;
	text-align: center;
	color:#FFFFFF;
	font-size: 15px;
}

.pericetxt33 {
	margin-left: 20%;
	margin-top: 30px;
	padding-left: 5px;
	color: #FFFFFF;
}

.it_pic22 {
	width: 100%;
	height: 80%;
	border-radius: 50px;
	
	
}

.conttxt {
	font-family: 'Poppins', sans-serif;
	color: #647bfa;
	text-align: center;
    font-size: 40px;
    font-weight:bold;
    letter-spacing: -1px;
	margin: 10px 0 40px 15px;
}

.conphtxt {
	float: left;
	font-size: 18px;
	color: #74748d;
	text-align: center;
	margin: 10px 0 15px 80px;
	font-weight: 600;
}

.footimg {
	width: 100%;
	height:350px
}



.copyrights {
	
	color:rgba(26,26,26,0.0.5);
	width:100%;
	border-top:2px dashed rgba(26,26,26,0.5);
	margin-left:-50px;
	
}
.copyrightstext{
	margin-left:350px;
	padding-top:25px;
}

.width100{
	width:100% !important;
}


.submitbtn {
		background-color:chartreuse !important;
	color:blue !important;
	
	font-size: 15px;
	transition: 1s ease-out;
	font-family: 'Poppins', sans-serif;
	border:none;
	padding:5px 10px;
}
.submitbtn:hover {
	color:white !important;
	border-radius: 30px !important;
	border:2px solid white;
	background-color: black !important;
	
	transition: 1s linear;
	letter-spacing: 2px;	
	border-radius: 20px !important;
	
}

.footer_icon1 {
	color:white;
	transition: 2s linear;
}


.footer_icon1:hover {
	color: black;
	transform: rotate(360deg);
	transition:1s ease-in-out; 
	padding-top:50px !important;
	
}



.keyimgr img{
	border-radius: 40%;
	
}

.goto_btn i{
	font-size:2em;
	color:royalblue;
		transition: 1s linear;
}
.goto_btn i:hover{
	margin-top:20px;
	
	transition: 1s linear;
	transform: rotate(360deg);
	padding:10px;
	background:black;
	font-size: 2em;
	border-radius: 50%;
}

.goto_btn {
	margin-top:-100px;
	height:50px;
	
}

.header_text {
	display:block ;
	margin-top:-20px;
}

.goto_btn1 i{
	margin-top: 50px;
	font-size: 2em;
	color:royalblue;
	transition: 1s linear;
}
.goto_btn1 i:hover{
		
	
	transition: 1s linear;
	transform: rotate(360deg);
	padding:10px;
	background:black;
	font-size: 2em;
	border-radius: 50%;
}

.lineimg1 {
	margin-top:130px;
}

.b-color_services {
	background-color:chartreuse !important;
	color:royalblue !important;
	
	font-size: 15px;
	transition: 1s ease-out;
	font-family: 'Poppins', sans-serif;
	

	border:none;
	padding:5px 10px !important;
}

.b-color_services:hover {
		color:white !important;
	border-radius: 30px !important;
	border:2px solid white;
	background-color: black !important;
	
	transition: 1s linear;
	letter-spacing: 2px;	
}


.goto_btn4 i{
	
	font-size:2em;
	transition: 1s ease-in;
}

.goto_btn4 :hover{
	
	transition: 2s ease-in-out;
	transform: rotate(360deg);
	padding:10px;
	background:black;
	font-size: 2em;
	border-radius: 50%;
	margin-top:-50px;
	
}


.pricing_cont {
	margin-top:100px !important;
	transition: 2s ease-in-out;
	
}
.pricing_cont:hover {
	background:linear-gradient(rgba(94,129,256,0.5),rgba(14,4,12,0.5));
	background-repeat: no-repeat;
	
	background-position: center;
	border-radius: 50px;
	
	
}

.b-color_pricing {
	background-color:chartreuse !important;
	color:royalblue !important;
	
	font-size: 15px;
	transition: 1s ease-out;
	font-family: 'Poppins', sans-serif;
	
	
	border:none;
	padding:5px 10px !important;
}

.b-color_pricing:hover{
	color:white !important;
	border-radius: 30px !important;
	border:2px solid white;
	background-color: black !important;
	
	transition: 1s linear;
	letter-spacing: 2px;	
}