/* FONT ALA GLOBAL INDEPENDEN SURVEYOR */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap");

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px; /* Jarak aman agar judul tidak tertutup Navbar saat berhenti meluncur */
}

.services-page {
    font-family: "Montserrat", sans-serif;
    color: #333;
    margin-top: 80px; /* Jarak agar tidak tertutup navbar */
}

/* HERO BANNER RINGAN */
.services-hero {
    background: linear-gradient(45deg, #000066 30%, #cc0000 100%);
    color: white;
    padding: 80px 0;
    text-align: center;
}

.services-hero h1 {
    font-weight: 800;
    font-size: 3.5rem;
    letter-spacing: -1px;
}

/* SECTION LAYOUT SELANG-SELING */
.service-section {
    padding: 80px 0;
    border-bottom: 1px solid #eee;
}

.service-section:nth-child(even) {
    background-color: #f9f9f9;
}

.service-title {
    font-weight: 800;
    color: #000066;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 15px;
}

.service-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background: #cc0000;
}

.service-list {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr; /* List bagi 2 kolom agar penuh */
    gap: 10px;
}

.service-list li {
    padding: 8px 0;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
}

.service-list li i {
    color: #cc0000;
    margin-right: 10px;
    font-size: 0.8rem;
}

.service-img {
    border-radius: 8px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    transition: 0.4s;
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.service-img:hover {
    transform: scale(1.02);
}