.elementor-358 .elementor-element.elementor-element-af12ff7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-358 .elementor-element.elementor-element-af12ff7:not(.elementor-motion-effects-element-type-background), .elementor-358 .elementor-element.elementor-element-af12ff7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F9FF;}.elementor-358 .elementor-element.elementor-element-0303672{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-358 .elementor-element.elementor-element-0303672 iframe{height:360px;}.elementor-358 .elementor-element.elementor-element-836f1d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-358 .elementor-element.elementor-element-836f1d4:not(.elementor-motion-effects-element-type-background), .elementor-358 .elementor-element.elementor-element-836f1d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-358 .elementor-element.elementor-element-a559b8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-c694750 */.contact-wrapper {
    display: flex;
    max-width: 1250px;
    margin: 0 auto;
    gap: 30px; /* Khoảng cách giữa 2 cột */
    border-radius: 12px;
    background: #fff;
    padding: 30px
}

/* --- Cột bên trái (Form) --- */
.contact-form-column {
    flex: 1;
    min-width: 300px;
}

.main-title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
}

.description {
    color: #333;
    font-size: 16px;
    margin: 0 0 15px;
    font-weight: 400;
}

.form-title {
    font-size: 20px;
    font-weight: 700;
    color: #343a40;
    margin-top: 30px;
    margin-bottom: 5px;
}

.promo-subtitle {
    color: #28a745;
    font-weight: 700;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 20px;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    font-size: 16px;
    font-family: "Roboto";
    box-sizing: border-box; /* Quan trọng để padding không làm thay đổi width */
}

.contact-form textarea {
    resize: vertical;
}

.contact-form button {
    background-color: #0d1b4c; /* Màu xanh navy đậm */
    color: white;
    padding: 14px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}

.contact-form button:hover {
    background-color: #1a2e7a;
}

/* --- Cột bên phải (Thông tin) --- */
.contact-info-column {
    flex-basis: 400px; /* Đặt chiều rộng cơ sở cho cột phải */
    background-color: #ffffff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.contact-info-column h4 {
    font-size: 18px;
    font-weight: 700;
    color: #343a40;
    margin-top: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.info-item {
    display: flex;
    align-items: flex-start; /* Quan trọng: Căn lề icon và text theo đầu dòng */
    margin-bottom: 18px;
    font-size: 15px;
    color: #495057;
    font-weight: 500;
}

.info-icon {
    font-size: 20px;
    margin-right: 15px;
    margin-top: -2px; /* Tinh chỉnh vị trí icon */
    width: 20px; /* Cố định chiều rộng icon */
    text-align: center;
}

.info-text {
    flex: 1; /* Cho phép text co giãn và xuống dòng */
}

.info-text strong {
    display: block; /* Cho label "Địa chỉ" nằm trên 1 dòng riêng */
    color: #343a40;
    margin-bottom: 3px;
}

/* --- Responsive cho mobile --- */
@media (max-width: 900px) {
    .contact-wrapper {
        flex-direction: column;
    }
    .contact-info-column {
        flex-basis: auto; /* Reset chiều rộng cơ sở */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ae44cc *//* --- General Styling --- */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Roboto', Arial, sans-serif;
    background-color: #fff;
}

/* --- Services Section Styling --- */
.services-section {
    padding: 60px 20px; /* Khoảng đệm trên dưới và trái phải */
    width: 100%;
}

.services-container {
    max-width: 1240px; /* Giới hạn chiều rộng chung */
    margin: 0 auto;
    display: flex;
    justify-content: space-around; /* Phân bổ khoảng trống đều */
    align-items: flex-start;
    gap: 30px; /* Khoảng cách giữa các box */
}

.service-item {
    flex: 1; /* Mỗi item chiếm không gian bằng nhau */
    min-width: 240px; /* Chiều rộng tối thiểu của một item */
    text-align: center; /* Căn giữa toàn bộ nội dung trong item */
}

.icon-wrapper {
    margin-bottom: 25px; /* Khoảng cách từ icon tới tiêu đề */
    height: 125px; /* Chiều cao cố định để các icon thẳng hàng */
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-wrapper img {
    max-height: 100%;
    max-width: 100%;
}

.service-item h3 {
    font-size: 16px;
    font-weight: 700; /* In đậm */
    color: #222; /* Màu đen chữ */
    margin-bottom: 12px; /* Khoảng cách từ tiêu đề tới mô tả */
}

.service-item p {
    font-size: 16px;
    font-weight: 500;
    color: #666; /* Màu xám của chữ mô tả */
    line-height: 1.5; /* Giãn dòng cho dễ đọc */
    padding: 0 10px; /* Thêm chút padding để chữ không bị sát lề */
}

/* --- Responsive cho màn hình nhỏ --- */
@media (max-width: 992px) {
    .services-container {
        flex-wrap: wrap; /* Cho phép các box xuống dòng */
        justify-content: center; /* Căn giữa khi xuống dòng */
    }
    .service-item {
        flex-basis: 45%; /* Trên tablet, hiển thị 2 cột */
    }
}

@media (max-width: 600px) {
    .service-item {
        flex-basis: 100%; /* Trên mobile, hiển thị 1 cột */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-326971b *//* --- General Styling --- */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    /* Font Roboto rất giống với font trong hình */
    font-family: 'Roboto', Arial, sans-serif;
}

/* --- Promo Section Styling --- */
.promo-section {
    /* Sử dụng background từ link bạn cung cấp */
    background-image: url('https://isuzu.maugiaodien.com/wp-content/uploads/2019/10/gia-xe-tai-isuzu.jpg');
    background-repeat: repeat;
    padding: 30px 20px;
    width: 100%;
}

.promo-container {
    max-width: 1240px; /* Giữ nguyên max-width từ yêu cầu trước */
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* --- Cột 1: Hộp quà --- */
.promo-gift {
    flex-shrink: 0; /* Không co lại khi không đủ chỗ */
}

/* --- Cột 2: Form --- */
.promo-form {
    flex-grow: 1; /* Cho phép form co giãn chiếm không gian */
    text-align: center;
    padding: 0 20px;
}

.promo-form h2 {
    color: #d9534f; /* Màu đỏ của tiêu đề */
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}

.promo-form .subtitle {
    color: #333; /* Màu chữ phụ */
    font-size: 14px;
    margin-bottom: 15px;
}

.form-inputs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 12px;
    margin-bottom: 20px;
}

.form-inputs-grid input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-radius: 2px; /* Bo góc rất nhẹ */
    font-size: 14px;
    font-family: 'Roboto', Arial, sans-serif;
}

.form-inputs-grid input::placeholder {
    color: #999;
}

.submit-button {
    background-color: #0d1b4c; /* Màu xanh đậm của button */
    color: #ffffff;
    border: none;
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.submit-button:hover {
    background-color: #1a2e7a;
}

/* --- Cột 3: Hotline --- */
.promo-hotline {
    text-align: center;
    flex-shrink: 0;
}

.promo-hotline .hotline-title {
    color: #a94442; /* Màu đỏ sẫm của chữ Hotline */
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
}

.promo-hotline .hotline-number {
    color: #d9534f; /* Màu đỏ của số điện thoại */
    font-size: 36px;
    font-weight: 700;
    line-height: 1; /* Giảm khoảng cách dòng cho số */
}

/* --- Responsive cho màn hình nhỏ --- */
@media (max-width: 1024px) {
    .promo-container {
        flex-direction: column;
        gap: 30px;
    }
    .promo-form {
        width: 100%;
        max-width: 500px; /* Giới hạn chiều rộng form trên tablet */
        padding: 0;
    }
}

@media (max-width: 480px) {
    .form-inputs-grid {
        grid-template-columns: 1fr; /* 1 cột trên mobile */
    }
}/* End custom CSS */