@font-face {
    font-family: "Nexa Bold";
    src: url('../fonts/nexa/Nexa Bold.otf') format("opentype");
}

@font-face {
    font-family: "Nexa Light";
    src: url('../fonts/nexa/Nexa Light.otf') format("opentype");
}

@font-face {
    font-family: "bahnschrift";
    src: url('../fonts/bahnschrift.otf') format("opentype");
}
@font-face {
    font-family: "BebasNeue Light";
    src: url('../fonts/BebasNeue/BebasNeue Light.otf') format("opentype");
}
@font-face {
    font-family: "BebasNeue Bold";
    src: url('../fonts/BebasNeue/BebasNeue Bold.otf') format("opentype");
}
@font-face {
    font-family: "BebasNeue Book";
    src: url('../fonts/BebasNeue/BebasNeue Book.otf') format("opentype");
}
@font-face {
    font-family: 'HKGrotesk-Regular';
    src: url('../fonts/hk-grotesk/HKGrotesk-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'HKGrotesk-SemiBold';
    src: url('../fonts/hk-grotesk/HKGrotesk-SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'HKGrotesk-Bold';
    src: url('../fonts/hk-grotesk/HKGrotesk-Bold.otf') format('opentype');
}

@font-face {
    font-family: "BebasNeue Regular";
    src: url('../fonts/BebasNeue/BebasNeue Regular.otf') format("opentype");
}
@font-face {
    font-family: "BebasNeue Thin";
    src: url('../fonts/BebasNeue/BebasNeue Light.otf') format("opentype");
}
@font-face {
    font-family: 'Sarala';
    src: url('../fonts/Sarala/Sarala-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Sarala-Bold';
    src: url('../fonts/Sarala/Sarala-Bold.ttf') format('truetype');
}
@font-face {
    font-family: "OpenSans Regular";
    src: url('../fonts/OpenSans/OpenSans-Regular.ttf') format("truetype");
}

body{
    font-family: 'Nexa';
    font-weight: 600;
}
h1{
    font-family: 'Nexa';
    font-weight: 700;
}
#forminscripcion{
    display:flex;
    flex-direction:column;
    justify-content: center;
}

#section-inscripcion h4{
    font-weight: 600;
}

#section-inscripcion{
    
}

#forminscripcion #uno,#forminscripcion #dos,#forminscripcion #tres{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: start;
    gap:10px
}

#uno,#dos,#tres{
    width: 100%;
}

.section-formcurso{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    text-align: center;
}

#uno div, #dos div,#tres div, #tres select{
    width:100%
}

form{
    width:80%;
    text-align:start;
}

#forminscripcion input::placeholder{
    color: #afaeae;
    font-size: 1.2rem;
    font-weight: lighter;
}

#forminscripcion select{
    color: #afaeae;
    font-size: 1.2rem;
    font-weight: lighter;
    height: auto;
}

/* SECCION GRACIAS */

#section-gracias{
    min-height: 20vh;
    display: flex;
    background: #ff705e;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align:start;
}

#texto-gracias{
    width: 50%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding:10px 0px;
    text-align:start;
    padding-top: 5%;

}

#pasos-gracias{
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align:start;
    padding-bottom: 5%;
    padding-top: 1%;

}

#pasos-gracias div{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap:10px
}

#navbarNav{
    position: relative;
}

#pasos-gracias .item-num{
    background: #ff705e;
    padding: 4px;
    border-radius: 50px;
    color: #333;
    margin-right:4px;

}

.pasos-gracias p{
    display:flex;
    justify-content: center;
    align-items: center;
}

#section-gracias p{
    font-size: 1.3rem;
}

#section-gracias span{
    color: #ff705e;
    font-weight: 900;
}


@media screen and (max-width:768px) {
   

/* SECCION GRACIAS */

#section-gracias{
    min-height: 30vh;
    display: flex;
    background: #ff705e;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align:center;
}

#texto-gracias{
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding:10px 0px;
    text-align:center;
    padding-top: 5%;

}

#pasos-gracias{
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align:start;
    padding-bottom: 5%;
    padding-top: 3%;

}

#pasos-gracias div{
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap:10px;

}

#navbarNav{
    position: relative;
}

#pasos-gracias .item-num{
    background: #ff705e;
    padding: 4px;
    border-radius: 50px;
    color: #333;
    margin-right:2px;
}

.pasos-gracias p{
    display:flex;
    justify-content: center;
    align-items: center;
}

#section-gracias p{
    font-size: 1rem;
}

#section-gracias span{
    color: #ff705e;
    font-weight: 900;
}
}