.logo{
     width: 36%;
}
 .back-blur a {
     background-color: #FFB097;
     padding: 12px 36px;
     font-size: 18px;
     color: #000;
     border-radius: 15px;
     font-weight: 500;
     display: inline-block;
     text-transform: uppercase;
}
 .back-blur a:hover {
     text-decoration: none;
}
 .back-blur p{
     font-size: 26px;
     letter-spacing: 0.5px;
     font-weight: 400;
     margin: 0px;
}
 .back-blur h2{
     font-size: 45px;
     letter-spacing: 0.5px;
     font-weight: 600;
}
 .back-blur {
     padding: 52px 100px 45px 22px;
     background: linear-gradient( 249deg, #ffffffb8, #ffffffad);
     backdrop-filter: blur(3px);
}
 .absolute-sec {
     position: absolute;
     top: 61%;
     transform: translateY(-50%);
}
 .relative-sec{
     position: relative;
}
 .bg-right{
     background-image: url(images/financial-graph.png);
}
 a.signup{
     color: #0767D4;
     font-size: 22px;
     font-weight: 500;
     text-decoration: none;
     display: inline-block;
}
 div.no-account{
     font-size: 18px;
}
 .social-icons p{
     font-size: 21px;
     font-weight: 500;
}
 .social-ul{
     list-style: none;
}
 .social-ul li i {
     color: #021A4D;
     font-size: 26px;
}
 .social-ul li:nth-child(1) {
     padding: 11px 17px 5px 17px;
     border: 1px solid #c9c9c9;
     border-radius: 46px;
     margin-right: 12px;
}
 .social-ul li:nth-child(2) {
     padding: 13px 13px 5px 13px;
     border: 1px solid #c9c9c9;
     border-radius: 46px;
     margin-right: 12px;
}
 .social-ul li:nth-child(3) {
     padding: 11px 7px 4px 10px;
     border: 1px solid #c9c9c9;
     border-radius: 46px;
     margin-right: 12px;
}
.my-form h2 {

    font-size: 40px;
    font-weight: 600;
    color: #000000;
    padding-bottom: 5px;
    margin: 0px;
    margin-bottom: 10px;
}
.my-form p {
    font-size: 16px;
    font-weight: 300;
    color: #838383;
    font-weight: 300;
}
.my-form {
    max-width: 66%;
    margin-left: 40px;
    width: 100%;
    position: relative;
}
 body{
     box-sizing: border-box;
     font-size: 16px;
     color: #000;
  font-family: 'Montserrat', sans-serif;
}
 body.d-center{
     display: flex;
     height: 100vh;
     align-items: center;
     background-color: #F1F1EF;
}
 .height-100{
     height: 100%;
}
 *{
     box-sizing: border-box;
     font-size: 16px;
     color: #000;
   font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
}
 .container{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     width: 400px;
     background: white;
     border-radius: 10px;
}
 .container h1{
     text-align: center;
     padding: 0 0 20px 0;
     border-bottom: 1px solid silver;
}
 .container form{
     padding: 0 40px;
     box-sizing: border-box;
}
 form .txt_field {
     position: relative;
}
.txt_field input {
    width: 100%;
    padding: 0px 5px 0px 45px;
    height: 55px;
    font-size: 16px;
    border: 1px solid #ffffff;
    background: #fff;
    outline: none;
    border-radius: 30px;
    background-color: #ffffff;
}
.relative-item{
     position: relative;
}

.relative-item .absolute-mail {
    position: absolute;
    left: 19px;
    top: 16px;
}
.relative-item .absolute-mail i, .absolute-eye i{

     color: #929292;
     font-size: 18px;
}

.absolute-eye {
    position: absolute;
    right: 12px;
    top: 15px;
}

/*.txt_field label{
     position: absolute;
     top: 54%;
     left: 70px;
     color: #000;
     transform: translateY(-50%);
     font-size: 17px;
     pointer-events: none;
     transition: .5s;
}
*/
/*.txt_field span::before{
     content: '';
     position: absolute;
     top: 40px;
     left: 0;
     width: 0;
     height: 2px;
     background: #c0df53;
     transition: .5s;
}
*/
 .txt_field input:focus ~ label, .txt_field input:valid ~ label{
     top: 16px;
     color: #000000;
}
 .txt_field input:focus ~ span::before, .txt_field input:valid ~ span::after{
     width: 100%;
}
 .pass:hover{
     text-decoration: underline;
}


 .signup_link{
     margin: 30px 0;
     text-align: center;
     font-size: 16px;
     color: #666666;
}
 .signup_link a{
     color: rgb(78, 136, 20);
     text-decoration: none;
}
 .signup_link a:hover{
     text-decoration: underline;
}
 .txt_field input:focus {
     border: 1px solid #000;
}
 .txt_field input:focus.txt_field {
     background-color: #fff;
}
 .txt_field .relative {
     position: absolute;
     top: 60%;
     right: 24px;
     transform: translateY(-50%);
}
 .txt_field .relative2 {
     position: absolute;
     top: 73px;
     right: 24px;
     transform: translateY(-50%);
}
 .txt_field .relative i{
     font-size: 24px;
     color: #7d7d7d;
}
.txt_field .relative2 i{
     font-size: 26px;
     color: #7d7d7d;
}

.txt_field .relative2 i{     font-size: 26px;
     color: #7d7d7d;
}


 .eye{
     position: absolute;
     top: 56%;
     right: 24px;
     transform: translateY(-50%);
}
 .txt_field .eye i{
     font-size: 20px;
}
.btn-my {
    font-size: 20px;
    width: 100%;
    background-color: #226a44;
    color: #ffffff;
    padding: 11px 0px;
    border-radius: 30px;
    font-family: 'Poppins';
    border: 1px solid #226a44;
    font-weight: 500;
    font-family: 'Montserrat';
    box-shadow: 0px 2px 16px #226a4459;
}
 .pass {
    margin: -5px 0 9px 0;
    color: #226A44;
    cursor: pointer;
    padding-top: 15px;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 400;
}
 .padd-hori{
     min-height: 77vh;
     position: relative;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 50px 2px !important;
}
 .padd-hori2{
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     justify-content: center;
     padding: 50px 2px !important;
}
 .padd-hori3{
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     
     align-items: center;
     padding: 50px 2px !important;
     position: relative;
}
 .padd-hori3:after{
    /* content: "";
    */
     width: 1px;
     position: absolute;
     height: 70vh;
     right: 0px;
     background-color: #0F75C9;
}
 .padd-hori4{
     min-height: 77vh;
     position: relative;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0px 2px !important;
    
}
 .background-main{
     background: url(../images/login-bg.jpg) no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .main-wrapper{
     border-radius: 10%;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
}
 .wrapper {
     width: 100%;
     max-width: 70%;
     background-color: #ffffff;
     border-radius: 30px;
     position: relative;
}
 .txt_field label {
     font-size: 24px;
     color: #7d7d7d;
     font-weight: 500;
}
 .bottom-text p {
     font-size: 15px;
     font-weight: 400;
     color: #787878;
}
 .bottom-text a {
     font-size: 15px;
     font-weight: 400;
     text-decoration: underline;
}
 .round {
     position: relative;
}
 .round label {
    border: 2px solid #fff;
    border-radius: 0px;
    cursor: pointer;
    height: 22px;
    left: 0px;
    position: absolute;
    top: 1px;
    width: 22px;
    margin-bottom: -8px;
}
 .round label:after {
     border: 2px solid #fff;
     border-top: none;
     border-right: none;
     content: "";
     height: 6px;
     left: 4px;
     opacity: 0;
     position: absolute;
     top: 5px;
     transform: rotate(-45deg);
     width: 11px;
}
 .round input[type="checkbox"] {
     visibility: hidden;
     width: 24px;
}
 .round input[type="checkbox"]:checked + label {
     background-color: #226a44;
     border-color: #fff;
}
 .round input[type="checkbox"]:checked + label:after {
     opacity: 1;
}
.round span {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
 .my-spacing {
    /* padding: 5rem 1px 7.5rem 1px;
    */
}
 .absolute-left {
     position: absolute;
     bottom: 40px;
     left: -55px;
}
 .absolute-right {
    position: absolute;
       top: -10px;
    left: -20px;
}
.absolute-bottom {
    position: absolute;
       bottom: 0px;
    left: -5px;
}
 .logo-head {
     margin-bottom: 2rem;
}
 .logo-head img {
     width: 100%;
     max-width: 254px;
    
     display: block;
     
}
 .truck-lg img{
     width: 100%;
}

.dropdown-menu2{

     position: absolute;
     bottom: 0px;
     right: 0px;
     
}

.txt_field label {
    font-size: 19px;
    color: #000000;
    font-weight: 500;
}

.bg-grey {
    background-color: #607D8B;
}

.txt_field input::placeholder{

     color: #929292;
     font-size: 16px;
     font-weight: 400;
}
.d-register {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}
.d-register p {
    font-size: 16px;
    color: #383838;
}
.d-register p a {
    color: #226a44;
    font-weight:500;
}
.heading-text {
    margin-top: 2.5rem;
    width: 100%;
    max-width: 884px;
    margin-left: auto;
    margin-right: auto;
}
.heading-text h3 {
    font-size: 2.2rem;
    text-align: center;
    font-weight: 700;
    color: #607d8b;
}
.heading-text h3 {
    font-size: 2.2rem;
    text-align: center;
    font-weight: 700;
    color: #607d8b;
}
.truck-lg {
    max-width: 90%;
}
.fixed-footer {
    position: fixed;
    bottom: 8px;
    width: 100%;
    /* left: 20px; */
    margin-left: 40px;
}
.fixed-footer p {
    color: #BBBBBB;
    font-weight: 300;
}
.my-form::before {
    content: "";
    background-color: #CBCBCB;
    width: 1px;
    height: 50%;
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
}
 @media only screen and (max-width: 767px) {
     .d-none-mobile{
         display: none;
    }
     .absolute-left, .absolute-right {
         display: none;
    }
     .wrapper {
         width: 100%;
         max-width: 91%;
         background-color: #ffffff;
         border-radius: 30px;
         position: relative;
    }

    .my-form {
    max-width: 80%;
    margin: auto;
    width: 100%;
}

.my-form-forgot {
    max-width: 520px;
    width: 100%;
    position: relative;
    padding: 0px 20px;
}
.my-form-forgot h2 {
    font-size: 40px;
    font-weight: 600;
    color: #000000;
    padding-bottom: 5px;
    margin: 0px;
    margin-bottom: 10px;
}
.my-form-forgot p {
    font-size: 16px;
    font-weight: 300;
    color: #838383;
    font-weight: 300;
}
}

.txt_field1 input {
    width: 100%;
    padding: 0px 5px 0px 45px;
    height: 55px;
    font-size: 16px;
    border: 1px solid #ffffff;
    background: #fff;
    outline: none;
    border-radius: 30px;
    background-color: #ffffff;
}
.my-form-forgot {
    max-width: 560px;
    width: 100%;
    padding: 0px 20px;
}
.txt_field1 label {
    font-size: 19px;
    color: #000000;
    font-weight: 500;
}
.my-form-forgot h2 {
    font-size: 40px;
    font-weight: 600;
    color: #000000;
    padding-bottom: 5px;
    margin: 0px;
    margin-bottom: 10px;
}
.my-form-forgot p {
    font-size: 16px;
    font-weight: 300;
    color: #838383;
    font-weight: 300;
}
body.d-center {
    display: flex;
    height: 100vh;
    align-items: center;
    background-color: #F1F1EF;
}
.btn-my {
    font-size: 20px;
    width: 100%;
    background-color: #226a44;
    color: #ffffff;
    padding: 11px 0px;
    border-radius: 30px;
    font-family: 'Poppins';
    border: 1px solid #226a44;
    font-weight: 500;
    font-family: 'Montserrat';
    box-shadow: 0px 2px 16px #226a4459;
}
a.btn-my.anchor-btn {
    display: inline-block;
    text-decoration: none;
    text-transform: capitalize;
}
a.btn-my.anchor-btn:hover{
color:#fff;
}
.required {
  color: red;
}
#live_cam img{
width:100%
}
.eyeposition {
    position: absolute;
    right: 20px;
    top: 17px;
}