.lux-why-section,
.lux-why-section *{
    box-sizing:border-box;
}

.lux-why-section{
    width:100%;
    padding: 20px 24px;
    background:#fff;
}

.lux-why-shell{
    width:min(100%,1600px);
    margin:auto;
}

.lux-why-eyebrow{
    margin:0 0 28px;
    text-align:center;
    font-size:12px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#fc4c10;
}

.lux-why-panel{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    border:1px solid rgba(0,0,0,.08);
}

.lux-why-item{

    min-height:185px;

    padding:42px 24px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

}

.lux-why-item + .lux-why-item{

    border-left:1px solid rgba(0,0,0,.08);

}

.lux-why-icon{

    width:42px;
    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:26px;

}

.lux-why-icon img{

    width:40px;
    height:40px;

    display:block;

}

.lux-why-item h3{

    margin:0;

    font-size:17px;

    line-height:1.3;

    font-weight:900;

    text-transform:uppercase;

    color:#111;

}

.lux-why-item p{

    margin:14px 0 0;

    max-width:190px;

    font-size:16px;

    line-height:1.55;

    color:#666;

}

@media(max-width:1200px){

.lux-why-panel{

grid-template-columns:repeat(3,1fr);

}

.lux-why-item:nth-child(4){

border-left:none;

}

}

@media(max-width:767px){

  .lux-why-section{
    padding:56px 16px;
  }

  .lux-why-panel{
    grid-template-columns:repeat(2,1fr);
  }

  .lux-why-item{
    min-height:190px;
    padding:28px 16px;
    border-left:none;
    border-top:1px solid rgba(0,0,0,.08);
  }

  .lux-why-item:nth-child(1),
  .lux-why-item:nth-child(2){
    border-top:none;
  }

  .lux-why-item:nth-child(even){
    border-left:1px solid rgba(0,0,0,.08);
  }

  .lux-why-item h3{
    font-size:16px;
  }

  .lux-why-item p{
    font-size:15px;
  }
}

.lux-why-icon::before,
.lux-why-icon::after {
  content: none !important;
  display: none !important;
}

.lux-why-icon {
  font-size: 0 !important;
  line-height: 0 !important;
}