/* ==========================
   Hero Slider
========================== */

.ws-hero{
    padding:50px 0;
    background:#f8f8f8;
}

.ws-slide{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:60px;
    min-height:520px;
}

.ws-slide-subtitle{
    display:inline-block;
    margin-bottom:15px;
    color:var(--ws-primary);
    font-weight:600;
}

.ws-slide-title{
    font-size:52px;
    line-height:1.2;
    margin-bottom:20px;
    color:var(--ws-heading);
}

.ws-slide-description{
    font-size:17px;
    color:var(--ws-text);
    margin-bottom:35px;
}

.ws-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:15px 35px;

    background:var(--ws-primary);

    color:#fff;

    border-radius:8px;

    transition:.3s;

}

.ws-btn:hover{

    background:var(--ws-primary-hover);

}

.ws-slide-image{

    display:flex;

    justify-content:center;

}

.ws-slide-image img{

    max-width:100%;

    max-height:500px;

}