@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-family: "inter", sans-serif;
}



@media (max-width:1920px) {    
    body.body-regiter-profile {
        background-image: url('../image/bg-register-profile.jpg');
        background-repeat: no-repeat;
        background-size: cover ;    
        font-family: sans-serif ;
        position: relative;
        height: 100vh;
    }
    .container {
        position: relative;
    }
    body.body-regiter-profile::before { 
        content: '';
        display: block;
        position: fixed;;
        top: 0;
        right: 0;
        left:0;
        bottom: 0;
        background: linear-gradient(82deg, #034EA2 8.79%, #387EC1 99.74%);
        mix-blend-mode: multiply;
    }
    #logo-register-profile {
        max-width: 180px ;
        height: auto ;
    }
    #r-profile-title {
        font-size: 18px ;
        /* font-family: 'Inter'; */
        font-family: 'Inter';
        font-weight: 400px ;
        line-height: 26px ;
        color: #fff ;        
    }
    #rTitle span{
        text-align: center ;
    }
    #col-center {
        padding-left: 6.932% ;
        padding-right: 6.932% ;
    }
    .card-login {        
        height: 462px ;      
        padding-left: 10% ;  
        padding-right: 10% ;  
    }
    #form-title {        
        font-weight: 600 ;        
        font-size: 18px ;
        padding: 10px ;
    }
    .r-login-title {        
        padding: 30px ;
    }
    #email-title {
        font-size: 14px ;
        line-height: 10px ;
    }
    .card-title {
        font-size: 18px ;
        font-family: Roboto;
    }
    /* .card, .d-logo, .d-general {
        width: 475px  ;        
    } */
    .card {
        height: 462px ;
    }
    .card-body {
        border-radius: 8px ;
       
    }
    #divOr{
        border-bottom: 1px solid #ccc;
        /* padding-top: 10px; */
        padding-bottom: 5px;
        font-size: 12px;
        /* width: 55%; */
        margin: auto;
        font-style: italic;
        position: relative;
    }
    .titleOr {
        position: absolute;
        margin-top: 0px;
        width: 73%;
        background: #ffff;
        justify-content: center;
        display: flex;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .d-regiter {
        margin-top: 25px ;
    }
    .d-login {
        /* margin-bottom: 25px ; */
    }
    .d-info {
        background-image: url('../image/r-bg-left.jpg');
        background-repeat: no-repeat;
        background-size: cover ;    
        height: 911px ;
        
    }
    .r-container {
        max-width: 100% ;      
        
    }
    #btn_lead_forgot_password{
        padding: 5px 0;
        font-size: 13px;
        font-style: italic;
        color: #034EA2;
        text-decoration: underline;
    }
    #btn_lead_forgot_password:hover{
        color: #000;
        transition: all 0.3 ease-in;
    }
    #email_forgot_password{
        width: 100%;
        padding: 5px 15px;
        border-radius: 5px;
        border: 1px solid #ccc;
        outline: none;
    }
}

@media (max-width:1366px) {
    body.body-regiter-profile {
        background-image: url('../image/bg-register-profile.jpg');
        background-repeat: no-repeat;
        background-size: cover;    
        font-family: sans-serif ;
        position: relative;
        height: 150vh;
    }
    .sContent {
        position: relative;
    }
    body.body-regiter-profile::before { 
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left:0;
        bottom: 0;
        background-color: #007bff;
        opacity: 0.2;
    }
}