@font-face {
    font-family: Mont;
    src: url('../fonts/Mont-Regular.otf'), url('../fonts/Mont-SemiBold.otf');
}

@font-face {
    font-family: Mont b;
    src: url('../fonts/Mont-Bold.otf');
}

*{
    font-family: Mont;
}

html,body{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

.nav-item{
    margin: 0px 30px;
}

.hero{
	position:relative;
    background-image: url('../img/Componente41.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.verde{
    color:#00a88f !important;
}

.enfasi{
    font-family: Mont b !important;
}

.tab{
    display: none;
}

.formulario{
    background-color: white;
    border-radius: 15px;
    padding: 10px 0px;
}


.custom-select{
    background-color:gainsboro;
    border:none !important;
    border-radius: 15px;
    color:#00a88f;
}

.btn{
    background-color: #00a88f !important;
    color:white;
}

#section1{
    padding: 100px 0px 200px 0px !important;
}

.custom-button{
    display: block;
    transition: all .1,5s linear;
    position: relative;
}

.fa-chevron-right{
    transition: all .2s linear;
}

.custom-button:hover .fa-chevron-right{
    left:85% !important;
}

#seccion2{
    background-color:#f0f0f0;
    padding:100px 0px;
}

#lista{
    list-style-type: none;
    margin:0px;
    padding:0px;
}

#lista>li{
    font-family: Mont b !important;
    margin-top: 10px;
}

#seccion3{
    padding-top: 100px;
}

.dot-line{
	bottom:3em;
	position:absolute;
	z-index:10;
	left:50%;
	transform: translate(-50%,0);
}
.dot{
	margin:0px 10px;
	display:inline-block;
	height:10px;
	width:10px;
	background:white;
	border-radius:10px;
}
.dot-verde{
	background: #00a88f !important;
}