.login-part {
     max-width: 430px;
     border-radius: 10px;
     overflow: hidden;
     width: 100%;
     padding: 30px;
     position: relative;
     overflow: hidden;
     background-color: var(--rv-white);
     border: 1px solid #ddd;
     margin: 0 auto
 }

 .login-part .page-title-heading {
     text-align: center;
     margin-bottom: 20px
 }

 .login-part .btn-box {
     text-align: right;
     position: relative;
     z-index: 1
 }

 .login-part .btn-box a {
     font-weight: 500;
     color: var(--rv-black);
     text-decoration: underline
 }

 .login-part .btn-box a:hover {
     color: var(--rv-primary)
 }

 .login-part .btn-box .button {
     padding-top: 30px;
     text-align: center
 }

 .login-part .btn-box .button .btn {
     margin: 0 auto
 }

 .login-part .checkinputs {
     display: flex;
     justify-content: center;
     flex-wrap: wrap
 }

 .login-part .checkinputs .fc-lebal {
     display: flex;
     align-items: center;
     margin: 10px;
     position: relative
 }

 .login-part .checkinputs .fc-lebal .form-check-label {
     padding: 10px;
     border: 1px solid #2a3644;
     border-radius: 5px;
     position: relative;
     padding-left: 30px;
     cursor: pointer
 }

 .login-part .checkinputs .fc-lebal input[type=radio] {
     position: absolute;
     left: 8px;
     margin: 0
 }

 .login-part .form-control:not([type=button], [type=chackbox], [type=radio]) {
     display: block;
     width: 100%;
     background-color: #fff;
     outline: none;
     padding: 10px 15px
 }

 .login-part .form-control:focus {
     box-shadow: none
 }

 .login-part .form-group {
     margin-bottom: 20px
 }

 .login-part .form-group.passinput {
     position: relative
 }

 .login-part .form-group.passinput .toggle-password {
     position: absolute;
     right: 2px;
     cursor: pointer;
     bottom: 0;
     width: 50px;
     opacity: .5;
     display: flex;
     justify-content: center;
     height: 46px;
     align-items: center
 }

 .login-part .form-group.passinput .toggle-password.show {
     opacity: 1
 }

 .login-part .form-group.passinput .toggle-password.show i::before {
     content: "\f33e";
 }

 .login-part input:not([type=radio]) {
     width: 100%
 }

 .login-part .mb-25 {
     margin-bottom: 25px
 }

 .modal-open {
     .modalbody {
         z-index: 1;
         pointer-events: visible;
         visibility: visible;
         opacity: 1;
     }
 }

 .showmodal {
     .modalbody {
         z-index: 99999;
         pointer-events: visible;
         visibility: visible;
         opacity: 1;
     }
 }

 .modalbody {
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: -1;
     pointer-events: none;
     visibility: hidden;
     opacity: 0;
     display: flex;
     align-items: center;
     justify-content: center;

     .modalbg {
         background: #0000008a;
         position: absolute;
         width: 100%;
         height: 100%;
         left: 0;
         cursor: pointer;
         top: 0;
     }

     .Cmodalcard {
         max-width: 500px;
         width: 100%;
         z-index: 9;
         position: relative;
         left: 0;
         right: 0;
         margin: 0 auto;

         .maincontentmodal {
             background: #fff;
             position: relative;
             box-shadow: 0 0 15px 0 #bbb;
             border-radius: 10px;

             .cmodalclose {
                 position: absolute;
                 width: 25px;
                 height: 25px;
                 background: #fff;
                 box-shadow: 0 0 15px 0 #ddd;
                 cursor: pointer;
                 right: -15px;
                 border: unset;
                 font-size: 28px;
                 top: -15px;
                 border-radius: 5px;
                 display: flex;
                 justify-content: center;
                 z-index: 9;
                 align-items: center;

                 span {
                     position: relative;
                     transform: rotate(45deg);

                     &::before,
                     &::after {
                         content: '';
                         width: 15px;
                         height: 2px;
                         position: absolute;
                         background: #000;
                         top: -1px;
                         left: -6px;
                     }

                     &::after {
                         transform: rotate(90deg);
                     }
                 }
             }

             .cm-cards {
                 padding: 20px;

                 #forgetPwdForm {
                     .form-group {
                         &:last-child {
                             margin-bottom: 0;
                         }
                     }
                 }

                 #forgetPwdFormVerify {
                     text-align: center;

                     div {
                         p {
                             font-size: 16px;
                         }

                         &:last-child {
                             width: 100% !important;
                             max-width: 90%;
                             margin: 0 auto;
                         }
                     }

                     label {
                         display: block;
                         text-align-last: left;
                     }

                     button {
                         background-color: var(--rv-primary);
                         border: 1px solid var(--rv-primary);
                         color: #fff;
                         display: inline-block !important;
                         font-weight: 400;
                         line-height: 1.5;
                         color: #212529;
                         text-align: center;
                         text-decoration: none;
                         vertical-align: middle;
                         cursor: pointer;
                         -webkit-user-select: none;
                         -moz-user-select: none;
                         user-select: none;
                         padding: .375rem .75rem;
                         font-size: 1rem;
                         border-radius: 5px;
                         transition: .5s;

                         :hover {
                             transition: .5s;
                             color: #fff;
                             background-color: #0b5ed7;
                             border-color: #0a58ca;
                         }
                     }

                     #mobileOtp {
                         display: block;
                         width: 100%;
                         background-color: #fff;
                         outline: none;
                         padding: 10px 15px;
                         width: 100%;
                         padding: .375rem .75rem;
                         font-size: 1rem;
                         font-weight: 400;
                         line-height: 1.5;
                         color: #212529;
                         background-color: #fff;
                         background-clip: padding-box;
                         border: 1px solid #ced4da;
                         appearance: none;
                         border-radius: .25rem;
                         margin-bottom: 20px;
                         transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                     }
                 }
             }

             .modalheader {
                 width: 100%;
                 border-radius: 10px 10px 0 0;
                 padding: 8px 20px;

                 h4,
                 h3 {
                     color: var(--rv-primary);
                     margin-bottom: 0;
                 }

                 h6 {
                     color: var(--rv-primary);
                 }
             }

             .modaldatashow {
                 display: none;
                 text-align: center;
                 padding-top: 10px;

                 &.show {
                     display: block;
                 }

                 .image {
                     margin-bottom: 15px;
                     text-align: center;

                     img {
                         width: 120px;
                         height: 120px;
                         object-fit: cover;
                         object-position: top;
                         border-radius: 50%;
                         margin: 0 auto;
                     }
                 }

                 .content {
                     padding: 25px;
                 }
             }
         }

         .form-group {
             margin-bottom: 20px;

             .iti {
                 width: 100%;
             }

             select {
                 color: var(--rv-primary);
                 background: var(--rv-white);
             }

             .form-control {
                 color: var(--rv-primary);
                 padding: 10px 15px;
                 background: var(--rv-white);

                 &:focus,
                 &:focus-visible {
                     box-shadow: unset;
                     border: unset;
                     border-bottom: 2px solid var(--rv-white);
                     outline: unset;
                 }

                 &::placeholder {
                     color: var(--rv-primary);
                 }
             }
         }
     }
 }