body {
   
    /*     color: #6e6e6e !important; */
    color: #333333 !important;
    letter-spacing: .01em;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

footer.footer {
    margin-top: auto;
}



/* utility */

.modal-content {
    border-radius: 20px !important;

}

.result-div {
    /*text-transform: lowercase !important;*/
}

.actual-result a {

    /*text-transform: lowercase; !important;*/
}

.block span {
    font-size: 14px;
}

h1

{
 
     font-family: 'Rokkitt';
}


a {
    color: #1d7ec1;
    text-decoration: none;
}

input, textarea, select {
    color: #777 !important;
    border: 1px solid #E8E8E8 !important;
}
/* Placeholder color */
.aart_place::placeholder {
    color: #555555 !important;
    opacity: 1; /* Firefox fix */
    
}

/* When user types text */
.aart_place {
    color: #555555 !important;
  
}

.search-buttons {
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}
.form-check-input {
    border-radius: 0.25rem !important;
}

select,
optgroup,
input,
label,
option {
      font-family: 'Inter', sans-serif !important;
}

input {
    background: transparent;
    border-radius: 20px !important;
}

.hide {
    color: red;
    display: none;
}

::placeholder {
    font-size: 13px !important;
    color: #c1c4c5 !important;
}

.remember-checks {
    border-bottom: 0.16em solid #d2d2d7 !important;
}

.fullheight {
    min-height: 100vh !important;
}

.tab-icon img {
    position: absolute;
    top: -11px;
}

.bordered-shadow {
    padding: 25px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1), -2px -2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.show-icon i.open {
    display: none;
    color: #1E79BE;
}

.show-icon i {
    position: absolute;
    right: 15px;
    bottom: 10px;
    cursor: pointer;
    color: #999999;
}

.lt_orange {
    color: #EE7A42 !important;
}

/* buttons */

.btn {
    border-radius: 27px !important;
    background: #1E79BE;
    color: white !important;
}

.btn:hover {
/*     background: #56A7E4 !important; */
    color: white !important;
}

.continue-btn,
.reset-btn,
.submit-btn {
    width: fit-content;
    padding: 8px 45px 8px 45px !important;
    background: #1E79BE !important;
    color: white !important;
}

.usertype_nxt_btn {
    background: #455A64 !important;

}

.usertype_nxt_btn:hover {
    background: rgb(69 90 100 / 80%) !important;
}



/* buttons end */


i.fa-solid.fa-eye-slash.closed {
    color: #999999;
}

/* utility end */

p.foot-msg {
    color: #6e6e6e;
}


/* navbar */
div#navbarSupportedContent li.nav-item a.nav-link {
    /*     color: #868cb5; */
}

div#navbarSupportedContent {
    text-transform: uppercase;
}

nav.navbar {
    background: #1d7ec1;
    /* color: white !important; */
}

.navbar a.nav-link {
    color: white !important;
}

i.bi.bi-suit-diamond-fill {
    position: absolute;
    color: #fff;
    z-index: 9999;
    bottom: -28px;
    font-size: 25px;
    /*     display: none; */
}

/* hamburger */
a.navlink1 {
    color: #318eb7;
    text-decoration: none !important;
}


.dropdown-toggle.upload::after {
    display: none;
}

ul.dropdown-menu.upload.show {
    right: 30px;
}

ul.dropdown-menu.show li {
    border-top: 1px solid #bbbbbb;
    text-align: center;
    padding: 5px 0;
}

ul.dropdown-menu.show li:first-child {
    border-top: none;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #6e6e6e !important;
    background-color: unset !important;
}


i.fas.fa-solid.fa-circle-chevron-right {
    cursor: pointer;
    position: absolute;
    font-size: 22px;
    right: 10px;
    top: 9px;
    z-index: 99;
}

i.bi.bi-search {
    position: unset;
    color: #ececec;
}

.semi-bold {
    text-transform: capitalize;
}

/* .nav-input-search{
  display: none !important;
} */
.navbar-toggler {
    border: none !important;
}

.navbar-toggler:focus {
    box-shadow: unset !important;
}

span.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em !important;
    height: 1.5em !important;
    font-size: 20px !important;
}

div#navbarSupportedContent li.nav-item a.nav-link {
    font-size: 14px;
}





/* navbar end */

/* img section */
.img-section {
    display: flex;
    justify-content: center;
}

img.go-img {
    opacity: 0.8;
}

/* end */



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

.col-sm-2.s-opt a {
    color: #6e6e6e;
}

.search-options {
    display: flex;
    justify-content: space-evenly;
}

.search-input {
    border-radius: 20px !important;
    /*         background: #eff6fa !important; */
}

i.bi.bi-search {
    position: absolute;
    right: 25px;
    top: 8px;
    font-size: 18px;
    z-index: 9;
    color: #318eb7;
    cursor: pointer;
}

.search-options a {
    text-decoration: none;
}

i.bi.bi-caret-up,
bi.bi-caret-up-fill {
    display: block;
    /* position: absolute; */
    /* top: 0; */
    /* margin-top: -12px;
    font-size: 25px;
    margin-left: -5px; */
}

i.bi.bi-caret-up-fill {
    position: absolute;
    /* margin-top: 20px; */
    color: #6e6e6e;
    font-size: 25px;
    margin-top: -24px;
    margin-left: -5px;
    rotate: 180deg;
    z-index: -1;
}

i.bi.bi-caret-up {
    position: absolute;
    margin-top: -24px;
    margin-left: -8px;
    font-size: 25px;
    rotate: 180deg;
    color: #6e6e6e;
    z-index: -1;
}


input.form-control.search-input {
    border: 1px solid #6e6e6e !important;
}

.upper-div a p,
.lower-div span {
    font-size: 14px !important;
}

#search-sec {
    padding: 60px 0;
}

.s-opt a {
    width: fit-content;
}

input#search-bar {
    padding: 8px 12px 8px 16px;
    font-size: 12px;
}

select {
    color: #777;
}

input#search-bar::placeholder {
    color: #c1c4c5;
}

input#search-bar {
    background: #eff6fa;
}


.search-section {
    font-size: 13px;
}

#search-btn {
    position: absolute !important;
    right: 10px;

    z-index: 9;
    cursor: pointer;
}

.remember-text {
    vertical-align: text-top;
    font-size: 14px;
    color: #6e6e6e;
}

.radius-bottom {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

/* search section end*/



/* search modules */

.input-fields input:focus-visible,
.input-fields select:focus-visible {
    outline: none;
    border-bottom: 1px solid rebeccapurple !important;
}

.input-fields input,
.input-fields select {
    border: none;
    width: 65%;
    margin: 1px 0px;
    border-bottom: 1px solid #7b82af !important;
}

.input-fields label {
    margin-right: 10px;
    width: 100px;
    text-align: right;
    font-size: 14px;
}




.parent-input-div {
    margin: 4px 0;
}

.parent-input-div label {
    color: #318eb7;
}

@media only screen and (max-width:576px) {
    .search-options {
        justify-content: space-between;
    }

    .col-sm-2.s-opt.d-flex.flex-column {
        margin: 0 0.5rem;
    }

    .input-fields label {
        width: 72px;
    }
}

/* search modules end */

/*2fa section */

#Twofa-sec {
    padding: 60px 0;
}

.page-head h3 {
    color: #333333;
      font-family: 'inter', serif;
}

section#Twofa-sec label {
    color: #333333;
}




/*2fa section end*/

/*forgot user section */



.page-head h3 {
    color: #333333;
    font-family: 'inter', serif;
}

section.forgot_user label {
    color: #333333;
}




/*forgot user section end*/

/*forgot password section */

.page-head h3 {
    color: #333333;
      font-family: 'inter', serif;
}

section.forgot_pass label {
    color: #333333;
}

/*forgot password section end */



/* check user type */

.underlyings {
    font-size: 14px;
    color: #555555 !important;
}

.usertype-option {
    padding: 8px;
    border-radius: 10px;
}

.usertype-option.active {
    background: #dee8e9;

}


.img-box {
    box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.05), 2px 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 15px;
}

/* check user type end */


/* corporate user section */
.captions,
span.private1 {
    font-size: 14px;
}

.signin label {

    color: #555555;
}


/* corporate user section end */



.disabled-drop-zone {
    opacity: 0.4;
}

div.drop-zone .drop-zone__prompt {
    font-size: 18px;
}

.dropzone .dz-message {
    border: none !important;
}



/* upload page */

.upload-section .heading h1 {
    color: #333333 !important;
}

.files-and-desc .field-name {
    margin-top: 12px;
    text-transform: uppercase;
    font-size: 13px;
    white-space: nowrap;
}

.file-details {
    color: #999999;
}

.file-div {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    cursor: pointer;
}

.active .file-div {
    box-shadow: 0px 4px 14px rgb(0 0 0 / 40%);
}

.file-div:hover {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 35%);
    transform: scale(1.08);
    transition: all .3s ease-in-out;
}

.active .file-div:hover {
    box-shadow: 0px 4px 14px rgb(0 0 0 / 40%);
    transform: none;
    transition: none;
}


.file-details .cancel-icon {
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999999;
    cursor: pointer;
}

.file-details .file_type-icon {
    text-align: center;
    padding: 5px 10px;
}

.blue-border {
    border: 1px solid #1E79BE;
    border-radius: 10px;

}

.files ul li:before {
    content: '\03C0.';
    margin: 0 6px 0 0;
}

.files li {
    list-style-type: none;
}

/* .btn-cancel {
    background: transparent !important;
    border: 1px solid #1E79BE !important;
    color: #1E79BE !important;
}

.btn-cancel:hover {
    border-color: #56A7E4 !important;

}

.btn-cancel:hover>a {
    color: white !important;
}

.btn-cancel:active,
.btn-cancel:focus {
    border-color: #56A7E4 !important;
   
} */


.next-btn {
    /* background: #1E79BE !important; */
    /* padding: 5px 12px !important; */
    color: white !important;
    width: 181px;
    height: 43px;
    margin-top: 15px;
        font-size: 14px !important;
}

.next-btn:hover {
    background: #56A7E4;
    color: white;
}

.upload-section .heading h1 {
    font-size: 32px;
}

.heading p {
    font-size: 14px !important;
}

.progress {
    --bs-progress-height: 0.35rem !important;
}

div#newdropzone {
    display: flex;
    flex-wrap: wrap;
    width: 110%;
    justify-content: space-between;

}

.dz-message.needsclick {
    width: 100%;
}

div#newuploaded_files {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    min-height: unset;
}

.dropzone .dz-preview {
    width: 49.5%;
    margin: 5px 0 !important;
    min-height: unset !important;
}

form#copyright_form select {
    background: transparent !important;
    cursor: pointer;
}

.select-drop-icon {
    z-index: -1 !important;

}

.creation-date .select-drop-icon {
    position: absolute;
    margin-top: 13px !important;
    margin-left: -25px !important;
}

.select-drop-icon {
    position: absolute;
    margin-top: -10px;
    margin-left: -35px;
}

@media only screen and (max-width: 767px) {
    .dropzone .dz-preview {
        width: 100% !important;
    }
}



.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 10px !important;
    background: #fff !important;
    width: 100%;
    border: 1px solid #1E79BE;
    padding: 5px 10px 10px 10px;
    display: flex;
    align-items: center;
    height: 70px;
}

.dropzone .dz-preview .dz-details {
    text-align: left !important;
    left: 35px !important;
    top: calc(1.6rem - 12px) !important;
    padding: 0em 1em !important;
}

.dz-progressee.progress {
    position: absolute;
    z-index: 99;
    width: 80%;
    bottom: 8px;
    left: 10%;
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    position: absolute;
    right: 0;
    top: 26%;
    z-index: 99;
    right: 25px;
    border: 1px solid #999999;
    border-radius: 50%;
    padding: 5px;
    height: 30px;
    width: 30px;
    background: #999999;
    color: white !important;
    font-weight: bold;
    display: flex;
    justify-content: center;
    /*     align-items: center; */
}

.dropzone .dz-preview .dz-details {
    color: #999999 !important;
}

.dropzone .dz-preview .dz-error-message {
    left: 0 !important;
    width: 180px !important;
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {

    top: 50% !important;

}

.dropzone .dz-preview .dz-error-message {
    top: 72px !important;
}



input.cr-slider {
    padding: 0;
}

.upbtndiv {
    display: flex;
    justify-content: center;
    padding: 18px 0 5px 0;
}

.modal-body .col-12 input#images {
    width: 100%;
}



@media only screen and (min-width: 577px) and (max-width: 992px) {
    .dropzone .dz-preview .dz-details {
        min-width: 30px !important;
        width: 60% !important;
    }
}

/*@media only screen and (min-width:1200px) {
    .container {
        max-width: 1140px !important;
    }
}*/


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

    .detail-div:nth-child(odd) {
        padding-right: 8px;
    }

    .detail-div:nth-child(even) {
        padding-left: 8px;
    }
}



/* upload page end*/

/*                             preview page  */

.signing_area {
    width: 100%;
    height: 150px;
    /*     border: 1px solid rgb(30 121 190 / 20%); */
    border: 0.2px solid rgb(30 121 190 / 20%);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05), -2px -2px 6px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
}

.signing_area p {
    position: absolute;
    left: 20px;
    top: 10px;
}

/*                                 preview page end */


/*                             publised page */
h6.username {
    font-size: 20px;
}

p.user-id {
    margin: 0;
}

.btn-view {
    padding: 8px 24px 8px 24px;
    border: 1px solid #E9E9E9;
    border-radius: 20px;
    margin: 8px 0;
}

.user-item {
    margin: 8px 0;
}

.tags .btn-view {
    padding: 8px 24px 8px 24px;
    border: 1px solid #E9E9E9;
    border-radius: 20px;
    margin-bottom: 8px;
    margin-top: 8px;
    margin-right: 10px;
    background: #F8F8F8;
}

.eye-icon {
    color: #1E79BE;
    cursor: pointer;
}

.categories .active {
    font-size: 16px;
    /*   font-weight: bold; */
}

/* button.btn.btn-cancel {
    background: #e29090;
    border-radius: 10px;
    padding: 5px 12px;
    width: 150px;
    color: white;
} */

.published .username {
    font-family: 'Rokkitt', serif;
}

.col-auto.item-div {
    margin-right: 25px;
}

.col-auto.item-div:last-child {
    margin-right: 0;
}

.bc_certificate,
.bc_hash,
.d_sign {
    font-size: 14px;
}

.blue-text {
    color: #1E79BE;
    font-size: 14px;
}

.title-label {
    font-size: 14px;
}

.langflagdd {
    width: 35px;
}

.langflagdd button {
    width: 80px;
}

.langflagdd .btn {
    background-color: transparent !important;
    color: #555555 !important;
    border: none !important;
}

.langflagdd ul.dropdown-menu {
    top: unset !important;
    padding-top: 0px;
    padding-inline: 0 !important;
    padding-bottom: 0;
    width: 210px;
    border-radius: 10px;
}

.langflagdd ul.dropdown-menu.show li:first-child {
    padding-bottom: 0 !important;
    border-radius: 10px 10px 0 0;
}

.langflagdd ul.dropdown-menu.show li:last-child {
    border-radius: 0 0 10px 10px;
}

.langflagdd ul.dropdown-menu.show li {
    border-top: 1px solid #E8E8E8;


}

.langflagdd ul.dropdown-menu.show li.active {    
    background: #F5F5F5;
}

span.dropdown-item {
    /* width: 56%;
    text-align: left; */
    margin-inline: auto;
}




/* .item-div:first-child {
    margin-right: 18px;
} */
@media only screen and (max-width:992px) {
    .preview-img-div img {
        width: 100%;
    }
}


/*                                 published page end */


/*                                     my uploads page */





.profile,
.sort {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08), -2px -2px 4px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 28px 0 0 0;
    width:100%;
   /* margin: 0 auto;*/
}

.manage-account {
    padding: 4px 16px !important;
    border: 1px solid #E8E8E8 !important;
    width: fit-content !important;
    border-radius: 20px;
}

.sort select {
    border: none !important;
    /* border-bottom: 1px solid #E8E8E8 !important; */
    width: 100%;
  
    padding: 8px 0px;
    border-radius:0px;
}

.sort form>input {
    border-radius: 10px;
    border: 1px solid #E8E8E8;

}

.sort img .search-icon{
    position: absolute !important;
    right: 17px !important;
    left: unset !important;
    top: 24px !important;
}

.uploaded-files .img-div>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}



.img-div .hover-div {
    position: absolute;
    top: 0;
    padding: 7px;
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    opacity: 0;
}

.lsign_img-div .hover-div {
    position: absolute;
    top: 0;
    padding: 7px;
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    opacity: 0;
}

/* .img-div:before{
        content: "";
    height: 100%;
    width: 400px;
    position: absolute;
    background: #0000004d;
    border-radius: 15px;
    opacity: 0;
}

.img-div:hover > .img-div:before{
 opacity: 1;
 transition: opacity 1s ease-in-out;
} */

.img-div:hover>.hover-div {
    opacity: 1;
    transition: opacity 1s ease-in-out;
    background: #0000004d;
    width: 93.5%;
    border-radius: 6px;
}

.lsign_img-div>.hover-div {
    opacity: 1;
    transition: opacity 1s ease-in-out;
    background: #ffffff;
    width: 93.5%;
    border-radius: 6px;
}

.hover-div .set-icon {
    cursor: pointer;
}

.about-img,
.set-options,
.about-img,
.set-options a,
.about-img, .lsign_set-options,
.set-options a:hover {
    font-size: 14px;
    color: white;
}

.lsign_set-options,
.lsign_set-options a,
.lsign_set-options,
.lsign_set-options a:hover {
    font-size: 14px;
    color: #333333;
}

.set-options,.lsign_set-options {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding-top: 10px;
}


.about-img,
.set-options, .lsign_set-options .set_optn {
    cursor: pointer;
}

/* .uploads {
    display: flex;
    align-items: center;
    gap: 14px;
} */
 .nav-pills {
    display: flex;
    align-items: center;
    gap: 14px;
}
.tabs .nav-pills button {
    color: #1E79BE; 
    background: none !important;
    border: none;
    padding: 0px 6px 0 0px;
}
.tabs .nav-pills button.active {
    font-weight: 500;
    color: #FF9C00 !important;
}
.sorting-btn {
    background: none;
}

ul.sort-dd {
    transform: translate(0px, 0px) !important;
}

/* modal design */
.selection-area {
    padding: 15px 20px;

}

.selection-area strong {
     font-family: 'Rokkitt', serif;
}

.modal-body input#images {
    border-radius: 0 !important;
    border: none !important;
    margin-top: 5px;
    color: white !important;
}

.croppie-container .cr-slider-wrap {
    margin: 0 auto !important;
}

input#images::-webkit-file-upload-button {
    background: #1e84c5;
    color: white;
    border-radius: 7px;
    border-color: white;
    padding: 2px 10px;
}

button.btn.btn-success.cropped_image {
    padding: 8px 50px;
    background: #1e84c5;
    border: #1e84c5;
}

.croppie-container .cr-boundary {
    border-radius: 17px;
}

.bootbox-confirm .modal-body {
    padding-top: 0 !important;
}

.bootbox-confirm .bootbox-body {
    font-size: 20px;
    width: fit-content;
    margin-inline: auto;
    line-height: 24px;
    /*    padding-top: 0 !important;*/
}

.bootbox-confirm button.bootbox-close-button.close {
   border: none;
    color: #b8b8b8;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    font-size: 30px;
    /* display: none; */
}

.bootbox-confirm .modal-header {
    border-bottom: none;
    justify-content: center;
}

.bootbox-confirm h5.modal-title {
    font-size: 20px;

}

.pinktext {
    color: #EA5671;
}

.bootbox-confirm .modal-footer {
    justify-content: center;
    border-top: none;
}

.bootbox-confirm .modal-footer button:hover {
    border: none;
}

.bootbox-confirm .bootbox-accept {
    background: #EA5671 ;
    border: 1px solid #EA5671 ;
}

.bootbox-confirm .bootbox-accept:focus-visible,
.bootbox-confirm .bootbox-cancel:focus-visible {
    box-shadow: none !important;
}

.bootbox-confirm .bootbox-cancel {
    border: 1px solid #1E79BE !important;
    background: none !important;
    color: #555555 !important;
}

/* .bootbox-confirm .bootbox-accept,
.bootbox-confirm .bootbox-cancel {
    border-radius: 20px !important;
    width: 130px;
width: auto;
    border: none;
} */

.bootbox-confirm .bootbox-accept,
.bootbox-confirm .bootbox-cancel {
    border-radius: 20px !important;
    width: 176px;
    border: none;
}

.bootbox-confirm .bootbox-cancel i,
.bootbox-confirm .bootbox-accept i {
    vertical-align: middle;
    margin-bottom: 3px;
}

span.by-viewing {
    color: #1E79BE;
}         


/* modal design end */




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

    .profile,
    .sort {
        width: 100%;
        
    }
}


/*                                         my uploads page end */


/* sign-up pages */

form.signin span.hide {
    display: none;
}

/* signup-pages-end */



/* modals */


/* plan popups */

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

    #staticBackdrop .modal-content,
    .plan_desc_modal {
        width: 80% !important;
    }

    #staticBackdrop .modal-content .modal-body {
        overflow: auto;
    }

    #staticBackdrop .modal-content .modal-body table {
        width: 768px;
    }
}

@media only screen and (min-width: 800px) {
    .plan_desc_modal {
        width: 50% !important;
    }
}


@media only screen and (max-width: 576px) {
.tabs .nav-pills button {
       padding: 1px 0px;
}

    #staticBackdrop .modal-content,
    .plan_desc_modal {
        width: 90% !important;
    }
}


.align-mid {
    justify-content: center;
    align-items: center;
}



.plan_desc_modal button.close {
    border: none;
    background: none;
    color: white;
    font-size: 20px;
}

/* modals end */








/* footer */
footer li.nav-item {
    border-right: 1px solid #6e6e6e;
    padding: 0 10px 0 10px;
    margin: 0;
    height: 15px;
    display: flex;
    align-items: center;
}

footer li.nav-item:last-child {
    border: none;
}

footer a.nav-link {
    padding: 0;
    font-size: 13px;

}

.footer {
    background-color: #eff6fa;
    /* text-transform: capitalize; do not't un comment this, becouse this couse the text capitalize and we don't want it */
    font-size: 13px;
    padding: 2rem 0;
}

footer li:first-child {
    padding-left: 0;
}

@media only screen and (max-width: 767px) {
    footer ul.navbar-nav {
        margin-top: 0;
    }
}

@media only screen and (max-width: 576px) {
    footer li.nav-item {
        margin: 6px 0 !important;
        padding: 0 !important;
    }
}

@media only screen and (min-width: 577px) {
    footer li.nav-item {
        margin: 0 !important;
    }
}

/* footer end */


/* responsiveness */
@media only screen and (max-width: 991px) {
    ul.dropdown-menu.show {
        position: absolute !important;

        /*     left: unset !important;
    right: 0px !important;
    top: 100% !important;
    border: none;
    border-radius: 0;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    box-shadow: 0px 0px 10px 8px rgb(0 0 0 / 20%); */
    }

    .nav-input-search {
        /*     top: 101% !important; */
        right: 110px !important;
        left: auto !important;
        width: 100% !important;
        max-width: calc(720px / 2) !important;
        margin-left: auto !important;
    }

    .id-proof-form {
        border-right: none !important;
    }
}

@media only screen and (min-width: 577px) and (max-width: 767px) {
    .nav-input-search {
        /*     top: 101% !important; */
        right: 100px !important;
        left: auto !important;
        width: auto!important;
        max-width: calc(540px / 2) !important;
        margin-left: auto !important;
    }
}

@media only screen and (max-width: 576px) {
    .nav-input-search {
        /*     top: 101% !important; */
        right: 5px !important;
        left: auto !important;
        width: calc(100% - (1.5rem + 8px)) !important;
        margin-left: auto !important;
    }

    footer li.nav-item {
        padding: 15px 0px 15px 0px;
        border: none !important;
    }

    footer li.nav-item {
        margin: 6px 0 !important;
        padding: 0 !important;
    }

    footer li.nav-item {
        border-right: unset !important;
    }
}

@media only screen and (min-width: 992px) {
    .responsive-nav {
        display: none !important;
    }

}

@media only screen and (max-width: 767px) {
    .recovery-section .col-md-8.col-12 {
        border-right: none !important;
    }
}

@media only screen and (max-width: 404px) {
    .input-fields label {
        width: 72px !important;
    }

    /* responsiveness end*/