.hero{

    margin-top:45px;

    margin-bottom:25px;

}

.hero h1{

    font-size:58px;

    font-weight:700;

}

.hero p{

    color:#64748B;

    font-size:18px;

}

.preview-card{

    background:#F8FAFC;

    border:2px dashed #CBD5E1;

    border-radius:14px;

    padding:15px;

}

.feature{

    text-align:center;

    margin-top:35px;

}

.feature i{

    font-size:28px;

    color:var(--primary);

}

.feature h6{

    margin-top:10px;

    font-weight:600;

}

.feature p{

    color:#64748B;

    font-size:14px;

}

.logo{

    width:135px;

    transition:.3s;

}

.logo:hover{

    transform:scale(1.05);

}

.main-card{

    padding:10px;

}

.btn-primary{

    height:54px;

    border-radius:14px;

    font-weight:600;

}

.feature i{

    font-size:34px;
    font-color:var(--primary);

}

.feature h6{

    font-size:18px;
    font-color:var(--primary);

}

body{

    background:#F8FAFC;

}

body::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:380px;

    background:url('../../img/bg-home.png') no-repeat top center;

    background-size:cover;

    z-index:-1;

}