body {
  background-image: linear-gradient(to right bottom, #3b3637, #393233, #372d2f, #35292a, #332526, #332222, #331e1f, #321b1b, #331718, #341314, #350f10, #360a0a);
}

body {
	overflow-x: hidden;
}
.bg-pag{
	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(5px);
}
.bg-pag-active{
	background: rgba(0, 0, 0, 0.90);
}
.bg-red{
	background-color: #FE0039;
}
.text-color-red{
	color: #FE0039;
}
.text-color-grey{
	color: #C1C1C1;
}
.nav{
	margin: 0;
}
.item-active{
	color: #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
}
.nav-item button{
	border: none;
}
.nav-item button:hover{
	color: #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
}
.nav-item button:active{
	color: #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
}
#register{
	background: #FE0039;
	color: #C1C1C1;
}
#register:hover{
	background: #360a0a;
	border: none;
}

.main_sec:first-child{
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 100px;
	border-bottom: #FE0039 1px solid;
	height: 80vh;
	box-shadow: 0 13px 30px -20px #FE0039;
}
.main_sec{
	height: 70vh;
	position: relative;	
}
.main_sec:not(.main_sec:first-child){
	margin-top: 10vh;
}
.main_sec div{
	position: relative;
}
.sec_img{
	filter: brightness(0.80);
}
.tittle-abs{
	position: relative;
	left: -80px;
	text-shadow: 1px 1px 1px #FE0039;
}
h3{
	font-size: 6em;
	color: #FE0039;
}
.text-abs{
	position: absolute;
}

/* !Footer */
 #footer{
	color: #f5f5f5;	
	border-top: #FE0039 1px solid;
	box-shadow: 0px 0px 10px 3px #FE0039;
}
.footer_sec h6{
  color: #FE0039;
  margin: 1rem;
}
.footer_sec_content {
	display: block;
	text-align: center;

}
.footer_sec_content i{
	padding: 15px;
	font-size: 2em;
	color: #C1C1C1;
	border: 1px solid #FE0039;
	border-radius: 1em;
	margin: 20px 5px;
}


@media screen and (max-width: 992px){
	.bg-img{
		background: url(Multimedia/Home/Ilustracion-1.jpg) center ;
		background-size: cover;
		border-radius: 1em;
	}
	.tittle-abs{
		left: 0;
	}
	.sec_title{
		font-size: 3em;
	}
	.main_sec{
		margin-top: 2vh;
	}
}


/* !Button */
.learn-more {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	border: 0;
	vertical-align: middle;
	text-decoration: none;
	background: transparent;
	padding: 0;
	font-size: inherit;
	font-family: inherit;
 }
 
.learn-more {
	width: 12rem;
	height: auto;
 }
 
.learn-more .circle {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: relative;
	display: block;
	margin: 0;
	width: 3rem;
	height: 3rem;
	background: #FE0039;
	border-radius: 1.625rem;
 }
 
.learn-more .circle .icon {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
 }
 
 button.learn-more .circle .icon.arrow {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	left: 0.625rem;
	width: 1.125rem;
	height: 0.125rem;
	background: none;
 }
 
 button.learn-more .circle .icon.arrow::before {
	position: absolute;
	content: "";
	top: -0.29rem;
	right: 0.0625rem;
	width: 0.625rem;
	height: 0.625rem;
	border-top: 0.125rem solid #fff;
	border-right: 0.125rem solid #fff;
	transform: rotate(45deg);
 }
 
 .learn-more .button-text {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.75rem 0;
	margin: 0 0 0 1.85rem;
	color: #fff;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
	text-transform: uppercase;
 }
 
 button:hover .circle {
	width: 100%;
 }
 
 button:hover .circle .icon.arrow {
	background: #fff;
	transform: translate(1rem, 0);
 }
 
 button:hover .button-text {
	color: #fff;
 }