/* Main Header Gradient */
.bg-gradient-primary-to-secondary {
    background: linear-gradient(to right, #b71c1c, #ffb300, #b71c1c);
}

/* OTR Section */
.bg-gradient-otr {
    background: radial-gradient(circle, #ffe082 0%, #fff8e1 50%, #ffd54f 100%);
    color: #4a0000;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.6rem;
    text-align: justify;
}

/* ILS Section */
.bg-gradient-ils {
    background: radial-gradient(circle, #ffcdd2 0%, #ffebee 50%, #ef9a9a 100%);
    color: #4a0000;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.6rem;
    text-align: justify;
}

/* GLS Section */
.bg-gradient-gls {
    background: radial-gradient(circle, #ffe0b2 0%, #fff3e0 50%, #ffcc80 100%);
    color: #4a0000;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.6rem;
    text-align: justify;
}

/* AVIN Section */
.bg-gradient-avin {
    background: radial-gradient(circle, #fff176 0%, #fffde7 50%, #ffd54f 100%);
    color: #4a0000;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.6rem;
    text-align: justify;
}

/* Blue Information Panels */
.bg-gradient-light-blue {
    background: linear-gradient(135deg, #7b1e1e, #c62828, #7b1e1e);
    color: white;
}

.bg-gradient-ils-body {
    background: linear-gradient(135deg, #7b1e1e, #c62828, #7b1e1e);
    color: white;
}

/* Light Cards */
.bg-gradient-light-green {
    background: linear-gradient(135deg, #fff8e1, #ffe082);
}

/* Text Colors */
.text-dark-purple {
    color: #7b1e1e;
}

.border-dark-purple {
    border-color: #7b1e1e !important;
}

.bg-dark-purple {
    background-color: #7b1e1e;
}

/* Card Headers */
.bg-ils-card-header {
    background: linear-gradient(to right, #7b1e1e, #c62828);
}

.bg-avin-card-header {
    background: linear-gradient(to right, #ff8f00, #ffc107);
    color: #4a0000;
}

.bg-gls-card-header {
    background: linear-gradient(to right, #8b0000, #d32f2f);
}

.btn-otr {
    background-image: linear-gradient(to right, #8b0000 0%, #c62828 50%, #ffb300 100%);
    padding: 15px 30px;
    border-radius: 40px;
    line-height: 25px;
    background-size: 200% auto;
    font: bold 20px Arial;
    border: none;
    color: #fff;
    transition: all 0.4s ease;
}

    .btn-otr:hover {
        background-position: right center;
        color: #4a0000;
    }

/* ILS Button */
.btn-ils {
    background-image: linear-gradient(to right, #7b1e1e 0%, #c62828 50%, #ffb300 100%);
    padding: 15px 0;
    line-height: 25px;
    background-size: 200% auto;
    font: bold 16px Arial;
    border: none;
    color: #fff;
    transition: all 0.4s ease;
}

    .btn-ils:hover {
        background-position: right center;
        color: #4a0000;
    }

/* AVIN Button */
.btn-avin {
    background-image: linear-gradient(to right, #ff8f00 0%, #ffc107 50%, #ffd54f 100%);
    padding: 15px 0;
    line-height: 25px;
    background-size: 200% auto;
    font: bold 16px Arial;
    border: none;
    color: #4a0000;
    transition: all 0.4s ease;
}

    .btn-avin:hover {
        background-position: right center;
        color: #7b1e1e;
    }

/* GLS Button */
.btn-gls {
    background-image: linear-gradient(to right, #8b0000 0%, #d32f2f 50%, #ffb300 100%);
    padding: 15px 0;
    line-height: 25px;
    background-size: 200% auto;
    font: bold 16px Arial;
    border: none;
    color: #fff;
    transition: all 0.4s ease;
}

    .btn-gls:hover {
        background-position: right center;
        color: #4a0000;
    }