@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration:none;
}

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

input{
    padding: 3px 5px;
}
.main {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
}

.card-body {
    position: relative;
    margin: auto;
    width: 297px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    height: 530px;
}
.profive-img-div{
    width:45%;
    height:130px;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
    background-color:#000;
}

.profile-name p{
    text-align:center;
    margin: 12px 0px;
}
.input-fields{
    padding:0px 15px;
}
.input-fields p{
    text-align:center;
}

.input-fields .input-area-fields{
    width:100%;
}
select{
    padding:3px 5px;
    border-radius:3px;
    width:100%;
    appearance: none;
    background-color:#c5c2c259;
    border:solid 1px silver !important;
}
select:focus{
    outline:none;
}

.select-upper-div-position-set{
    width:40%;
    display:flex;
    position:relative;
}
.arrow-down-div{
    pointer-events: none;
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    right:0px;
    width:18%;
    height:100%;
    background-color:silver;
}
.country-code-and-number-fields-div{
    display:flex;
    gap:8px
}
.input-number-fields-setting{
    height:100%;
    padding:3px 5px;
}
.input-number-fields-setting:focus{
    appearance:none
}
.button-div{
    margin:15px;
    text-align:center;
}
.submit-btn-set{
    color:#fff;
    border:none;
    border-radius:5px;
    padding:8px 23px;
    background-color:red;
}
.submit-btn-down-para{
    text-align:center;
}
.input-type-number-div{
    width:60%;
}
.input-type-number-div input{
    width:100%;
}
@media(max-width:768px) {
    .main {
        width: 100%;
        height: 100vh;
        /*display: block;*/
        /* display: flex; */
        /* align-items: center; */
    }
    .card-body {
        /* background-image: url("images.png");
        background-size: cover;
        background-position:center; */
        position: relative;
        margin: auto;
        width: 100%;
        /* border: solid 1px red; */
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
        height: 100%;
    }


}

@media(max-width:414px) {

    .main {
        width: 100%;
        height: 100vh;
        /*display: block;*/
         /*display: flex; */
         /*align-items: center; */
    }
    .card-body {
        /* background-image: url("images.png");
        background-size: cover;
        background-position:center; */
        position: relative;
        margin: auto;
        width: 100%;
        height: 100%;
        /* border: solid 1px red; */
        /*box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;*/
    }



}

@media(max-width:360px) {


}