.pricing-banner {
  background-image: url("../assets/images/pricing/pricing-4000.jpg");
  background-position: 20% 80%;
  min-height: 60vh;
}
/* .main-content{
    background-color: rgba(237,237,237,0.2);
} */
.pricing-banner-text {
  padding: 20px 40px;
  max-width: 50%;
  background-color: rgba(108, 29, 255, 0.8);
  border-radius: 30px 30px 0 30px;
  margin-bottom: 5vh;
  height: min-content;
}
.pricing-title {
  font-weight: 500;
  /* color: #595959; */
  margin-top: 40px;
  text-align: center;
}
.price-container {
  margin: 0 auto;
  padding: 0 25px 25px 25px;
  height: 100%;
  border-radius: 80px;
  background-color: rgba(237, 237, 237, 0.2);
  /* background-color: #F8F9F5; */
}
.d-flex > .d-inline-block h2 {
  color: #595959;
}
.table > :not(caption) > * > * {
  border-bottom-width: 0px;
}
.table > thead > * > * {
  border-bottom-width: 0px;
}
/* .tile-alt-shade :nth-child(2n-1){
    background-color: rgb(255, 255, 255);

} */
.tile-alt-shade p {
  margin: 7px 0;
  font-size: 14px;
  color: #595959;
  /* font-weight: 400; */
  width: 80%;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: rgb(79 79 79 / 5%);
}

/* .table>:not(caption)>*>td:last-child */
h1 {
  color: var(--bs-blue);
}

tbody {
  /* color: #595959; */
  font-size: 14px;
}
/* tbody tr:hover{
    background-color: #86b6fe20;
} */
tr > th:first-of-type {
  padding-left: 40px;
}
tr > td:first-of-type {
  /* color: #595959; */
  /* font-weight: 500; */
  padding-left: 40px;
}

.table,
.subscription-container {
  color: #595959;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
th {
  font-weight: 550;
}
td {
  color: #595959;
  /* font-weight: 420; */
}
.pricing-content-section > .container > .pricing-title {
  margin-bottom: 40px;
  margin-top: 100px;
}
@media (max-width: 991px) {
  .pricing-banner {
    background-image: url("../assets/images/pricing/pricing-2000.jpg");
    height: 50vh;
  }

  .pricing-banner-text {
    max-width: 50vw;
    min-width: 470px;
    bottom: 5%;
    padding: 20px;
  }
  .price-container {
    margin: 40px auto;
  }
  .table,
  .subscription-container {
    width: unset;
  }
}

@media (max-width: 575px) {
  .pricing-banner {
    min-height: 60vh;
  }
  .pricing-banner-text {
    max-width: unset;
    min-width: unset;
    left: 0%;
    margin-left: 25px;
    margin-right: 25px;
  }
  .price-container,
  .table-responsive,
  .pricing-content-section > .container > .pricing-title {
    padding: 5px 5px;
    margin: 40px 10px;
  }
  .price-container {
    border-radius: 40px;
  }
  tr > th:first-of-type {
    padding-left: 10px;
  }
  tr > td:first-of-type {
    padding-left: 10px;
    /* width: 200px; */
  }
}