body {
   /* background-image: url('https://media.cnn.com/api/v1/images/stellar/prod/200310023921-dubai-buildings-skyline.jpg?q=w_3000,h_1688,x_0,y_0,c_fill');*/
    /* background-image: url('/dist/img/newloginbg.png');*/
     background-image: url('/dist/img/newloginbg1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    /* background: linear-gradient(45deg,rgb(234 227 230 / 58%),rgb(234 227 230 / 58%),#e1e9ef,#e1e9ef);*/
}

.div1,
.div2 {
    margin: auto;
    width: 362px;
    height: 271px;
    /* max-width: 440px;
   min-width: 338px;*/
    background-color: rgb(255 255 255 / 34%);
    padding: 44px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
}

.img1
 {
   width: 95px;
  /* width: 125px;*/
}
.img2 {
    width: 95px;
    margin-bottom: 25px;
}
.p1,
.p2 {
    margin-bottom: 14px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    font-family:'Segoe UI Symbol';
}
.p3{
    margin-left: 18px !important;
    margin-top: -21px !important;
}
.textbox {
    background-color: #ffffff21;
    width: 100%;
    outline: none;
    border: 1px solid #005da6;
    font-size: 14px;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 17px;
    padding-bottom: 6px;
}

.label1 {
    color: #1b1b1b;
    font-size: 14px;
}

.a1,
.a3 {
    color: #108df3;
    text-decoration: none;
    font-size: 14px;
}
.a2 {
    color: #108df3;
    text-decoration: none;
    font-size: 16px;
    margin-left: -100px;
}

    .a1:hover,
    .a2:hover,
    .a3:hover {
        text-decoration: underline;
        color: #666666;
    }

.img3 {
    width: 12px;
}

.submit {
    width: 102px;
    background-color: #005da6;
    color: white;
    font-size: 14px;
    padding: 8px;
    border: 1px solid #005da6;
    margin-left: 260px;
    margin-top: 15px;
    opacity: 0.9;
}

    .submit:hover {
        cursor: pointer;
        opacity: 1;
    }

.card {
    display: none;
}

.visible {
    display: block;
}
.error-message {
    color: #e81123;
}

@media (max-width: 600px) {
    .div1,.div2{
        width: auto;
        height: auto;
        margin: auto;
        position: static;
        transform: none;
       
    }
    .submit {
        margin-left: 0px;
    }
}
@media (max-width: 768px) {
    .div1, .div2 {
        width: auto;
        height: auto;
        margin: auto;
        position: static;
        transform: none;
    }

    .submit {
        margin-left: 0px;
    }
}
@media (max-width: 1200px) {
    .div1, .div2 {
        width: 37%;
        height: auto;
        margin: auto;
        position: static;
        transform: none;
    }

    .submit {
        margin-left: 0px;
    }
}
@media (max-width: 1024px) {
    .div1, .div2 {
        width: 45%;
        height: auto;
        margin: auto;
        position: static;
        transform: none;
    }

    .submit {
        margin-left: 0px;
    }
}
@media (max-width: 900px) {
    .div1, .div2 {
        width: 45%;
        height: auto;
        margin: auto;
        position: static;
        transform: none;
    }

    .submit {
        margin-left: 0px;
    }
}
@media (max-width: 480px) {
    .div1, .div2 {
        width: auto;
        height: auto;
        margin: auto;
        position: static;
        transform: none;
    }

    .submit {
        margin-left: 0px;
    }
}
@media (max-width: 320px) {
    .div1, .div2 {
        width: auto;
        height: auto;
        margin: auto;
        position: static;
        transform: none;
    }

    .submit {
        margin-left: 0px;
    }
}