main{
    /* height: 100vh; */
}

.vh-100{
    height: 100vh;
}

.head-text h3{
    font-family: 'Nunito';
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
    /* text-align: center; */
    color: #2E343B;
    
}

.form-wrapper{
    
    max-height: 100vh !important;
}

.form-content{
    /* margin-top: auto !important;
    margin-bottom: auto !important; */
    /* margin-right: 70px !important; */
}
.welcome h2{
    font-family: 'Nunito';
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
    /* text-align: left; */
    color: #01052D;
}

.welcome p{
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #7F82A1;
}

.form .form-group{
    /* margin: 20px auto; */
}

.form label{
    font-family: 'Inter';
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.1px;
    text-align: left;
    color: #2E343B;
    margin-bottom: 5px;
}

.form input{
    padding: 13px 15px 13px 15px;
    background-color: #F8F5F6;
    border: 0.5px solid #E6E3CE;
}

.form input::placeholder{
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.2px;
    /* text-align: left; */
    color: #B0B2B5;

}

.form a{
    font-family: 'Inter';
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.1px;
    /* text-align: left; */
    color: #6470F6;
    text-decoration: none;
}

.form .btn-submit{
    background-color: #FF1D1D;
    color: white;
}

.form-content .signup span{
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    letter-spacing: 0.1px;
    color: #585757;
}


.form-content .signup a{
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    letter-spacing: 0.1;
    color: #D62828;    
}

.wrapp{
    background-image: url("../images/side-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
    
    
}

.desc-content{
    /* border: 1px outset rgba(255, 113, 113, 0.1); */
    background-color: rgba(255, 113, 113, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    margin-left: 62px;
    margin-right: 45px;
    /* border-color: radial; */
    border: 1px solid rgba(255, 113, 113, 0.1);
    /* border-color: radial-gradient(102.1% 102.1% at 17.33% 0%, #FFFFFF 0%, rgba(228, 228, 228, 0.750969) 63.85%, rgba(186, 55, 55, 0.61) 100%); */

/* border-image-source: radial-gradient(102.1% 102.1% at 17.33% 0%, #FFFFFF 0%, rgba(228, 228, 228, 0.750969) 63.85%, rgba(186, 55, 55, 0.61) 100%) ; */


}

.desc-content .best h3{
    font-family: 'Inter';
    font-size: 32px;
    color: #2E343B;
}

.desc-content .best h4{
    font-family: 'Inter';
    font-size: 28px;
    color: #7F82A1;
}

.desc-img img{
    max-width: 500px;
    max-height: 450px;
}

.indicator .rect{
    width:48px; 
    height:16px; 
    background: white; 
    display: inline-block; 
    border-radius: 16px;
}

.indicator .circle{
    width:16px; 
    height:16px; 
    background: white; 
    display: inline-block; 
    border-radius: 16px;
    opacity: 0.6;
}


@media screen and (max-width: 850px){
    .desc{
        display: none !important;
    }
}