.form-cont{
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(300px,100%,700px);
    /* padding: 10px; */
    border-radius: 15px;
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.179);
}

.slider-cont{
    width: clamp(300px,100%,600px);
    overflow: hidden;
}

.form-slider{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 405%;
    gap: 10px;
    transition: all 1s ease-in-out;

}

.preview-photo{
    display: flex;
    justify-content: center;
    align-items: center;
    height:100px;
    width:100px;
    border-radius: 100%;
  background-color: #fff;
}

.my-form-row{
   display: flex;
   justify-content: center;
   align-items: center;
   gap:15px;
   width: 100%;
}



#each-form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 15px;
    width: clamp(300px,100vw,800px);
    padding: 10px;
}

.input-img1,.input-img2{
    width:105px;
}

#preview{

    height:110px;
    width:110px;
    border-radius: 50%;
    background-image: url(./assets/images/profile-img.jpg);
    background-size: cover;
    background-position: center;
}

#preview1,#preview2{
    height: 100px;
    width:130px;
    background-image: url(./assets/images/id-card.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    padding: 0%;

}


.column-flex{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.img-input{
    width:105px;
}

.profile-img{
    height: 60px;
    width:60px;
    
}

.each-form-text{
    text-align: center;
    padding: 5px;
}

.main-form{
    display: flex;
    justify-content: center;
    align-items:center;
    padding: 20px;
}