.hr-price-card {
  position: relative;
  z-index: 0;
  transition: all 0.3s linear 0s;
  border-radius: 5px;
  border: 1px solid #b0b0b0;
  padding: clamp(1.875rem, -0.2723rem + 3.352vw, 3.75rem) clamp(1.375rem, -1.875rem + 4.6875vw, 3.125rem) 0 clamp(2.375rem, 0.125rem + 4.6875vw, 3.125rem);
  background: #f7f7f7;
  text-align: start;
  justify-items: start;
  height: 100%;
  padding-bottom: 20px;
}
.hr-price-card:hover {
  border-color:#b0b0b0;
  background:var(--white)
}
.hr-price-card .hr-price-card-header {
  text-align:start;
  justify-items:start;
  padding:0
}
.hr-price-card .hr-price-card-header .hr-price-card-title h5 {
  color:#161618;
  font-size:clamp(1.75rem, 1.6346rem + 0.5128vw, 2.25rem);
  text-transform:capitalize;
  margin-top:0;
  margin-bottom:0
}
.hr-price-card .hr-price-card-header .hr-price-card-title h5 a {
  color: var(--color-3);
  transition: inherit;
  font-family: var(--font-01);
}
.hr-price-card .hr-price-card-header .hr-price-card-subtitle {
  font-size:1rem;
  letter-spacing:.05em;
  color:#161618;
  transition:all 0.3s linear 0s;
  font-family:var(--font-02)
}
.hr-price-card .hr-price-card-pricing {
  line-height:10px;
  position:relative;
  margin:0;
  padding:0;
  color:#161618;
  font-size:60px;
  font-weight:700;
  text-align:start;
  justify-items:start
}
.hr-price-card .hr-price-card-pricing .hr-price-card-pricing-sale {
  display:inline-table;
  line-height:0!important
}
.hr-price-card .hr-price-card-pricing .hr-price-card-pricing-sale span {
  display:table-cell;
  font-size:18px;
  padding-right:5px;
  line-height:1;
  vertical-align:baseline;
  font-family:var(--font-02)
}
.hr-price-card .hr-price-card-pricing .hr-price-card-pricing-sale .hr-price-card-prefix {
  padding-right:5px;
  line-height:1;
  vertical-align:baseline
}
.hr-price-card .hr-price-card-pricing .hr-price-card-pricing-sale .hr-price-card-suffix {
  padding-left:5px
}
.hr-table-feature {
  border-top: 0;
  position: relative;
  margin: 15px 0 30px;
  padding: 15px 0;
}
.hr-table-feature:before {
  content:"";
  position:absolute;
  width:100%;
  height:1px;
  background:#b0b0b0;
  left:0;
  top:0;
  transition:all 0.3s linear
}
.hr-table-feature ul {
  text-align:start;
  display:grid;
  grid-template-columns:repeat(1,1fr);
  gap:0 20px;
  margin:0;
  padding:0;
  list-style-type:none
}
.hr-table-feature ul li {
  padding:7px 0;
  font-size:18px;
  line-height:22px;
  position:relative;
  margin:0;
  padding-left:40px;
  font-family:var(--font-02)
}
.hr-table-feature ul li:before {
  content:"\f00c";
  font-family:"Font Awesome 6 Pro";
  font-weight:900;
  position:absolute;
  left:0;
  color:var(--color-8);
  border-radius:50%;
  height:30px;
  width:30px;
  padding:1px;
  text-align:center
}
.hr-table-feature ul li .hr-list-inner {
  display:flex;
  align-items:baseline
}
.hr-table-feature ul li .hr-list-inner .hr-content-icon {
  line-height:0;
  position:relative;
  top:-1px;
  padding-right:10px
}
.hr-table-feature ul li .hr-list-inner .hr-content-icon span {
  color:#161618;
  font-size:16px
}
.hr-table-feature ul li .hr-list-inner .hr-content-icon span i {
  font-weight:var(--weight-500)
}
.hr-table-feature ul li .hr-list-inner .hr-list-text {
  color:#161618;
  font-size:16px;
  font-weight:var(--weight-600);
  line-height:1.62;
  font-family:var(--font-02)
}
.hr-table-feature ul .excluded {
  opacity:.5
}
.hr-table-feature ul .excluded .hr-list-text {
  text-decoration:line-through
}
.hr-price-card div[class*='-card-badge']:not(.type4) {
  font-size:1rem;
  font-weight:400;
  line-height:1;
  position:absolute;
  margin:0;
  color:var(--white);
  background-color:#161618
}
.hr-price-card div[class*='-card-badge'].type2 {
  top:30px;
  padding:8px 15px
}
.hr-price-card div[class*='-card-badge'].type2.right {
  right:-15px;
  left:auto
}
.hr-price-card div[class*='-card-badge'].type2:after {
  position:absolute;
  z-index:9;
  top:-15px;
  width:0;
  height:0;
  content:'';
  opacity:.9;
  border-bottom:15px solid #161618
}
.hr-price-card div[class*='-card-badge'].type2.right:after {
  right:0;
  left:auto;
  border-right:15px solid #fff0
}
.price-btn {
  position: absolute;
  bottom: 25px;
}
.membership-modal p,
.membership-modal ul li {
  color:#848283
}
.membership-modal p {
  margin-bottom:0;
  font-family:var(--font-02)
}
.membership-modal ul li {
  font-family:var(--font-02)
}
.hr-section .price-inner {
  row-gap:20px
}
.radio-buttons {
  width:100%;
  margin:0 auto;
  text-align:center;
  display:flex;
  justify-content: center;
  padding-top:5px
}
.custom-radio input {
  display:none
}
.radio-btn {
  margin:10px;
  width:170px;
  height:80px;
  border:3px solid #fff0;
  display:inline-block;
  border-radius:10px;
  position:relative;
  text-align:center;
  box-shadow:0 0 20px #c3c3c367;
  cursor:pointer
}
.radio-btn>i {
  color:#fff;
  background-color:var(--color-3);
  font-size:20px;
  position:absolute;
  top:-15px;
  left:50%;
  transform:translateX(-50%) scale(2);
  border-radius:50%;
  padding:0px 5px;
  transition:0.5s;
  pointer-events:none;
  opacity:0
}
.radio-btn .hobbies-icon {
  width:160px;
  height:15px;
  position:absolute;
  top:40%;
  left:50%;
  transform:translate(-50%,-50%)
}
.radio-btn .hobbies-icon img {
  display:block;
  width:100%;
  margin-bottom:20px
}
.radio-btn .hobbies-icon i {
  color:#FFDAE9;
  line-height:80px;
  font-size:60px
}
.radio-btn .hobbies-icon h3 {
  color:#555;
  font-size:15px;
  font-weight:300;
  letter-spacing:1px;
  font-weight:600
}
.radio-btn .hobbies-icon label {
  color: #555;
  font-size: 15px;
  font-weight: 300;
  letter-spacing:1px;
  font-weight: 600
}
.custom-radio input:checked+.radio-btn {
  border:2px solid var(--color-4)
}
.custom-radio input:checked+.radio-btn>i {
  opacity:1;
  transform:translateX(-50%) scale(1)
}
@media screen and (max-width:1280px) {
  .hr-table-feature ul {
    grid-template-columns:repeat(1,1fr);
    gap:0
  }
}
@media (max-width:767.98px) {
  .hr-price-card div[class*='-card-badge'].type2.right {
    right:-8px;
    left:auto
  }
  .hr-price-card div[class*='-card-badge']:not(.type4) {
    font-size:12px
  }
  .membership-modal .imgmodal {
    margin-top:20px;
    display:none
  }
  .price-btn {
    left:110px
  }
}
