/*==================================================
INDUSTRY CHALLENGE
==================================================*/

.industry-challenge{
    padding:var(--space-11) 0;
    background:#fff;
    position:relative;
    overflow:hidden;
}

.industry-challenge .title-row{
    margin-bottom:var(--space-9);
}

.industry-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    align-items:flex-start;
}

/*==================================================
CARD
==================================================*/

.industry-card{
    background:#fff;
    border:1px solid var(--box-border);
    border-radius:var(--radius-md);
    padding:var(--space-7);
    transition:.35s ease;
    height:100%;
    display:flex;
    flex-direction:column;
    text-align:left;
}

.industry-card:hover{
    transform:translateY(-6px);
    border-color:var(--color-highlight);
    box-shadow:0 18px 45px rgba(0,0,0,.08);
}

/*==================================================
CARD HEADER
==================================================*/

.industry-card-head{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-bottom:var(--space-7);
    width: 100%;
}

.industry-icon{
    width:48px;
    height:48px;
    flex-shrink:0;

    display:flex;
    align-items:center;
    justify-content:center;
/*
    border-radius:12px;
*/
    background:none;

  /*  border:1px solid var(--box-border);*/
    margin-top:-10px
}

.industry-icon img{
    width:36px;
    height:36px;
    object-fit:contain;
}

.industry-card-head h3{
    font-size:var(--fs-h4);
    color:var(--color-primary);
    margin:0;
    line-height:1.25;
}

/*==================================================
LIST
==================================================*/

.industry-list{
    display:flex;
    flex-direction:column;
    gap:28px; 

}
.industry-list h4{ font-size:16px; margin-bottom:10px }

.industry-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
     
}

.industry-list li{   list-style:none; margin-bottom:15px; padding-left:40px; padding-top:5px; background:url(../../images/tick.svg) no-repeat 0 0}

.industry-check{
    width:28px;
    height:28px;
    min-width:28px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#EEF8FF;
}

.industry-check svg{
    width:18px;
    height:18px;
}

/*==================================================
CONTENT
==================================================*/

.industry-content{
    flex:1;
}

.industry-content h4{
    font-size:var(--fs-body-md);
    margin:0 0 10px;
    color:var(--color-primary);
    line-height:1.35;
    font-weight:600;
}

.industry-content p{
    margin:0;
    color:var(--color-text);
    line-height:var(--lh-body);
    font-size:var(--fs-body);
}

/*==================================================
BUTTON
==================================================*/

.industry-challenge .title-row-right{
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
}

/*==================================================
LARGE DESKTOP
==================================================*/

@media(min-width:1600px){

.industry-grid{
    gap:40px;
}

.industry-card{
    padding:40px;
}

}

/*==================================================
LAPTOP
==================================================*/

@media(max-width:1400px){

.industry-grid{
    gap:24px;
}

.industry-card{
    padding:var(--space-6);
}

}

/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

.industry-challenge{
    padding:var(--space-10) 0;
}

.industry-challenge .title-row{
    grid-template-columns:1fr;
    gap:30px;
}

.industry-challenge .title-row-right{
    justify-content:flex-start;
}

.industry-grid{
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.industry-card{
    padding:24px;
}

.industry-card-head{
    margin-bottom:22px;
}

.industry-list{
    gap:22px;
}

}

/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

.industry-challenge{
    padding:var(--space-9) 0;
}

.industry-grid{
    grid-template-columns:1fr;
    gap:20px;
}

.industry-card{
    padding:22px;
}

.industry-card-head{
    gap:14px;
    margin-bottom:20px;
}

.industry-icon{
    width:44px;
    height:44px;
}

.industry-icon img{
    width:22px;
    height:22px;
}

.industry-card-head h3{
    font-size:var(--fs-h4);
}

.industry-list{
    gap:20px;
}

.industry-item{
    gap:14px;
}

.industry-check{
    width:26px;
    height:26px;
    min-width:26px;
}

.industry-content h4{
    font-size:15px;
    margin-bottom:6px;
}

.industry-content p{
    font-size:13px;
}

}

/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

.industry-card{
    padding:18px;
}

.industry-card-head{
    flex-wrap:wrap;

}

.industry-item{
    gap:12px;
}

.industry-content h4{
    font-size:14px;
}

.industry-content p{
    font-size:12px;
}

}