body
{
   background: #214d73 !important;
    /*  background: #373B44 !important;*/
    /*  background: #aa4b6b; 
    background: -webkit-linear-gradient(to right, #3b8d99, #6b6b83, #aa4b6b); 
    background: linear-gradient(to right, #3b8d99, #6b6b83, #aa4b6b); 
    */
}


img
{
    width: 100%;
}

.login_box
{
    margin-top:5%;/* 40px;*/
    
    /* transform: translate(-50%,-50%);*/
   /* background: url(../Images/Back2.png) no-repeat;*/
    background: url(../Images/loginimg.jpg) no-repeat;
   
    color: #fff;
    border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
        background-size: 100%;
}

.RightDiv H3
{
     font-size: 2.75rem;
}
.RightDiv H5
{
     font-size: 1.75rem;
}
.RightDiv H3, .RightDiv H5 {
    text-align: center;
    letter-spacing: 5px;
    color: #dc3545;
    font-weight: bold;
    text-shadow: 10px 10px 25px rgb(255 255 255), -10px 10px 25px rgb(255 255 255), -10px -10px 25px rgb(255 255 255), 10px -10px 25px rgb(255 255 255);
    /* text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3); */
    /*  text-shadow: 0 1px 0 #ef9696, 0 2px 0 #ef9696, 0 3px 0 #ef9696, 0 4px 0 #ef9696, 0 5px 0 #ef9696, 0 6px 0 #ef9696, 0 7px 0 #ef9696, 0 8px 0 #ef9696, 1px 15px 10px rgba(16, 16, 16, 0.3), 1px 20px 20px rgba(16, 16, 16, 0.2), 1px 25px 40px rgba(16, 16, 16, 0.2), 1px 30px 80px rgba(16, 16, 16, 0.3);  */

    font-family: 'Fjalla One', sans-serif;
}
.RightDiv
{
        margin-top: 40px;
    /*background:red;*/
    /*
    position: relative;
    text-align: center;
    width: 280px;
    left: 58%;
    top: 10%;*/
}
.leftDiv {
    opacity: .9;
    /* border-top: 3px solid red;
    border-bottom: 3px solid red;*/
    border-top: 3px solid #458bc7;
    border-bottom: 3px solid #458bc7;
    border-radius: 10px;
    /* background: linear-gradient(-45deg, #dcd7e0, #fff);*/
    background: linear-gradient(338deg, #64a6d3, #fff);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    padding: 8% 2%;
    /*padding: 11% 4%;*/ /* 75px 25px;*/
    /* opacity: .9; */ /* transition: 0.3s;   animation: color 9s infinite linear;*/
}

.leftDiv .top_link a
{
    color: #452A5A;
    font-weight: 400;
}
.leftDiv .top_link
{
    height: 20px;
}
.leftDiv .contact
{
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    align-self: center;
    height: 100%;
    width: 73%;
    margin: auto;
    padding-top: 15%;
    padding-bottom: 15%;
}
    .leftDiv h3 {
        font-size: 2.75rem;
        text-align: center; /*  margin-bottom: 40px;*/
        /* color: #c21e1e;*/
        color: #063966;
        animation: color 3s infinite linear;
        padding: 15px 3px;
    }

    .leftDiv h5 {
        font-size: 2.25rem;
        text-align: center; /*  margin-bottom: 40px;*/
        /* color: #c21e1e;*/
        color: #063966;
    }
.leftDiv .txt
{
    border: none;
    width: 80%;
    margin: 15px 0px;
    border-bottom: 1px solid #4f30677d;
    padding: 7px 9px;
    width: 100%;
    overflow: hidden;
    background: transparent;
    font-weight: 600;
    font-size: 16px;
}

.submit
{
    border: none;
    padding: 15px 70px;
   /* border-radius: 8px;*/
    display: block;
    margin: auto;
    margin-top: 120px;
    color: #fff;
    font-weight: bold; /*background: #583672;     -webkit-box-shadow: 0px 9px 15px -11px rgba(88,54,114,1);     -moz-box-shadow: 0px 9px 15px -11px rgba(88,54,114,1);     box-shadow: 0px 9px 15px -11px rgba(88,54,114,1);*/
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    outline: none;
    border: none;
   /* background-image: linear-gradient(to right, #cd2222, #950e0e, #e15252);*/ /*background-image: linear-gradient(to right, #32be8f, #38d39f, #32be8f);*/
   background-image: linear-gradient(to right, #229dcd, #063966, #9b1f1f);
    background-size: 200%;
    font-size: 1.2rem;
    color: #fff;
    font-family: 'Poppins' , sans-serif;
    text-transform: uppercase;
    margin: 1rem 0;
    cursor: pointer;
    transition: .5s;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.submit:hover
{
    background-position: right;
}



.top_link img
{
    width: 28px;
    padding-right: 7px;
    margin-top: -3px;
}

.txt1, .txt1:hover
{
    color: White;
}