/* สไตล์ที่ใช้ซ้ำหลายที่ ชื่อคลาสต่างกันแต่หน้าตาเหมือนกัน
   รวมไว้ที่เดียวเพื่อให้แก้ครั้งเดียวแล้วเปลี่ยนทุกหน้า
   โหลดใน master ก่อน css ของแต่ละหน้า */

/* หัวข้อของ section */
.services-one.services-modern .sec-title__title,
.faq-area h2 {
    color: #17396c;
    font-family: 'promptsemibold';
    font-size: 28px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
}

/* เส้นใต้หัวข้อ section */
.services-one.services-modern .sec-title__line,
.faq-area .faq-head-line {
    background-color: #0a4091;
    border-radius: 3px;
    display: block;
    height: 3px;
    margin: 14px auto 0;
    width: 64px;
}

/* หัวข้อใหญ่ของหน้า (h1) */
.blog-one.news-modern .news-page-head h1,
.company-logos-one.clients-page-modern .clients-page-head h1 {
    color: #17396c;
    font-family: 'promptsemibold';
    font-size: 32px;
    line-height: 1.4;
    margin: 0 0 10px;
}

/* คำโปรยใต้หัวข้อหน้า */
.blog-one.news-modern .news-page-head p,
.company-logos-one.clients-page-modern .clients-page-head p {
    color: #6b7c96;
    font-family: 'promptregular';
    font-size: 17px;
    line-height: 1.7;
    margin: 0 auto;
    max-width: 640px;
}

/* เส้นใต้หัวข้อแบบ ::after */
.company-logos-one.clients-page-modern .carousel h2::after,
.contact-page.contact-modern .contact-page__left .sec-title::after {
    background: #0a4091;
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 40px;
}

/* การ์ดตอน hover (ยกขึ้น + เงา) */
.meet-farmers-one.testimonial-modern .meet-farmers-one__single:hover,
.blog-one.news-modern .blog-one__single:hover {
    border-color: rgba(10, 64, 145, .28);
    box-shadow: 0 24px 48px -24px rgba(6, 36, 82, .50);
    transform: translateY(-6px);
}

/* รูปในการ์ด */
.meet-farmers-one.testimonial-modern .meet-farmers-one__single-img img,
.blog-one.news-modern .blog-one__single-img img {
    display: block;
    height: 100%;
    object-fit: cover;
    transition: transform .55s ease;
    width: 100%;
}

/* โลโก้ลูกค้าตอน hover */
.company-logos-one.clients-modern .swiper-slide:hover,
.company-logos-one.clients-page-modern .carousel .box p:hover {
    border-color: rgba(10, 64, 145, .28);
    box-shadow: 0 16px 32px -18px rgba(6, 36, 82, .45);
    transform: translateY(-4px);
}