.fab[kvp-c0] {
      position: fixed;
      right: 10px;
      border-radius: 50%;
      height: 70px;
      width: 70px;
      z-index: 9;
      bottom: 5.5rem
  }
  
  .hidee[kvp-c0] {
      display: none
  }
  
  .screen-d[kvp-c0] {
      padding-bottom: 0;
      margin-bottom: -60px;
      position: -webkit-sticky;
      position: sticky;
      top: 39px;
      z-index: 999;
      background: #f8f8f8
  }
  
  .loader-text[kvp-c0] {
      font-size: 15px;
      position: absolute;
      color: #fff;
      text-shadow: 1px 0 2px #000;
      font-weight: 700;
      padding-top: 11rem
  }
  
  .loader-text[kvp-c0]:after {
      content: '.';
      -webkit-animation: 1s steps(5, end) infinite dots;
      animation: 1s steps(5, end) infinite dots
  }
  
  @-webkit-keyframes dots {
  
      0%,
      20% {
          color: transparent;
          text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
      }
  
      40% {
          color: #fff;
          text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
      }
  
      60% {
          text-shadow: .25em 0 0 #fff, .5em 0 0 transparent
      }
  
      100%,
      80% {
          text-shadow: .25em 0 0 #fff, .5em 0 0 #fff
      }
  }
  
  @keyframes dots {
  
      0%,
      20% {
          color: transparent;
          text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
      }
  
      40% {
          color: #fff;
          text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
      }
  
      60% {
          text-shadow: .25em 0 0 #fff, .5em 0 0 transparent
      }
  
      100%,
      80% {
          text-shadow: .25em 0 0 #fff, .5em 0 0 #fff
      }
  }

 
#partitioned[kvp-c2] {
	padding-left: 17px;
	letter-spacing: 25px;
	border: 0;
	background-image: linear-gradient(to left, #000 70%, rgba(255, 255, 255, 0) 0);
	background-position: bottom;
	background-size: 34px 1px;
	background-repeat: repeat-x;
	background-position-x: 35px;
	width: 220px;
	min-width: 220px;
	font-size: 17px;
	outline: 0;
	margin: 18px auto
}

.new6digitinput{
    padding-left: 17px !important;
	letter-spacing: 25px !important ;
	border: 0;
	background-image: linear-gradient(to left, #000 70%, rgba(255, 255, 255, 0) 0);
	background-position: bottom;
	background-size: 34px 1px !important;
	background-repeat: repeat-x;
	background-position-x: 35px;
	width: 220px;
	min-width: 220px;
	font-size: 17px;
	outline: 0;
	margin: 18px auto

}
#divInner[kvp-c2] {
	left: 0;
	position: -webkit-sticky;
	position: sticky
}

#divOuter[kvp-c2] {
	width: 200px;
	overflow: hidden;
	margin: 0 auto
}

h5[kvp-c2] {
	color: #253d7f
}

h4[kvp-c2] {
	margin-bottom: 2rem
}



.fab[kvp-c0] {
  position: fixed;
  right: 10px;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  z-index: 9;
  bottom: 5.5rem
}

.hidee[kvp-c0] {
  display: none
}

.screen-d[kvp-c0] {
  padding-bottom: 0;
  margin-bottom: -60px;
  position: -webkit-sticky;
  position: sticky;
  top: 39px;
  z-index: 999;
  background: #f8f8f8
}

.loader-text[kvp-c0] {
  font-size: 15px;
  position: absolute;
  color: #fff;
  text-shadow: 1px 0 2px #000;
  font-weight: 700;
  padding-top: 11rem
}

.loader-text[kvp-c0]:after {
  content: '.';
  -webkit-animation: 1s steps(5, end) infinite dots;
  animation: 1s steps(5, end) infinite dots
}

@-webkit-keyframes dots {

  0%,
  20% {
      color: transparent;
      text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
  }

  40% {
      color: #fff;
      text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
  }

  60% {
      text-shadow: .25em 0 0 #fff, .5em 0 0 transparent
  }

  100%,
  80% {
      text-shadow: .25em 0 0 #fff, .5em 0 0 #fff
  }
}

@keyframes dots {

  0%,
  20% {
      color: transparent;
      text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
  }

  40% {
      color: #fff;
      text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
  }
  60% {
      text-shadow: .25em 0 0 #fff, .5em 0 0 transparent
  }

  100%,
  80% {
      text-shadow: .25em 0 0 #fff, .5em 0 0 #fff
  }
}

@font-face {
    font-family: Roboto;
    src: url("chrome-extension://mcgbeeipkmelnpldkobichboakdfaeon/css/Roboto-Regular.ttf");
    }

    .loader {
        border: 20px solid rgb(211, 211, 211);
        position: absolute;
        left: 44%;
        margin: auto;
        border-radius: 50%;
        border-top: 16px solid #3498db;
        width: 125px;
        height: 125px;
        -webkit-animation: spin 1s linear infinite; /* Safari */
        animation: spin 1s linear infinite;
        }
  

        .otp-input {
            border: 8px solid #ccc; /* Add a border */
            padding: 5px; /* Add padding for better appearance */
            width: 100px; /* Adjust the width as needed */
        }