@media only screen and (max-width: 2560px) {
    #closeIcon,
    #viewIcon,
    #viewIconC,
    #closeIconC {
        position: absolute;
        right: 3%;
        bottom: 20%;
        color: #700cbf;
    }

    #viewIcon {
        display: none;
    }
    .form-check {
        padding-left: 30px;
    }
    .onboarding-content button,
    .form-ui button {
        margin-top: 35%;
    }
    .customUiChips {
        /* display: flex; */
    }
}

@media (max-width: 1899.98px) {
    #closeIcon,
    #viewIcon,
    #viewIconC,
    #closeIconC {
        right: 4%;
        bottom: 18%;
    }
    .form-check {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 1399px) {
}

@media only screen and (max-width: 1024.98px) {
    .h6,
    h6 {
        font-size: 0.9rem;
    }

    .onboarding-content h2 {
        font-size: 28px;
    }
}

@media (max-width: 991.98px) {
    .pl-4,
    .px-4 {
        padding-left: 1rem !important;
    }

    .pt-5,
    .py-5 {
        padding-top: 2rem !important;
    }
}

@media (max-width: 768.98px) {
    .pl-4,
    .px-4 {
        padding-left: 1rem !important;
    }

    .on-image h3 {
        font-size: 32px;
    }

    .on-image p {
        font-size: 14px;
        color: #fff;
        padding-right: 100px;
    }
    .onboarding-content h1 {
        font-size: 27px;
    }
    .onboarding-content p {
        font-size: 13px;
    }
    .onbodingright {
        padding: 30px;
    }
}

@media (max-width: 575.98px) {
    .onboarding-content button,
    .form-ui button {
        font-size: 16px;
    }
}

@media (max-width: 425.98px) {
}

@media (max-width: 375.98px) {
}