.elementor-kit-129{--e-global-color-primary:#111111;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#7A7A7A;--e-global-color-accent:#D5001C;--e-global-color-bff32e9:#FDE53F;--e-global-color-25ace29:#EE3C25;--e-global-color-c435304:#FF8F00;--e-global-color-7936b7e:#FFFFFF;--e-global-color-a1fc936:#D5001C;--e-global-typography-primary-font-family:"Kanit";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Sarabun";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-font-style:italic;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-129 button,.elementor-kit-129 input[type="button"],.elementor-kit-129 input[type="submit"],.elementor-kit-129 .elementor-button{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-kit-129 button:hover,.elementor-kit-129 button:focus,.elementor-kit-129 input[type="button"]:hover,.elementor-kit-129 input[type="button"]:focus,.elementor-kit-129 input[type="submit"]:hover,.elementor-kit-129 input[type="submit"]:focus,.elementor-kit-129 .elementor-button:hover,.elementor-kit-129 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-kit-129 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:#FFFFFF;padding-inline-end:0px;padding-inline-start:0px;}.site-footer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 0%, #EC1D1D 100%);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header .site-description{color:var( --e-global-color-primary );}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* คุมโทนเว็บ Porsche Luxury Sport */
:root {
    --porsche-red: #D5001C;
    --porsche-gold: #FFCC00;
    --porsche-black: #000000;
    --porsche-dark-grey: #111111;
    --porsche-light-grey: #f4f4f4;
}

body {
    background-color: var(--porsche-black);
    color: #ffffff;
    font-family: 'Prompt', sans-serif;
}

/* Banner Styling */
.hero-banner {
    position: relative;
    height: 600px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #000;
}

.hero-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    padding-left: 10%;
    max-width: 700px;
}

.hero-tag {
    color: var(--porsche-gold);
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
    border-left: 3px solid var(--porsche-red);
    padding-left: 15px;
    margin-bottom: 20px;
}

/* Button Luxury Style */
.porsche-btn {
    display: inline-block;
    padding: 15px 40px;
    background: var(--porsche-red);
    color: white !important;
    text-decoration: none !important;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
    border: none;
    position: relative;
}

.porsche-btn::after {
    content: '';
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 100%;
    height: 100%;
    border: 1px solid var(--porsche-gold);
    z-index: -1;
    transition: 0.3s;
}

.porsche-btn:hover::after {
    bottom: 0;
    right: 0;
}

.porsche-btn:hover {
    background: var(--porsche-gold);
    color: black !important;
}

/* Service Card Custom */
.service-card {
    background: var(--porsche-dark-grey);
    padding: 40px;
    border-top: 2px solid #333;
    transition: 0.4s;
}

.service-card:hover {
    background: #1a1a1a;
    border-top: 2px solid var(--porsche-red);
    transform: translateY(-10px);
}

.service-icon {
    font-size: 40px;
    color: var(--porsche-gold);
    margin-bottom: 20px;
}

/* ปรับแต่งส่วนหัว (Header) ให้มีความเป็นสปอร์ต */
header.elementor-header {
    background-color: #141414 !important; /* สีดำ Charcoal เพื่อความพรีเมียม */
    border-bottom: 3px solid #D5001C !important; /* เส้นสีแดงใต้เมนู เพิ่มความดุดัน */
    padding: 10px 0px;
}

/* ปรับฟอนต์เมนูให้ดูเนี๊ยบแบบวิศวกรรมเยอรมัน */
.elementor-nav-menu a {
    font-family: 'Prompt', sans-serif !important; /* ใช้ฟอนต์ Prompt ที่คุณเลือก */
    color: #FFFFFF !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 15px;
    transition: all 0.3s ease;
}

/* เอฟเฟกต์เวลาเอาเมาส์ชี้เมนู (Hover) */
.elementor-nav-menu a:hover {
    color: #FFCC00 !important; /* เปลี่ยนเป็นสีเหลือง Caliper Gold */
}

/* ปรับแต่งปุ่มใน Header (ถ้ามี) */
.elementor-button {
    background-color: #D5001C !important; /* ปุ่มสีแดง */
    color: #FFFFFF !important;
    border-radius: 0px !important; /* ทรงเหลี่ยมดูดิบและเท่ */
    font-family: 'Prompt', sans-serif !important;
    transition: 0.4s;
}

.elementor-button:hover {
    background-color: #000000 !important;
    box-shadow: 0px 4px 12px rgba(213, 0, 28, 0.5); /* เงาสีแดงจางๆ */
}
h1, h2, h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--porsche-light-grey);
}
{
    border: 1px solid #333 !important;
    margin-bottom: 15px;
    background: var(--porsche-dark-grey);
}

.elementor-accordion .elementor-tab-title {
    background-color: #1a1a1a !important;
    transition: 0.3s;
}

.elementor-accordion .elementor-tab-title.elementor-active {
    border-left: 5px solid var(--porsche-red); /* ขีดแดงเมื่อกดเปิด */
    background-color: #222 !important;
}/* End custom CSS */