
.desata-ct{
    width:100%;
    padding:34px 20px 42px;
    box-sizing:border-box;
}
.desata-ct *{
    box-sizing:border-box;
}
.desata-ct__inner{
    width:100%;
    margin:0 auto;
}
.desata-ct__heading{
    text-align:center;
    margin-bottom:26px;
}
.desata-ct__title{
    margin:0;
    font-family:inherit;
    font-weight:700;
    line-height:1.15;
}
.desata-ct__title-mark{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    margin-top:12px;
    height:5px;
}
.desata-ct__title-mark i{
    width:4px;
    height:4px;
    border-radius:50%;
    background:#f7c62f;
    display:block;
}
.desata-ct__title-mark span{
    display:block;
    width:32px;
    height:3px;
    border-radius:3px;
}
.desata-ct__steps{
    display:grid;
    grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr);
    align-items:center;
}
.desata-ct__card{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:34px 28px 30px;
    border:1px solid rgba(20,20,20,.07);
    box-shadow:0 12px 34px rgba(0,0,0,.075);
    overflow:hidden;
    transition:transform .22s ease, box-shadow .22s ease;
}
.desata-ct__card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 38px rgba(0,0,0,.11);
}
.desata-ct__card::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;
}
.desata-ct__number{
    position:absolute;
    top:18px;
    left:18px;
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#111;
    font-size:18px;
    line-height:1;
    font-weight:800;
}
.desata-ct__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:4px 0 24px;
}
.desata-ct__icon svg{
    display:block;
    max-width:100%;
}
.desata-ct__step-text{
    margin:0;
    font-family:inherit;
    font-weight:600;
    line-height:1.42;
}
.desata-ct__arrow{
    display:flex;
    align-items:center;
    justify-content:center;
}
.desata-ct__arrow svg{
    width:28px;
    height:46px;
    display:block;
}

@media (max-width:1024px){
    .desata-ct{
        padding-left:16px;
        padding-right:16px;
    }
    .desata-ct__steps{
        grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);
    }
    .desata-ct__card{
        padding-left:18px;
        padding-right:18px;
    }
    .desata-ct__number{
        width:44px;
        height:44px;
        top:14px;
        left:14px;
        font-size:16px;
    }
}

@media (max-width:767px){
    .desata-ct{
        padding:28px 14px 34px;
    }
    .desata-ct__heading{
        margin-bottom:20px;
    }
    .desata-ct__steps{
        display:flex;
        flex-direction:column;
        row-gap:16px;
    }
    .desata-ct__card{
        width:100%;
        min-height:unset !important;
        padding:30px 24px 26px;
    }
    .desata-ct__arrow{
        display:none;
    }
    .desata-ct__number{
        width:42px;
        height:42px;
        top:14px;
        left:14px;
        font-size:15px;
    }
    .desata-ct__icon{
        margin-top:8px;
        margin-bottom:18px;
    }
}
