@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap");
body {
  color: #212529;
  font-family: "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
}

.rounded {
  border-radius: 15px !important;
}

.hidden {
  visibility: hidden;
  opacity: 0;
}

.bg-teal {
  background: rgb(13 105 243 / 19%);
}

.btn {
  transition: all 0.25s ease-in-out;
}

.btn-teal {
  background: #ee8434;
  color: #fff;
}
.btn-teal:hover {
  background: #212529;
  color: #fff;
}

.pricing-intro .sub-title {
  font-size: 1.15em;
}

.pricing-plan {
  background: #f7f7f7;
  border: 1px solid #fff;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
.pricing-plan:hover {
  background: rgb(13 105 243 / 19%);
  color: #fff;
}
.pricing-plan.active-btn {
  background: rgb(13 105 243 / 19%);
  color: #fff;
}
.pricing-plan h4 {
  font-size: 1em;
}

.pricing-table h2 {
  font-size: 1.75em;
  color: #fff;
}
.pricing-table .sub-title {
  font-size: 1em;
  font-weight: initial;
}
.pricing-table .active-plan {
  display: block !important;
}

.col-compare .title-row {
  border-top-left-radius: 10px;
}

.col-enterprise .title-row {
  border-top-right-radius: 10px;
}

.pricing-compare {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.pricing-enterprise {
  border-bottom-right-radius: 10px;
}

.col-pricing:hover {
  z-index: 1;
}

.pricing-single {
  background: #f7f7f7;
  min-height: 400px;
  margin-left: 1px;
  margin-right: 1px;
  transition: all 0.25s ease-in-out;
  border:1px solid #c6c6c6;
}
.pricing-single:hover:not(.pricing-compare) {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
  transform: scale(1.005);
}
.pricing-single:last-of-type {
  border-top-right-radius: 10px;
}

.title-row {
  background: #ffffff;
  color: #fff;
  min-height: 150px;
  padding: 0 10px;
  color: #000;
  border: 1px solid #c6c6c6;

  border-radius: 2px;
}

.title-row h2{ color: #0d6efd;}
.pricing-popular {
  min-height: 40px;
  border-radius: 5px;
  z-index: 2;
}
.pricing-popular h4 {
  font-size: 1em;
}
.pricing-popular.active {
  background: #0d6efd;
  color: #fff;
}

.col-popular .pricing-single {
  background: #e9f2ff;
}
.col-popular .bg-teal {
  background: #455e84;
}
.col-popular .btn-teal {
  background: #ee8434;
    color: #ffffff;
}
.col-popular .btn-teal:hover {
  background: #212529;
  color: #fff;
}

.cost-row {
  border-bottom: 1px solid #fff;
  min-height: 200px;
}
.cost-row .cost {
  font-size: 3em;
  font-weight: 800;
  line-height: 1em;
}

.compare-item-row {
  border-bottom: 1px solid #fff;
  height: 60px;
}
.compare-item-row:last-of-type {
  border-bottom: none;
}
.compare-item-row .circle {
  height: 20px;
  width: 20px;
  border-radius: 50%;
}
.compare-item-row .compare-title {
  font-weight: 700;
}

@media screen and (max-width: 1199px) {
  .compare-item-row {
    height: 70px;
  }
}
@media screen and (max-width: 991px) {
  .pricing-table {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .pricing-single:not(.pricing-compare) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .pricing-single:not(.pricing-compare) .title-row {
    border-top-right-radius: 10px;
  }

  .pricing-single:hover {
    box-shadow: none !important;
    transform: none !important;
  }
}
@media screen and (max-width: 460px) {
  .cost-row .cost {
    font-size: 2.5em;
  }

  .compare-item-row {
    height: 80px;
  }
}