.sec-box-card{
  margin: 6.4rem 0 12.8rem;
}
.sec-box-card .title{
  margin-bottom: 6.6rem;
}
.sec-box-card .title .h3 strong {
  margin-left: 9.1rem;
}
.box-card-list{
  display: flex;
  flex-wrap: wrap;
}
.box-card-item{
  --margin-left : var(--box-left);
  --margin-diff : calc(var(--margin-left) / var(--box-card));
  --margin-minus : calc(var(--margin-left) - var(--margin-diff));
  background: var(--white);
  border-radius: 2.8rem;
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  width: calc((100% / var(--box-card)) + var(--margin-minus));
  margin-left: calc(var(--margin-left) * -1);
  box-shadow: 0px 10px 22px 0px #0000001A,0px 39px 39px 0px #00000017,0px 88px 53px 0px #0000000D,0px 157px 63px 0px #00000003,0px 245px 69px 0px #00000000;
}
.box-card-item:first-child{
  margin-left: 0;
}
.box-card-item:nth-child(1){
  z-index: 10;
}
.box-card-item:nth-child(2){
  z-index: 9;
}
.box-card-item:nth-child(3){
  z-index: 8;
}
.box-card-item:nth-child(4){
  z-index: 7;
}
.box-card-item:nth-child(5){
  z-index: 6;
}
.box-card-item:nth-child(6){
  z-index: 5;
}
.box-card-item:nth-child(7){
  z-index: 4;
}
.box-card-item:nth-child(8){
  z-index: 3;
}
.box-card-item:nth-child(9){
  z-index: 2;
}
.box-card-item:nth-child(10){
  z-index: 1;
}
.box-card-item:hover{
  z-index: 11;
  background: #f2f2f2;
}
.box-card-no{
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: var(--blue);
  color: var(--white);
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 4rem;
}
.box-card-item .h4{
  margin-bottom: 1.2rem;
}
.box-card-item p{
  color: var(--light-black);
  font-size: 1.8rem;
  margin-bottom: 1.8rem;
}
.box-card-btn{
  margin-top: auto;
  text-align: right;
}
@media(min-width:1200px) and (max-width:1259.98px){
  .sec-box-card {
    margin: 6.4rem 0 10.8rem;
  }
  .box-card-item p {
    font-size: 1.7rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .sec-box-card {
    margin: 6.4rem 0 10.8rem;
  }
  .sec-box-card .title .h3 strong {
    margin-left: 6.7rem;
  }
  .box-card-no {
    margin-bottom: 3.2rem;
  }
  .box-card-item .h4{
    font-size: 2.4rem;
  }
  .box-card-item p {
    font-size: 1.6rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .sec-box-card {
    margin: 6.4rem 0 8rem;
  }
  .sec-box-card .title {
    margin-bottom: 4rem;
  }
  .box-card-item {
    width: calc(50% - 1.2rem);
    margin-left: 2.4rem !important;
  }
  .box-card-item:nth-child(2n + 1){
    margin-left: 0 !important;
  }
  .box-card-item:nth-child(n + 3){
    margin-top: 2.4rem;
  }
  .box-card-no {
    margin-bottom: 2rem;
  }
  .box-card-item p {
    font-size: 1.6rem;
  }
}
@media(max-width:767.98px){
  .sec-box-card {
    margin: 4.8rem 0 6.4rem;
  }
  .sec-box-card .title {
    margin-bottom: 4rem;
  }
  .box-card-item {
    width: 100%;
    margin-left: 0;
  }
  .box-card-item:nth-child(n + 2){
    margin-top: 2.4rem;
  }
  .box-card-no {
    margin-bottom: 2.4rem;
  }
  .box-card-item p {
    font-size: 1.7rem;
  }
  .box-card-item p br{
    display: none;
  }
}