/* =========================================================
 *  Trang chủ (templates/home.php)
 *  Web dùng 1rem = 20px
 * ========================================================= */

/* Section 4 (.slide-home-4) — tiêu đề dưới ảnh, chỉ hiện ở slide active */
.slide-home-4 .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.slide-home-4 .slide-title-4 {
    margin: .8rem 0 0;
    font-size: 1rem;
    font-family: 'Momo Trust Sans SemiBold';
    color: #034EA2;
    text-align: center;
    opacity: 0;
    transition: .35s all;
}

.slide-home-4 .swiper-slide.swiper-slide-active .slide-title-4 {
    opacity: 1;
}

/* =========================================================
 *  Section 7 (.home-7) — "Interbos xây dựng hệ thống phân phối
 *  toàn quốc". frontend.css đặt .inner-home-7 margin: 0 3.75rem
 *  (75px mỗi bên) + .content-home-7 padding-right: 5rem (100px)
 *  không reset ở mobile (chỉ .title-home-7 .desc-sec được reset
 *  padding-right, còn .content-home-7 bao ngoài thì không) —
 *  tổng ~250px lề/đệm trên màn 767px khiến tiêu đề bị bóp hẹp,
 *  xuống dòng liên tục. Nới lại cho mobile.
 * ========================================================= */
@media (max-width: 767px) {
    .inner-home-7 {
        margin: 0 1rem;
    }

    .content-home-7 {
        padding-right: 0;
    }
}