*{
	padding: 0; margin: 0; box-sizing: border-box;
}
body{
	margin: 0;
	padding:0;
	background-image: linear-gradient( 
#c33764 , #1d2671);
	overflow-x:hidden;

}

.navbar{
	background: 
#c33764;
}

nav .navbar-brand{
	margin-left:50px;
  color:#fff;
}



 .d-flex .top_btn{
	background:#16D3B4;
	color: #fff;
	font-size:15px;
	font-weight:600;
	border-radius:20px;
	margin-right:50px;
		padding:13px 22px 13px 22px;
}
 
 .d-flex .top_btn:hover{
background:#F40A7F;
	color:#fff;
 }





#navbarNavDropdown  ul li a{
	color:#fff;
	font-family:"poppins";
}
#navbarNavDropdown  ul li a:hover{
	color:#0FD173 ;
}

 /* banner start   */

.banner01{
order: 2;
}

.banner02{
order: 1;
}

 #banner{
padding-top:130px;
 }
 .text-start{
	font-size: 40px;
	font-weight: 600;
	font-family: "poppins";
 
  background: -webkit-linear-gradient(yellow , #12F7D1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.text-start01{
	font-size:20px;
	font-weight:400;
	color: #fff;
	font-family:"poppins";
 
}

 .text-start02{
	background:#16D3B4;
	text-decoration: none;
	color:#fff;
	font-size:13px;
	font-weight:500;
	border-radius:20px;
	padding:15px 25px 15px 25px;
	font-family:"poppins";
}


 .text-start02:hover{
	background:#F40A7F;
	color:#fff;
	border-radius:20px;
    border:1px solid #12F7D1;
}

.banner .banner_img{
	width:100%;
	height:100%;
 overflow: hidden;	 
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
 
}

/* banner end 
*/

/*fevorit clients start*/
 

 .tbox_text h4{
font-size:25px;
font-weight:700;
color:skyblue;
}

.tbox_text h3{
font-size:50px;
font-weight:500;
color:#fff;

}

 .tbox_text p{
font-size:25px;
font-weight:400;
color:#fff;

}
.fev_client_tbox .tbox_img{
	width:50%;
	height:445px;
	display: flex;
	justify-content: center;
	align-items: center;
}

  .tbox_img img{
    width:100%;
    height:100%;
	 overflow: hidden;	 
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}

/* fevorit clients end */


/*box start 
 
  
*/

.single_box .card{
  color: #fff;
  background:#F40A7F;
  padding-top: 10px;
  border-radius: 20px;

}

 .single_box h5{
font-size:22px;
font-weight:700;
color: #fff;

}
 .single_box p{
color:#fff;
font-size:18px;
font-weight:400;
padding-top:20px;
}

 .single_box img{
 	width: 100%;
 	height:60%;
   
}

/* box end 



/* OUR MOTTO start 

*/
.ourmotto_text h4{
  font-size:25px;
  font-weight:700;
  color: skyblue;
  margin-top: 5px;
}


.ourmotto_text h3{
 font-size: 40px;
	font-weight: 600;
	font-family: "poppins";
	padding-top:5px;

  background: -webkit-linear-gradient(yellow , #12F7D1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.ourmotto_text p{
font-size:23.7px;
font-weight:450;
color:#fff;
}

 

.ourmotto_img img{
	   width:85%;
	height:100%;
    
}

 



/* OUR MOTTO end */

/* WHAT’S OUR SECRET start 
*/
.ourselect_heading h4{
font-size:25px;
  font-weight:700;
  color: skyblue;
  text-align: center;
  margin-top:30px;
}

.ourselect_heading h3{
font-size: 40px;
	font-weight: 600;
	font-family: "poppins";
   text-align: center;
   padding-top:15px;
  background: -webkit-linear-gradient(yellow , #12F7D1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ourselect_heading p{
font-size:23.7px;
font-weight:450;
color:#fff;
text-align: center;
padding-top:15px;
}
 
 .sbox01{
 	padding-top: 80px;
 }
.sbox01 h4{
font-size:25px;
font-weight:700;
color: skyblue;
 
}
 .sbox01 h3{
font-size:40px;
font-weight:650;
color: #fff;
 
}
 .sbox01 p{
font-size: 25px;
font-weight:400;
color: #fff;
padding-top:15px;
}


 .sbox02 img{
	width: 100%;
	height:100%;
	margin-top:80px;
	 overflow: hidden;	 
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
	 
}

#thepeople{
	padding-left:60px;
	 
}

#creative01{
	height:100%;
	width:100%;
	 
	margin-top: -10px;

}

#helpimg{
	width: 80%;
	height:100%;
	

}

/* WHAT’S OUR SECRET end */


/*COOL TECH  start

*/
.cooltech_heading h4{
font-size:25px;
  font-weight:700;
  color: skyblue;
  text-align: center;
  margin-top:60px;
}

.cooltech_heading h3{
font-size: 40px;
	font-weight: 600;
	font-family: "poppins";
   text-align: center;
   padding-top:15px;
  background: -webkit-linear-gradient(yellow , #12F7D1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cooltech_heading p{
font-size:23.7px;
font-weight:450;
color:#fff;
text-align: center;	
padding-top:15px;
}

.coolb01{
	display: flex;
	justify-content: center;
	align-items: center;
padding-top: 60px;


}


.coolb01 .card {
 color: #fff;
 max-width:40rem;
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:20px;
 border-radius:70px;
background-image: linear-gradient(to top, 
#AE1760  , #F71482 );

}


.coolb01 .cdn{
	max-width:38rem;
}

#coolb02{
padding-left:20px;
}

 .coolb01 h5{
font-size:30px;
font-weight:600;
color: #fff;
}
 .coolb01 p{
font-size:20px;
font-weight:500;
color: #fff;
padding-top: 15px;
}


 
/*  COOL TECH end */


/*RECENT WORK  start 

*/
.rwork_heading h4{
font-size:25px;
  font-weight:700;
  color: skyblue;
   
}

.rwork_heading h3{
font-size: 40px;
	font-weight: 600;
	font-family: "poppins";
 padding-top:10px;
  background: -webkit-linear-gradient(yellow , #12F7D1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rwork_heading p{
font-size:23.7px;
font-weight:450;
color:#fff;
 padding-top:15px;
}

.recentwork  .card{
	 max-width:35rem;
	 background:#D5076B;
	 color:#fff;
	 padding-top: 10px;
	 padding: 15px;
	 border-radius: 13px;
	 
}


.recentwork .card-title{
	font-size:30px;
}

.recentwork .card-text{
	padding-top:12px;
}

.recentwork img{
	widith:100%;
	height:100%;
	 
}
 
/*RECENT WORK  end*/


/*products_craft start

 
*/
.products_craft_hed h4{
font-size:25px;
  font-weight:700;
  color: skyblue;
  text-align: center;
  margin-top:30px;
}

.products_craft_hed h3{
font-size: 40px;
	font-weight: 600;
	font-family: "poppins";
   text-align: center;
   padding-top: 15px;
  background: -webkit-linear-gradient(yellow , #12F7D1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.products_craft_hed p{
font-size:23.7px;
font-weight:450;
color:#fff;
text-align: center;	
padding-top:15px;
}

.product_box{
	padding-top:70px;
}

 




.product_box .webappimg img{
	widith:100%;
	height:100%;
	 
}

 .product_box .marketingimg img{
	widith:100%;
	height:100%;
	 
}

.product_box .ecomimg img{
	widith:100%;
	height:100%;
	 
}

.header-text{
	font-size: 30px;
	font-weight: 500;
	line-height: 48px;
	color:#fff;

}

 .product_box p{
	font-size: 17px;
   font-weight:500;
   line-height: 30px;
   color:#fff;
   padding-top:15px;
}
 
/*products_craft end*/




/* WHAT PEOPLE say satrt 
 

*/
.whatpeoples_hed h4{
font-size:25px;
  font-weight:700;
  color: skyblue;
  text-align: center;
  margin-top:80px;
}

.whatpeoples_hed h3{
font-size: 40px;
	font-weight: 600;
	font-family: "poppins";
   text-align: center;
   padding-top:15px;
  background: -webkit-linear-gradient(yellow , #12F7D1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.peimg-text {
 padding-top: 10px;
}
 
.peimg-text p{
	font-size: 18px;
   font-weight: 600;
   line-height: 30px;
   color: #fff;
   padding-top:50px;
}

.peimg-text h5{
	font-size: 18px;
   font-weight: 600;
  color:#fff;
  text-align: center;
}
 .peimg-text h6{
	font-size: 18px;
   font-weight: 500;
    color:#fff;
 
   text-align: center;
    
}

 
.peimg-text .media{
	padding-top:20px;
}

.peimg-text .media  .cliebtimg01 {
 width:18%;
 height:63px;
}

.peimg-text .media  .cliebtimg02 {
 width:18%;
 height:63px;
 margin-top:5px;
}

.peimg-text .media  .cliebtimg03 {
 width:18%;
 height:65px;
 margin-top: 5px;
}

.peimg-text .media  .b01 {
 margin-top:-55px;
 margin-left:-90px;
}

.peimg-text .media  .b02 {
  margin-top:-59px;
   margin-left:-80px;
}

.peimg-text .media  .b03 {
 margin-top:-59px;
  margin-left:-90px;
}

.peimg-text .media .mtext{
font-weight:200;
}

.peimg-text .clients{
	color:#fff;

}



 
/* WHAT PEOPLE say end */

/* forms start */
 

.form{
	background: #D5076B;
	border-radius:10px;
	padding:20px;
	padding-left:50px;
}
.form .forms01_02 img{
	width:50%;
	height:80%;
	overflow: hidden;	 
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
	 
}

 
 .forms01 h4{
font-size:23px;
  font-weight:400;
  color: skyblue;
  margin-top:60px;

}

 .forms01 h3{
font-size: 40px;
	font-weight: 600;
	font-family: "poppins";
   
  background: -webkit-linear-gradient(yellow , #12F7D1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.forms01 p{
font-size:23.7px;
font-weight:500;
color:#fff;
 
}
 


 .forms02 h4{
	color:#fff;
	font-weight:500;
	padding-top: 10px;

}

.forms02 ul{
list-style: none;
}

.forms02 ul li{
color:#fff;
font-size:22px;
}

.forms02 ul li a{
	color:yellow;
	text-decoration: none;
}

.sicon{
	margin-left: 20px;
}
.fa {
  padding: 10px;
  font-size: 40px;
 width:40px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius:8px;
  margin-left: 10px;
}
.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
 background: #f40083;
  color: white;
}

.fa-linkedin {
   background: #f40083;
  color: white;
}

.fa-instagram {
   background: #f40083;
  color: white;
}

.fa-pinterest {
 background: #f40083;
  color: white;
}
 
 .forms02_02 .form-label{
color:#fff;
font-weight:500;
}

.forms02_02  input{
	height:50px;
	background:inherit;
}
 .forms02_02 textarea {
	background:inherit; 
}

/* forms end */

 
.end_growth img{
	width: 50%;
	height:70px;
 
}


.hr{
	width: 80%;
}

 
.growth02 h3{
font-size: 45px;
	font-weight: 600;
	font-family: "poppins";
   margin-left:-0px;
  background: -webkit-linear-gradient(yellow , #12F7D1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.growth02 p{
font-size:23.7px;
font-weight:500;
color:#fff;
 
}



/*
 Coyrighte
*/
.copywrite .h4_1{
 
 
font-size: 18px;
font-weight:400;
color: #fff;
}
.copywrite .h4_2{
 
 
}
.copywrite .h4_2 a{
	text-decoration: none;
	font-size: 18px;
font-weight:400;
color: #fff;
}


/*  floating img css */

@keyframes float {
	0% {
		  
		transform: translatey(0px);
	}
	50% {
		 
		transform: translatey(-20px);
	}
	100% {
	
		transform: translatey(0px);
	}
}

 



/*  floating img css */

@media(min-width:720px){
.recentwork .rebox03{
 margin-top:40px;
}

.recentwork .rebox02{
	margin-top:-270px;
}

.recentwork .rebox04{
	margin-top:-380px;
}

 
 

}

@media(max-width:540px){
	.d-flex button{
		display:none;
	}
.tbox_text{
order: 2;
}

.tbox_img{
order: 1;
text-align: center;
}

#mbook{
	order: 2;
}

#mbookimg{
	order: 1;
}


#creativeimg{
	order: 1;
}

#thepeople{
	order: 2;
}

#contact{
	order: 2;
}


#contactimg{
	order: 1;
}

#webapp {
  display: flex;
  flex-direction: column;
}
#webapp div {
  flex: 1;
}
#webapp div:nth-of-type(1) {
 
  -webkit-order: 2;
  order: 2;
}
#webapp div:nth-of-type(2) {
 
  -webkit-order: 1;
  order: 1;
}


#marketing {
  display: flex;
  flex-direction: column;
}
#marketing div {
  flex: 1;
}
#marketing div:nth-of-type(1) {
 
  -webkit-order: 2;
  order: 2;
}
#marketing div:nth-of-type(2) {
 
  -webkit-order: 1;
  order: 1;
}

#ecommerce {
  display: flex;
  flex-direction: column;
}
#ecommerce div {
  flex: 1;
}
#ecommerce div:nth-of-type(1) {
 
  -webkit-order: 2;
  order: 2;
}
#ecommerce div:nth-of-type(2) {
 
  -webkit-order: 1;
  order: 1;
}


.peimg-text .media .cliebtimg01{
 margin-left:80px;
}

.peimg-text .media .b01{
 margin-left:60px;
}


.peimg-text .media .cliebtimg02{
 margin-left:80px;
}

.peimg-text .media .b02{
 margin-left:69px;
}

.peimg-text .media .cliebtimg03{
 margin-left:80px;
}

.peimg-text .media .b03{
 margin-left:60px;
}



	.end_growth{
	 display: flex;
	 justify-content: center;
	 align-items: center;

}
.end_growth img{
	width: 40%;
	height:98px;
 
}

}