.radio-part {background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,.15);border-radius: 6px;width: 100%;padding: 15px;margin: 0 auto;}
.pwd-title {font-family: 'Raleway', sans-serif;font-size:18px;font-weight:700;text-align:center;color:#01034a;margin: 0;}
.pwd-title-big {font-family: 'Raleway', sans-serif;font-size:18px;font-weight:700;text-align:left;color:#007eff;padding-top:20px;margin: 0;padding-bottom: 10px;}
.pwd-heading {font-family: 'Raleway', sans-serif;font-size:48px;font-weight:700;text-align:center;color:#01034a;}
.pwd-sm-heading {font-family: 'Raleway', sans-serif;font-size:26px;font-weight:700;text-align:left;color:#01034a; padding-bottom: 15px;}
.mt-30 {margin-top:15px;}
.c-password-generator__display-overlay {background-color: #fff;border-radius: 5px;color: #333;max-width: 880px;margin: auto;overflow: hidden;box-shadow: 0 2px 8px rgba(0, 0, 0, .15);}
.gnt-btn .comman-btn {width: fit-content;min-width: 60px;}
.result_box{background: #fff;padding: 10px;box-shadow: 0px 0px 15px 0px #d3d9dd;border-radius: 6px;}
.range-slider {display: flex;flex-flow: row wrap;align-items: center;}
.range-slider label {color: #000;font-size: 16px;font-weight: 700;}
.range-slider .number-group {flex: 1 0 auto;text-align: right;height: 30px;font-weight: 700;font-size: 13px;color: #000;}
.range-slider .number-group .number-input {width: 36px;height: 30px;text-align: center;/* color: #fff; */background-color: #f0f9ff;border: solid 1px #b1aeae;}
 .range-slider .number-group .number-input:first-of-type {margin-right: 7px;}
 .range-slider .number-group .number-input:last-of-type {margin-left: 7px;}
 .range-slider .number-group .number-input::-webkit-outer-spin-button, .range-slider .number-group .number-input::-webkit-inner-spin-button {-webkit-appearance: none;}
 .range-slider .number-group .number-input:invalid, .range-slider .number-group .number-input:out-of-range {border: 2px solid red;}
 .range-slider .range-group {position: relative;flex: 0 0 100%;height: 47px;}
 .range-slider .range-group .range-input {position: absolute;left: 0;bottom: 0; margin-bottom: 0; -webkit-appearance: none;width: 100%;border-bottom: 0;}
 .range-slider .range-group .range-input:focus {outline: 0;}
 .range-slider .range-group .range-input::-webkit-slider-runnable-track {width: 100%;height: 2px;cursor: pointer;animation: 0.2s;background: #3faffa;border-radius: 1px;box-shadow: none;border: 0;}
 .range-slider .range-group .range-input::-webkit-slider-thumb {z-index: 2;position: relative;height: 18px;width: 18px;border-radius: 50%;background: #3faffa;cursor: pointer;-webkit-appearance: none;
margin-top: -7px;}
 .range-slider .range-group .range-input::-moz-range-track {width: 100%;height: 2px;cursor: pointer;animation: 0.2s;background: #3faffa;border-radius: 1px;
box-shadow: none;border: 0;}
 .range-slider .range-group .range-input::-moz-range-thumb {z-index: 2;position: relative;box-shadow: 0px 0px 0px #000; border: 1px solid #2497e3;height: 18px;
width: 18px;border-radius: 50%;background: #3faffa;cursor: pointer;}
 .range-slider .range-group .range-input::-ms-track {width: 100%;height: 5px;cursor: pointer;animation: 0.2s;background: transparent;border-color: transparent;color: transparent;}
 .range-slider .range-group .range-input::-ms-fill-lower, .range-slider .range-group .range-input::-ms-fill-upper { background: #3faffa;border-radius: 1px;box-shadow: none;border: 0;}
 .range-slider .range-group .range-input::-ms-thumb {z-index: 2;position: relative;height: 18px;width: 18px;border-radius: 50%;background: #3faffa;cursor: pointer;}
.new {padding: 0px;width: 100%;display: inline-block;}
.form-group {display: inline-block;margin: 5px 0px;margin-bottom: 0px;width: 24%;}
.form-group input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.form-group label {position: relative;cursor: pointer;font-size: 16px;font-weight: 400;}
.form-group label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #22218b;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 5px;}
.form-group input:checked + label:after {content: '';display: block;position: absolute;top: 2px;left: 9px;width: 6px;height: 14px;border: solid #22218b;border-width: 0 2px 2px 0;
 transform: rotate(45deg);}
[type="radio"]:checked,
[type="radio"]:not(:checked) {position: absolute;left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{position: relative;padding-left: 30px;cursor: pointer;line-height: 20px;display: inline-block;color: #000000;font-size: 14px;font-weight: 700;margin-right: 20px;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 22px;height: 22px;border: 1px solid #bcc0c7;border-radius: 100%;background: #f6fbff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #112e54;position: absolute;top: 5px;left: 5px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.radio-part .rdo-btn {display: inline-block;text-align: center;}

.input-password-generator {background-color: #f6fbff;border: 1px solid #b4cee2;padding: 25px 95px 25px 20px;border-radius: 5px;color: #333;font-size: 32px;font-weight: 800;user-select: text;width: 100%;word-break: break-all;}
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }
.gnt-btn{position: absolute;right: 5px;bottom: 0;top: 0;margin: auto;display: table;}
.rsrcs_bnr{background: rgb(236 247 255);background: linear-gradient(90deg, rgb(236 247 255) 0%, rgb(246 251 254) 100%);}
.customize_password{background: #fff;box-shadow: 0 2px 8px rgba(0, 0, 0, .15);border-radius: 7px;padding: 30px;}
.pas_length{background: #f8f5ff;border: 1px solid #ddcdff;padding: 20px;border-radius: 10px;}


.meter-div {background-color: transparent;color: #333;font-family: Courier Prime Bits,monospace;
font-size: 1.625rem;letter-spacing: .156rem;line-height: 60px;text-align: center;-webkit-user-select: text; user-select: text; width: 100%;
word-break: break-all;height: 60px;text-align: left;padding: 0px 15px;position:relative;}

.meter {background-color: #a64c4c00;color: #333;width: 100%;height: 60px;position: absolute;max-height: 22px;left: 0px;bottom: -6px;}
.pass-strength-btn { position: absolute;right: -165px;top: -4px;}
.pass-strength-btn a {background: yellow; border-radius: 60px;color: #000;position: relative;font-size: 16px;text-transform: uppercase;font-weight: 800;
letter-spacing: 1px;padding: 0 32px;display: inline-flex;align-items: center;height: 56px; z-index: 0;border-width: 0;text-decoration: none; margin-right: 80px;cursor: initial;}

.generate-pwd { position: relative;}
.ftp-text {
    color: #fff;
    float: left;
    font-weight: 700;
    padding-bottom: 10px;
    text-align: center;
    font-size: 24px;
    line-height: 25px;
}
.ftp-text span {
    display: block;
}


@media (max-width:1450px) {
    [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
        padding-left: 30px;
        font-size: 11px;
    }
}






@media (max-width:1199px) {
    
    .rdo-part {
        width: 100%;
        display: block;
        align-items: center;
    }
    [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
        font-size: 15px;
    }
    .form-group {
        display: inline-block;
        margin: 5px 0px;
        margin-bottom: 0px;
        width: 49%;
    }
    .new {
        padding: 0px;
        width: 100%;
        display: block;
    }
    
    .ftp-text {
        float: none;
        text-align: left;
    }
    .ftp-text span {
        display: inline-block;
    }
   
}

@media (max-width: 768px) {
    .gnt-btn{position: unset;padding-top: 10px;}
    .c-password-generator__display-overlay {padding-bottom: 10px;}
    .meter {bottom: 65px;}
}




@media (max-width:568px) {
   
    .m-width {
        padding-bottom: 40px;
    }
    .ftp-text {
        font-size: 18px;
    }
    .form-group {
        width: 100%;
    }
}