*{
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "BuiltTitling";
    src: url('/assets/fonts//Built/built_titling_sb.otf');
}

@font-face {
    font-family: 'Mundial Narrow';
    src: url('/assets/fonts/MundialN/MundialNarrow-Light-BF67624ba5a4e5e.otf');
    font-weight: 300;
    font-style: normal;
}

body{
    font-family: 'Mundial Narrow', sans-serif;
}

.main-content{
    display: flex;
    max-height: 100vh;
}

.right-page{
    display: flex;
    flex-shrink: 0;
    max-height: 100vh;
    position: relative;
}

.right-page img{
    border-radius: 0 50px 50px 0;
}
.r-txt{
    position: absolute;
    top: 45%;
    left: 15%;
    text-align: justify;
}

.right-title{
    color: #FFF;
    text-shadow: 0 4px 13px rgba(0, 0, 0, 0.25);
    font-family: "BuiltTitling";
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.right-p{
    color: #FFF;
    text-shadow: 0 4px 10.2px rgba(0, 0, 0, 0.30);
    font-family: "Mundial Narrow";
    font-size: 2rem;
    font-style: normal;
    font-weight: 580;
    line-height: normal;
    width: 500px;
}

.left-page{
    display: flex;
    justify-content: center;
    align-items: center;
    
    width: 100%;
}

.form-container form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    max-height: 100vh;
}

.title-form{
    color: #2E9461;
    font-family: "BuiltTitling";
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    flex-shrink: 0;
}
.form-btn{
    display: inline-flex;
    font-family: 'BuiltTitling';
    padding: 15px 34px;
    width: 100%;
    height: 80px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 41px;
    border: none;
    background: #56B887;
    color: white;
    font-size: 4rem;
    cursor: pointer;
    flex-shrink: 0;
}

form input{
    width: 100%;
    height: 80px;
    padding: 0 34px;
    border-radius: 31px;
    border: 2px solid #0A3956;
    font-size: 1.5rem;
    flex-shrink: 0;
}
form{
    gap: 25px;
}

.back-btn{
    color: #aaa;
}

@media (max-width: 1366px) {
    form{
        scale: 0.8;
    }
}