body {
    font-family:'Poppins', sans-serif;
    background:#f7f7f7;
    margin:0;
    padding:0;
}

/* SECTION HERO */
.hero {
    position:relative;
    background:url('../images/voyagesorg1.jpg') center/cover no-repeat;
    padding:150px 20px;
    text-align:center;
    color:white;
    margin-bottom: 80px;
}
.hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.55);
}
.hero h1, .hero p {
    position:relative;
    z-index:2;
    margin:0;
    font-size:2.5rem; /* desktop */
}
.hero p {
    font-size:1.2rem;
}

/* MAIN CONTAINER */
.main-wrapper {
    width:90%;
    max-width:900px;
    margin: -60px auto 40px;
}

/* CARD */
.review-card {
    background:white;
    border-radius:22px;
    padding:40px;
    box-shadow:0 10px 40px rgba(0,0,0,0.12);
}

/* TITLE */
.review-card h3 {
    text-align:center;
    font-weight:700;
    margin-bottom:25px;
    color:#c3872f;
    font-size:28px;
}

/* FORM DIV STRUCTURE */
.form-group-block {
    margin-bottom:25px;
    padding:20px;
    background:#fafafa;
    border-radius:18px;
    border:1px solid #eee;
}

/* LABEL */
.form-group-block label {
    font-weight:600;
    margin-bottom:10px;
    display:block;
    color:#444;
}

/* INPUTS */
.form-control, .form-select {
    border-radius:12px;
    padding:12px;
}

/* STAR RATING */
.star-rating {
    display:flex;
    justify-content:center;
    gap:12px;
    font-size:38px;
    margin-top:10px;
}
.star-rating i {
    cursor:pointer;
    color:#d8d8d8;
    transition:0.3s;
}
.star-rating i.active {
    color:#f7c325;
    transform:scale(1.15);
}

/* BUTTON */
.btn-submit {
    background:#c3872f;
    color:white;
    font-weight:700;
    padding:14px;
    border-radius:14px;
    width:100%;
    font-size:18px;
    margin-top:10px;
}
.btn-submit:hover {
    background:#b17522;
}

/* ALERTS */
.alert {
    border-radius:10px;
    font-weight:600;
    text-align:center;
}

/* ================= Responsive ================= */
@media(max-width:1024px){ /* Tablet */
    .hero {
        padding:120px 15px;
    }
    .hero h1 { font-size:2rem; }
    .hero p { font-size:1.1rem; }
    .review-card { padding:30px; }
    .star-rating { font-size:32px; gap:10px; }
}

@media(max-width:768px){ /* Large phones / small tablets */
    .hero {
        padding:100px 15px;
    }
    .hero h1 { font-size:1.8rem; }
    .hero p { font-size:1rem; }
    .review-card { padding:25px; }
    .star-rating { font-size:28px; gap:8px; }
}

@media(max-width:480px){ /* Mobile */
    .hero {
        padding:80px 10px;
    }
    .hero h1 { font-size:1.5rem; }
    .hero p { font-size:0.95rem; }
    .review-card { padding:20px; border-radius:15px; }
    .star-rating { font-size:24px; gap:6px; }
    .btn-submit { font-size:16px; padding:12px; }
    .form-group-block { padding:15px; }
}