/* =========================================
   INTELLIGENCE STRIP
========================================= */

.intelligence-strip-section {

    padding-top: 0;
    padding-bottom: 40px;
}


/* =========================================
   GRID
========================================= */

.intelligence-strip-grid {

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    margin-bottom: 18px;
}


/* =========================================
   BOX
========================================= */

.intelligence-box {

    padding: 26px;

    position: relative;

    overflow: hidden;
}


/* TOP */
.intelligence-top {

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 18px;
}

.intelligence-top span {

    color: var(--text-light);

    font-size: 13px;
    font-weight: 600;
}


/* STATUS DOT */
.status-dot {

    width: 12px;
    height: 12px;

    border-radius: 100%;
}

.status-dot.green {

    background:
        #00b46e;

    box-shadow:
        0 0 14px rgba(0,180,110,0.4);
}

.status-dot.amber {

    background:
        #ff9d00;

    box-shadow:
        0 0 14px rgba(255,157,0,0.4);
}


/* VALUE */
.intelligence-box h3 {

    font-size: 26px;

    line-height: 1.4;

    margin-bottom: 16px;
}


/* TEXT */
.intelligence-box p {

    font-size: 13px;

    color: var(--text-light);

    line-height: 1.7;
}


/* =========================================
   DISCLAIMER
========================================= */

.intelligence-disclaimer {

    text-align: center;

    color: var(--text-light);

    font-size: 13px;

    line-height: 1.8;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1200px) {

    .intelligence-strip-grid {

        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 768px) {

    .intelligence-strip-grid {

        grid-template-columns: 1fr;
    }

    .intelligence-box h3 {

        font-size: 22px;
    }

}