body { margin:0; font-family:Arial; }

/* HEADER */
.header {
    display:flex;
    justify-content:space-between;
    padding:15px 40px;
    background:white;
}

.logo-main { height:180px; }

/* HERO */
.hero {
    height:90vh;
    background:linear-gradient(rgba(11,31,58,0.3), rgba(11,31,58,0.7)),
    url('assets/webheader.png');
    background-size:pro;
    background-repeat: no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    text-align:center;
}

/* SERVICES */
.service-detail {
    display:flex;
    padding:100px 100px;
    gap:20px;
}

.service-detail.reverse { flex-direction:row-reverse; }

.service-image img {
    width:100%;
    height:500px;
    object-fit:cover;
}

/* SLIDER */
.slider {
    width:100%;
    margin:auto;
}

.slide {
    display:none;
    width:100%;
    height:450px;
    object-fit:cover;
}

.slide.active { display:block; }

/* TRACKING */
.tracking iframe {
    width:100%;
    height:500px;
}

/* MAP */
.map iframe {
    width:100%;
    height:400px;
}

/* CONTACT */
.contact {
    padding:60px;
    text-align:center;
}

.contact input, .contact textarea {
    width:80%;
    margin:10px;
    padding:10px;
}