body{
	position: relative;
	font-family: 'Poppins', sans-serif;
	transition: all ease-in-out 0.3s;
	 scroll-behavior: smooth;
}
p{
	font-size: 1.4rem;
	font-weight: normal;
}
header{
	position: fixed;
	left: 0;
	z-index: 1001;
	padding: 0 !important;
	margin: 0 !important;
}
header.scrolled {
  background-color: rgba(0,0,0,0.9) !important;
  transition: background-color 200ms linear;
}
header nav{
	padding: 20px 0 !important; 
}
.logo{
	width: 150px;
}
.separator{
	width: 60px;
	height: 2px !important;
	opacity: 1;
	background: rgb(148,57,170);
	background: linear-gradient(132deg, rgba(148,57,170,1) 0%, rgba(92,138,198,1) 100%);
}
.navbar-toggler:focus {
    box-shadow: none;
}
.nav-link{
	color: #fff;
	font-size: 0.9rem;
}
.nav-link:hover{
	color: #79c4ff;
}
.btn-access .nav-link{
	color: #fff;
	padding: 5px 20px;
	border-radius: 10px;
	border: none;
	background: rgb(165,4,225);
	background: linear-gradient(132deg, rgba(165,4,225,1) 0%, rgba(123,33,206,1) 100%);
}
nav .social img{
	width: 25px;
}
.banner{
	background-image: url('../img/header.jpg') ;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.banner .main{
	padding: 10% 0 20% 0;
}
.banner .main .logo-icon{
	width: 300px;
}
.banner .main h1{
	color: #fff;
}
.services{
	margin-top: -220px;
	margin-bottom: 120px;
	background: rgb(148,57,170);
	background: linear-gradient(132deg, rgba(148,57,170,1) 0%, rgba(92,138,198,1) 100%);
}
.services .card-service{
	padding: 40px;
}
.services .icon-service{
	text-align: center;
	padding: 30px;
}
.services .icon-service img{
	width: 80px;
}

.services .text-service{
	font-size: 1.1rem;
	text-align: center;
	color: #fff;
}
.somos, .recargas, .text{
	margin-top: 120px;
}
.recargas{
	position: relative;
}
.recargas:after{
	content: '';
	position: absolute;
	background: #f4f5f3;
	height: 350px;
    width: 100%;
    z-index: -1;
}
.recargas h2, .somos h2{
	font-weight: 700;
}
.text{
	background: rgb(148,57,170);
	background: linear-gradient(132deg, rgba(148,57,170,1) 0%, rgba(92,138,198,1) 100%);
}
.text p{
	padding: 120px;
	color: #fff;
	margin-bottom: 0;
}
.contacto{
	padding: 80px 0;
	color: #dad5d5;
	background-image: url('../img/contact-background.jpg') ;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.contacto h2{
	font-size: 3rem;
}
.contacto .form-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.contacto form{
	width: 50%;
}
.contacto form input{
	padding: 15px;
	background: transparent ;
	border-color: #585757;
	color: #dad5d5;
}
.btn-admik{
	color: #fff;
	padding:10px;
	border-radius: 20px;
	border: none;
	display: flex;
	justify-content: center;
	background: rgb(77,109,178);
	background: linear-gradient(132deg, rgba(77,109,178,1) 0%, rgba(92,138,198,1) 100%);
}
footer{
	padding: 120px 0;
	color: #bfc4cd;

}
footer .container .row div:first-child{
	padding: 0 120px;
} 
footer p{
	font-size: 0.9rem;
}
footer .social-networks{
	list-style: none;
	display: flex;
	align-items: center;
	flex-direction: row;
}
footer .social-networks li{
	margin-left: 20px;
}
footer .social-networks li img{
	width: 25px;
}
@media (max-width: 768px){
	header nav{
		background: #000;
		top: 0;
		left: 0;
	}
	nav .navbar-toggler-icon{
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") ;
	}
	nav button{
		color: #fff;
	}
	.banner .main {
	    padding: 30% 0 10% 0;
	}
	.banner .main .logo-icon{
		width: 200px;
	}
	.banner .main h1{
		padding: 50px;
	}
	.services{
		margin-top: 0;
	}
	.services .card-service{
		padding: 20px 60px;
	}
	.services .text-service{
		margin-bottom: 40px;
	}
	.services{
		margin-bottom: 0;
	}
	.somos, .recargas, .text{
		margin-top: 40px;
		padding: 30px;
	}
	.recargas{
		background: #f4f5f3;
	}
	.recargas:after{
		width: 0;
	}
	.recargas div:first-child{
		margin-bottom: 40px;
	}
	.text{
		margin-top: 0;
	}
	.text p{
		padding: 40px;
	}
	.contacto .form-center form{
		width: 100%;
	}
	footer .container .row div:first-child{
		padding-right: calc(var(--bs-gutter-x) * .5);
	    padding-left: calc(var(--bs-gutter-x) * .5);
	    margin-top: var(--bs-gutter-y);
	}
	footer .container .row > div{
		margin-bottom: 30px;
	}
	footer .social-networks{
		padding-left: 0;
	}
}