body {
    background-color: #f7f3eb;
    font-family: "Segoe UI", sans-serif;
}

.container {
    max-width: 1000px !important;
}

.page-wrapper {
    background: #fffaf0;
    border: 2px solid #d6c6a8;
    border-radius: 12px;
    padding: 30px;
}

.title {
    font-family: "Georgia", serif;
    font-size: 2.8rem;
    font-weight: bold;
    color: #1f3d44;
}

.subtitle {
    font-size: 1.2rem;
    color: #555;
}

.hero-img {
    border-radius: 10px;
    overflow: hidden;
    margin: 25px 0;
    max-height: 280px;
}

.section-title {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 1.25rem;
}

.icon-box i {
    font-size: 1.8rem;
    color: #1f3d44;
    margin-right: 12px;
}

.info-box {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.terms-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 18px;
}

    .terms-item i {
        font-size: 1.5rem;
        color: #1f3d44;
    }

.cancel-card {
    background: #eef3f5;
    border-radius: 10px;
    padding: 20px;
}

    .cancel-card table th,
    .cancel-card table td {
        border: 1px solid #000;
    }



/* ===== SECTION TITLES ===== */
.section-title {
    font-weight: 700;
    margin-bottom: 20px;
}

    .section-title i {
        color: #1f4e79; /* deep blue */
        margin-right: 8px;
    }

/* ===== CONTACT ICON COLORS ===== */
.icon-box i.bi-bell {
    color: #f4b400; /* yellow */
}

.icon-box i.bi-heart-pulse {
    color: #e63946; /* red */
}

.icon-box i.bi-calendar-check {
    color: #1f77b4; /* blue */
}

/* ===== CONTACT NUMBER COLOR ===== */
.icon-box div {
    font-size: 1rem;
}

.mobile-number {
    color: #1f77b4; /* phone number blue */
    font-weight: 600;
}

/* ===== TERMS ICON COLORS ===== */
.terms-item i.bi-cup-hot {
    color: #b5651d; /* brown */
}

.terms-item i.bi-life-preserver {
    color: #e76f51; /* orange */
}

.terms-item i.bi-shield-check {
    color: #2a9d8f; /* green */
}

.terms-item i.bi-globe2 {
    color: #457b9d; /* steel blue */
}

.terms-item i.bi-exclamation-triangle {
    color: #e63946; /* red */
}

.terms-item i.bi-shield-exclamation {
    color: #e63946; /* red */
}

.terms-item i.bi-cloud-lightning-rain {
    color: #1f77b4; /* blue */
}



/* ===== TERMS ITEM LAYOUT ===== */
.terms-item {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
}

    .terms-item i {
        font-size: 1.6rem;
        /*margin-top: 4px;*/
    }

/* ===== VERTICAL DIVIDER ===== */
.row.g-4 {
    position: relative;
}

.row.g-4 {
    --bs-gutter-x: 1.5rem; /* reduce horizontal gap */
}


/* ===== MOBILE FIX ===== */
@media (max-width: 767px) {
    .row.g-4::after {
        display: none;
    }
}