.hero {
background:url(../image/hot_desk_dash.png) center center / cover no-repeat;
align-items:flex-start;
min-height:0;
padding-top:70px;
padding-bottom:30px
}

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

.hero .hero-content h1{

color:#074b88
}
.hero .hero-content h1 span {
    color: #fca918;
}

.hero .hero-content h1 {
font-size:32px
}

.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-content h1 {
font-size:32px
}

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

@media (max-width: 480px) {
.hero .hero-content h1 {
font-size:26px
}
}

.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%
}
}

@media (max-width:480px) {
.journey-section h2 {
font-size:28px
}

.journey-desc {
font-size:14px
}
}