.lp-cost-wrapper {
  position: relative;
  padding: 100px 0;
}
.lp-cost-inner {
  display: flex;
  flex-direction: column;
  gap: 55px;
}
.lp-cost-title-block :is(h1, h2, h3){
  font-weight:500;
}
.lp-cost-table-block{
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
  scrollbar-width: none; /
}
.lp-cost-table-row {
  display: flex;
  gap:12px;
}
.lp-cost-item {
  flex:1;
  background: #F3EFE8;
  display: flex;
  align-items: center;
  gap:12px;     
  box-sizing: border-box;
  padding: 24px;
}

@media (min-width:1025px){
  .lp-cost-table-row .lp-cost-item:first-child{
    position:relative;
    flex: 0.8;
  }
}
.lp-cost-image{
  min-width:32px;
  width:32px;
}
.lp-cost-image > img{
  display:block;
}
.lp-cost-text{
  font-size:24px;
  font-weight:600;
  color:var(--basecolor);
  letter-spacing:-0.16px;
}
.lp-cost-text font{
  font-weight:400;  
}
.lp-cost-text span{
  font-weight:400;  
  color:#acadb6; 
}

.lp-cost-button-block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top:17px;
}
.lp-cost-btn{
  background: var(--basecolor);
  border: 2px solid transparent;
  color: var(--white);
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
  padding: 10px 20px;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.lp-cost-btn:hover {
  background: var(--primary-color);
  border: 2px solid var(--primary-color);
  color: var(--white);
}

@media (max-width:1200px){
  .lp-cost-item{
    padding:15px;
  }
  .lp-cost-image {
    min-width: 22px;
    width: 22px;
  }
  .lp-cost-text {
    font-size: 17px;
  }
}

@media (max-width:1024px){
  .lp-cost-wrapper {
    position: relative;
    padding: 60px 0;
  }
  .lp-cost-inner {
    gap: 30px;
  }
  .lp-cost-item{
    min-width:40%;
    padding:15px;
  }
  .lp-cost-image {
    min-width: 20px;
    width: 20px;
  }
  .lp-cost-text {
    font-size: 16px;
  }
}

@media (max-width:767px){
  .lp-cost-wrapper {
    position: relative;
    padding: 40px 0;
  }
  .lp-cost-inner {
    gap: 20px;
  }
  .lp-cost-item{
    min-width:60%;
    padding:15px;
  }
}

@media (max-width:575px){
  .lp-cost-item{
    min-width:75%;
    padding:15px;
  }
  .lp-cost-image {
    min-width: 18px;
    width: 18px;
  }
  .lp-cost-text {
    font-size: 15px;
  }
}