@media only screen and (max-width: 1400px) {
    .otp-container {
        gap: 25px;
    }
}

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

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

@media only screen and (max-width: 1100px) {
    .slider {
        width: auto;
        height: auto;
    }

    .indicators {
        bottom: 177px;
    }
}

@media only screen and (max-width:992px) {
    .slider-box-np {
        margin-top: 40px;
        padding: 0px 0px 50px 0px;
    }

    .indicators {
        bottom: 18px;
    }

    .slider {
        width: 539px;
        height: 520px;
    }
    .otp-section {
        padding: 100px 40px 250px 40px;
        text-align: center;
    }
    .otp-container {
        justify-content: center;
    }
    .verify-btn {
        display: inline;
    }

}

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

@media only screen and (max-width:576px) {
    .slider {
        width: 376px;
        height: 365px;
    }

    .form-container {
        padding: 26px 30px 80px 30px;
    }

    .form-title {
        font-size: 25px;
    }

    .form-label {
        font-size: 12px;
    }

    .flag-image {
        width: 17px;
        height: 20px;
    }

    .checkbox-container span {
        font-size: 13px;
    }

    .checkbox-container input {
        margin-top: 5px;
        padding: 13px;
        width: 14px;
        height: 14px;
    }

    .submit-btn {
        width: 199px;
        height: 43px;
        font-size: 15px;
    }

    .Already-np {
        font-size: 13px;
    }
    .otp-container {
        gap: 9px;
    }
    .verify-btn {
        padding: 14px 55px;
    }
}

@media only screen and (max-width:400px) {
    .slider {
        width: 266px;
        height: 263px;
    }
    .otp-container {
        gap: 3px;
    }
    .form-container {
        padding: 25px 0px 50px 0px;
    }
    .verify-btn {
        padding: 14px 18px;
        font-size: 14px;
    }
}