.hero {
    background: url('../image/hot_desk_dash.png') center center / cover no-repeat;
    align-items: flex-start;
}

.hero .hero-content {
    text-align: left;
    margin-left: 6%;
    max-width: 620px;
}

.hero .hero-content h1,
.hero .hero-content h1 span {
    color: #fff;
}

.hero .hero-content p {
    color: #e6ecf2;
    margin-left: 0;
}

.hero .hero-buttons {
    justify-content: flex-start;
}

.hero .secondary-btn {
    border-color: #fff;
    color: #fff;
}

@media (max-width: 768px) {
    .hero .hero-content {
        margin-left: 0;
        text-align: center;
        max-width: none;
    }

    .hero .hero-buttons {
        justify-content: center;
    }
}

.journey-section{
    width:90%;
    max-width:1400px;
    margin:100px auto;
    text-align:center;
}

.journey-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    border:1px solid #E6EDF5;
    border-radius:30px;
    background:#fff;
    color:#234F6D;
    font-size:14px;
    font-weight:600;
}

.journey-badge i{
    color:#234F6D;
}

.journey-section h2{
    margin:22px 0 15px;
    font-size:54px;
    font-weight:700;
    color:#111;
}

.journey-desc{
    max-width:850px;
    margin:0 auto 60px;
    font-size:18px;
    line-height:1.7;
    color:#777;
}

.journey-image{
    width:100%;
    display:flex;
    justify-content:center;
}

.journey-image img{
    width:100%;
    max-width:1200px;
    height:auto;
    display:block;
}

@media (max-width:992px){

    .journey-section{
        margin:70px auto;
    }

    .journey-section h2{
        font-size:38px;
    }

    .journey-desc{
        font-size:16px;
        margin-bottom:40px;
    }

    .journey-image img{
        max-width:100%;
    }

}