*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.mcContainer{
    max-width: 1260px;
    margin: 0 auto;
}
.content_wrapper{
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}
.edit_container{
    padding-top: 30px;
    background: #E1E4ED url("https://images.moneycontrol.com/mcnews/images/editor_pick_signup/bg_grid.png") no-repeat right 15% top 80px;
    background-size: 50% 68%;
}

.lhs{
    max-width: 580px;
}
.lhs .heading{
    font: 400 70px/94px "Playfair Display", serif;
color: #000000;
margin-bottom: 10px;
}
.lhs .input_wrapper{
    display: flex;
    gap: 12px;
}
.lhs .input_wrapper .input_field input{
    border: 1px solid #CCCCCC;
border-radius: 3px;
padding: 15px 10px;
font: 500 16px/19px 'Lato',sans-serif;
color: #000000;
width: 100%;
outline: none;
}
.lhs .input_wrapper .input_field input::placeholder{
    color: #666666;
}
.lhs .input_wrapper .btn_dark{
    background: #333333;
    border-radius: 3px;
    padding: 20px 45px;
    font: 600 17px/11px 'Lato',sans-serif;
    color: #FFFFFF;
    border: none;
    height: fit-content;
}
.lhs .input_wrapper .input_field{
    max-width: 399px;
    width: 100%;
}
.lhs .input_wrapper .input_field .error_text{
    color: #A70000;
    font: 400 14px/16px 'Lato',sans-serif;
    padding-top: 5px;
}
.lhs .info{
    font: 400 20px/26px 'Lato',sans-serif;
    color: #000000;
    margin: 10px 0 22px 0;
}
.lhs .sub_details{
    background: transparent linear-gradient(90deg, rgba(229, 232, 245, 1) 0%, rgba(255, 255, 255, 0.02) 95%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat;
    padding: 30px 20px;
}
.lhs .sub_details .title{
    font: 600 18px/22px 'Lato',sans-serif;
    color: #000000;
    margin-bottom: 10px;
}
.lhs .sub_details ul li{
    font: 400 18px/40px 'Lato',sans-serif;
    list-style: none;
    display: flex;
    align-items: center;
    color: #000000;
}
.lhs .sub_details ul li .check_icon{
    margin-right: 10px;
}
.rhs .mob_img{
    width: 100%;
}
@media screen and (max-width:767px) {
    .mcContainer{
        padding: 0 15px;
    }
    .edit_container{
        background: #E1E4ED url("https://images.moneycontrol.com/mcnews/images/editor_pick_signup/bg_grid.png") no-repeat center bottom 195px;
        background-size: 100% 30%;
        padding-top: 0;
    }

    .lhs{
        padding-top: 15px;
    }

    .lhs .heading{
        font: 400 45px/60px Playfair Display;
    }
    .lhs .input_wrapper{
        flex-direction: column;
        gap: 13px;
    }
    .lhs .input_wrapper .btn_dark{
        width: fit-content;
        height: fit-content;
    }
    .lhs .sub_details{
        margin: 0 -15px;
    }
    .lhs .input_wrapper .input_field input{
        font: 500 15px/18px 'Lato',sans-serif;
    }
    .lhs .info{
        margin: 10px 0 20px 0;
        font: 400 18px/26px 'Lato',sans-serif;
    }
    .lhs .sub_details .title{
        font: 600 16px/22px 'Lato',sans-serif;
    }
    .lhs .sub_details ul li{
        font: 400 16px/30px 'Lato',sans-serif;
    }
    .rhs{
        padding: 0 15px;
    }
}