*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {  font-family: 'Lato', sans-serif;  }

#dashboard, #secondPage {
    background-color: #FFFFFF;
}

.dashboard  {
    height: auto;
    padding:30px 30px;
}
.secondPage {  height: auto;  padding:30px 30px; background:rgba( 21 , 27  ,  84 , 0.3 ); }

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1447px;
    }
}

.white {
    background-color: #ffff;
    border-bottom: 4px solid black;
}


.headtitle {  margin-top: 116px  ;  text-align: left;  color: #EBDDE2 ;    }

.FGM003  { padding-top: 71px;  }

.FGM003  h4 {   color: #191970;  font-size: 37px; padding: 140px 20px ; font-weight: bold ;  }

.FGM003  p { color: #FFFFFF;  font-size: 20px; padding: 150px 20px ;font-weight: bold ; text-transform: capitalize; }

.loginForm12 {
    font-weight: bold;
    margin-top: 20px;
    height: 458px;
    background: rgba(0, 0, 0, 0.6);
    padding: 30px 53px;
    color: #FFFFFF;
}

.modal-header h5 { margin: auto ;  }

.modal-content {
    margin-top: 112px;
    width: 700px;
    margin-left: -67px;
}




#Feature{
    height: 400px;
    background:lightblue;
}


#Guidelines {
    height: 400px;
    background-color:#DBE9FA;
    /*background: #28293D;*/
}

footer {
    height:80px;
    font-weight: bold;
    padding-top: 25px;
    border-top: 2px solid #3A3B3C ;
    background: #15161F;
    text-align: left;
}
footer a {  color: #F0F3FA; }

footer a:hover{  color: #43C6DB;  text-decoration: none ; }
/*************************Login OTP Session********************************/

.formDta {   height: 590px; padding: 30px 50px; background: linear-gradient(   to left, lightgoldenrodyellow,lightskyblue);}

.formDta form  {  padding-top:  80px; }

.formDta h3 { text-align: center; text-transform: capitalize; font-weight: bold; color: #151B54;   }

.footer { padding-top: 120px;   text-align: center; }
/*padding-left: 40px;*/

.footer a  {  background-color: #000080; color: #FFFFFF; border-radius: 10px; text-align: center;
    height: 30px; font-size:12px ; width: 100px;  font-weight: bold;  }

/*justify-content: space-between;margin-left: 15px;*/

.MG213 { height: 590px;   }

.MG213 img { height: 100%; width: 100% ; object-fit: cover ;}

.FF03 button {  background-color: #191970 ; color: #C2E5D3 ; border-radius: 20px;  width: 200px; }

.FF03 button:hover { background-color: #191970 ; color: #FFFFFF}

.btA1:hover { color: #F0F0F0; background-color:#0575E6; }

.btA2:hover{ color: #F0F0F0 ; background-color: #0575E6;}

/************************* Remittance  ******************************#F1F3F4**/
.c-item { height:680px;  }

.c-img { height: 100%; object-fit: cover; filter: brightness( 0.6) }

#dashboard1 { background-color: #FFFFFF; height: auto;    }

.box12 {  padding: 44px  62px; height: 640px;  }

.custom-input:focus { box-shadow: none; }

/*.c-img2 img {   height: 572px; border-radius: 50px;  }

.box12 {  padding: 36px  62px; height: 640px;  }

*/

.box207 { background: url(/images/login/600.png) no-repeat center;
    box-sizing:border-box;  background-size: cover;  ;padding:130px  65px; position: relative;   }


/*!*+++++++++++++++ sessionfront line +++++++++++++*! style="padding-left:169px; text-align: left"*/

.prem207  { border-radius: 20px ;   }

.QWE08 h4 { justify-content: space-between;  margin-left: -136px;   }

.QWE08 h6 { justify-content: space-between;  margin-left: -41px;   }

.QWE09 h5 { justify-content: space-between;  margin-left: -187px;  }

.QWE09 h5  span { justify-content: space-between;  margin-left: 125px;  }

.googleBtn button { border-radius:20px; height:35px;  width: 220px;  padding: 3px 8px;
                    color: #0020C2;  text-align: center; border: 1px solid #0020C2;background-color: transparent; }


.googleBtn2:hover { background-color:#0020C2; color: #FFFFFF; }
.smsBtn2:hover { background-color:#0020C2; color: #FFFFFF; }
.smsBtn button:hover { background-color:#0020C2; }

.smsBtn button { border-radius:20px; height:35px; width: 220px;  padding: 3px 8px; border: 1px solid  black;
    color: #0020C2 ; text-align: center ; border: 1px solid #0020C2;background-color: transparent;  }

.alert {  padding:8px 0px; }

.btn-primary { color: #FFFFFF;  background-color: #000080; }

.btn-primary:hover {
    color: #FFFFFF; background-color: #0069d9;transition: 0.3s;
}

:root {
    --primary: #000080;
    --secondary: #0069d9;
}
/*onthespot*/

.copyright {  position: absolute; text-align: center;  bottom: 15px; left: 179px;
              color: #0f0f0f; justify-content: space-between; }

.copyright a {  color:#000080;  }


@media(max-width: 800px) {

    .carousel-part { order: 2;  }

    /*.c-img2 img { height: 200px; border-radius: 5px; align-items: center;  }*/

    /*.box12 {  padding-left:  10px; padding-right: 10px; height: 300px; }*/

    .box12 {   height: auto; width: auto }

    .carousel-inner{ border-radius: 10px; }

    .copyright { margin-left: -152px; order: 1;  }

    .box207 {  order: 1;  }
 }
.password-container {
    position: relative;
}
.toggle-password {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #777;
    display: block !important;
    opacity: 1 !important;
    z-index: 10;
    font-size: 18px;
    pointer-events: auto;
}