/* ==========================================================
Feature
========================================================== */
.feature{
    background:#F8FAFC;
}
.feature-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
    margin-top:120px;
}
.feature-item:first-child{
    margin-top:70px;
}
.feature-item--reverse{
    flex-direction:row-reverse;
}
.feature-item__content{
    flex:1;
}
.feature-item__number{
    display:inline-block;
    font-size:14px;
    font-weight:700;
    color:var(--primary-color);
    letter-spacing:.2em;
    margin-bottom:20px;
}
.feature-item h3{
    font-size:38px;
    line-height:1.4;
    margin-bottom:24px;
    color:#111827;
}
.feature-item p{
    font-size:18px;
    color:#64748b;
    line-height:2;
    margin-bottom:32px;
}
.feature-item ul{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}
.feature-item li{
    position:relative;
    padding-left:28px;
    font-weight:600;
}
.feature-item li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:var(--primary-color);
    font-weight:bold;
}
.feature-item__image{
    flex:1;
}
.feature-item__image img{
    width:100%;
    border-radius:28px;
    box-shadow:0 35px 80px rgba(0,0,0,.12);
}
@media(max-width:992px){
.feature-item{
flex-direction:column;
gap:50px;
}
.feature-item--reverse{
flex-direction:column;
}
.feature-item h3{
font-size:32px;
}
}
@media(max-width:768px){
.feature-item{
margin-top:80px;
}
.feature-item h3{
font-size:28px;
}
.feature-item ul{
grid-template-columns:1fr;
}
}