#section_con{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    height: 60%;
    max-height: 650px;
    gap: 60px;

    .section{
        height: max-content;
        width: fit-content;
        transform: translateX(0%);
    }
}

#Services_Selection_con{
    flex: 0 0 100%;
}

#client_def_con{
    flex: 0 0 100%;
}

#date_picker{
    flex: 0 0 100%;
}

#disclamer_con{
    flex: 0 0 100%;
}

#consert_con{
    flex: 0 0 100%;
}

#payment_mathod_con{
    flex: 0 0 100%;
}

#client_def_con{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 0.3fr 0.3fr 1fr 0.5fr 0.3fr;
    grid-template-areas: 
    "headercliant headercliant"
    "existingclienttital newclienttital"
    "input_con input_con"
    "platform platform"
    "nextbtn nextbtn";

    h2{
        grid-area: headercliant;
    }

    #existing_client_content{
        grid-area: existingclienttital;
    }

    #new_client_content{
        grid-area: newclienttital;
    }

    .input_con{
        grid-area: input_con;

    }

    #platform{
        grid-area: platform;
    }

    .next_btn{
        grid-area: nextbtn;
    }
}

#section_con {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease-in-out;
}

.section {
    min-width: 100%;
    flex-shrink: 0;
}

.section {
    padding: 20px;
    box-sizing: border-box;
    transition: opacity 0.3s ease;
}

.section:not(:first-child) {
    opacity: 0.95;
}

body {
    overflow-x: hidden;
}
.error-message{
color:red;
font-size:12px;
display:block;
margin-top:5px;
}