.camera-card {
  background: #EFF0F5 !important;
}

.camera-wrap .card {
  background: #EFF0F5 !important;
}

.camera-card .camera-click img {
  width: 40px;
  height: 40px;
}

.camera-card, .cam-open {
  width: 328px;
  height: 240px;
  border-radius: 8px !important;
}

.camera-card {
  border: unset !important;
}

.cam-open {
  background: transparent;
}

.video {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.camera-wrap .card img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.image_capture {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto 16px;
}

.capture-icon {
  border: 0;
  background: #EF005A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.9998 15.1998C13.7671 15.1998 15.1998 13.7671 15.1998 11.9998C15.1998 10.2325 13.7671 8.7998 11.9998 8.7998C10.2325 8.7998 8.7998 10.2325 8.7998 11.9998C8.7998 13.7671 10.2325 15.1998 11.9998 15.1998Z' fill='white'/%3E%3Cpath d='M9 2L7.17 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4H16.83L15 2H9ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
  width: 48px !important;
  height: 48px;
  padding: 0;
  border-radius: 100%;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.40);
}

.btn-card {
  width: 328px;
}

.selfie-block {
  margin-bottom: 0 !important;
}

/* #verify-yourself-next {
  margin-top: 40px;
} */

/* .selfie-block .camera-wrap .btn-card .retake_capture,
.selfie-block .camera-wrap .btn-card .done-btn-selfie {
  margin-bottom: 16px;
} */

/* .retake_capture {
  margin-right: 12px;
} */

.license-block, .passport-block {
  margin-bottom: 32px;
}


.lang_en .camera-btn .btn {
  width: 158px;
}

.lang_si .camera-btn,
.lang_ta .camera-btn,
.lang_si .update-actions .d-flex,
.lang_ta .update-actions .d-flex {
  display: block !important;
}

.lang_si .camera-btn .btn,
.lang_ta .camera-btn .btn {
  width: 100%;
}

.lang_si .retake_capture,
.lang_ta .retake_capture {
  margin-bottom: 0 !important;
}

.lang_si .done-btn,
.lang_ta .done-btn,
.lang_si .button-left-spacing,
.lang_ta .button-left-spacing {
  margin-top: 16px !important;
}

.lang_si .camera-btn #done-btn,
.lang_ta .camera-btn #done-btn {
  margin-left: 0;
  margin-top: 12px;
}

.lang_si .update-actions .button-left-spacing,
.lang_ta .update-actions .button-left-spacing {
  margin-left: 0;
}

.lang_si .id-verification-section .camera-block .tab-card .card-click .txt-style,
.lang_ta .id-verification-section .camera-block .tab-card .card-click .txt-style {
  white-space: inherit;
}

.cam-btn-space {
  margin: 2rem 0;
  width: 328px;
}

.nxt-btn {
  min-width: 158px !important;
}

#done-btn {
  margin-left: 12px;
}

.radio-click {
  position: relative;
}

.radio-click::before {
  position: absolute;
  left: 0;
  content: "";
  z-index: -1;
  width: 36px;
  height: 24px;
}

#next-sim-details_change-update, .button-left-spacing {
  margin-left: 12px;
}
.sim-details-edit-block .radio-click{
  pointer-events: none;
}

.style-v2.contact-details-section .bootstrap-select div.dropdown-menu,
.style-v2.contact-details-section .bootstrap-select div.dropdown-menu .show {
  max-height: 215px !important;
  min-height: 215px !important;
}

@media (min-width: 768px) {

  .show_error_back, 
  .show_error_front,
  .show_error_selfie {
    width: 328px;
  }

  .style-v2.contact-details-section .bootstrap-select div.dropdown-menu,
  .style-v2.contact-details-section .bootstrap-select div.dropdown-menu .show {
    max-height: 225px !important;
    min-height: 225px !important;
  }

}

@media (max-width: 576px) {
  .invalid-icon {
    width: 20px !important;
    height: 20px !important;
  }
}

@media only screen and (min-device-width: 360px) and (max-device-width: 576px) {
  .camera-card, .cam-open {
    width: 100%;
    height: 320px;
  }
  .btn-card {
    width: 100%;
  }
}