@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bitter:700&display=swap');


body{
	margin: 0%;
	padding: 0%;
	font-family: 'montserrat';
	user-select: none; 
   -webkit-user-select: none; 
   -khtml-user-select: none; 
   -moz-user-select: none; 
   -ms-user-select: none; 
	overflow-x: hidden;
	
	
}

*{
    outline: none!important;

	
	overflow-wrap: break-word;
}
a{
	text-decoration: none !important;
	
}
li{
	list-style: none;
}

.text_one{
	color: #000000;
}


.row{
	overflow-x: hidden !important;
}
.section1{
 padding-top: 100px !important;

}

.nav-link{
	font-size: 18px;
	

	color: #dad5d5;
	transition: width 2s;
	
}
.icon-mobile:before {
    content: "\f10b";
	transition-timing-function: ease;
}

.nav-link:hover, .nav-link:focus{
	color: #04c4eb !important;	
}

.active .nav-link{
	color: #6200e2 !important;
}

.rmcard {
	box-shadow: 10px 10px 10px 0px rgba(30, 0, 89, 0.2);
	background-color: #1e0059 ;
	color: white!important;
	min-height: 350px;
			clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.xbtn:hover{
	
	box-shadow: 10px 10px 10px 0px rgba(30, 0, 89, 0.2);
	background-image: linear-gradient(to bottom right, rgb(19, 206, 190), rgb(16, 67, 161));
	color:white;
	border: solid 2px #0c3963;
	
}

.ubtn{
	
	font-size: 14px;
	
	transition: all 300ms ease-in !important; 
		font-weight: bolder;
		background-image: linear-gradient(to bottom right, rgb(16, 67, 161), rgb(19, 206, 190));
	color: white;
	
	box-shadow: 5px 5px 5px 0px rgba(30, 0, 89, 0.2);
		border: solid 2px rgb(2, 75, 94);
	
}

.ubtn:hover{
	
	box-shadow: 10px 10px 10px 0px rgba(30, 0, 89, 0.2);
	background-image: none;
	color: #2abae6;
	border: solid 2px #0c3963;
}
.xh1 {
	color: #24c1c7 !important;
}

.xh2 {
	color:#7b849b !important;
}

.fab{

	color:black;
}





.fas{

	color:black;
}


.far{

	color:black;
}



.site-title{
	font-size: 40px !important;
}

.site-description{
	font-size: 18px;
	color:rgb(46, 43, 61) !important;

}
.navbar-brand {
	color: #6200e2 !important;
}

.xbtn {
	font-size: 14px;
	
	transition: all 300ms ease-in !important; 
		font-weight: bolder;
		background-image: linear-gradient(to bottom right, rgb(16, 67, 161), rgb(19, 206, 190));
	color: white;
	
	box-shadow: 5px 5px 5px 0px rgba(30, 0, 89, 0.2);
		border: solid 2px rgb(2, 75, 94);
	
}


.tbtn {
	font-size: 14px;
	
	transition: all 300ms ease-in !important; 
		font-weight: bolder;
		background-image: linear-gradient(to bottom right, rgb(16, 67, 161), rgb(19, 206, 190));
	color: white;
	
	box-shadow: 5px 5px 5px 0px rgba(30, 0, 89, 0.2);
		border: solid 2px rgb(2, 75, 94);
	
}
.tbtn:hover{
	
	
	background-image: none;
	color: #2abae6;
	border: solid 2px #0c3963;
}

.div1 {
background-color: aliceblue;
	margin-top: 250px;
height: 240px;
float: left;
/* margin-left: ; */



}

.div3 {

	margin-top: 250px;
height: 240px;
float: left;




}



.div2 {

	
	height: 240px;
	float: left;
	
	
	
	
	}

.xbtn:focus{
	box-shadow:0 0 0 0rem  !important;
}
.xbtn:active{
	outline: none!important;
}
.floating {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.site-xh7 {
	color: #9b9b9b;
	font-size: 40px;
}

.btn{
	border-radius: 50px;
}
.section2 {
	background-image: url("../SVG/Circle Slicing/circleimages/circle l.png");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 1020px 552px;
}
.links{

	text-decoration: none;
	color: white;

}

.links:hover{

	text-decoration: underline;

	
}

.analysis{

	margin-left: 130px;
}
/* .section3backend{
	background-image: url("../SVG/Circle Slicing/circleimages/circle r.png");
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-size: 1446px 766px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

} */

.section3{
    background-image: url("../SVG/Circle Slicing/circleimages/circle r.png");
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-size: 1446px 766px;
}

.section12{
    background-image: url("../SVG/Circle Slicing/circleimages/circle r.png");
	background-repeat: no-repeat;
	background-position: 100% 84%;
    background-size: 801px 422px;
    height:440px;
}
.section13{
    background-image: url("../SVG/Circle Slicing/circleimages/circle r.png");
	background-repeat: no-repeat;
	background-position: 100% 28%;
    background-size: 1204px 633px;
}
.section14{
    background-image: url("../SVG/Circle Slicing/circleimages/circle r.png");
	background-repeat: no-repeat;
	background-position: 100% 0%;
    background-size: 1292px 644px;
}
.carousel-inner {
	width: 100% !important;
}



.section5 {
	
	background-image: url("../SVG/Circle Slicing/circleimages/circle r.png");
	background-repeat: no-repeat;
	background-position: 100% 0%;
	
}

.section6 {
	background-image: url("../SVG/Circle Slicing/circleimages/circle l.png");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 1440px 750px;
}

.circle1{
    height: 80px;
    width: 80px; 
    border-radius: 100px;
	box-shadow: 5px 5px 5px 0px rgba(30, 0, 89, 0.2);
	   
}

.circle1:hover{
    
	background-color: #04c4eb;
	color: white;
	   
}
.circle2{height: 80px;
    width: 80px; 
    border-radius: 80px;
	box-shadow: 5px 5px 5px 0px rgba(30, 0, 89, 0.2);

}
.circle2:hover{
    
	background-color: #04c4eb;
	color: white;
	   
}
.circle3{height: 130px;
    width: 130px; 
    border-radius: 130px;
	background-color: white;
	box-shadow: 5px 5px 5px 0px rgba(30, 0, 89, 0.2);
}

.circle3:hover{
    
	background-color: #04c4eb;
	color: white;
	   
}

textarea {
	width: 100%;
	resize: none;
	height: 100px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 2px gray;
}


.section9 {
	background-image: url("../SVG/Footer/footer.svg");
	background-position: top !important;
	background-repeat: no-repeat;
	background-size:cover;
	
}

.section8{
    background-image: url("../SVG/Circle Slicing/circleimages/circle r.png");
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-size: 1446px 766px;
}
.section10{
    background-image: url("../SVG/Circle Slicing/circleimages/circle l.png");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 1400px 700px;
}
.section11 {
	background-image: url("../SVG/Circle Slicing/circleimages/circle l.png");
	background-repeat: no-repeat;
	background-position: 0% 7%;
	background-size: 837px 427px;
	height:420px;
}

.navbar-toggler {
	border: 2px solid #8c9099 !important;
}

.btm-bdr {
	background-image: linear-gradient(90deg,rgba(63,0,163,1.00) 0%,rgba(98,0,226,1.00) 20%,rgba(124,0,255,1.00) 40%,rgba(124,0,255,1.00) 60%,rgba(98,0,226,1.00) 80%,rgba(63,0,163,1.00) 100%);
}

.nodejsicon{
	background: black !important;
	height:50px;
}


.slideduration{
animation-delay: 5s;
}
.sliderduration{
	animation-delay:2s;

}

.card-text
{
	justify-content:auto;
	font-size: 20px;

	color:rgb(46, 43, 61) !important


	
}
.phpcontent{
	overflow-y: scroll !important;
	max-height: 400px !important;
	
}



.sbtn{
	width: 25%;
	background-image: linear-gradient(90deg,rgba(63,0,163,1.00) 0%,rgba(98,0,226,1.00) 20%,rgba(124,0,255,1.00) 40%,rgba(124,0,255,1.00) 60%,rgba(98,0,226,1.00) 80%,rgba(63,0,163,1.00) 100%);
	height: 50px;
	border:none;
	border-radius: 50px; 
	margin-left: 55px;
}

.xinput {
	width: 100% !important;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 2px gray;


} 



.card{
	  box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.2);
	border: none !important;
	color: #6c757d !important;

}



label{
 
	font-size: 15px;
width: 200px;
	height: 57px;
	border-radius: 30px;;
	background-image: linear-gradient(to bottom right, rgb(16, 67, 161), rgb(19, 206, 190));
    display: table;
    color: #fff;
	transition: all 300ms ease-in !important; 
		font-weight: bolder;
	border: solid 2px rgb(2, 75, 94);
     }


input[type="file"] {
    display: none;
}

.heading{

	color:#24c1c7;
	font-size: 45px;
}
.three-images{

	width: 400px;
}

.text2{

	color:red;
	margin-left: 330px;
}


@media screen and (max-width: 992px){
	.three-images{

		width: 300px;
		margin: auto;
	}
}

	@media screen and (max-width: 992px){
		.site-title{
			font-size: 31px !important;
			margin :0;
			
	
			
		}
	
}

@media screen and (max-width: 992px){
	.img-fluid{
		display: none;

		
	}

}


@media screen and (max-width: 992px){
	.site-xh7{
		
		font-size: 35px !important;
		
	}
}
@media screen and (max-width: 992px){
	.we-work{

	margin: 0;
	padding: 0;
	}

}



@media screen and (max-width: 992px){
	.heading{

		color:24c1c7;
		font-size: 38px;
	}

}


  @media screen and (max-width: 992px){
	.section1{
		background-image: none;
	}
	.section2{
		background-image: none;
	}
	.section3{
		background-image: none;
	}
	.section5{
		background-image: none;
	}
	.section6{
		background-image: none;
	}
	.section9{
		background-size: contain;
	}
		.section9{
			background-size: contain;
		}
		.section10{
			background-image: none;
		}
		.section11{
			background-image: none;
		}
		.section12{
			background-image: none;
		}
		.section13{
			background-image: none;
		}
		
		.section14{
			background-image: none;
		}
		.circle1{
			height: 80px;
			width: 80px; 
			border-radius: 75px;
			margin-left: 2px !important;
			
			  margin-right: 2px!important;
		}
		.circle2{
			height: 80px;
    width: 80px; 
    border-radius: 60px;
			margin-left: 0.75rem !important;
			  margin-right: 0.75rem !important;
		}
		.circle3{
			height: 80px;
			width: 80px; 
			
			border-radius: 100px;
			margin-left: 0.75rem !important;
			
			  margin-right: 0.75rem !important;
		}
		.fixed-top{
			position: absolute;
		}
		
		
}

    @media screen and (max-width: 425px){
	.section{
		padding-left: 5% !important;
		padding-right: 5% !important;
	}	
		.circle1{
			height: 80px !important;
            width: 80px !important; 
            border-radius: 45px !important;
        			margin-left: 0.5rem !important;
			  margin-right: 0.5rem !important;
			  
		}
		.circle2{
			height: 80px;
            width: 80px; 
            border-radius: 40px;
        	margin-left: 0.5rem !important;
			margin-right: 0.5rem !important;
			 
			
		}
		.circle3{
			height: 80px;
            width: 80px; 
            border-radius: 65px;
            
            margin-left: 0.5rem !important;
		    margin-right: 0.5rem !important;
			  
			
		}
		.space{
		    display:none;
		}
		.section11{
		   height: 240px;
		    font-size:30px;
		}
			.section12{
		    height:316px;
		    font-size:30px;
		}
		.site-description{
		    margin-top:10px;
		    font-size:15px;
		}
			
		.xlogo{
			width: 70px ;
			height: 30px;
		}
	
	
	
		
		.process-div{
		    
		    height:10px;
		}
		
		
	}

	@media screen and (max-width: 992px){

		.xbtn{
			font-size: 14px;
			
		transition: all 300ms ease-in !important; 
		font-weight: bolder;
		background-image: linear-gradient(to bottom right, rgb(16, 67, 161), rgb(19, 206, 190));
		color: white;
			
		box-shadow: 5px 5px 5px 0px rgba(30, 0, 89, 0.2);
		border: solid 2px rgb(2, 75, 94);
	
}

			
		}

		
		@media screen and (max-width: 992px){

			.tbtn{
				font-size: 10px;
				
			transition: all 300ms ease-in !important; 
			font-weight: bolder;
			background-image: linear-gradient(to bottom right, rgb(16, 67, 161), rgb(19, 206, 190));
			color: white;
				
			box-shadow: 5px 5px 5px 0px rgba(30, 0, 89, 0.2);
			border: solid 2px rgb(2, 75, 94);
			width:200px;
		
	}
	
				
			}
	

	
@media screen and (max-width: 563px){
	.ftrbtn{
			margin: 5%!important;
		}

	/*.section11 {*/
	/*	margin-top: 40px;*/
	/*}*/
	/*.site-title{*/
	/*    font-size:20px;*/
	/*}*/
}

	
	
	
	
.xitem-center {
	margin-right: auto;
	margin-left: auto;
	width: 100% !important;
}

.oy-h {
	overflow: hidden;
}

.xinputround {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	width:360px !important;

}
.first-div{
  width: 650px;
	margin-left: 600px;
}

@media screen and (max-width: 563px){
.xinputround {
	
	border-radius: 25px;
	width:250px !important;
	border: none;
	font-size:14px;
	place-content: id;





}
}

.ftrbtn {
	 margin-left: -1.5rem;
}




.hr {
	background-color: white;
	height: 1px;
}


#xnavbarMenu {
	transition: all 0.5s ease-out;
}

.qw {
	margin-top: 2.5vh;
	margin-bottom: 2.5vh;
}

a{
	text-decoration: none;
	color: inherit;
}
a:hover{

	color: inherit;
}

/* new added */

.phpcontent{
	overflow-y: scroll !important;
	max-height: 400px !important;
	
}