/* ========Pop Up Styles=========== */

.tab-modal .modal-body {
  margin: auto;
  padding-top: 10px;
  width: 100%;
}

.tab-modal h2 {
  font-weight: 600;
  font-size: 22px;
  color: #000000;
}
.tab-modal h3 {
  font-weight: 500;
  font-size: 17px;
  color: #000000;
}
.tab-modal .item-view {
  background: #ffffff;
  box-shadow: 0px 2px 6px #b7b7b7;
  padding: 25px;
  border-radius: 10px;
  margin-bottom: 25px;
}
.tab-modal p {
  color: #424242;
  font-weight: 400;
  font-size: 16px;
}

.tab-modal .tails-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-fullscreen-xl .modal-body {
  overflow-y: auto;
}
#popupModel .tab-modal i.bi.bi-x {
  cursor: pointer;
  color: black;
  font-size: 2rem;
  line-height: 0.5;
}
#popupModel.tab-modal .modal-content {
  border-radius: 0px !important;
}
#popupModel.tab-modal .close {
  opacity: 1;
}

#popupModel.tab-modal .modal-body {
  margin-bottom: 3rem;
}

.tab-modal .widthModal {
  width: 940px;
  margin: auto;
}
.modal-fullscreen-xl .modal-dialog {
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  margin: 0;
}