/* Start how-to-start */
    .how-to-start{
        gap:1rem;
        display:flex;
        align-items:center;
        flex-direction:column;
        justify-content:center
    }
    .how-to-start h2{
        font-size:46px;
        color:#344268;
        font-weight:600;
        max-width:51rem;
        text-align:center;
        margin:0 0 1.5rem
    }
    .how-to-start p{
        margin:0;
        font-size:18px;
        color:#6376a2;
        font-weight:500;
        /*max-width:45rem;*/
        text-align:center
    }
    .how-to-start .details{
        display:flex;
        /*margin:0 0 3rem;*/
        align-items:flex-start
    }
    .how-to-start .details .item{
        flex:33.33%
    }
    .how-to-start .details .item .details{
        gap:1rem;
        margin:10px;
        padding:1rem;
        display:flex;
        height: 360px;
        max-height:400px;
        border-radius:30px;
        align-items:center;
        flex-direction:column;
        background-color:#fff;
        justify-content:flex-start;
        border:solid 1px #eaf0ff
    }
    .how-to-start .details .item .details img{
        width:100%;
        height:109px;
        -o-object-fit:cover;
        object-fit:cover;
        border-radius:16px
    }
    .how-to-start .details .item .details .list{
        gap:10px;
        display:flex;
        align-items:flex-start
    }
    .how-to-start .details .item .details .list .number{
        flex:0 0 10%
    }
    .how-to-start .details .item .details .list .number p{
        margin:0;
        width:36px;
        height:36px;
        color:#fff;
        display:flex;
        line-height:27px;
        font-size:21px;
        font-weight:600;
        border-radius:50%;
        align-items:center;
        justify-content:center;
        background:linear-gradient(171.77deg,#4b38d8 9.9%,#857efe 94.67%)
    }
    .how-to-start .details .item .details .list .desc h5{
        font-size:20px;
        font-weight:700;
        color:#344268;
        line-height:28px
    }
    .how-to-start .details .item .details .list .desc p{
        color:#6376a2;
        font-weight:500;
        font-size:16px;
        margin:0;
        text-align:left
    }
    .how-to-start .button{
        display:flex;
        align-items:center;
        justify-content:center
    }

    @media (max-width:991px){
        .how-to-start .details{
            max-width:500px;
            flex-direction:column
        }
        .how-to-start .details .item{
            flex:0 0 100%
        }
    }

    @media (max-width:767px){
        .how-to-start .details .item .details{
            min-height:294px;
            height: auto;
        }
        .how-to-start .details .item .details .list .desc h5{
            font-size:18px
        }
        .how-to-start .details .item .details .list .desc p{
            font-size:14px;
            line-height:20px
        }
        .how-to-start .details .item .details .list .number{
            flex:0 0 7%
        }
        .how-to-start .details .item .details .list .number p{
            font-size:16px;
            width:30px;
            height:30px
        }
    }

    @media (max-width:565px){
        .how-to-start{
            gap:0
        }
        .how-to-start h2{
            font-size:30px;
            margin:0 0 1rem;
            line-height:33px
        }
        .how-to-start p{
            margin:0 0 2rem
        }
    }
/* End how-to-start */