         /* body {
     width: 100%;
     overflow-y: scroll;
     margin: 0;
     padding: 0;
     font-family: sans-serif;
     box-sizing: border-box;
 } */
         
         .header {
             width: 1210px;
             height: 80px;
         }
         
         .menu {
             margin-top: 30px;
             cursor: pointer;
             float: left;
         }
         
         .bar1,
         .bar2,
         .bar3 {
             width: 35px;
             height: 1px;
             padding-bottom: 3px;
             background-color: #fd7e14;
             margin: 6px 0;
             margin-left: 20px;
         }
         
         .nav {
             margin-left: 30%;
             width: 100%;
             float: left;
             /* margin-top: -10px; */
         }
         
         .nav-item {
             color: grey;
             font-size: medium;
             padding: 10px 30px;
             text-decoration: none;
         }
         
         .nav-item:hover {
             color: #fd7e14;
         }
         
         .icon {
             padding-top: 5px;
         }
         
         .search-icon {
             width: 400px;
             /* float: right; */
             margin-top: 10px;
         }
         
         .search-box {
             box-shadow: none;
             border-radius: 20px;
             height: 30px;
             /* float: right; */
             border: 1px solid #fd7e14;
         }
         
         .Lbody {
             background-image: url(../../assets/img/login.jpg);
             background-size: cover;
             background-position: center;
             margin: 0;
             /* background-repeat: no-repeat; */
             height: 400px;
             width: 100%;
             /*
    padding-right: 20px; */
             padding-bottom: 20px;
             /* overflow: hidden; */
         }
         
         .Rbody {
             background-image: url(../../assets/img/rsz_pattern.jpg);
             background-size: cover;
             background-position: center;
             margin: 0;
             /* background-repeat: no-repeat; */
             height: 400px;
             width: 100%;
             /*
    padding-right: 20px; */
             padding-bottom: 30px;
             /* overflow: hidden; */
         }
         
         .pbody {
             background-image: url(../../assets/img/login.jpg);
             background-size: cover;
             background-position: center;
             margin: 0;
             background-repeat: no-repeat;
             justify-content: center;
             align-items: center;
             /*
    padding-right: 20px; */
             padding-bottom: 30px;
             /* overflow: hidden; */
         }
         
         .Cbody {
             background-image: url(../../assets/img/loginimg.jpg);
             background-size: cover;
             background-position: center;
             margin: 0;
             /* width: 70%; */
             background-repeat: no-repeat;
             justify-content: center;
             align-items: center;
             /*
    padding-right: 20px; */
             padding-bottom: 30px;
             /* overflow: hidden; */
         }
         
         .left {
             background-color: none;
             padding-top: 30px;
             float: left;
             color: white;
             border-right: 6px solid white;
         }
         
         .right {
             padding-top: 50px;
             float: right;
             background-color: none;
             color: white;
         }
         
         .cpass {
             /* font-size: 20px; */
             margin-top: 10px;
             color: #fff;
             text-align: center;
         }
         
         .ah {
             /* margin-left: 30px; */
             /* text-align: center; */
         }
         
         .lab {
             color: #fff;
         }
         
         .input {
             border-radius: 10px;
             border-color: #fff;
             border-style: solid;
             width: 250px;
             height: 35px;
             margin-bottom: 8px;
             font-family: sans-serif;
         }
         /* .lg {
     margin-top: -15px;
 } */
         
         .center {
             padding: 25px;
         }
         
         label {
             font-family: sans-serif;
         }
         
         .para {
             padding: 12px;
             color: #fff;
         }
         
         .h22 {
             margin-top: -32px;
             color: #fff;
         }
         
         .logg {
             color: #fd7e14;
         }
         /* .mytext {
     margin-top: -7%;
 } */
         
         .remember-forgotten {
             padding-top: 10px;
         }
         
         .forgotten {
             color: #fd7e14;
         }
         
         .button {
             width: 120px;
             height: 30px;
             border-radius: 10px;
             background-color: #fd7e14;
             color: #fff;
             border: 1px solid #fd7e14;
             outline: none;
         }
         
         .button:hover {
             outline: none;
         }
         
         .vertical {
             height: 30px;
             margin-top: -190px;
             width: 220px;
             margin-left: 570px;
             transform: rotate(270deg);
             transform-origin: right bottom 0;
         }
         
         @media only screen and (max-width: 600px) {
             body {
                 /* background-color: pink; */
                 width: auto;
             }
             .footerimg {
                 margin-left: -400px;
             }
         }
         
         @media only screen and (max-width: 768px) {
             body {
                 /* background-color: cyan; */
                 width: 100%;
             }
             .footer {
                 margin-left: auto;
             }
             .footerimg {
                 margin-left: -400px;
             }
         }
         
         @media screen and (max-width: 450px) {
             .right {
                 background-color: #fd7e14;
                 display: none;
             }
             #have {
                 color: #808185!important;
             }
             .resetForm {
                 text-align: center;
                 justify-content: center;
                 margin-left: -200px;
             }
             .fpass {
                 text-align: center;
             }
             .myinp {
                 margin-left: 20px;
             }
             .ah {
                 margin-left: 140px;
             }
             .bt {
                 margin-left: 30px;
             }
         }
         
         .sign {
             color: #fff;
         }
         
         .sign:hover {
             color: #fff;
         }
         
         .foot {
             margin-left: 80px;
         }
         
         .dowload {
             width: 70%;
             height: 30px;
         }
         
         .containing {
             justify-content: center;
             padding-top: 50px;
             margin-left: 87px;
         }