/* Login-page */
  .image-down {
    width: 100%;
    position: relative;
    left: 0px;
    top: 15%;
}
img.up-image{
    width: 100%;
    position: relative;
    left: 0px;
}
img.down-image {
    position: relative;
    width: 100%;
    height: 89px;
}
.bipf-image {
  position: relative;
  height: 342px;
  width: 111%;
  top: 20px;
  background: rgba(241,242,243,255);
  border-radius: 32px;
  box-shadow: -10px 2px 0px 0px orange;
  }
  .login-page {
  height: 346px;
  position: relative;
  left: -58px;
  background: white;
  width: auto;
  top: 20px;
  border-radius: 50px;
  box-shadow:19px 9px 3px -9px orange;
}
      i.bx.bx-log-in-circle {
          position: relative;
          top: 7px;
          left: 5px;
          font-size: 15px;
      }
      form.row.g-3.needs-validation {
          position: relative;
          left: 76px;
          top: 41px;
      }
      .header-hero {
          width: 100%;
          height: 621px;
          background: #9e9e9e59;
      }
     input#validationCustom03 {
      height: 30px;
      width: 64%;
      font-size: 12px;
      color: rgb(122, 188, 191);
      background: white;
      border: 1px solid #b8b4b4;
      position: relative;
      left: 5px;
  }
  input#validationCustom01 {
      width: 64%;
      position: relative;
      height: 33px;
      border: 1px solid #c7c2c2;
      font-size: 12px;
      color:rgb(179 186 187);
      font-weight: 500;
      left: 5px;
  }
  h1.heading.text-align-center {
      font-size: 20px;
      font-style: initial;
      display: flex;
      position: relative;
      justify-content: center;
      font-weight: 500;
      color: #f9931c;
      top: 29px;
      left: 0px;
  }
  label.form-label {
      display: flex;
      font-size: 14px;
      font-weight: 700;
      color: #f9931c;
  }
  label.form-check-label {
      font-size: 11px;
      font-weight: 500;
      color: rgb(179 186 187);
  }
  button.btn.btn-primary.fmsub {
      display: flex;
      justify-content: center;
      position: relative;
      left: 48%;
      top: -28px;
      height: 32px;
      width: 91px;
      border: 0px;
      border-radius: 8px;
      background: darkorange;
      padding: 5px;
      font-size: 12px;
      font-weight: 600;
  }
 .btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: transparent;
    border-color: 0px;
    box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
}
  i.bx.bx-user-circle {
      position: absolute;
      top: 109px;
      left: 238px;
      font-size: 16px;
      color: crimson;
  }
  .form-check-input:checked{
      background-color: #e91e63;
  }
  .invalid-feedback {
    width: 100%;
    font-size: 10px;
    color: #ef1e32;
    margin-top: 0px;
    text-align: center;
}
.form-check {
    position: relative;
    top: -7px;
}
  i.bx.bx-user-circle {
      position: absolute;
      top: 51px;
      left: 264px;
      font-size: 16px;
      color: crimson;
  }
  img.logo_bipf {
      width: 56%;
      position: relative;
      top: 120px;
      left: 25px;
  }
   a.log-to-clc{
    text-decoration: none;
    color: white;
  }


  /* Landing-Bipf-Page */
   /* Down and up image */
   .container-fluid.bg-color {
    position: relative;
    top: -9px;
    }
   img.border-down {
    position: relative;
    top: -10px;
   }
   img.up-image {
    position: relative;
    width: 100%;
    left: 0px;
    height: 89px;
    }
    .image-up-1 {
    width: 100%;
    height: 106px;
    }
    img.border-down {
    width: 100%;
    height: 84px;
    }
    section.landing.page.new {
    position: relative;
    background: gainsboro;
    }
    /* landingpage-body */
    .bipf-writeup {
    position: relative;
    border-radius: 43px;
    background: #fefefe;
    box-shadow: 1px 1px 4px 5px #c0b8b8;
    width: 62%;
    height: 431px;
    top: 0px;
    left: 15%;
    }
    img.bipf-logo {
    position: relative;
    top: 61px;
    width: 26%;
    left: 35%;
    }
    p.bipf-about-paragraph {
    position: relative;
    top: 120px;
    width: 356px;
    font-size: 14px;
    color: lightslategray;
    font-weight: 500;
    text-align: center;
    left: 7%;
    }
    h1.heading-hero-bipf {
    position: relative;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    font-style: initial;
    top: 91px;
    left: 11%;
    padding-bottom: 10px;
    width: 325px;
    border-bottom: 1px solid orange;
    text-transform: uppercase;
    color: orange;
    }
    /* 5 types of bipf */
    img.sakhyam-img {
    width: 124%;
    position: relative;
    left: -12%;
    top: -34px;
}
    span.text-1 {
    position: relative;
    top: -177px;
    left: 20%;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: white;
    font-weight: 500;
}
    img.arogyadhara-img {
    width: 76%;
    position: relative;
    left: 34%;
    top: -32px;
    }
    span.text-2 {
      position: relative;
      top: -214px;
      font-size: 20px;
      left: 44%;
      color: white;
      font-weight: 500;
      height: 122px;
      padding-top: 40px;
      border-radius: 72px;
      width: 178px;
      display: block;
      text-transform: uppercase;
      background: transparent;
      text-align: center;
      cursor: pointer;
    }
    img.adhyan-img {
    width: 289px;
    position: relative;
    left: 10%;
    top: -108%;
    }
    span.text-3 {
      position: relative;
      font-size: 24px;
      font-weight: 500;
      background: transparent;
      color: white;
      text-transform: uppercase;
      top: -311px;
      border-radius: 49px;
      left: 35%;
      text-align: center;
      display: block;
      height: 121px;
      width: 194px;
      padding-top: 36px;
    }
  .col-md-4a {
    flex: 0 0 auto;
    width: 33.3333333333%;
    height: 99px;
    }
    img.swasthy-img {
    width: 76%;
    position: relative;
    left: 29%;
    top: -38%;
    }
    span.text-4 {
    position: relative;
    top: -203px;
    left: 16%;
    display: block;
    text-align: center;
    font-size: 20px;
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    }
    img.smmana-img {
    width: 76%;
    position: relative;
    left: 34%;
    top: -39%;
    }
    span.text-5 {
    position: relative;
    top: -205px;
    display: block;
    color: white;
    text-align: center;
    left: 21%;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    }
    .col-md-6b{
    flex: 0 0 auto;
    width: 50%;
    height: 175px;
    }
    .col-md-6a{
    flex: 0 0 auto;
    width: 50%;
    height: 175px;
    }


/* Adhyana-page */
  /* Header-border */
  img.head-image {
    width: 100%;
    height: 85px;
/*    margin-bottom: 10px;*/
  }
  img.footer-image{
    width:100%;
    height: 85px;
  }
  .section-adhyan {
     background: rgba(222,223,225,255);
  }
  /* Middle-body */
  img.round-img {
    position: relative;
    left: 188%;
    width: 190%;
    padding: 10px;
    margin: 20px;
}
span.adhyana-heading {
  position: absolute;
  text-align: center;
  display: block;
  color: white;
  top: 265px;
  left: 630px;
  z-index: 1;
  font-size: 18px;
  font-weight: 600;
}
h2.heading-types.text-align-center {
  font-size: 14px;
  text-align: center;
  position: relative;
  top: 25px;
  left: 47px;
  color: white;
  font-weight: 600;
}
img.infra-img1 {
  position: relative;
  width: 57%;
  left: 38px;
  padding-top: 3px;
}
img.infra-img7 {
  position: relative;
  width: 57%;
  left: 38px;
  padding-top: 3px;
}  
img.infra-img2 {
  width: 61%;
  padding: 2px;
  position: relative;
  left: 33%;
  top: 1px;
}
img.infra-img8 {
  width: 61%;
  padding: 2px;
  position: relative;
  left: 33%;
  top: 1px;
}
img.infra-img3 {
  width: 61%;
  padding: 1px;
  position: relative;
  left: 33%;
  top: 1px;
}
img.infra-img9 {
  width: 61%;
  padding: 1px;
  position: relative;
  left: 33%;
  top: 1px;
}
img.infra-img4 {
  width: 17%;
  position: absolute;
  left: 5px;
  top: 1px;
  padding-top: 2px;
}
img.infra-img10 {
  width: 17%;
  position: absolute;
  left: 5px;
  top: 1px;
  padding-top: 2px;
}
img.infra-img5 {
  width: 17%;
  position: absolute;
  left: 5px;
  top: 1px;
  padding-top: 2px;
}
img.infra-img11 {
  width: 17%;
  position: absolute;
  left: 5px;
  top: 1px;
  padding-top: 2px;
}
img.infra-img6 {
  width: 17%;
  position: absolute;
  left: 5px;
  top: 1px;
  padding-top: 2px;
}
img.infra-img12 {
  width: 17%;
  position: absolute;
  left: 5px;
  top: 1px;
  padding-top: 2px;
}
.section-infrastructior1 {
  position: absolute;
  top: 127px;
  left: 237px;
  height: 71px;
  width: 27%;
  background: #ffb900;
  border-radius: 53px;
  z-index: 1;
}
.section-infrastructior7 {
  position: absolute;
  top: 127px;
  left: 237px;
  height: 71px;
  width: 27%;
  background: #ffb900;
  border-radius: 53px;
  z-index: 1;
}
.section-infrastructior2 {
  position: absolute;
  top: 246px;
  left: 167px;
  width: 28%;
  height: 71px;
  background: #4db3e0;
  border-radius: 53px;
  z-index: 1;
  }
.section-infrastructior8 {
  position: absolute;
  top: 246px;
  left: 167px;
  width: 28%;
  height: 71px;
  background: #4db3e0;
  border-radius: 53px;
  z-index: 1;
  }
  .section-infrastructior3 {
    position: absolute;
    top: 376px;
    left: 237px;
    width: 27%;
    height: 71px;
    background: #006699;
    border-radius: 53px;
    z-index: 1;
  }
.section-infrastructior9 {
    position: absolute;
    top: 376px;
    left: 237px;
    width: 27%;
    height: 71px;
    background: #006699;
    border-radius: 53px;
    z-index: 1;
  }
  .section-infrastructior4 {
    position: absolute;
    top: 127px;
    left: 53%;
    width: 27%;
    height: 70px;
    background: #ff5c73;
    border-radius: 53px;
    z-index: 1;
  }
.section-infrastructior10 {
    position: absolute;
    top: 127px;
    left: 53%;
    width: 27%;
    height: 70px;
    background: #ff5c73;
    border-radius: 53px;
    z-index: 1;
  }
  .section-infrastructior5 {
    position: absolute;
    top: 246px;
    left: 57%;
    width: 27%;
    height: 71px;
    background: #31bfbf;
    border-radius: 53px;
    z-index: 1;
    }
.section-infrastructior11 {
    position: absolute;
    top: 246px;
    left: 57%;
    width: 27%;
    height: 71px;
    background: #31bfbf;
    border-radius: 53px;
    z-index: 1;
}
  .section-infrastructior6 {
    position: absolute;
    top: 376px;
    left: 55%;
    width: 27%;
    height: 71px;
    background: #00a770;
    border-radius: 53px;
    z-index: 1;
    }
.section-infrastructior12 {
    position: absolute;
    top: 376px;
    left: 55%;
    width: 27%;
    height: 71px;
    background: #00a770;
    border-radius: 53px;
    z-index: 1;
    }
p.footere-paragraph {
  margin-top: 4px;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
}

    /* Arogyadhara Master */
    img.head-image-up {
      width: 100%;
      height: 84px;
    }
    img.round2-img {
      position: relative;
      left: -96px;
      width: 170%;
      padding: 10px;
      margin: 20px;
    }
    span.arogyadhara-heading {
      position: relative;
      text-align: center;
      display: block;
      color: white;
      top: -222px;
      left: -7px;
      z-index: 1;
      font-size: 18px;
      font-weight: 600;
    }
    .section-dispensaries {
        position: relative;
        top: 7px;
        left: 76%;
        width: 56%;
        height: 76px;
        border: 0px;
        background: #ffb900;
        border-radius: 49px 0px 49px 0px;
        z-index: 1;
      }
      .section-health-camps-1 {
        position: relative;
        top: 20%;
        left: 43%;
        width: 57%;
        height: 76px;
        background: #00a770;
        border-radius: 49px 0px 49px 0px;
        z-index: 1;
      }
      .section-eye-hospital-2 {
        position: relative;
        top: 36%;
        left: 76%;
        width: 56%;
        height: 76px;
        background: #03679a;
        border-radius: 49px 0px 49px 0px;
        z-index: 1;
      }
    .section-kanya-express-4 {
      position: relative;
      top: 16%;
      left: -9%;
      width: 56%;
      height: 76px;
      background: #ed5523;
      border-radius: 49px 0px 49px 0px;
      z-index: 1;
    }
    .section-malnutrition-5 {
      position: relative;
      top: 34%;
      left: -46px;
      width: 56%;
      height: 76px;
      background: #31bfbf;
      border-radius: 49px 0px 49px 0px;
      z-index: 1;
    }
    img.dispensaries-img {
      width: 88%;
      padding-top: 5px;
    }
    img.health-img {
      width: 88%;
      padding-top: 5px;
    }
    img.eye-hospital-img {
      width: 88%;
      padding-top: 5px;
    }
    img.malnutrition-img {
      width: 89%;
      padding-top: 10px;
      position: relative;
      left: 23%;
    }  
    img.kanya-img {
      width: 89%;
      padding-top: 12px;
      position: relative;
      left: 17%;
    }
    p.footer-arogyadhara-paragraph {
      margin-top: -37px;
      font-size: 12px;
      color: grey;
      text-align: center;
      font-weight: 600;
      margin-left: -13px;
    }
    img.footer-image-down {
      width: 100%;
      height: 84px;
    }


/* 26-07-23 */
/* Landing-newpage */
img.background-brfclc {
    width: 100%;
    height: 640px;
    position: absolute;
}
img.clc-land-box-image {
  height: 164px;
  width: 164px;
  margin-left: 19px;
}
.parallel-img-body {
  position: relative;
  top: 162px;
}
p.boxtext {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 10px;
  color: #1e1e8b;
}

/* Brief on program(CLC) */
h2.fun-literecy.headname {
  font-size: 23px;
  text-align: center;
  padding-top: 15px;
  border-bottom: 1px dotted;
  font-weight: 600;
  color: #1fa524;
  padding-bottom: 5px;
}
.briefprog-img-body {
  position: relative;
  top: 178px;
}
.brief-prog-title-tag {
  position: relative;
  top: 170px;
}
img.brief-prog-img {
  width: 54px;
  margin-left: 5px;
}
h2.brief-text {
  font-size: 21px;
  padding: 10px;
  color: #0d6d9e;
  font-style: italic;
  width: fit-content;
  border-bottom: 1px dotted;
}
/* img.clc-open-book-image {
  height: 164px;
  width: 164px;
  transition: transform .2s; /* Animation */
 /* margin-left: 52px;
  cursor: pointer;
} */
img.clc-open-book-image {
  height: 125px;
  width: 125px;
  transition: transform .2s;
  margin-left: 70px;
  cursor: pointer;
}
.zoom:hover {
  transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
/* p.booktext {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: rgb(36 51 133);
  padding: 14px;
} */
p.booktext {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  font-family: math;
  color: rgb(36 51 133);
  padding: 14px;
}
.function-literecy-1 {
  border: 1px solid white;
  background: white;
  border-radius: 20px;
  box-shadow: 0px 0px 30px 1px #c4c7c9;
  padding: 10px;
  margin-top: 58px;
}
p.fun-ltrc-text {
  font-size: 13px;
  padding: 5px;
}
img.brief-img-1 {
  position: relative;
  margin-bottom: -57px;
  top: -57px;
  left: 90px;
}
.function-literecy-img-body {
  position: relative;
  top: 182px;
}
h2.amakatha-heading {
  font-size: 18px;
  margin-bottom: 4px;
  font-weight: 500;
  text-align: start;
  padding-bottom: 6px;
  border-bottom: 1px solid;
  color: #ff5c73;
}
p.fun-ltrc-text {
  font-size: 12px;
  font-weight: 400;
  font-family: serif;
  text-align: left;
  color: gray;
  padding: 5px;
}
h2.amakatha-heading-2 {
  color: #006699;
  font-size: 18px;
  margin-bottom: 4px;
  font-weight: 500;
  text-align: center;
  padding-bottom: 6px;
  border-bottom: 1px solid;
}
h2.amakatha-heading-3 {
  color: #00a770;
  font-size: 18px;
  margin-bottom: 4px;
  font-weight: 500;
  text-align: end;
  padding-bottom: 6px;
  border-bottom: 1px solid;
}
.function-literecy-2 {
  border: 1px solid white;
  background: white;
  border-radius: 20px;
  box-shadow: 0px 0px 30px 1px #c4c7c9;
  padding: 10px;
  position: relative;
  top: -23px;
}

/* Finanial & Digital Literecy */
h2.digital-literecy.headname {
  font-size: 23px;
  text-align: center;
  padding-top: 15px;
  border-bottom: 1px dotted;
  font-weight: 600;
  color: #0d8190;
  padding-bottom: 5px;
}
.fince-litercy-body {
  position: relative;
  top: 114px;
}
.digital-litrecy {
  height: 64px;
  width: 76%;
  margin-left: 57px;
  margin-bottom: 10px;
  border: 1px solid white;
  background: white;
  border-radius: 36px;
  box-shadow: 0px 0px 30px 1px #c4c7c9;
}
p.digital-litrecy-text {
  font-size: 12px;
  font-weight: 500;
  color: #959997;
  padding: 8px;
  margin-top: 10px;
}
.digital-litrecy-img {
  height: 60px;
  width: 60px;
  border: 1px solid grey;
  background: #2386b3;
  border-radius: 46px;
  margin: 1px;
}
.digital-litrecy-img-2{
  background: red;
  height: 60px;
  width: 60px;
  border: 1px solid grey;
  border-radius: 46px;
  margin: 1px;
}
.digital-litrecy-img-3{
  background: green;
  height: 60px;
  width: 60px;
  border: 1px solid grey;
  border-radius: 46px;
  margin: 1px;
}
.digital-litrecy-img-4{
  background: orange;
  height: 60px;
  width: 60px;
  border: 1px solid grey;
  border-radius: 46px;
  margin: 1px;
}
.digital-litrecy-img-5{
  background: #9C27B0;
  height: 60px;
  width: 60px;
  border: 1px solid grey;
  border-radius: 46px;
  margin: 1px;
}
.digital-litrecy-img-6{
  background: #df2262;
  height: 60px;
  width: 60px;
  border: 1px solid grey;
  border-radius: 46px;
  margin: 1px;
}
.digital-litrecy-img-7{
  background: #2196F3;
  height: 60px;
  width: 60px;
  border: 1px solid grey;
  border-radius: 46px;
  margin: 1px;
}
.digital-litrecy-img-8{
  background: #4c9d4f;
  height: 60px;
  width: 60px;
  border: 1px solid grey;
  border-radius: 46px;
  margin: 1px;
}
.digital-litrecy-img-9{
  background: tomato;
  height: 60px;
  width: 60px;
  border: 1px solid grey;
  border-radius: 46px;
  margin: 1px;
}
.digital-litrecy-img-10{
  background: #3F51B5;
  height: 60px;
  width: 60px;
  border: 1px solid grey;
  border-radius: 46px;
  margin: 1px;
}
p.count-no {
  margin-top: 4px;
  margin-left: 4px;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  color: #2386b3;
  position: relative;
  padding-top: 9px;
  height: 50px;
  width: 50px;
  background: white;
  border-radius: 37px;
}
p.count-no-2{
  color: red;
  margin-top: 4px;
  margin-left: 4px;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  position: relative;
  padding-top: 9px;
  height: 50px;
  width: 50px;
  background: white;
  border-radius: 37px;
}
p.count-no-3{
  color: green;
  margin-top: 4px;
  margin-left: 4px;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  position: relative;
  padding-top: 9px;
  height: 50px;
  width: 50px;
  background: white;
  border-radius: 37px;
}
p.count-no-4{
  color: orange;
  margin-top: 4px;
  margin-left: 4px;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  position: relative;
  padding-top: 9px;
  height: 50px;
  width: 50px;
  background: white;
  border-radius: 37px;
}
p.count-no-5{
  color: #9C27B0;
  margin-top: 4px;
  margin-left: 4px;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  position: relative;
  padding-top: 9px;
  height: 50px;
  width: 50px;
  background: white;
  border-radius: 37px;
}
p.count-no-6{
  color: #df2262;
  margin-top: 4px;
  margin-left: 4px;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  position: relative;
  padding-top: 9px;
  height: 50px;
  width: 50px;
  background: white;
  border-radius: 37px;
}
p.count-no-7{
  color: #2196F3;
  margin-top: 4px;
  margin-left: 4px;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  position: relative;
  padding-top: 9px;
  height: 50px;
  width: 50px;
  background: white;
  border-radius: 37px;
}
p.count-no-8{
  color: #4c9d4f;
  margin-top: 4px;
  margin-left: 4px;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  position: relative;
  padding-top: 9px;
  height: 50px;
  width: 50px;
  background: white;
  border-radius: 37px;
}
p.count-no-9{
  color: tomato;
  margin-top: 4px;
  margin-left: 4px;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  position: relative;
  padding-top: 9px;
  height: 50px;
  width: 50px;
  background: white;
  border-radius: 37px;
}
p.count-no-10{
  color: #3F51B5;
  margin-top: 4px;
  margin-left: 4px;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  position: relative;
  padding-top: 9px;
  height: 50px;
  width: 50px;
  background: white;
  border-radius: 37px;
}
img.adhar {
  height: 34px;
  width: 70%;
}

/* Plus-Litrecy */
h2.plus-literecy.headname {
  font-size: 23px;
  text-align: center;
  padding-top: 15px;
  border-bottom: 1px dotted;
  font-weight: 600;
  color: #E91E63;
  padding-bottom: 5px;
}
.plus-litrecy {
  height: 106px;
  width: 100%;
  margin-left: 0px;
  margin-bottom: 23px;
  border: 1px solid white;
  background: white;
  border-radius: 6px;
  box-shadow: 0px 0px 30px 1px #c4c7c9;
}
.plus-litrecy-img {
  height: 6px;
  background: deepskyblue;
  position: relative;
}
.plus-litrecy-img-1 {
  height: 6px;
  background: red;
  position: relative;
}
.plus-litrecy-img-2 {
  height: 6px;
  background: green;
  position: relative;
}
.plus-litrecy-img-3 {
  height: 6px;
  background: orange;
  position: relative;
}
.plus-litrecy-img-4 {
  height: 6px;
  background: #8BC34A;
  position: relative;
}
.plus-litrecy-img-5 {
  height: 6px;
  background: blue;
  position: relative;
}
.plus-litrecy-img-6 {
  height: 6px;
  background: #9C27B0;
  position: relative;
}
.plus-litrecy-img-7 {
  height: 6px;
  background: #eb719a;
  position: relative;
}
.plus-litrecy-img-8 {
  height: 6px;
  background: #e91e63;
  position: relative;
}
.plus-litrecy-img-9 {
  height: 6px;
  background: #ed5523;
  position: relative;
}
.plus-litrecy-img-10 {
  height: 6px;
  background: #0d8190;
  position: relative;
}
h3.plus-heading {
  font-size: 12px;
  text-align: center;
  font-weight: 700;
  color: #166666;
  margin-top: 12px;
  margin-bottom: -11px;
}
p.plus-litrecy-text {
  font-size: 11px;
  font-weight: 500;
  color: #959997;
  padding: 8px;
  margin-top: 13px;
}
p.plus-no {
  margin-top: 4px;
  margin-left: 4px;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  color: #2386b3;
  position: relative;
  padding-top: 3px;
  height: 40px;
  width: 40px;
  background: white;
  border-radius: 37px;
}
.plus-litercy-body {
  position: relative;
  top: 116px;
}
/* BIPF-logo */
img.logo-bipf {
  position: relative;
  height: 59px;
  left: 10px;
  top: 8px;
  width: 104px;
}
.bipf-logo {
  position: relative;
  top: 95px;
}
.clc-panel {
  height: 53px;
  width: 279px;
  margin-left: 33px;
  margin-top: 11px;
  background: #ff5c73;
  border: 1px solid #e985a7;
  border-radius: 25px;
}
img.clc-panel-img {
  width: 50px;
  padding: 2px;
  position: relative;
  left: 0px;
  top: 0px;
}
h2.clc-heading.text-align-center {
  font-size: 15px;
  text-align: left;
  padding: 15px;
  color: white;
  font-weight: 600;
}


/* 01-08-23 */
.bipf-logo-clc {
    position: absolute;
    top: 83px;
}
.bipf-logo-landing-log {
  position: absolute;
  width: 100%;
  top: 491px;
}
button.logout {
    margin-top: 60px;
    float: right;
    height: 43px;
    width: 43px;
    margin-right: 0px;
    border: 1px solid lightgrey;
    border-radius: 20px;
    background: #FF5722;
}
button.logout:hover{
  background-color: red;
}
i.bx.bx-power-off {
  font-size: 23px;
  color: white;
  padding: 0px;
}
.bipf-logo-landing-adhyan-log {
    position: absolute;
    width: 100%;
    top: 500px;
    margin-left: -25px;
}
span.onhover-text {
    border: 1px solid #bdb8b8;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    float: left;
    top: 5px;
    padding: 5px;
    left: 80px;
    background: #e3bfb3;
    color: #0e0e0e;
}



/* Programme Landing Page */
/* 22-08-23 */
.parallel-img-programme {
  position: relative;
  top: 234px;
}
img.prog-round-img1 {
  position: relative;
  cursor: pointer;
  left: -31px;
  top: 14px;
}
img.prog-round-img2 {
  margin-top: -147px;
  cursor: pointer;
}
img.prog-round-img3 {
  position: relative;
  cursor: pointer;
  left: 18px;
  top: 14px;
}

/* clc-New-Sidebar */
.clc-new-side-landing {
  position: relative;
  height: 183px;
}
img.side-round-img {
  width: 130px;
}
.parallel-img-sideramme {
  position: relative;
  top: 110px;
}
.clc-new-side-landing-1 {
  position: relative;
  cursor: pointer;
  height: 113px;
  width: 113px;
  background: red;
  margin: 7px;
  border-radius: 128px;
}
.clc-new-side-landing-2 {
  position: relative;
  cursor: pointer;
  height: 113px;
  width: 113px;
  background: green;
  margin: 7px;
  border-radius: 128px;
}
.clc-new-side-landing-3 {
  position: relative;
  cursor: pointer;
  height: 113px;
  width: 113px;
  background: blue;
  margin: 7px;
  border-radius: 128px;
}
.clc-new-side-landing-4 {
  position: relative;
  cursor: pointer;
  height: 113px;
  width: 113px;
  background: orange;
  margin: 7px;
  border-radius: 128px;
}
.clc-new-side-landing-5 {
  position: relative;
  cursor: pointer;
  height: 113px;
  width: 113px;
  background: rgb(12, 2, 100);
  margin: 7px;
  border-radius: 128px;
}
.clc-new-side-landing-6 {
  position: relative;
  cursor: pointer;
  height: 113px;
  width: 113px;
  background: rgb(174, 12, 218);
  margin: 7px;
  border-radius: 128px;
}
.clc-new-side-landing-7 {
  position: relative;
  cursor: pointer;
  height: 113px;
  width: 113px;
  top: 50px;
  background: rgb(8, 180, 242);
  margin: 7px;
  border-radius: 128px;
}
.clc-new-side-landing-8 {
  position: relative;
  cursor: pointer;
  height: 113px;
  width: 113px;
  top: 50px;
  background: rgb(101, 9, 147);
  margin: 7px;
  border-radius: 128px;
}
.clc-new-side-landing-9 {
  position: relative;
  cursor: pointer;
  height: 113px;
  width: 113px;
  top: 50px;
  background: rgb(8, 215, 218);
  margin: 7px;
  border-radius: 128px;
}
.clc-new-side-landing-10 {
  position: relative;
  cursor: pointer;
  height: 113px;
  width: 113px;
  top: 50px;
  background: crimson;
  margin: 7px;
  border-radius: 128px;
}
.clc-new-side-landing-11 {
  position: relative;
  cursor: pointer;
  height: 113px;
  width: 113px;
  top: 50px;
  background: yellowgreen;
  margin: 7px;
  border-radius: 128px;
}
.clc-new-side-landing-12 {
  position: relative;
  cursor: pointer;
  height: 113px;
  width: 113px;
  top: 50px;
  background: orangered;
  margin: 7px;
  border-radius: 128px;
}
.inner-round {
  height: 94px;
  width: 94px;
  position: relative;
  background: white;
  border-radius: 124px;
  box-shadow: 0px 0px 17px 5px #d7cfd2;
  top: 9px;
  left: 9px;
}
h4.clc-heading-sidebar {
  font-size: 12px;
  position: relative;
  top: 24px;
  text-align: center;
}
img.menu-icon {
  position: relative;
  height: 30px;
  left: 31px;
  top: 15px;
}



 

/* 18-12-23 */
/* Desktop Navigation */
.centered {
  position: relative;
  left: 50px;
  top: 17px;
  color: white;
  font-size: 18px;
  font-weight: 600;
}
img.ke-sidemenu {
  height: 66px;
  position: absolute;
}
.ketop{
  margin-top: 28px;
  margin-left: 8px;
  margin-bottom: -11px;
}
.ketop2{
  margin-top: 58px;
    margin-left: 8px;
  margin-bottom: -11px;
}
.ketop3{
  margin-top: 58px;
    margin-left: 8px;
  margin-bottom: -11px;
}
.ketop4{
  margin-top: 58px;
    margin-left: 8px;
  margin-bottom: -11px;
}
.master-main-bg {
  background: white;
  padding: 5px;
  /* height: 176px; */
  height: 150px;
  margin-top: -19px;
  margin-left: 57px;
  border-radius: 9px;
}
.master-progress-bg{
  background-color: white;
}
/*img.master-map {
  width: 234px;
  height: 142px;
  float: right;
}*/
img.master-map {
  width: 234px;
  height: 142px;
  position: absolute;
}
.map-master-text {
  position: relative;
}
h6.dist-1 {
  text-align: center;
  font-size: 9px;
}
h6.dist-2 {
  font-size: 9px;
  margin-left: 23px;
  margin-top: 21px;
}
h6.dist-3 {
    text-align: end;
    font-size: 9px;
    margin-right: 27px;
    margin-top: -4px;
}
h6.dist-4 {
  font-size: 9px;
  text-align: end;
  margin-top: -4px;
  margin-right: 27px;
}
h6.dist-5 {
  font-size: 9px;
  text-align: center;
  margin-left: 121px;
  margin-top: 21px;
}
h6.dist-6 {
  font-size: 9px;
  text-align: start;
  margin-left: 52px;
  margin-top: 21px;
}
h3.bipf-master-head {
  font-size: 21px;
  padding: 19px 10px 26px 31px;
}
.dist-sec-1 {
  height: 60px;
  width: 183px;
  margin-left: 19px;
  padding-left: 5px;
  border-radius: 2px;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 7px solid #8BC34A;
  background: #d3d3d366;
}
.blk-sec-1 {
  height: 60px;
  width: 175px;
  margin-left: 11px;
  padding-left: 5px;
  border-radius: 2px;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 7px solid #03baef;
  background: #d3d3d366;
}
.blk-sec-2 {
  height: 60px;
  width: 202px;
  margin-left: -3px;
  padding-left: 5px;
  border-radius: 2px;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 7px solid #ffa84b;
  background: #d3d3d366;
}
.blk-sec-3 {
  height: 60px;
  width: 200px;
  margin-left: 8px;
  padding-left: 5px;
  border-radius: 2px;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 7px solid #f787dc;
  background: #d3d3d366;
}
label.dist-count {
  float: right;
  margin-right: 24px;
  margin-top: 7px;
  font-size: 24px;
  font-weight: 600;
  color: #8bc34a;
}
label.blk-count {
  float: right;
  margin-right: 24px;
  margin-top: 7px;
  font-size: 24px;
  font-weight: 600;
  color: #03baef;
}
label.village-count {
  float: right;
  margin-right: 24px;
  margin-top: 7px;
  font-size: 24px;
  font-weight: 600;
  color: #f787dc;
}
label.grmpanchayat-count {
  float: right;
  margin-right: 14px;
  margin-top: 7px;
  font-size: 24px;
  font-weight: 600;
  color: #ffa84b;
}
label.blk-name {
  margin-top: 16px;
  margin-left: 10px;
  font-size: 15px;
  font-weight: 600;
}
img.background-master {
  width: 100%;
  height: 641px;
  position: absolute;
}
.master-progress-bg {
  background-color: white;
  margin-left: 60px;
  margin-top: 12px;
}


.total-bg1 {
  background: #f3f3f3;
  padding: 2px;
  height: 112px;
  margin-top: 14px;
  border-radius: 6px;
  margin-left: 13px;
  width: 100%;
}
.total-bg2 {
  background: #f3f3f3;
  padding: 2px;
  height: 89px;
  margin-top: 7px;
  border-radius: 6px;
  margin-left: 13px;
  width: 100%;
}

.total-bg3 {
  background: #f3f3f3;
  padding: 2px;
  height: 99px;
  margin-top: 14px;
  border-radius: 6px;
  margin-left: 13px;
  width: 96%;
  margin-bottom: 14px;
}
.participant-bg2 {
  background: #f3f3f3;
  padding: 2px;
  border-radius: 6px;
  margin-top: 15px;
  width: 92%;
  height: 103px;
}
.participant-bg1 {
  background: #f3f3f3;
  padding: 2px;
  border-radius: 6px;
  margin-top: 15px;
  width: 92%;
  height: 112px;
}
.participant-bg2 {
  background: #f3f3f3;
  padding: 2px;
  border-radius: 6px;
  margin-top: 7px;
  width: 92%;
  height: 89px;
}
img.ttl-img-prgs {
    height: 97px;
    width: 97px;
    position: absolute;
    padding-top: 5px;
    padding-left: 4px;
    padding-bottom: 4px;
    margin-left: 20px;
}
img.ttl-img-sm {
    margin-top: 12px;
    position: absolute;
    width: 75px;
}
img.ttl-img1 {
    margin-top: 8px;
    margin-left: 41px;
    position: absolute;
    width: 73px;
}
img.ttl-img2 {
  float: right;
  margin-top: 5px;
  position: absolute;
}
img.ttl-img3 {
    margin-top: 2px;
    position: absolute;
    width: 68px;
}
img.ttl-img4 {
    margin-top: 0px;
    margin-left: 42px;
    position: absolute;
    width: 69px;
}
img.ttl-img5 {
  margin-top: 3px;
  margin-left: 51px;
  position: absolute;
  width: 87px;
}
label.total-reduction1 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 3px;
  margin-left: 2px;
}
label.master-count-9 {
  margin-top: 18px;
  text-align: center;
  margin-left: 25px;
  font-size: 20px;
  font-weight: 600;
  color: orange;
}
label.master-count-10 {
  margin-top: 18px;
  text-align: center;
  margin-left: 25px;
  font-size: 20px;
  font-weight: 600;
  color: #03aa07;
}
span.budget {
    font-size: 10px;
    margin-left: 4px;
    font-weight: 600;
    position: relative;
    top: -3px;
}
.budget-percentage {
  position: relative;
  text-align: center;
  top: 28px;
  left: 14px;
  font-weight: 600;
  font-size: 23px;
  color: #03aa07;
}
.youth-skilled {
  position: relative;
  text-align: center;
  top: 19px;
}
label.youth-count {
    font-size: 18px;
    font-weight: 600;
    color: orange;
    margin-left: -4px;
    margin-top: 2px;
}
p.skilled-paragraph {
    font-size: 10px;
    font-weight: 600;
    margin-top: 40px;
    text-align: center;
}
.Total.SHG {
  position: relative;
  top: 34px;
  text-align: center;
}
label.total-count {
    font-size: 20px;
    margin-top: 0px;
    color: orangered;
    text-align: center;
}
p.shg-paragraph {
    font-size: 10px;
    margin-left: 3px;
    font-weight: 600;
    margin-top: 27px;
}
.member {
  position: relative;
  text-align: center;
  top: 35px;
}
p.member-paragraph {
    margin-top: 63px;
    margin-left: 3px;
    font-size: 10px;
    font-weight: 600;
    width: 100px;
}
label.no-count {
    font-size: 18px;
    font-weight: 600;
    margin-top: 1px;
    margin-left: 2px;
    color: #22cebb;
}
p.self-paragraph {
    margin-top: 50px;
    font-size: 10px;
    text-align: center;
    font-weight: 600;
    margin-left: 23px;
    width: 30px;
}
label.self-count {
    font-size: 18px;
    font-weight: 600;
    margin-top: 14px;
    margin-left: -30px;
    color: #ee491c;
}
.self-skilled {
  position: relative;
  text-align: center;
  top: 22px;
}
label.total-reduction {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    margin-left: -2px;
}
label.total-reduc{
  font-size: 18px;
  font-weight: 600;
  margin-top: -7px;
  margin-left: -1px;
}
p.reduction-paragraph {
  margin-top: 43px;
  font-size: 10px;
  text-align: center;
  font-weight: 600;
  margin-left: 0px;
}
img.ttl-img2 {
    float: right;
    margin-top: 2px;
    margin-left: 98px;
    position: absolute;
    width: 68px;
}
.no-of-clc {
    position: relative;
    text-align: center;
    top: 18px;
    margin-left: 88px;
}
.literate-women {
    position: relative;
    margin-top: 23px;
    margin-left: 19px;
}
p.clc-paragraph {
    margin-top: 38px;
    font-size: 10px;
    text-align: center;
    font-weight: 600;
    margin-left: 94px;
}
p.Literate {
    margin-top: 20px;
    font-size: 10px;
    text-align: center;
    font-weight: 600;
    margin-left: -99px;
}



/* bipf link to shg */
.bipf-work-link {
  background: #f3f3f3;
  margin-top: 13px;
  border-radius: 6px;
}
h4.bipf-working-heading {
  font-size: 15px;
  text-align: center;
  padding-top: 1px;
  padding-bottom: 17px;
}
img.master-progressive-map {
  width: 100%;
  height: 341px;
  margin-top: 0px;
}
.mast-circle {
  position: relative;
  text-align: center;
}

img.circle-one {
  position: absolute;
  margin-top: 52px;
  margin-left: 68px;
  width: 99px;
}
img.circle-two {
  position: absolute;
  margin-left: 6px;
  margin-top: 4px;
  width: 87px;
}
img.circle-three {
  position: relative;
  width: 89px;
  margin-top: 5px;
  margin-left: -20px;
}
img.circle-four {
  position: absolute;
  margin-top: 55px;
  margin-left: -92px;
  width: 98px;
}
img.circle-five {
  position: absolute;
  margin-top: -26px;
  margin-left: 52px;
  width: 105px;
}
img.circle-six {
  position: absolute;
  margin-left: -80px;
  margin-top: -24px;
  width: 100px;
}
img.circle-seven {
  position: absolute;
  width: 121px;
  margin-left: 93px;
  margin-top: -72px;
}
img.circle-eight {
  position: absolute;
  margin-top: -48px;
  margin-left: 12px;
  width: 94px;
}
img.circle-nine {
  position: absolute;
  margin-top: -73px;
  margin-left: -73px;
  width: 96px;
}
img.circle-ten {
  position: absolute;
  width: 132px;
  height: 132px;
  top: 262px;
  margin-left: 31px;
}

p.mst-cle-1 {
  font-size: 11px;
  font-weight: 600;
  color: white;
  position: relative;
  top: 107px;
  width: 60px;
  margin-left: 94px;
}
p.mst-cle-2 {
  font-size: 11px;
  font-weight: 600;
  color: white;
  margin-top: 51px;
  margin-left: 35px;
  width: 50px;
}
p.mst-cle-3 {
  font-size: 10px;
  font-weight: 600;
  position: relative;
  color: white;
  top: -59px;
  left: -17px;
  width: 68px;
}
p.mst-cle-4 {
  font-size: 10px;
  font-weight: 600;
  color: white;
  margin-top: 95px;
  margin-left: -77px;
  width: 50px;
}
p.mst-cle-5 {
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  color: white;
  margin-left: 89px;
  margin-top: -2px;
  width: 61px;
}
p.mst-cle-6 {
  font-size: 10px;
  font-weight: 600;
  position: relative;
  top: -32px;
  width: 80px;
  color: #0cb6ef;
  text-align: center;
  display: block;
  left: 54px;
  margin-bottom: 15px;
}
p.mst-cle-6-1 {
  font-size: 10px;
  font-weight: 600;
  position: relative;
  top: -43px;
  width: 80px;
  color: #0cb6ef;
  text-align: center;
  display: block;
  left: 54px;
  margin-bottom: 15px;
}
p.mst-cle-6-2 {
  font-size: 10px;
  font-weight: 600;
  position: relative;
  top: -54px;
  width: 85px;
  color: #0cb6ef;
  text-align: center;
  display: block;
  left: 54px;
  margin-bottom: 15px;
}
p.mst-cle-7 {
  font-size: 10px;
  font-weight: 600;
  color: white;
  margin-left: -76px;
  margin-top: -6px;
  width: 62px;
}
p.mst-cle-8 {
  font-size: 10px;
  font-weight: 600;
  color: white;
  margin-left: 121px;
  margin-top: -49px;
  width: 57px;
}
p.mst-cle-9 {
  font-size: 10px;
  font-weight: 600;
  color: white;
  margin-left: 27px;
  margin-top: -22px;
  width: 63px;
}
p.mst-cle-10 {
  font-size: 10px;
  font-weight: 500;
  color: white;
  margin-top: -50px;
  width: 76px;
  margin-left: -72px;
}
.circle-master {
  background: white;
  border-radius: 20px 20px 20px 20px;
  margin-top: -16px;
  height: 323px;
}

/* 20-12-23 */
/* Nine-Goals */
.nine-goal-start {
    background: white;
    margin-left: 42px;
    margin-right: 22px;
    border-radius: 20px;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-top:-23px;
}
h1.goal-header-sec {
  padding: 15px;
  font-size: 22px;
}
button.back-goal {
  border: 0px;
  background: transparent;
  float: right;
  margin-top: 13px;
  margin-right: 23px;
}
img.back-arrow-goal {
  width: 33px;
  float: right;
}
.goal-main-header {
  box-shadow: -8px 19px 28px -25px grey;
  margin-bottom: 15px;
}
h2.goal-sub-header {
  font-size: 22px;
  padding: 9px;
  text-align: left;
  margin-top: 14px;
  margin-bottom: 4px;
  color: #279b48;
}
img.goal-three-image {
    margin-top: 14px;
    margin-left: -23px;
    width: 81%;
}
.goal-text {
  background: #d9f3fd;
  margin: 9px;
  height: 39px;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  padding-top: 8px;
  padding-left: 67px;
  text-align: left;
  border-radius: 5px 0px 0px 5px;
}
.goal-text-sky {
  background: #fdedf4;
  margin: 9px;
  height: 39px;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  padding-top: 6px;
  padding-left: 67px;
  text-align: left;
  border-radius: 5px 0px 0px 5px;
}
.goal-count {
  height: 39px;
  width: 78px;
  color: white;
  padding-top: 5px;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  border-radius: 6px;
  background: rgba(60,193,243,255);
  margin-top: 9px;
  margin-left: -24px;
}
.goal-count-one {
  height: 39px;
  width: 78px;
  color: white;
  padding-top: 5px;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  border-radius: 6px;
  background: rgba(234,81,149,255);
  margin-top: 9px;
  margin-left: -24px;
}

/* New goal-description */
.goal-sustansble-pink {
  background: #f02788;
  height: 61px;
  width: auto;
  margin-top: 20px;
  margin-bottom: 24px;
  border-radius: 6px;
}
.goal-sustansble-sky {
  background: #00afff;
  height: 61px;
  width: auto;
  margin-top: 20px;
  margin-bottom: 24px;
  border-radius: 6px;
}
.goal-text-new {
  background: white;
  margin: 0px 0px 0px 54px;
  height: 59px;
  width: 96%;
  position: relative;
  top: -34px;
  font-size: 14px;
  font-weight: 600;
  padding-top: 14px;
  padding-left: 35px;
  padding-right: 37px;
  text-align: left;
  box-shadow: 0px 0px 6px 0px #787575;
  border-radius: 0px 5px 5px 30px;
}
.goal-count-left {
  width: fit-content;
  position: relative;
  top: 24px;
  font-size: 19px;
  margin-left: 13px;
  font-weight: 600;
  color: white;
}
.goal-count-right {
  width: fit-content;
  position: relative;
  top: -35px;
  font-size: 19px;
  float: right;
  margin-right: 13px;
  font-weight: 600;
  color: white;
}
.goal-sustansble-right-pink {
  background: #f02788;
  height: 61px;
  width: 100%;
  margin-top: 20px;
  margin-left: 55px;
  margin-bottom: 24px;
  border-radius: 6px;
}
.goal-sustansble-right-sky {
  background: #00afff;
  height: 61px;
  width: 100%;
  margin-top: 20px;
  margin-left: 55px;
  margin-bottom: 24px;
  border-radius: 6px;
}
.goal-text-right {
  background: white;
  margin: 0px 3px 0px 0px;
  height: 59px;
  width: 96%;
  position: relative;
  top: -5px;
  left: -41px;
  font-size: 14px;
  font-weight: 600;
  padding-top: 14px;
  padding-left: 35px;
  padding-right: 37px;
  text-align: left;
  box-shadow: 0px 0px 6px 0px #787575;
  border-radius: 5px 0px 30px 5px;
}
.lightgap{
  margin-left: 38px;
}
.firstgap{
  margin-left: 38px;
}
h2.goal-clean-energy {
    font-size: 22px;
    padding: 9px;
    text-align: left;
    margin-top: 14px;
    margin-bottom: 4px;
    color: #6a4893;
}
img.goal-three-image {
    margin-top: 9px;
    margin-left: 24px;
    margin-bottom: 2px;
    width: 81%;
}

/*date : 24/01/24 */
.goal-discription {
  background: white;
  height: 116px;
  margin-left: 42px;
  margin-right: 22px;
  margin-top: 4px;
  border-radius: 20px;
  padding-left: 0px;
  padding-bottom: 0px;
}
.goal-seven-description {
  margin-top: 24px;
  /* width: 83%; */
}
.goalbody1 {
  padding: 3px 0px 0px 7px;
  line-height: 15px;
  height: 64px;
  width: 100%;
  margin-left: -24px;
  background: #c7ffeb;
  border: 1px solid #1bda97;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 500;
  color: #030404;
}
.goalbody2 {
    padding: 3px 0px 0px 7px;
    line-height: 15px;
    height: 64px;
    width: 87%;
    margin-left: 40px;
    background: #c7ffeb;
    border: 1px solid #1bda97;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 500;
    color: #030404;
}
.count-goal-one {
  background: #1bda97;
  box-shadow: 0px 0px 9px 0px grey;
  border-radius: 0px 5px 5px 0px;
  position: absolute;
  height: 64px;
  width: 70px;
  margin-left: -50px;
}
.count1 {
  padding: 3px 0px 0px 0px;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: white;
}
.count-goal-two {
  background: #ff9c40;
  box-shadow: 0px 0px 9px 0px grey;
  border-radius: 5px;
  height: 64px;
  width: 70px;
  margin-top: 0px;
  margin-left: -55px;
}
.count2 {
  padding: 3px 0px 0px 0px;
  text-align: center;
  font-size: 29px;
  font-weight: 600;
  color: white;
}
.count-goal-three {
    background: #1093fd;
    box-shadow: 0px 0px 9px 0px grey;
    height: 64px;
    width: 70px;
    position: relative;
    z-index: unset;
    margin-top: 0px;
    margin-left: -64px;
    border-radius: 5px;
}
.count3 {
  padding: 3px 0px 0px 0px;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  color: white;
}
.count-goal-four {
    background: #c86fed;
    box-shadow: 0px 0px 9px 0px grey;
    border-radius: 5px;
    height: 64px;
    width: 70px;
    position: relative;
    z-index: unset;
    margin-top: 0px;
    margin-left: -72px;
}
.count4 {
  padding: 3px 0px 0px 2px;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  color: white;
}
.count-goal-five {
    background: #673AB7;
    box-shadow: 0px 0px 9px 0px grey;
    border-radius: 5px;
    height: 64px;
    width: 70px;
    position: relative;
    z-index: unset;
    margin-top: 0px;
    margin-left: -80px;
}
.count5 {
  padding: 3px 0px 0px 0px;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  color: white;
}
/*.img_zom {
  width: 76px;
  height: 74px;
  padding-top: 10px;
  margin-top: -6px;
  position: relative;
  z-index: 2;
}*/
.img_zom {
    width: 79px;
    height: 74px;
    padding-top: 10px;
    margin-top: -6px;
    position: relative;
    left: -10px;
    z-index: 2;
    border-radius: 5px;
}