.sec-box-card .title,
.box-card{
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}
.box-card-item{
  background: var(--white);
  padding: 3.2rem 4.8rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}
.box-card-item.bg-black{
  background: var(--black);
}
.box-card-item:last-child{
  margin-bottom: 0;
}
.box-card-item .h5{
  line-height: 3.2rem;
}
.box-card-cols{
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
}
.box-card-col{
  width: 20rem;
}
.box-card-col span{
  display: block;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #939393;
}
.box-card-col p{
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 500;
}
.box-card-item.bg-black .box-card-left{
  display: flex;
  align-items: center;
  gap: 1rem;
}
.box-card-icon{
  width: 2.4rem;
  height: 2.4rem;
}
.box-card-text p{
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: var(--white);
  font-weight: 500;
}
@media(min-width:768px) and (max-width:991.98px){
  .box-card-item {
    padding: 2.4rem 3.2rem;
    margin-bottom: 1.6rem;
  }
  .box-card-item .h5 {
    line-height: 2.4rem;
  }
  .box-card-text p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
@media(max-width:767.98px){
  .box-card-item {
    padding: 2.4rem;
    margin-bottom: 1.6rem;
    flex-wrap: wrap;
  }
  .box-card-left {
    width: 100%;
  }
  .box-card-item .h5 {
    line-height: 2.8rem;
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
  .box-card-col {
    width: 50%;
  }
  .box-card-col p {
    font-size: 1.5rem;
    line-height: 2.6rem;
  }
  .box-card-btn {
    width: 100%;
  }
  .box-card-btn .btn{
    width: 100%;
  }
  .box-card-icon {
    align-self: flex-start;
  }
  .box-card-text p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}