@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:ital,wght@0,400;0,600;1,500&display=swap');
*{margin: 0px;padding: 0px;font-family: 'Poppins', sans-serif;}
body {
  background-color: #EFF1F7;;
  margin: 0;
  line-height: 1.7em;
  overflow-x: hidden;
  font-family: 'Poppins', sans-serif;
  outline: 0;
}
.logo-img {text-align: center;
  padding: 20px;}
.login-form {
  width: 430px;
  padding-top: 70px;
  padding-bottom: 70px;
  margin: 0px auto;
  text-shadow: none;
}
.login-form form {
  background: #32469C;
  border: none;
}
.login-form form .form-area {
  padding: 30px;
}
.login-form form .form-area .group {
  position: relative;
  margin-bottom: 20px;
}
.login-form form .form-area .form-control {
  padding-left: 20px;
  height: 40px;
  border-radius: 0px;
  background: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
a {color: #FFFFFF;text-decoration: underline;}
.pswd-btn{padding: 0px;padding-bottom: 20px;color: #fff;text-decoration: underline;}
.rgstr-btn{text-align: center;color: #fff;    padding: 20px 0px;text-decoration: underline;}
.login-form form .form-area .btn {
  height: 42px;font-size: 14px;
  font-weight: 400;
    color: #fff;background: #4858A6;
    border: none;
}
.btn-default {
  background-color: #399BFF;
  color: #fff;
}
.btn {
  font-size: 14px;
  padding: 7px 20px 7px 20px;
  border: none;
  background: #E4E4E4;
  color: inherit;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-default {
  color: #333;
  background-color: #4858A6;
  border-color: #ccc;
}
.btn {
  color: #FFFFFF;
  font-weight: 400;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;}

.row {margin-right: -15px;margin-left: -15px;}
.wrapper-1{width: 60%;margin: auto;max-width: 1170px;}
.nav{background: #32469C;}    
.nav-sec{display: flex; justify-content: space-between;}
.nav-sec-1 ul{display: flex;align-items: center;justify-content: center; margin: 0px;}
.nav-sec-1 ul li{list-style-type: none;}
.nav-sec-1 ul li a{color: #fff;text-decoration: none;padding: 10px;display: flex;justify-content: center;}
.nav-sec-2{display: flex; justify-content: center;align-items: center;background: #FFFFFF;}
.nav-sec-2  a{color: #32469C;text-decoration: none;padding: 10px;display: flex;justify-content: center; font-size: 16px;}
.nav-sec-2 a:hover{text-decoration: none;}

.login-form .footer-links a {font-size: 14px;color: #FFFFFF;font-weight: 500;}
.pswd-btn a:hover{color: #fff;}
.btn:hover{ background-color: #4858A6;color: #fff;}
.pswd-btn a{color: #fff;}
.logo{background-color: #fff}


.footer-container{background: #1E2127;}
.f-sec-1 p{color: #FFFFFF; font-size: 16px;font-weight: 400;padding: 10px;margin: auto;}
.f-sec-1 a{color: #FFFFFF; font-size: 16px;font-weight: 400;text-decoration: none;}
.f-sec-1 .icons{padding: 0px 10px;margin: auto;}
.f-sec-1{text-align: center;}

.log-sec{background:#F6F8FB;padding: 20px;}
.log-sec-1 p{color: #FFFFFF; font-size: 16px;font-weight: 400;padding: 20px;margin: auto;}
.log-sec-1 h1{color: #17181A;text-align: center;font-size: 40px;font-weight: 400;padding-bottom: 10px;}



.form-pswd{width: 100%; margin: auto; margin: 0px auto;text-shadow: none; padding: 0px;}
.form-pswd form{background-color: #FFFFFF;box-shadow: 0px 0px 5px #0000001A;margin: 20px;}
.form-pswd form .form-area .group {position: relative;margin-bottom: 20px;display: flex;}
.form-pswd form label{ width: 15%;}
.btn-1{width: 10%;margin: auto;text-align: center;padding: 10px 0px;background-color: #32469C;}
.btn-1 a{color: #FFFFFF;font-size: 16px;text-decoration: none;}
.form-pswd form .form-area .form-control{width: 35%;}




.container {
 width: 90%;
  background-color:#32469C;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin: 20px;
}
.container h1{font-size: 24px; font-weight: 500;color: #FFFFFF;}

.file-input {
  margin-bottom: 20px;    padding: 10px 0px;
}

.inputfile {
  display: none;
  color: #fff;
}
.note{    background: #4858A6;
  padding: 10px 0px;}
.note p{padding: 10px;
  color: #FFFFFF;
  font-size: 15px;margin: 0px;    padding: 0px 20px;}



.bank-form-1{    width: 50%;  margin: 20px;}
.bank-form-1 .group select{display: flex;width: 50%;  height: 34px; padding: 6px 12px;background-color: #fff;border: 1px solid #E5E5E5;font-size: 14px;color: #AAAAAA;font-weight: 400;}
.bank-form-1 .group .form-control{width: 50%;  border: 1px solid #E5E5E5;box-shadow: none; border-radius: 0px;}
.bank-form-1 form .form-area .group {position: relative; margin-bottom: 20px;display: flex;}.bank-form-1 form label {width: 45%;font-size:16px;color: #000000;font-weight: 500;}
.bank-form-1 form .form-area .form-control {width: 50%;}
.bank-form-1 .form-area{    border-right: 1px solid #E5E5E5;}

/*
@media screen and(max-width:768px) {
  .bank-form{display: block;}
  .bank-form-1{width: 100%;margin: 20px;padding: 20px 0px;}
  .bank-form-1 .form-area{border-bottom: 1px solid #E5E5E5;}
}
*/

.filer-details{display: flex;}
.filer-form-1{width: 100%;margin: 20px;}
.filer-form-1 .group select{display: flex;width: 100%;  height: 34px; padding: 6px 12px;background-color: #fff;border: 1px solid #E5E5E5;font-size: 14px;color: #AAAAAA;font-weight: 400;}
.filer-form-1 .group .form-control{width: 50%;  border: 1px solid #E5E5E5;box-shadow: none; border-radius: 0px;}
.filer-form-1 form .form-area .group {position: relative; margin-bottom: 0px;display: flex;}
.filer-form-1 form label {width: 100%;font-size:16px;color: #000000;font-weight: 500;}
.filer-form-1 form .form-area .form-control {width: 100%;}
.filer-form-1 .form-area{background: #fff;box-shadow: 0px 0px 5px #0000001A;padding: 20px;min-height: 639px;}

.g-1{width: 40%;padding: 0px 10px;}
.g-2{width: 60%;}
.g-2 input{margin-bottom: 20px; font-size: 14px;color: #AAAAAA;font-weight: 400;}
.g-2 select{margin-bottom: 20px;}
.g-form{display: flex;}
.g-form .form-control{margin-right: 10px;}



.filer-details-1{ background: #FFFFFF;margin: 20px;box-shadow: 0px 0px 5px #0000001A;display: flex;}
.filer-form-2{    width: 50%;  margin: 20px;}
.filer-form-2 .form-area{padding: 20px 0px;}
.filer-form-2 .group select{display: flex;width: 100%;  height: 34px; padding: 6px 10px;background-color: #fff;border: 1px solid #E5E5E5;font-size: 14px;color: #AAAAAA;font-weight: 400;}
.filer-form-2 .group .form-control{width: 50%;  border: 1px solid #E5E5E5;box-shadow: none;border-radius: 0px;}
.filer-form-2 form .form-area .group {position: relative; margin-bottom: 0px;display: flex;}
.filer-form-2 form label {width: 100%;font-size:16px;color: #000000;font-weight: 500;}
.filer-form-2 form .form-area .form-control {width: 100%;}

.g-form select{margin-right: 10px;}

.group-1 h2{padding: 0px;margin: 0px;font-size: 22px;font-weight: 500;color: #000000;}
.group-1 p{ font-size: 15px;color: #000000; /*padding-bottom: 20px;*/     padding: 10px 0px;}
.para-sec{margin: 20px;display: flex;}
.para-sec-1{padding-right: 20px;}
.para-sec-1 p{font-size: 16px;
  color: #000000;
  font-weight: 500;}
.para-sec-1 select{ background: #FFFFFF;border: none; padding: 10px;}
.para-sec-1 select option{font-size: 14px;font-weight: 400;color: #000000;}
.note-sec{margin: 20px;}
.note-sec p{    color: #000000;font-size: 14px;font-weight: 400;font-family: 'Open Sans', sans-serif;}

.table-sec table tr th {text-align: left;}

.dependants-details-1{background: #F2F4FF;box-shadow: 0px 0px 5px #0000001A;border:  3px solid #32469C;margin: 20px;}
.d-details-1-1{ display: flex;/* padding: 20px;*/}
.heading{margin: 10px 20px;}
.heading h4{padding: 20px 10px;font-size: 22px;font-weight: 500;color: #000000;font-family: 'Poppins', sans-serif;}

/*.dependants-details-1{ background: #F2F4FF;margin: 20px;box-shadow: 0px 0px 5px #0000001A;display: flex; border:  3px solid #32469C;padding: 20px;}*/

.bank-form{ display: flex;background: #FFFFFF;margin: 20px;box-shadow: 0px 0px 5px #0000001A;}

@media screen and (max-width: 1024px) {
  .document-table{width: 96%;}
  .table-sec {margin: 0px;padding: 0px;}
  .doc-sec{    overflow: scroll;}
  .filer-doc-sec, .dash-doc-sec{overflow: scroll;}
}
@media screen and (max-width: 900px) {
.bank-form{ display: block;padding: 20px 0px;}
.bank-form-1{width: 100%;}

.form-pswd{width: 96%;}
.login-form form .form-area {padding: 20px;}
.form-pswd form label {width: 100%;}
.form-pswd form .form-area .form-control {width: 100%;}
.form-pswd form .form-area .group{display: block;}
.container h1{font-size: 20px;}
.doc-sec{    overflow: scroll;}
.filer-doc-sec, .dash-doc-sec{overflow: scroll;}

}



@media screen and (max-width: 600px) {
  .bank-form-1 form .form-area .group{display: block;}
  .bank-form-1{width: 100%;margin: 0px;padding: 10px;}
  .bank-form-1 form label { width: 100%;}
  .bank-form-1 form .form-area .form-control {width: 100%;}
  .btn-1 {width: 35%;}  
  .home-section .text{font-size: 24px;}

  .filer-form-1 form .form-area .group{display: block;}
  .g-1{width: 100%;}
  .g-2{width: 100%;}
  .filer-form-2 form .form-area .group{display: block;}

  .dependants-form-2 form .form-area .group {display: block;}
  .dependants-details-sec h2{font-size: 14px;}
}