#cover{
  content: '';
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  height: 100%;
  top: 0;
  position: absolute;
  background-color: #15324c;
  opacity: 0.7;
  display: none;
  z-index: 10;
}

.verify-modal{
    position: absolute;
    top: 0;
    background-color: white;
    left: 15px;
    width: 90%;
    display: none;
    border: 1px solid;
    z-index: 1000;
}
@media (min-width: 768px) { 
  .verify-modal{
    position: absolute;
    top: -160px;
    background-color: white;
    left: calc(50% - 200px);
    width: 100%;
    max-width: 400px;
}
}

.modal-inner-wrapper {

}
.modal-header{
   background-color: #15324c;
  display: flex;
  justify-content: space-between;
  padding: 15px;
  align-items: center;
}
.modal-header .close-button{
    color: white;
    font-size: 20px;
    padding: 5px 10px;
    border: 1px solid;
    border-radius: 50%;
    cursor: pointer;
}
.modal-header .title{
  color: white;
  text-transform: capitalize;
  font-size: 25px;
  letter-spacing: 2px;
  font-weight: 700;
 
}

/*
/ Body
*/
.modal-body{
  padding: 20px;
}
.verify-section{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    position: relative;
}


.info {
  width: 90%;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  margin-left: 15px;
  
}
@media (min-width: 768px) {
  .info {
    font-size: 18px;
    width: 70%;
  }
 
}
.static-text {
 margin-right: 7px;
}
.final{
  color: #d43933e5;
  font-size: 30px;
}

.check-icon {
  display: flex;
  justify-content: center;
  width: 10%;
  margin-right: 25px;
}
 @media (min-width: 768px) {
   .check-icon {
     width: 20%;
    margin-right: 0;
   }
}
.checker {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%230bb4c8' d='M8.294 16.998c-.435 0-.847-.203-1.111-.553L3.61 11.724a1.392 1.392 0 01.27-1.951 1.392 1.392 0 011.953.27l2.351 3.104 5.911-9.492a1.396 1.396 0 011.921-.445c.653.406.854 1.266.446 1.92L9.478 16.34a1.39 1.39 0 01-1.12.656c-.022.002-.042.002-.064.002z'/%3E%3C/svg%3E");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    position: absolute;
    top: -20px;
}
 .dmi-loader {
    position: absolute;
    height: 0;
    z-index: 10;
    overflow: hidden;
    top: -20px;
}
.item {
 position: relative;
}

.item-0 .dmi-loader {
    animation: disappear 1s 0s 1 linear;
}
.item-1 .dmi-loader {
    animation: disappear 2s 0s 1 linear;
}
.item-2 .dmi-loader {
    animation: disappear 3s 0s 1 linear;
}
.item-3 .dmi-loader {
    animation: disappear 4s 0s 1 linear;
}
.item-4 .dmi-loader {
    animation: disappear 5s 0s 1 linear;
}
.item-5 .dmi-loader {
    animation: disappear 6s 0s 1 linear;
}

.show {
  display: block !important;
}


@keyframes disappear {
  0% {
    height: auto;
  }
  100% {
    height: 0;
  }
}


.dmi-internal-loader {
  border: 5px solid whitesmoke;
  border-top: 5px solid #15324c;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: white;
  animation: spin 0.5s linear infinite;
  
}

@media (min-width: 768px) {
  .dmi-internal-loader {
    border: 7px solid whitesmoke;
    border-top: 7px solid #15324c;
    width: 25px;
    height: 25px;
  }
  
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}