.fx-pricing-plan-sec{
  padding-block:100px;
  background-color: var(--neutral-100);
}

.fx-pricing-plan-sec-header {
  margin-bottom: 50px;
  text-align: center;
}
.fx-pricing-toggle-wrapper{
  align-items: center;
  border: 1px solid var(--neutral-300);
  display: flex;
  gap: 4px;
  border-radius: 50px;
  padding: 8px;
  width: fit-content;
  margin-inline: auto;
  transition: all;
  margin-bottom:40px;
}
.fx-pricing-cards-toggle{
  cursor: pointer;
  padding:16px 24px;
  border-radius:50px;
  font-weight:600;
  transition: all var(--transition-duration) ease-in-out;
}
.fx-pricing-cards-toggle.active{
  color:var(--primary);
  background-color:var(--primary-100);
}
.fx-pricing-plan-wrapper{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.fx-pricing-plan-card{
  border:1px solid var(--neutral-300);
  background-color:var(--background);
  border-radius: 24px;
}
.fx-pricing-card-top-content{
  padding:32px;
  border-bottom:1px solid var(--neutral-300);
}
.fx-pricing-card-title-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  margin-bottom:32px;
}
.fx-pricing-card-title{
  color:var(--neutral-700);
  font-weight:600;
  margin-bottom:0;
}
.fx-pricing-card-tag{
  color:var(--primary);
  background-color:var(--primary-100);
  padding: 4px 10px;
  font-size: 14px;
  border-radius: 50px;
  line-height: 1;
}
.fx-pricing-plan-items .fx-pricing-plan-rate:first-child{
  margin-bottom:20px;
}
.fx-pricing-plan-value{
  transition: all var(--transition-duration) ease-in-out;
  transform: translateY(-0%);
}

.fx-pricing-plan-wrapper.show-yearly .fx-pricing-plan-value{
  transform: translateY(-55%);
}

.fx-pricing-plan-items{
  margin-bottom:16px;
  max-height: 60px;
  overflow: hidden;
}
.fx-pricing-plan-rate{
  display:flex;
  gap:8px;
  align-items: end;
}
.fx-pricing-num{
  line-height: 1;
  font-size:60px;
  font-weight:600;
  margin-bottom:0px;
}
.fx-pricing-plan-rate p{
  line-height: 1.8;
  font-weight:400;
}

.fx-pricing-card-info{
  margin-bottom:32px;
}

.fx-pricing-btn .btn a{
  width: 100%;
  text-align: center;
}

.fx-pricing-card-bottom-content{
  padding:32px;
}

.fx-pricing-card-list-title{
  margin-bottom:24px;
}

.fx-pricing-card-list-item.disabled {
  text-decoration: line-through;
}

.fx-pricing-card-list{
  list-style: none;
}
.fx-pricing-card-list-item{
  display: flex;
  gap: 4px;
}
.fx-pricing-card-icon{
  width: 16px;
  aspect-ratio: 1;
  /*   line-height: 1; */
  align-self: center;
}
.fx-pricing-card-icon img{
  width: 100%;
  height:100%;
}

.fx-pricing-card-list .fx-pricing-card-list-item:not(:last-child){
  margin-bottom:16px;
}
@media only screen and (max-width: 1279.99px) {
  .fx-pricing-plan-wrapper {
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 991.99px) {
  .fx-pricing-plan-wrapper {
    gap: 24px;
    /*     grid-template-columns: repeat(1, 1fr); */
  }
  .fx-pricing-card-top-content{
    padding:22px 20px;
  }

  .fx-pricing-num {
    line-height: 1;
    font-size: 20px;
    font-size: 48px;
  }
  @media only screen and (max-width: 767.99px) {
    .fx-pricing-card-bottom-content {
      padding:22px 20px;
    }
    .fx-pricing-num {
      font-size: 48px;
    }
    .fx-pricing-plan-items {
      margin-bottom: 16px;
      max-height: 48px;
    }
  }
  @media only screen and (max-width: 639.99px) {
    .fx-service-sec {
      padding-block: 50px;
    }
    .fx-service-header {
      margin-bottom: 28px;
    }
    .fx-service-header-title {
      margin-bottom: 12px;
    }
    .fx-pricing-card-list-item{
      display:flex;
      gap:4px;
    }
    .fx-pricing-plan-wrapper {
      gap: 24px;
      grid-template-columns: repeat(1, 1fr);
    }

    .fx-pricing-cards-toggle {
      padding: 12px 18px;
    }
}