*{
	outline: 0!important;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
@font-face {
 font-family: 'Poppins';
 src: url('../font/Poppins-Regular.ttf');
}
@font-face {
	font-family: 'Poppins-Medium';
	src: url('../font/Poppins-Medium.ttf');
   }
html{
	scroll-behavior: smooth;
}
h1,h2,h3,h4,h5,h6 ,p,span{
 font-family: 'Poppins';

}
a{
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.icon-wa{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
}
.icon-wa i{
    font-size: 37px;
    width: 50px;
    padding: 6px 10px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    background-color: #14b93b;
}
#exampleModal .modal-dialog{
    max-width: 475px;
}
.services{
	margin-bottom: 5rem;
}
.services .box{
    overflow: hidden;
    position: relative;
	border-radius: 10px;
	margin-bottom: 1rem;

}
.services .title{

	background-color: #1d1d1dcc;
	background-blend-mode: overlay;
	background-size: cover;
    height: 400px;

}
.services .box1 .title{
	background-image: url('../images/web2.jpg');
}
.services .box2 .title{
	background-image: url('../images/app.jpg');
	background-color: initial;
}
.services .box3 .title{
	background-image: url('../images/bgecom.jpg');
	background-position: center;

}

.services .box4 .title{
	background-image: url('../images/marketing.jpg');
	background-position: center;
}

.services .box .title{
	padding: 7rem 0;

}
.services .box h2{
	font-weight: 600;
	color: #fff;
	text-align: center;
font-size: 30px;
margin: 10px auto;
}
.services .box:before{
    content: '';
    height: 100%;
    width: 100%;
    border: 2px solid rgba(15, 21, 71, 0.705);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.6s ease 0s;
}
.services .box:hover:before{ border: 270px solid rgba(15, 21, 71, 0.705); }
.services .box .title{
    transform-origin:  center;
    transition: all .4s ease-in-out;

}
.services .box:hover .title { transform: scale(1.2); 
	filter: blur(2px) hue-rotate(0deg);}

.services .box .box-content{
    color: #fff;
    text-align: center;
    width: 100%;
    opacity: 0;
    transform: translateY(-50%) scale(0.1);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transition: all 0.4s ease 0.1s;
	padding: 0 2rem;

}
.services .box:hover .box-content{
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.services .box .more {
	position: absolute;
    z-index: 2;
    text-align: center;
    opacity: 0;
	bottom: 20px;
	width: 100%;
    transition: 0.4s ease 0.3s;
}
.services .box:hover .more { opacity: 1; }
.services .box:hover .more { transition-delay: 0.5s;
 }
.services .box .more  a{
    color: #fff;
    padding: 15px 0;
    width: 50%;
    box-shadow: none;
    background: linear-gradient( 
60deg, #76c9c9, #1e95c5 50%, #3F51B5);
    border: none;
    font-family: 'Poppins-Medium';
    border-radius: 50px;
	
}
.services .box .more  a:hover{
box-shadow: 0px 4px 12px 0px #2e9ee1;}

.services .icon{
	text-align: center;
	color: #fff;
	font-size: 50px;


}

#logo img{
	width: 150px;
}
#header{
	padding: 1rem 0;
}
#header .right-head{
	float: right;

}
#header .right-head a{
	cursor: pointer;
	text-decoration: none;
	text-transform: capitalize;
	padding: 5px 12px;
    color: #fff;
	font-family: 'Poppins-Medium';
    background-color: #1a4d93;
    border: 2px solid #1a4d93;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    border-radius: 5px 5px;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.sticky {
	position: fixed;

	width: 100%;
background-color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 5%);
	z-index: 1000;
  }

#header .right-head a:hover{
	color:#2727ad;
	background-color: #fff;
}
.section-intro{
padding: 3rem 0;
background-image: url('../images/bg1.png');
background-size: cover;
background-repeat: no-repeat;

background-attachment: fixed;
background-position: center;
}
#myCarousel1{
	padding-top: 9rem;
}
#myCarousel1 .item h2{
	color: #fff;
	font-size: 36px;
	font-weight: 600;

	font-family:'Poppins';
}
#myCarousel1 .item h4{
	font-size: 20px;
	color: #fff;

	font-weight: 400;
	font-family:'Poppins';
	line-height: 25px;
padding-right: 4rem;
}
.form-control:focus {
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
  }
   .form-control:focus, .form-control:active {
    background: transparent;
}
 .form-box{
	padding: 2rem;
    background-color: #fff;
    border-radius: 8px;

   }

   .form-box input , .form-box textarea {
    height: 40px;
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 0;
    color: #000;
    font-size: 16px;
    outline: none!important;
	border-radius: 0;
   }
   .form-box .country-num{
	display: flex;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
}
   .form-box .btn-send button{
	color: #fff;
	padding: 15px 0;
	width: 50%;
	box-shadow: none;
    background: linear-gradient( 60deg, #76c9c9, #1e95c5 50%, #3F51B5);
	border: none;
	font-family: 'Poppins-Medium';
    border-radius: 50px;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
   }
   .form-box .btn-send button:hover{

    box-shadow: 0px 4px 12px 0px #2e9ee1;
   }
   .about{
	margin: 4rem 0 2rem;
}
.about .row1, .about .row2{
	color: #1a4d93;
    text-transform: capitalize;
    font-size: 35px;
    line-height: 40px;
	font-family: 'Poppins-Medium';
    font-weight: 500;

}
.section-about-el .row1 , .section-about-el .row2{
	color: #1a4d93;
    font-size: 35px;
    line-height: 40px;
	font-family: 'Poppins-Medium';
    font-weight: bold;
}
.about .row3{
	font-size: 20px;
    color: #222;
    line-height: 2;
}
.section-about-el .row3{
	font-size: 20px;
    color: #222;
    line-height: 2;
}
.count{
	text-align: center;
    box-shadow: -6px 5px 13px 0px #2e9fe1af;
border-radius: 10px;
    padding: 1rem 0; 
	background-image: linear-gradient(to right bottom, #0ebded, #10b7e3, #13b1d8, #17aace, #1ba4c4, #1aa0c0, #1a9bbd, #1a97b9, #1993ba, #1c90bb, #218cbc, #2988bc);
	font-family: 'Poppins-Medium';
}
 .count h2 {
	color: #fff;
	font-size: 25px;
	margin-bottom: 20px;
	font-family: 'Poppins-Medium';
}
 .count h4{
	color: #fff;
	font-family: 'Poppins-Medium';
	font-size: 18px;
}

.services h1 ,.clients-section  h1 ,.section-product h1{
	text-align: center;
	font-size: 36px;
	font-family: 'Poppins';
	font-weight: 600;
	color: #131d2b;
	padding: 3rem 0;
}

.clients-section .col-lg-2{
	text-align: -webkit-center;
	text-align: -moz-center;
	}
	.clients-section img{
		padding: 2rem 0;
	    max-width: 100%;
	}
	#footer {
		padding-top:50px;
		background-image: linear-gradient(to bottom, #1a4d93, #164687, #133f7c, #0f3870, #0b3165);

		/* background-image: url('../images/Background.jpg'); */
	
	
	}
	#footer .contact{
	margin-bottom: 50px}
	#footer .contact:hover {
		transform: translateX(9px);
		transition: .3s linear transform;
	}

	#footer a{
		color:#fff;
	}
.contact h6{
		color: #fff;
	  margin-bottom: 17px;
		font-size: 15px;
	}
.contact p{
		margin-bottom: 5px;
		color: #fff;
		font-size: 15px;
	}
#footer .company_social span a {
		width: 36px;
		height: 36px;
		border-radius: 5px;
		color: #fff;
		font-size: 15px;
		padding-top: 2px;
		padding-left: 10px;
		margin-right: 12px;
		display: inline-block;
	}
#footer .contact h6 span {
		padding-right: 5px;
	}

#myCarousel-product .item{
	color: #fff;
	padding: 3rem 0;
	height: 40rem;
}
#myCarousel-product .item1 {
	background: linear-gradient( 60deg, #76c9c9, #1e95c5 50%, #3F51B5);
	padding-bottom: 55px;
}
#myCarousel-product .item2 {
	background:linear-gradient( 258deg, #76c9c9, #1e95c5 50%, #3F51B5);
	padding-bottom: 5rem;
}
#myCarousel-product .item3 {
	background-image: linear-gradient(to left, #66a5ec, #3278e9, #3b59bd, #4546b0, #6d4cc0);
}
#myCarousel-product .item4 {
	background-image: linear-gradient(96deg, #535aa8, #5369b8, #5378c7, #5288d6, #5297e4);
}
#myCarousel-product .item5 {
	background-image: linear-gradient(to right, #5b4d83, #6b5b98, #7c68af, #8d77c5, #9f85dc);
}
#myCarousel-product .item6 {
	background-image: linear-gradient(to left, #4c3881, #6b5b98, #7c68af, #8d77c5, #8062c9);
}
#myCarousel-product .item .text{
padding-top: 3rem;
}
#myCarousel-product .item .text h2{
font-weight: 600;
font-size: 30px;
padding-bottom:1rem ;
}
#myCarousel-product .item .text img{
    width: 300px;
    float: right;
    margin: 2rem 0;
}

#myCarousel-product .item .text p{
	font-size: 18px;
}
#myCarousel-product .item2 .text p ,#myCarousel-product .item3 .text p, #myCarousel-product .item4 .text p ,#myCarousel-product .item5 .text p ,#myCarousel-product .item6 .text p{
	padding-right: 5rem;
}
#myCarousel-product .owl-nav{
	position: relative;
    bottom: 75px;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
}
#myCarousel-product .owl-prev{
	position: absolute;
	left: 50px;
}
#myCarousel-product .owl-next{
	position: absolute;
	right: 50px;
}
#myCarousel-product .owl-nav i{
	font-weight: 500;
	

}
/*web style*/
.web .section1 img{
position: absolute;
right: 0;
top: 60px;
width: 890px;
}
.web .section1 .text{
	background-image: linear-gradient(56deg, #131946, #353a63);
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	height: 38rem;
	padding: 10rem 7rem;
}
.web .section1 .text h1{
	font-size: 40px;
    font-weight: 600;
    color: #fff;
	margin-bottom: 1rem;
}
.web .section1 .text p {
	color: #fff;
	font-size: 20px;
	margin-bottom: 3rem;
}
.web .section1 .text a , .section3 .text a ,.section5 a {
	background: #209383;
    color: #fff;
    padding: 1rem;
	border-radius: 5px;
	padding: 15px 25px;
    border-radius: 5px;
    font-family: 'Poppins-Medium';
	box-shadow: none;
	border: 2px solid #209383;
}
.web .section1 .text a:hover ,.web .section3 .text a:hover ,.web .section5 a:hover {
	border: 2px solid #1b685e;
	background-color: #1b685e;
	color: #fff;

	
}
.web .section1 .text i ,.web .section3 i,.web .section5 i , .app .section1 i ,.ecomm .section1 i{
    position: relative;
    top: 1px;
	margin-left: 10px;
	font-weight: 500;
border-radius: 50px;
	animation: pulse 2s infinite;}

.web .section2{
	padding: 4rem 0;
}
.web .section2 img{
	width: 80px;
	margin: 1.5rem auto;
}
.web .section2 h2 ,.web .section4 h2 ,.web .platform h2{
    font-size: 30px;
    color: #131d2b;
    text-align: center;
    padding: 3rem 0;
    font-weight: 600;
    font-family: 'Poppins';
	
}
.web .section2 .row{
	justify-content: space-evenly;
}
.web .section2 .co-section2{
	text-align: center;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
    background-image: linear-gradient(to bottom , #e6a95e , #f49117d9);
}
.web .section2 p{
	color: #fff;
font-size: 16px;
text-transform: capitalize;

}
.web .section3{
	padding: 8rem 0;
}
.web .section3 .text{
	background-image: linear-gradient(56deg, #131946, #353a63);
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	height: 38rem;
	padding: 10rem 7rem;
}
 .web .section3 h1{
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 2rem;
	color: #fff;
}
.web .section3 p{
font-size: 17px;
 color: #fff;
margin-bottom: 4rem;
}
.web .section3 .co-section3{
text-align: -webkit-center;
text-align: -moz-center;
}
.web .section3 .co-section3 p{
padding: 0 11px;
font-size: 14px;
color: #131d2b;
}
.web .section3 .co-section3 img{
	width: 50px;
	margin: 2rem 0 1rem;
}
.web .section3 .text2{
	margin: 15px 0;
    border-radius: 25px;
    width: 180px;
    height: 180px;
	box-shadow: -5px 2px 8px 0px #25685f36;
	border: 1px solid #209383;

}
.web .section4 p{
	color: #131d2b;
	text-align: center;
font-size: 17px;
margin-bottom: 3rem;
}
.web .section4 h3{
	color: #fff;
	font-size: 20px;
}
.web .section4 .icon{
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;	
	height: 15rem;
	margin: 1rem 0;
}
.web .section4 .icon1{
	background-image: linear-gradient(
		56deg
		, #131946, #353a63);
}
.web .section4 .icon2{
	background-color: #209383;
}
.web .section4 img{
	width: 80px;
	margin: 2rem 0;
}
.web .section5{
	display: flex;
	background-color: #353a63;
	padding: 3rem 0;
	margin-top: 5rem;
	justify-content: space-evenly;
	align-items: center;
}
.web .section5 h1{
	font-size: 25px;
	font-weight: 600;

color: #fff;
}
.web .platform img{
	width: 80px;
}
.web .platform .text-center{
	padding-bottom: 2rem;
}
#myCarousel2 .item{
	padding: 2rem 0 3rem;
}
#myCarousel2 .item1{

	background-image: linear-gradient(to right bottom, #e9b583, #daa06c, #cc8c55, #bd783f, #ae642a);
}
#myCarousel2 .item2{
	background-image: linear-gradient(to right bottom, #ed1c24, #c7141e, #a20e18, #7e0811, #5c0407);
}
#myCarousel2 .item3{
	background-image: linear-gradient(to right bottom, #b48811, #aa8320, #a07f2b, #967a33, #8c753b);
}
#myCarousel2 .item4{
	background-image: linear-gradient(to right bottom, #8fca41, #70a131, #537a21, #385512, #1f3303);
}
#myCarousel2 .item h2{
	font-family: 'Poppins-Medium';
    font-size: 34px;
	color: #fff;
    padding: 1rem 0;
}
#myCarousel2 .item h3{
	font-size: 25px;
	color: #fff;
	margin-bottom: 2rem;
	text-transform: capitalize;
}
#myCarousel2 .item p{
	color: #fff;
	padding-right: 5rem;
}
#myCarousel2 .owl-nav , #myCarousel1 .owl-nav{
    display: none!important;
}
  #myCarousel2 .owl-dots {
    position: relative;
    bottom: 55px;
	text-align: center;
  }
 #myCarousel2 .owl-dots button.owl-dot.active {
 
    background-color: #fff;
    }
   #myCarousel2 .owl-dots button.owl-dot {
       opacity: 1;
        width: 10px;
        height: 10px;
        border-radius: 30px;
        display: inline-block;
        background: none;
        margin: 0 5px;
      border: 2px solid #fff;
       
       }

#myCarousel2 .co-text{
	margin-top: 4rem;
	height: 25rem;
}
#myCarousel2 .co-text img{
	width: 100px;
}
#myCarousel2  .co-img img{
	padding: 2rem;
}
.web .platform h4{
	font-size: 25px;
	color: #131d2b;
}
.modal-dialog{
	max-width: 630px;
	margin: 80px auto;

}
.modal-content{
border-radius: 25px;
}
.modal-dialog input{
	margin-bottom: 5px;
}
.modal-dialog .form-box {
    padding: 2rem 2rem 1rem 2rem;}
.modal-dialog .close{
	background: #0f02be;
    color: #fff;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    box-shadow: none;
    font-weight: 100;
    opacity: 1;
    position: relative;
    top: -25px;
    right: -25px;
	z-index: 10000;
}
.modal-dialog .close:hover{
	background: #131946;

}
.none1-section3{
	display: none;
}
/*app style*/

.app .section1 {
	background-image: url('../images/flutterbackground.jpg');
	background-size: cover;
	background-repeat: no-repeat;
  background-color: #23242ec2;
  background-blend-mode: overlay;
background-attachment: fixed;
padding-top: 2rem;
height: 585px;
  color: #fff;
}
.app .section1 .text{
	padding-top: 5rem;
}

.app .section1 .text h1{
	font-weight: 600;
	font-size: 40px;

}
.app .section1 .text h3{
	font-size: 27px;
}
.app .section1 .text p{
	font-size: 20px;
	padding: 2rem 0;
}
.app .section1 .text a {
	background: #0095ff;
    color: #fff;
    padding: 1rem;
	border-radius: 5px;
	padding: 15px 25px;
    border-radius: 5px;
    font-family: 'Poppins-Medium';
	box-shadow: none;
	border: 2px solid #0095ff;
}
.app .section1 .text a:hover {
	border: 2px solid #080f6d;
	background-color: #080f6d;
	color: #fff;
}
.app .section1 .co-app{
position: relative;
right: 150px;
top: 20px;

}
.app .section2 ,.app .section4{
	margin: 4rem 0;
}
.app .section2 .title ,.app .section4 .title{
	text-align: center;
	color: #131d2b;
	padding: 2rem 0;
}
.app .section2 h1 , .app .section4 h1{
	font-size: 30px;
	font-weight: 600;
}
.app .section2 h3 {
	font-size: 25px;
    color: #131d2b;	
}
.app .section4 h3{
	font-size: 18px;
	color: #131d2b;
}
.app .section2 img{
	filter: brightness(0) invert(1);
	margin: 5px auto 15px;
}
.app .section2 .sub{
	text-align: center;
	padding: 1rem;
	border-radius: 5px;
	margin-bottom: 1rem;
	height: 10rem;
}
.app .section2 .sub1{
	background-color: #000;
}
.app .section2 .sub2{
	background-color: #14b93b;
}
.app .section2 .sub3{
	background-color: #7058e4;
}
.app .section2 .sub4{
	background-color: #102b92;
}
.app .section2 .sub5{
	background-color: #e49934;
}
.app .section2 .sub6{
	background-color: #6a59a0;
}
.app .section2 .sub7{
	background-color: #0da2e1;
}
.app .section2 .sub8{
	background-color: #208c80;
}
.app .section2 .sub9{
	background-color: #ea6417;
}
.app .section2 h5{
	color: #fff;
	font-weight: 600;
	font-size: 20px;
}
.app .section2 img {
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-ms-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
  }
  
  .app .section2 .sub:hover img {
	-webkit-transform: scale(1.30);
	-moz-transform: scale(1.30);
	-ms-transform: scale(1.30);
	-o-transform: scale(1.30);
	transform: scale(1.30);
  }
.app .section3 h1{
	font-size: 30px;
    color: #131d2b;
    text-align: center;
    padding: 3rem 0;
    font-weight: 600;
}
.app .section3 h3{
	color: #fff;
	font-family: 'Poppins-Medium';
	padding: 1rem 0;
}
.app .section3 .title{
	padding: 1rem;
}


.app .section3 img{
	width: 50px;
}
.app .section3 .box{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 230px;
	background-color: #000000a6;
	background-blend-mode: overlay;
	margin-bottom: 1rem;
	border-radius: 8px;
}
.app .section3 .box1{
	background-image: url('../images/ios\ app.jpg');
}
.app .section3 .box2{
	background-image: url('../images/IOT.jpg');
}
.app .section3 .box3{
	background-image: url('../images/android.jpg');
}
.app .section3 .box4{
	background-image: url('../images/post_crm_salesforce.jpg');
}
.app .section3 .box5{
	background-image: url('../images/react-bg.jpg');
}
.app .section3 .box6{
	background-image: url('../images/install-flutter.png');
}
.app .section3 .box .photo {
	border-radius: 50%;
    width: 80px;
    text-align: center;
    height: 80px;
    padding: 15px;
}
.app .section3 .box1 .photo{
    background: #000;
}
.app .section3 .box2 .photo{
    background: #3b60ff;
}
.app .section3 .box3 .photo{
	background: #14b93b;
}
.app .section3 .box4 .photo{
    background: white;
    padding: 17px 5px;
}
.app .section3 .box5 .photo{
	background: #85d6ec;
	padding: 17px 5px;
}
.app .section3 .box6 .photo{
	background: #fff;
	padding: 10px 0;
}
.app #myCarousel-app .owl-nav{
	display: none!important;
}
.box-main{
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}

.box-main:before,
.box-main:after{
    content: '';
    background: linear-gradient(45deg, #FEAC5E,#C779D0,#4BC0C8);
    width: 50%;
    height: 100%;
    opacity: 0.5;
    transform: skewX(-40deg);
    position: absolute;
    top: -15px;
    left: 150%;
    z-index: 1;
    transition: all 0.4s;
}
.box-main:hover:before{ left: 65%; }
.box-main:after{
    left: -150%;
    opacity: 0.4;
}
.box-main:hover:after{ left: -35%; }

.box-main:hover .box{
    transform: scale(1);
    filter: blur(5px) hue-rotate(0deg);
}
.box-main .box-content{
    color: #fff;
    width: 100%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    text-align: center;
    padding: 10px 15px;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transition: all 0.3s ease 0s;
}
.box-main:hover .box-content{
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}
.box-main p{
	font-size: 20px;
    font-family: 'Poppins-Medium';
}
.b2 .box-content{
	padding: 10px 30px;
}
.b2:after{
	width: 45%;
}
.b2::before{
	width: 30%;
}
.b2:hover:before{
	left: 75%;
}
.app .section4 h5{
	font-family: 'Poppins-Medium';
	font-size: 20px;
	line-height: 30px;
	padding: .5rem 0 2rem;
}
/* ecomm style*/
.ecomm .section1 .text{
	background-color: #286681cc;
    background-blend-mode: overlay;
background: linear-gradient(222deg, #107181bf, #005d89);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    height: 38rem;
    padding: 10rem 7rem;
color: #fff;

	background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}
.ecomm .section1 img{
	    position: absolute;
    right: 0;
	top: 40px;
    width: 1000px;
}
.ecomm .section1 h1{
	font-size: 40px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 1rem;
}
.ecomm .section1 p{
	color: #fff;
    font-size: 20px;
    margin-bottom: 3rem;

}
.ecomm .section1 a{
	background: #ff950a;
    color: #fff;
    padding: 1rem;
	border-radius: 5px;
	padding: 15px 25px;
    border-radius: 5px;
    font-family: 'Poppins-Medium';
	box-shadow: none;
	border: 2px solid #ff950a;
}
.ecomm .section1 a:hover{
	border: 2px solid #f8a840;	
	background-color: #f8a840;
	color:#fff ;
}
.ecomm .section2{
	padding: 5rem 0;
}
.ecomm .section2 .content{

	text-align: center;
	color: #131d2b;
    box-shadow: 0px 5px 13px 0px rgb(0 0 0 / 20%);
    border-radius: 10px;
    padding: 1rem .5rem;
    height: 22rem;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.ecomm .section2 .content img{
	margin:1rem auto ;
	width: 90px;
}
.ecomm .section2 .content h5{
	font-size: 20px;
font-weight: 600;
}
.ecomm .section2 .co-ecomm:hover .content {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
}
.ecomm .section2 .co-ecomm:hover .content {
	background: #65bbc9;
	color: #fff;

}

.ecomm .section2 .co-ecomm:hover .content img{
	filter: brightness(0) invert(1);

}
.ecomm .section3 .text{
	padding: 3rem 0 2rem;
	text-align: center;
	color: #131d2b;
}
.ecomm .section3 h1{
	font-size: 30px;
	font-family: 'Poppins';
	font-weight: 600;
}
.ecomm .section3 .row{
	justify-content: center;
}
#myCarousel-ecomm .co-img img{
	width: 100% ;
}

#myCarousel-ecomm .item1{
	background-image: linear-gradient(to right bottom, #f9bc02, #f8c029, #f8c43e, #f7c74f, #f6cb5f);
}
#myCarousel-ecomm .item2{
	background-image: linear-gradient(to bottom, #fce1fc, #e5cde5, #cebace, #b8a7b8, #a295a2);
}
#myCarousel-ecomm .item3{
	background-image: linear-gradient(to bottom, #e7e2e6, #ece2e5, #f0e2e2, #f2e4de, #f1e6da);
}

 #myCarousel-ecomm .owl-nav{
	position: relative;
	bottom: 70px;
	color: rgb(9, 38, 77);
	font-weight: 600;
}
#myCarousel-ecomm .owl-prev{
	position: absolute;
	left: 30px;
}
#myCarousel-ecomm .owl-next{
	position: absolute;
	right: 30px;
}
#myCarousel-ecomm i{

	color: #fff;
	background-color: rgb(9, 38, 77);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 7px 0;
} 
#myCarousel-ecomm i:hover{
	background-color: rgb(99, 91, 91);
	color:#fff ;
}
.ecomm .section4 ,.ecomm .section6{
padding: 5rem 0;
}
.ecomm .section4 h1 ,.ecomm .section6 h1{
	font-size: 30px;
	color:#65bbc9 ;
	font-family: 'Poppins';
	font-weight: 600;
	margin-bottom: 1rem;
}
.ecomm .section4 p ,.ecomm .section6 p{
	font-size: 18px;
color: #131d2b;
line-height: 30px;
}
.ecomm .section4 .co-img{
	background-image: url('../images/Screenshot\ \(176\).png');
	background-size: cover;
    height: 285px;
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 35px;
}
.ecomm .section5 {
	background: #65bbc9;
    padding: 3rem 0;
}
.ecomm .section5 .text{
	color: #fff;
	padding-top: 6rem;
}
.ecomm .section5 .text h1{
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 2rem;
}
.ecomm .section5 .text p{
	font-size: 18px;
}
.ecomm .box{

    overflow: hidden;
    position: relative;
}
.ecomm .box:before{
    content: '';
    background: #033558;
    width: 100%;
    height:0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.3s ease;
}
.ecomm .box:hover:before{
    height:70%;
   border-bottom-left-radius: 120px;
   border-bottom-right-radius: 120px;

    opacity: 0.9;
}
 .ecomm .box:hover .box-logo{
	animation: slideInLeft .5s;
}
.ecomm .box:hover .box-text h1{
	animation: slideInRight .7s;
}
.ecomm .box:hover .box-text img{
	animation: slideInUp 1s;
	
}  
.ecomm .box:hover .co-img img{
    opacity: 0.8;
	filter: blur(1px) hue-rotate(0deg);
}
.ecomm .box .box-content{
    color: #fff;
    text-align: center;
    width: 100%;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    top: 12%;
    left: 50%;
    z-index: 1;
    transition: all 0.4s ease;
}
.ecomm .box:hover .box-content{ opacity: 1; }
.ecomm .box-logo ,.ecomm .box-text{
	text-align:-webkit-center ;
	text-align: -moz-center;
}
.ecomm .box-text{
	padding-top: 1rem;
}

  
 
/*responsive*/
@media (min-width:1170px) and (max-width:1370px){
.ecomm .section1 .text{
	padding:10rem 7rem 10rem 1rem;
}
.ecomm .section1 img{
	width: 870px;
	top: 75px;
}
.web .section1 .text{
	padding: 10rem 10rem 10rem 3rem;
}
.web .section1 img{
	width: 825px;
}

}
@media (min-width:1030px) and (max-width:1200px){
	#myCarousel2 .co-text {
		margin-top: 0;
		height: 27rem;
	}
	#myCarousel2 .item p{
		padding: 0;

	}
	#myCarousel2 .item h3{
		margin-bottom: 1rem;
	}
	#myCarousel2 .co-img img{
		padding: 0;
	}
}


@media (min-width:992px) and (max-width:1030px){
	#myCarousel2 .co-img img {
		padding: 0;
		margin-top: 3rem;
	}
	#myCarousel2 .item h3{
		margin-bottom: 0;
	}
	#myCarousel2 .co-text {
		margin-top: 0;
		height: 27rem;
	}
	#myCarousel2 .item p{
		padding: 0;

	}

}
@media (min-width:992px) and (max-width:1170px){
	.web .section1 .text{
		padding: 7rem 6rem 7rem 3rem;
	}
.web .section1 .text h1 {
		font-size: 36px;}
.web .section1 img {
			top: 110px;
			width: 670px;
}
.web .section3 .text{
	padding: 10rem 2rem 10rem 3rem;
}
.ecomm .section1 .text{
	padding: 10rem 8rem 7rem 2rem
}
.ecomm .section1 .text h1 {
	font-size: 36px;}
.ecomm .section1 img {
		top: 110px;
		width: 765px;
}
}
@media (max-width:1199.5px){
	.app .section1{
		padding-top: 4rem;
	}
	.ecomm .box:hover:before{
		height:75%;
	}
	.ecomm .box .box-content{
		top: 3%;
	}
	.ecomm .section4 .co-img{
		height: auto;
	}
	.ecomm .section5 .text{
		padding-top: 4rem;
	}
}
@media (max-width:991.5px){
	.modal-dialog {

		margin: 60px auto;
	}
.web .section1{
	background-image: linear-gradient(56deg, #131946, #353a63);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.web .section1 .row{
	flex-direction: column-reverse;
}
.web .section1 .text{
background: none;
border: none;
text-align: center;
padding:  1rem 0 5rem 0;
height: auto;
}
.web .section1 .text h1 {
    font-size: 30px;
}
.web .section1 .link{
	text-align: center!important;
}
.web .section1 img {
    position: initial; 
    width: 100%;
    padding: 3rem;
}
.web .section2 .co-section2{
	margin-bottom: 1rem;
}
.web .section3{
	padding:2rem  0;
}

.none1-section3{
	display: block;
}
.none-section3{
	display: none;
}
.web .section3 .text{
	padding: 5rem;
	height: 25rem;
	margin-bottom: 2rem;
}
.web .section3 .text2{
	margin: 0;
}
.web .section5{
	display: block;
	padding: 3rem 2rem;
}
.web .section5 h1{
	margin-bottom: 3rem;
}
#myCarousel2 .row{
	flex-direction: column-reverse;
}
#myCarousel2 .co-text {
    margin-top: 0;
	height: 20rem;
    text-align: -webkit-center;
}
#myCarousel2 .item p {
    padding: 0 ;
}
.web .section2{
	padding: 2rem 0;
}
.section-intro .intro{
	flex-direction: column-reverse;
}
#myCarousel1{
	padding-top: 4rem;
}
.section-product .row{
	flex-direction: column-reverse;
}
#myCarousel-product .item{
	height: 75rem;
}
#myCarousel-product .item .text{
	padding-top: 0;
}
#myCarousel2 .item h3{
	margin-bottom: 10px;
}
.services{
	margin-bottom: 2rem;
}
.app .section1{
	height: auto;
}
.app .section1 .text {
    padding: 3rem 0 1rem;
    text-align: center;
}
.app .section1 .text .start{
	text-align: center!important;
}
.app .section1 .text p{
	padding: 0;
	font-size: 17px;
}
.app .section1{
	padding: 0;
}
.app .section2 .sub{
	height: 11rem;
}
.b2 .box-content{
	padding: 10px 15px;
}
.b2:after{
	width: 50%;
}
.b2::before{
	width: 50%;
}
.b2:hover:before {
	left: 65%;
}
.app .section4 h5{
	font-size: 17px;
}
.app .section2, .app .section4{
	margin: 2rem 0;
}
.app .section2 h1, .app .section4 h1 ,.app .section3 h1{
	font-size: 25px;

}
.ecomm .section1 .row {
    flex-direction: column-reverse;
}
.ecomm .section1 img {
    position: initial;
    width: 100%;
  
}
.ecomm .section1 {
    background-image: linear-gradient(222deg, #107181bf, #005d89);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
	padding: 2rem 0;
}
.ecomm .section1 .text {
    background: none;
    border: none;
    text-align: center;
    padding: 1rem 0 2rem 0;
    height: auto;
}
.ecomm .section1 h1{
	font-size: 30px;
}
.ecomm .section1 .text .start{
	text-align: center!important;
}
.ecomm .section2 .content{
	height: auto;
	
	padding: 1rem 1rem 2rem;
}
.ecomm .section2 {
    padding: 5rem 0 2rem;
}
.co-ecomm{
	padding: 0 2rem 2rem;
}
.ecomm .section2 .co-ecomm:hover .content {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.1);
}
.ecomm .box-logo img{
	width: 300px!important;
}
.ecomm .box-text img{
	width: 225px!important;
}
.ecomm .box-text {
     padding-top: 0; 
}
.ecomm .section4 .co-img{
	height: 285px;
}
.ecomm .section5 {
    padding: 2rem 0;
}
.ecomm .section5 .row{
	flex-direction: column-reverse;
}
.ecomm .section5 .text{
	padding: 0 0 2rem;
}
}
@media (max-width:767.5px){
	#footer{
		text-align: center;
	}
	.web .section3 .text2{
		margin: 15px 0;
	}
	#myCarousel-product .item{
		height: 70rem;
	}
	.count{
		padding: 1rem;
		height: 8rem;
	}
	.app .section1 .text h1{
		font-size: 30px;
	}
	
	.app .section3 h1{
		padding: 1rem 0 2rem;
	}
}
@media (min-width:470px) and (max-width:700px){
	.modal-dialog {
		max-width: 440px;
		margin: 60px auto;
	}
	.modal-dialog .form-box {
		padding: 2rem 0 1rem ;
	}
}
@media (max-width:591px){
	.web .section3 .text{
		padding: 2rem 5rem;
	}
}
@media (max-width:575.5px){
	#header .right-head .call , #header .right-head .whatsapp{
		display: none;
	}
	.web .section1{
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.web .section2 .co-section2{
		margin: 0 1rem 1rem;
	}
	.web .section3 .text{
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.web .section3 h1 ,.web .section2 h2, .web .section4 h2, .web .platform h2{
		font-size: 27px;
	}
	.web .section3 .text{
		padding: 2rem;
	}
	.web .section5{
		padding: 3rem 1rem;
	}
	.web .section5 h1 {
		font-size: 20px;}
#myCarousel1 .item h2 ,#myCarousel1 .item h4{
	text-align: center;
}
#myCarousel1 .item h2{
	font-size: 27px;
	text-align: center;
}		
#myCarousel1 .item h4{
	font-size: 17px;
	text-align: center;
	padding: 0 10px;
}
.count{
	height: auto;
}
#myCarousel-product .item .text{
	padding:0 1rem 2rem 2rem;
}
#myCarousel-product .item .text img{
	display: none;
}
#myCarousel-product .item {
    height: 60rem;
}
}
@media (max-width:500px){
	.web .section3 h1 ,.web .section2 h2, .web .section4 h2, .web .platform h2{
		font-size: 22px;
	}
	#myCarousel2 .item p{
		padding: 0;
	}
	#myCarousel-product .item{
		height: 55rem;
	}
	.services .box .box-content{
		top: 45%;
	}
	#myCarousel1 .item h2{
font-size: 25px;
	}
	#myCarousel1 .item h4{
		font-size: 16px;
	}
	#myCarousel-product .item .text{
		padding: 0 1rem 2rem!important;
		text-align: center;
	}
	#myCarousel-product .item2 .text p, #myCarousel-product .item3 .text p, #myCarousel-product .item4 .text p, #myCarousel-product .item5 .text p, #myCarousel-product .item6 .text p{
		padding-right: 0;
	}
	#myCarousel-ecomm .owl-nav{
	        bottom: 40px;
	}
	#myCarousel-ecomm .owl-prev{
	   left:20px;
	}
	#myCarousel-ecomm .owl-next{
	    right:20px;
	}
	#myCarousel-ecomm i{
	        width: 20px;
    height: 20px;
        padding: 3px 0
	}
}
@media (max-width:470px){
	.modal-dialog {
		max-width: 350px!important;}
.logo h2{
	font-size: 20px!important;
}
.logo img{
	width: 140px!important;
}
.modal-dialog .close{
	right: -20px;
}
.modal-dialog .form-box {
    padding: 2rem 0 1rem ;
}
#myCarousel-product .owl-prev{
	left: 15px;
}
#myCarousel-product .owl-next{
	right: 15px;
}
#myCarousel-product .item {
    height: 51rem;
}
.services .box .box-content{
	padding: 0 15px;
}
.app .section1 .text h3{
	font-size: 22px;
}
.app .section1 .text h1 {
    font-size: 27px;
}
.app .section2 h1, .app .section4 h1, .app .section3 h1 {
    font-size: 22px;
}
.app .section2 h3 ,.app .section4 h3{
	font-size: 17px;
}
}





/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  background: url("../img/hero-bg.jpg");
  position: relative;
  padding: 120px 0 0 0;
}

#hero:before {
  content: "";
  background: rgba(2, 5, 161, 0.91);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero h1 {
  margin: 0 0 25px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  color: rgba(255, 255, 255, 0.8);
}

#hero h1 span {
  color: #fff;
  border-bottom: 4px solid #f19f27;
}

#hero h2 {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 40px;
  font-size: 24px;
}

#hero .btn-get-started {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 50px;
  transition: 0.5s;
  color: #fff;
  background: #1acc8d;
}

#hero .btn-get-started:hover {
  background: #17b57d;
}

#hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (max-width: 991px) {
  #hero {
    padding-top: 80px;
  }
  #hero .animated {
    -webkit-animation: none;
    animation: none;
  }
  #hero .hero-img {
    text-align: center;
  }
  #hero .hero-img img {
    max-width: 50%;
  }
  #hero h1 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
  }
  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

@media (max-width: 575px) {
  #hero .hero-img img {
    width: 80%;
  }
}

@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

.hero-waves {
  display: block;
  margin-top: 60px;
  width: 100%;
  height: 60px;
  z-index: 5;
  position: relative;
}

.wave1 use {
  -webkit-animation: move-forever1 10s linear infinite;
  animation: move-forever1 10s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave2 use {
  -webkit-animation: move-forever2 8s linear infinite;
  animation: move-forever2 8s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave3 use {
  -webkit-animation: move-forever3 6s linear infinite;
  animation: move-forever3 6s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

@-webkit-keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@-webkit-keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@-webkit-keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@media (max-width: 575.5px){
.ecomm .section1 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.title-markt{
	font-size: 40px!important;
}
#web h4 ,#seo h4 ,#sem h4 ,#smm h4 ,#marketing h4 ,#app h4 ,.common-heading-section h4{
	line-height: 30px!important;
    padding-top: 30px;
}
ul.marketing-lists li{
	margin: 40px 15px 0!important;
}
.head-call {
	text-align: left!important;
}
.call-submit .btn{
	width: 50%!important;
}
}

@media (max-width: 575px){
.ecomm .box-logo img {
    width: 116px!important;
}
.tit{
	font-size: 15px!important;
}
.ecomm .box-text img{width: 93px!important}
.ecomm .box:hover:before {
    height: 60%;}
}
@media (max-width: 420px){.ecomm .box:hover:before {
    height: 70%;}}



    @media (max-width: 991.5px){
#myCarousel2 .co-text {height: 25rem!important}}
@media (max-width: 400px){
	#myCarousel2 .co-text {
		height: 28rem!important;
	}
	#myCarousel2 .co-img img {
		 padding: 0; 
	}
}
#zoomModal .modal-content{
	background: url(../images/from-bg.png) no-repeat right bottom,linear-gradient(to right, #0a5b6f 0%, #0a1e39 101%);
	padding-bottom: 1rem;
}
#zoomModal .panel-heading{
	color: #fff;
    font-family: 'Poppins-Medium';
    font-size: 30px;
    text-align: center;
	padding-bottom: 2rem;
}
.calendar .control-label, .control-label{
	font-size: 27px;
	color: #fff;
	font-family: 'Poppins';
    font-size: 18px;

}
#zoomModal input{
	background: #fff;
}

#alert2{display:none; color:red!important;font-size:14px; margin-bottom: 0!important;font-family: 'Poppins-Medium';}

.call-submit .btn{
	margin-top: 1rem;
	color: #fff;
    padding: 10px 0;
	font-size: 20px;
	text-transform: capitalize;
    width: 35%;
    box-shadow: none;
    background: linear-gradient( 
60deg, #76c9c9, #1e95c5 50%, #3F51B5);
    border: none;
    font-family: 'Poppins-Medium';
    border-radius: 50px;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}

.call-submit .btn:hover{
	box-shadow: 0px 3px 12px 0px #2e9ee1;
}
#zoomModal .iti--allow-dropdown{
	width: 100%!important;
}
@media (max-width:400px){
	.ecomm .section2 .content{
		padding: 1rem .5rem 2rem;
	}
	.co-ecomm {
		padding: 0 19px 30px;
	}
	.ecomm .section2 .content p{
		font-size: 14px;
	}
	
}
@media (max-width:368px){
	#header .right-head a{
		font-size: 14px;
		padding: 5px 4px;
}
}
.text-ecomm{
	padding-right: 40px;
}
@media (max-width:455px){
	.text-ecomm{
		padding-right: 0px;
	}
	.ecomm .section4 p, .ecomm .section6 p {
		font-size: 15px;
	
}}

.section-eleader .section-banner{
	background-image: url('../images/el-banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #111213d4;
    background-blend-mode: overlay;
	padding: 6rem 0;
	color: #fff;
	background-position: center;
}
.section-eleader .section-banner h1{
	font-weight: 600;
	color: #fff;
	margin-bottom: 3rem;
}
.section-eleader .section-banner p{
	font-size: 18px;
}
.section-eleader .section-banner .row{
	align-items: center;
}
.section-eleader .section-banner img{
	filter: brightness(0) invert(1);
}
.section-eleader .section-el-number {
	padding: 5rem 0;
	text-align: center;
}
.section-eleader .section-el-number h1{
	font-size: 30px;
	font-weight: 600;
text-align: center;
color: #131d2b;
margin-bottom: 2rem;
}
.section-eleader .section-el-number .count-el{
	padding: 2rem 1rem;
    height: 12rem;
    background: #fff;
	box-shadow: 0px 4px 12px 0px #0f58845c;
    border-radius: 10px;
}
.section-eleader .section-el-number .count-el h2{
	font-size: 2.5rem;
	color: #0b3165;
	font-weight: bold;
}
.section-eleader .section-el-number .count-el h4{
	font-size: 20px;
	color: #131d2b;
}
.section-eleader .section1-el{
	background: #eeeeee;
	padding: 4rem 0;
}
.section-eleader .section1-el h1{
	font-size: 30px;
	font-weight: 600;
   color: #131d2b;

}
.section-eleader .section1-el h2{
	font-size: 20px;
	font-weight: 600;
   color: #131d2b;
   margin-top: 3rem;
}
.section-eleader .section1-el p{
	color: #131d2b;
	font-size: 17px;

}
.section-eleader .section1-el .btn-discover{
	color: #fff;
    padding: 15px 30px;
	font-size: 17px;
    box-shadow: none;
    background: linear-gradient( 
60deg, #76c9c9, #1e95c5 50%, #3F51B5);
    border: none;
    font-family: 'Poppins-Medium';
    border-radius: 50px;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.section-eleader .section1-el .btn-discover:hover{
	box-shadow: 0px 4px 12px 0px #2e9ee1;
}

.section-eleader .section2-el{
	padding: 5rem 0 6rem;
}
.section-eleader .section2-el .title-function h1 ,.section-eleader .section4-el h1 ,.section-eleader .section6-el h1{
	font-size: 30px;
	font-weight: 600;
	color: #131d2b;
	margin-bottom: 2rem;
	text-align: center;
}
.section-eleader .section2-el .box-el{
	border: 1px solid #d6d6d6;
	box-shadow: 0px 2px 10px 0px #d8d8d8;
	font-weight: 600;
	color: #131d2b;
}
.section-eleader .section2-el .box-el p{
	padding-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
}
.section-eleader .section3-el h1{
	font-size: 30px;
	font-weight: 600;
	color: #131d2b;
}
.section-eleader .section3-el p{
	color: #131d2b;
	font-size: 17px;
	margin-top: 3rem;
}
.section-eleader .section4-el{
	padding: 5rem 0;
}
.section-eleader .section4-el .box-el{
	background: #1030a4;
	text-align: -webkit-center;
	text-align: -moz-center;
	padding: 1rem 1rem 3rem;
	height: 10rem;
	margin-bottom: 1rem;
}
.section-eleader .section4-el .box-el img{
	width: 50px!important;
	margin-bottom: 1rem;
	
}
.section-eleader .section4-el .box-el p{
	color: #fff;
	font-size: 13px;
}
#myCarousel-el .owl-nav {
    display: none!important;
}
#myCarousel-el .owl-dots {
    position: relative;

	text-align: center;
  }
  #myCarousel-el .owl-dots button.owl-dot.active {
 
    background-color: rgb(14, 13, 13);
    }
	#myCarousel-el .owl-dots button.owl-dot {
       opacity: 1;
        width: 10px;
        height: 10px;
        border-radius: 30px;
        display: inline-block;
        background: none;
        margin: 0 5px;
      border: 2px solid rgb(0, 0, 0);
       
       }
.section-eleader .section5-el {
	padding: 4rem 0 1rem;
background-image: url('../images/blury_2.jpg');
background-size: cover;
background-attachment: fixed;
background-color: #111213b2;
background-blend-mode: overlay;
color: #fff;
}
.section-eleader .section5-el h1 {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 3rem;
}
.section-eleader .section5-el .box-el{
	margin-bottom: 4rem;
}
.section-eleader .section5-el .box-el span{
	display: flex;
	align-items: flex-end;
	margin-bottom: .5rem;
}
.section-eleader .section5-el .box-el h6{
font-weight: 600;
    border-bottom: 4px solid #ff9235;	
	font-size: 18px;
}
.section-eleader .section5-el .box-el span img{
	border-radius: 50%;
    background: #ff9235;
    margin-right: 1rem;
	padding: 5px;
}
.section-eleader .section6-el{
	padding: 5rem 0;
}
.section-eleader .section6-el h2{
	font-size: 26px;
	font-weight: 600;
	color: #131d2b;
	margin-bottom: 1rem;
}
.section-eleader .section6-el p ,.section-eleader .section6-el li{
	color: #131d2b;
	font-size: 17px;
}
.section-eleader .section6-el .box-el{
	padding: 2rem 3rem;
    box-shadow: 1px 4px 6px 2px #134c8e91;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.section-eleader .section6-el ul li{
	padding-bottom: 1rem;
}
.section-eleader .section6-el ul a ,.section-eleader .section3-el a ,.section-about-el a{
	color: #fff;
    padding: 15px 40px;
    box-shadow: none;
    background: linear-gradient( 
60deg, #76c9c9, #1e95c5 50%, #3F51B5);
    border: none;
    font-family: 'Poppins-Medium';
    border-radius: 50px;

}
.section-eleader .section6-el ul a:hover ,.section-eleader .section3-el a:hover ,.section-about-el a:hover{
    box-shadow: 0px 4px 12px 0px #2e9ee1;
	color: #fff;
}
.section-eleader .section6-el ul a i ,.section-eleader .section3-el a i{
	position: relative;
    top: 1px;
    margin-left: 10px;
    font-weight: 500;
    border-radius: 50px;
    animation: pulse 2s infinite;
}
@media (max-width:991.5px){
	.section-eleader .section-banner h1 ,.section-eleader .section-el-number .count-el h2{
		font-size: 30px;
	}
	.section-eleader .section-el-number .count-el{
		padding: 2rem 0;
		height: 10rem;
	}
	.section-eleader .section-el-number .count-el h4{
		font-size: 16px;
	}
	.section-eleader .section6-el .box-el{
		margin-top: 2rem;
	}
}
@media (max-width:767.5px){
	.section-eleader .section-el-number .count-el{
		height: auto;
	}
	.section-eleader .section2-el .box-el{
		margin-bottom: 1rem;
	}
	.section-eleader .section3-el .row1{
		flex-direction: column-reverse;
	}
}
@media (max-width:500px){
	.section-eleader .section-banner{
		padding: 4rem 0;
	}
	.section-eleader .section-banner h1{
		font-size: 24px;
	}
	.section-eleader .section-banner p{
		font-size: 16px;
	}
	.section-eleader .section-el-number h1 ,.section-eleader .section1-el h1 ,.section-eleader .section2-el .title-function h1, .section-eleader .section4-el h1, .section-eleader .section6-el h1 ,.section-eleader .section3-el h1 ,.section-eleader .section4-el h1 ,.section-eleader .section5-el h1{
		font-size: 27px;
	}
	.section-eleader .section6-el h2{
		font-size: 23px;
	}
}
.section-about-el{
	padding: 3rem 0;
}
.section-about-el .box-about-el{
	padding: 2rem 3rem 3rem;
    box-shadow: 3px 4px 10px 0px #072e5c91;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
@media (max-width:500px){
	.section-about-el .row1, .section-about-el .row2{
		font-size: 30px;

	}
	.section-about-el .row3{
		font-size: 18px;
	}
	.section-about-el .text-left{
		text-align: center!important;
		font-size: 18px;
	}
	.section-about-el .box-about-el{
		padding: 2rem 1rem 3rem;
	}
}
.section-about-el h1{
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 1rem;
	color: #131d2b;
}
.section-about-el p{
	font-size: 18px;
	color: #131d2b;
}
@media (max-width:500px){
	.section-about-el h1{
		font-size: 25px;
	}
}