@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
/* general */
a{
  text-decoration: none !important;
}

button{
  border: none;
}

section {
  width: 375px;
  margin: auto;
}
input:focus {
  background: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input:focus {
  box-shadow: none !important;
  border-color: #962A15 !important;

  
}

.form-control {
  border: none;
  box-sizing: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid grey;
  border-radius: 0px;
  font-size: 16px;
  outline: none;
-webkit-tap-highlight-color: transparent;
}

span.error p {
  font-size: 11px;
  margin-top: 4px;
  color: red;
  margin-left: 17px;
}
 /* **********=nav bar= *******
 ********************************/
 header.header{
  width: 375px;
  margin: auto;
}
header.header {
  position: sticky;
  top: 0;
  background: #052E50;	
  }
  .main_logo img {
    float: left;
    width: 14%;
    margin-left: 11px;
    padding-right: 4px;
    margin-top: -6px;
    margin-right: 6px;
  }
  .main_logo h4.main-headr {
    color: white;
}
.main_logo h4.main-headr {
  color: white;
  font-size: 15px;
  font-weight: 400;
}
.header-item.item-left h4.main-headr {
  margin-top: 0px;
  margin-bottom: 0px;
}
.header{
  display: block;
  width: 100%;
  position: relative;
  z-index: 99;
  padding:10px 0;
}
.header .item-left{
  flex:0 0 85%;
  text-align: left;
}

.header .item-center{
  flex:0 0 0%;
}
.header .item-right{
  flex:0 0 15%;
  justify-content: flex-end;
  text-align: center;

}

.header .menu > ul > li > a{
  font-weight: 500;
  color: #072453;
  position: relative;
  transition: color 0.3s ease;
  text-decoration: none;
  font-size: 14px;
  padding: 10px 23px;

}

.mobile-menu-head,
.mobile-menu-trigger{
  display: none;
}

.v-center{
  display: flex;
}
.header .mobile-menu-trigger {
  display: flex;
  height: 30px;
  margin-right: 7px;
  cursor: pointer;
  align-items: center;
  justify-content: right;
  margin-top: -3px;
}
.header .mobile-menu-trigger span{
  display: block;
  height: 3px;
  background-color: #fff;
  width: 24px;
  position: relative;
}
.header .mobile-menu-trigger span:before,
.header .mobile-menu-trigger span:after{
  content: '';
  position: absolute;
  left:0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.header .mobile-menu-trigger span:before{
  top:-8px;
}
.header .mobile-menu-trigger span:after{
  top:8px;
  width: 12px;
}
.header .menu{
  position: fixed;
  width: 320px;
  background-color:#ffffff;
  left:0;
  top:0;
  height: 100%;
  overflow: hidden;
  transform: translate(-100%);
  transition: all 0.5s ease;
  z-index: 1099;
}
.header .menu.active{
   transform: translate(0%);	
}
.header .menu > ul > li{
  line-height: 1;
  margin:0;
  display: block;
}
.header .menu > ul > li > a{
  line-height: 50px;
  height: 50px;
  padding:0 50px 0 15px;
  display: block;
  border-bottom: 1px solid rgba(0,0,0,0.1);

  font-size: 14px;
}

.header .menu .mobile-menu-head{
  display: flex;
  height: 50px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 501;
  position: sticky;
  background-color: #ffffff;
  top:0;
}

.header .menu .mobile-menu-head .go-back{
  height: 50px;
  width: 50px;
  cursor: pointer;
  text-align: center;
  color:#000000;
  font-size: 16px;
  display: none;
}
.header .menu .mobile-menu-head.active .go-back{
  display: block;
}
.header .menu .mobile-menu-head .current-menu-title{
  font-size: 15px;
  font-weight: 500;
  color:#000000;
}
.header .menu .mobile-menu-head .mobile-menu-close{
    height: 50px;
  width: 50px;
  cursor: pointer;
  line-height: 50px;
  text-align: center;
  color:#000000;	
  font-size: 25px;
}
.header .menu .menu-main{
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 0;
}

.menu-overlay{
  position: fixed;
  background-color: rgba(0,0,0,0.5);
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  z-index: 1098;
  visibility: hidden;
  opacity:0;
  transition: all 0.5s ease;
}
.menu-overlay.active{
  visibility: visible;
  opacity:1;	
}


/* ===============openpage============================== */
.myac1 p {
  margin: 0px;
}
.myac1 {
  background-color: #F1F9FF;
  padding: 20px 30px;
}
.btn-search {
  padding: 2px;
  padding: 6px 10px;
  border: none;
  border-radius: 0px;
  font-size: 16px;
  color: white;
  background: #052E50;
  font-weight: 600;
  width: 100%;
}
.openpage-button1 {
  text-align: center;
}
.openpage-button1 span.open-pagei {
  float: right;
  margin-top: -33px;
  font-size: 10px;
  background-color: #557086;
  color: #f3f1f1;
  padding: 3px 10px 5px 10px;
  border-radius: 15px;
}
.open-page {
  /* border-bottom: 1px solid grey; */
  margin-bottom: 20px;
  margin-top: 30px;
}
.open-page .openpage-main {
  padding-bottom: 10px;
  margin-bottom: 11px;
}
.openpage-main span.glyphicon.glyphicon-search {
  font-size: 16px;
}
.openpage-main p {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

.login__input {
  border: none;
  border-bottom: 2px solid #D1D1D4;
  background: none;
  font-size: 14px;
  padding-left: 24px;
  width: 98%;
  transition: .2s;
}


.openpage-gly .glyphicon {
  font-size: 20px;
}

.login__input:active,
.login__input:focus,
.login__input:hover {
	outline: none;
	border-bottom-color: #dd571d;
}
.openpage-button {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.openpage-button button.btn.btn-proceed.large {
  background-color: #052E50;
  color: white;
}
.openpage-section2 {
  padding-top: 15px;
  padding-bottom: 46px;
}
.openpage-main .openpage-gly .glyphicon {
  margin-right: -20px;
}
.open-page span.open-page2 {
  margin-right: -20px;
}
.openpage-button1 span.open-pagei:hover{
background-color: #3e7ada;
}
span.open-page2 i.bi.bi-person-badge {
  font-size: 20px;
  color: #052E50;
}
/* ------------------------- */
.member-info a {
  text-decoration: none !important;
}
.info-blockstyle {
  box-shadow: 2px 1px 4px 1px #e2e2e2a1;
  margin-bottom: 20px;
  display: flex;
}


/* =================council member====================== */
section.council_members {
  margin: 20px 0px 100px;
}
.concil_memb {
  min-height: 102px;
  clear: both;
  box-shadow: -1px 1px 5px grey;
  margin-bottom: 15px;
  padding: 10px;
  float: left;
  width: 100%;
}
.col-xs-3.council_memb_img {
  /* width: 100%; */
  padding: 0px;
}
.council_memb_img img {
  width: 85%;
}
/* =================council member====================== */
/* ---------------------------------------- */

/* ==openpage-1== */

.openpage-main table.table-openpage1 {
  width: 100%;
}
.card-body {
  border: 2px solid rgb(243, 226, 226);
  margin-top: 15px;
  padding: 10px;
  box-shadow: 0px 0px 2px 1px rgb(234 217 217);
}

.pending_review {
  border: none;
  padding: 7px 14px;
  border-radius: 5px;
  font-size: 14px;
  color: white;
  background: #7E0F00;
  font-weight: 600;
}

/* ============= */
th.thheading {
  width: 42%;
}
th.thdetail {
  width: 68%;
}
.openpage-1 {
  padding-bottom: 100px;
}
/* --renewalpage-- */
.pending_button a {
  color: white;
}
.myac a {
  color: #052E50;
  text-decoration: none !important;
}
tr.profile-one1 th.profile-one {
  font-size: 16px;
}

th.profile-one {
  vertical-align: text-top;
}
section.renewal-pend {
  margin-bottom: 60px;
}
/* ============================================================= */
section.welcomeback {
  padding: 19% 0;
}

/* --welcomepage */
.welomebackheader {
  margin-bottom: 48px;
}
.welomebackheader:after {
  display: block;
  position: absolute;
  width: 9%;
  height: 2px;
  content: "";
  background-color: #962A15;
  margin: 10px 0px 20px;
}
.welcome-btn {
  text-align: center;
  margin: 34px 0px;
}
.pending_review1 {
  color: white;
  background-color: #962A15;
  padding: 10px 90px;
  border-radius: 5px;
  border: none;
  width: 100%;
  font-size: 17px;
}
/* =============profile updation========================== */


.pu-head h2 {
  color: #052E50 !important;
}
.pu-head p {
  color: #052E50 !important;
  font-weight: 500;
  margin-bottom: 40px;
}
.pu-head2 {
  margin-bottom: 30px;
}
.pu-sub span.glyphicon.glyphicon {
  float: left;
  margin-right: 20px; 
  color: #052E50 ;
}

.pu-sub-1 h4 {
  margin-left: 38px;
}
.pu-sub-1 h4 {
  margin-top: -6px;
}

.pu-button {
  text-align: center;
  margin-bottom: 60px;
}
.pu-button button.pending_review1 {
  font-size: 16px;
  color: white;
  background: #962A15;
  padding: 10px 90px;
  text-align: center;
  border-radius: 50px;
}
/* ------------------ */

/* ---profile updation correspondance */


/* --scan-document-- */
.scan-backgroung {
  background-color: darkgray;
  height: 500px;
  margin-bottom: 40px;
}
.scan-backgroung {
  background-color: darkgray;
  height: 500px;
  margin-bottom: 40px;
  margin-left: -15px;
  margin-right: -15px;
}
.scan-footer{
  margin-bottom: 40px;
}

/* -------------------------- */

/* --Ebooks-- */

section.profile-updation1 {
  margin-bottom: 100px;
}

.ebook-block {
  padding: 10px 0px;
}
.ebook-block p {
  font-weight: 500;
  margin-left: 2px;
}
.Ebooks-image{
  height: 200px;
  width: 100%;
  margin-bottom: 40px;
  border-radius: 10px;
}

.tittleEbooks-image {
  padding-top: 15px;
}

/* --------------------------------- */
.btn-std-link {
  background: #052e50;
  padding: 10px;
}
/* --e book-tittle-- */
.tittleEbooks-image img.te-images1 {
  width: 350px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.tittleEbooks-footer{
  margin-bottom: 60px;
}
.tittleEbooks-footer p {
  font-size: 14px;
  font-weight: bold;
}


/* ============================= */


/* --pdf--2 */
.pending-re {
  margin-top: 90px !important;
}
.pending-re .pending-text1 {
  text-align: center;
  color: rgb(135, 31, 31);
}
.pending-re .pending-text1 p{
  text-align: center;
  color: rgb(135, 31, 31);
}
section.renewal-pend .renewal-pendmain {
  margin: 20px 0px 10px;
  text-align: center;
  border-bottom: 2px solid;
}
.renewal-pendmain p{
  font-size: 30px;
}

.renewal-pendsub1 {
  margin-bottom: 10px;
}
.renewal-pendsub1 .re-pm2 {
  text-align: right;
  font-size: 14px;
  color: #052E50;
  font-weight: 500;
}
.renewal-pendsub1 .re-pm1 {
  float: left;
  font-size: 14px;
  color: #052E50;
  font-weight: 500;
}
.renewal-pendsub2 {
  padding: 10px 0px;
  font-size: 20px;
}
.renewal-pendsub2 .re-pm1 {
  float: left;
  color: #052E50;
  font-weight: 500;
  margin-bottom: 10px;
}
.renewal-pendsub2 .re-pm2 {
  text-align: right;
  color: #052E50;
  font-weight: 500;
}
.renewal-pendmain1 {
  border-bottom: 2px solid;
}
.renewal-pendmain2 {
  border-bottom: 2px solid;
  margin-bottom: 28px;
}
.re-button button.btn.btn-proceed.large {
  background-color: #ab1d1d;
  color: white;
  padding: 8px 20px;
}
.renewal-pend .re-button {
  text-align: center;
}
section.member-service {
  margin-bottom: 60px;
}
/* ---------------------------------------------- */


/* ---------------amount received---------------- */
.amount-rec {
  margin-top: 20px;
  font-weight: 450;
  margin-bottom: -40px;
  text-align: center;
}
img.tyimage {
  width: 56px;
}
.amount-rec p {
  text-align: center;
  color: #b71414;
}
.amount-recsub .re-pm1 {
  float: left;
  color:#052E50;
  margin-bottom: 10px;
}
.amount-recsub .re-pm2 {
  float: right;
  color: #052E50;
  margin-bottom: 10px;
}
/* --- */
.renewal-note p {
  color: rgb(176, 20, 20);
  font-size: 14px;
}
.renewal-note {
  margin-bottom: 30px;
}
.renewal-pend .re-button {
  text-align: center;
  margin-bottom: 30px;
}


.re-button button.pending_review1 {
  color: white;
  background-color: #962A15;
  padding: 8px 16px;
}
/* ----------------- */


/* ----verifydocument------ */
.verifydocument-head {
  color: #052E50;
  margin-bottom: 15px;
}
.verifydocument-backgroung {
  background-image:url(../images/images.jpg) ;
  height: 500px;
  margin-bottom: 40px;
}
.verifydocument-footer{
  margin-bottom: 40px;
}
.verifydocument-head>h2::after {
  display: block;
  position: absolute;
  width: 5%;
  height: 2px;
  content: "";
  background-color: #962A15;
}

/* ------------- */

/* =====about KSPC page==== */

.profiletext {
  margin-top: 20px;
}
.page_header {
  background-color: #e4e4e4;
  padding: 0px 0px 2px 3px;
  width: 100%;
}
.page_header .page-hi {
  float: left;
  margin-top: 7px;
  margin-right: 10px;
  font-size: 18px;
  margin-left: 12px;
}
.page_header .page-hi a {
  color: #052e50;
  font-weight: bolder;
}
.page_header>h4{
  font-weight: 400;
  margin-left: 15px !important;
}
.info_block p {
 
  font-size: 16px;
  color: black;
  padding: 10px 15px;
}
.info_block{
  margin-top: 20px;
}
.info_block a {
  text-decoration: none;
}

.info-blockstyle .glyphicon {
  float: left;
  display: flex;
  text-align: left;
  padding: 10px;
  font-size: 18px;
  color: #052E50;
  width: 12%;
}
.info-blockstyle span.glyphicon.glyphicon-share-alt {
  width: 13%;
  color: #052E50;
}

.info-blockstyle1 {
  box-shadow: 0px 0px 7px 3px beige;
  
  margin-bottom: 20px;
  display: flex;

}
.info-blockstyle1 .glyphicon {
  float: left;
  display: flex;
  text-align: left;
  padding: 10px;
  font-size: 18px;
  color: #052E50;
  width: 12%;
}
.info-blockstyle1 span.glyphicon.glyphicon-share-alt {
  width: 13%;
  color: #052E50;
}
.page_header h4 {
  margin: 0;
  font-family: 'Roboto Slab', serif;
  text-transform: uppercase;
  font-size: 18px;
 
  padding: 11px 0px 0px 0px;
  font-weight: 400;
  margin-bottom: 10px;

}






/* --------------------------- */
section.otp_verification {
  padding: 17% 0;
  text-align: center;
}
input#otp {
  text-align: center;
  font-size: 20px;
}

/* --otp-- */
input#login_otp {
  width: 5%;
  float: left;
  display: inline-block;
  border-bottom: 3px solid;
  margin-left: 10%;
}

.otp-geader {
  margin-top: 20% !important;
  margin-bottom: 10%;
}

.verify_otp button.pending_review1 {
  color: white;
  background-color:#962A15;
  padding: 10px 90px;
  border-radius: 50px;
  
}
.resed_otp>a{
  color: black;
  text-decoration: none;
}
.resed_otp {
  margin-top: 100px;
}
.verify_otp{
  margin-top: 20px;
}
.otp-geader {
  margin-top: 40%;
}


/* ================================== */
/* ---footer--- */

footer{
  height: auto; 
  width:100%;
  position: absolute;
  left: 0;
  bottom: 0; 
}
div.bottom_nav ul li {
  width: 100%;
  list-style: none;
}
div.bottom_nav ul {
  padding: 0;
  text-align: center;
  display: flex;
}
div.bottom_nav {
  position: fixed;
  bottom: 0;
  background-color: #052E50;
  height: 45px;
  padding: 2px 0px 0px 0px;
  width: 375px;
}
div.bottom_nav ul li a{
  display: inline;
  padding: 0 0px;
  color: white;
  text-decoration: none;
}
div.bottom_nav ul p {
  color: white;
  font-size: 12px;
  padding: 0px 9px;
}
.myac1 .fa {
  font-size: 30px;
  margin-bottom: 10px;
  color: #052E50;
}
i#footericons {
  font-size: 17px;
  padding-top: 3px;
}
section.welfare_info {
  background: #FAF8E5;
  padding: 10px 0;
  margin-bottom: 100px;
}

i#listicon {
  padding: 20px;
  font-size: 28px;
  font-weight: 600;
}
section.about {
  margin-bottom: 100px;
}
/* receipts */
tr.tab-me {
  font-weight: 500;
}
img.tab-img {
  width: 40px;
}
.table {
  margin-bottom: 5px;
}
tr.tab-me p {
  font-size: 11px;
  color: red;
}
section.receipts {
  margin: 20px 0px 100px;
}
.renewal-pendmain.ty {
  margin: 48px 0px 30px !important;
}
.renewal-pendsub2 {
  padding: 16px 0px;
  font-size: 16px;
}

.receiptsdetail {
  padding: 10px;
  box-shadow: 1px 2px 6px;
}
/* receipts */

section.ivpblock {
  padding: 14px 0px;
}

.retakebtn {
  float: left;
  background: #052e50;
  color: white;
  padding: 7px 10px;
}

.ipvsave {
  float: right;
  background: green;
  margin-top: 10px;
  padding: 6px 10px;
  color: white;
  border: none;
}

section.ivp-block {
  padding: 10px 0px;
}
video {
  width: 100% !important;
  height: 400px !important;
  object-fit: fill;
}
div#my_camera {
  width: 100% !important;
  height: 395px!important;
}

p.ortxt {
  text-align: center;
  margin: 0px;
  font-weight: 600;
}

/* ==========home page========== */
img.tbicon {
  width: 60px;
  margin-bottom: 15px;
}
.navigationiconblk {
  padding: 14px 0px;
  float: left;
  width: 100%;
}
.thumbnalsec {
  text-align: center;
  margin: 5px 11px;
  padding: 15px 0px;
  background: white;
}
.thumbnalsec.lft {
  margin-right: 7px;
}
.thumbnalsec.rgt {
  margin-left: 3px;
}
.navigationiconblk .col-xs-6 {
  padding: 1px;
}

p.tbtext {
  margin: 0px;
  font-weight: 600;
}
/* ==========home page========== */
.openpage-section2 .pending {
  padding-top: 24px !important;
  float: left;
  width: 100%;
}