/* fix password show-hide icon */
.input-group-password {
  border-top-left-radius: 0px!important;
  border-bottom-left-radius: 0px!important;
}

.input-group-text[id="password-icon"] {
  display: block!important;
  border-right: 1px solid #ced4da!important;
}

.form-control[name="email"] {
  border-right: 1px solid #ced4da!important;
}

.form-control[id="password"] {
  border-right: transparent!important;
}
/* end fix password show-hide icon */

/* package box */
#package-input {
  color: black;
  background-color: #fff;
  border-right: unset!important;
  border-left: unset!important;
  cursor: default;
}
#package-input:focus {
  border: 1px solid #ced4da;
  box-shadow: unset!important;
}
#package-button {
  border-right: 1px solid #ced4da;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(13,110,253,1) 25%, rgba(13,110,253,1) 100%);
  color: white;
  font-size: .900rem;
  padding-left: 32px;
  letter-spacing: 0.35px;
}
#package-button:hover {
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(10,88,202,1) 25%, rgba(10,88,202,1) 100%);
}

#package-button:focus {
  box-shadow: unset;
}


/* Right column */
.right-column {
  height: 100vh;
  background-image: url('../images/dashboard.jpeg');
  background-size: cover;
}

.log-in {
  max-width: 100%;
  height: auto;
  padding: 40px;
  background-color: #fff;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  margin-top: 86px;
}

.log-in__head {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 140%;
  letter-spacing: 0.005em;
  color: #000000;
}

.log-in__sub {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.005em;
  color: #848684;
}

.input-group-text {
  background-color: transparent;
}




/* Left column */


.left-column {
  padding: 60px;
  height: 100vh;
  overflow-y: scroll;
}


.form-submit-button {
  width: 100%;
}

.form-warning {
  text-align: center;
  margin-top: 12px;
}

.input-group-text {
  border-right: transparent;
}

.form-control {
  border-left: transparent;
}

.intl-tel-input {
  min-width: 100%;
  border-left: 1px solid #ced4da;
  border-radius: .375rem;
}

.input-group-password {
  border-right: 1px solid #ced4da;
}

/* ----------- PRICING CARD -----------*/
/* Modal box size */
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 72%;
  }
}

.pricing__heading {
  text-align: center;
  margin-bottom: 40px;
}

.pricing-card-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pricing-card {
  height: auto;
  box-shadow: 0px 1px 8px 1px rgba(33, 37, 41, 0.15);
  border-radius: 8px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}

.pricing-card__tag {
  align-self: flex-start;
  margin-bottom: 20px;
}

.pricing-card__amount {
  align-self: flex-start;
  margin-bottom: 20px;
}

.pricing-card__frequency {
  font-size: 16px;
  font-weight: 400;
}

.pricing-card hr {
  width: 100%;
  height: 1px;
  margin: 0px 0px 20px 0px;
}

.pricing-card .btn-primary {
  align-self: flex-end;
  width: 100%;
  margin-top: 60px;
}

.pricing-card__list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px;
  list-style: none;
  width: 100%;
}

.pricing-card__list-item {
  margin-bottom: 8px;
}

.pricing-card__list-item img {
  margin-right: 8px;
}

.selected-button, .pricing button:focus {
  border: 1px solid #1089D4;
  background-color: transparent;
  color: #000;
}