.elementor-27 .elementor-element.elementor-element-c6a48b4{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-27 .elementor-element.elementor-element-45e2ade img{width:100%;max-width:100%;}.elementor-27 .elementor-element.elementor-element-92951aa{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-87c0222 */.manhattan-imperia-section * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif; /* Hoặc font chữ của website bạn */
  }

  .manhattan-imperia-section {
    padding: 50px 20px;
    text-align: center;
    background-color: #fff; /* Hoặc màu nền chung của trang */
  }

  .manhattan-section-title {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    text-transform: uppercase;
  }

  .manhattan-section-slogan {
    font-size: 20px;
    color: #b38e56; /* Màu vàng/nâu nhạt cho slogan */
    margin-bottom: 20px;
    /* font-style: italic; */ /* Tùy chỉnh nếu cần */
  }

  .manhattan-divider-icon {
    max-width: 150px; /* Điều chỉnh kích thước của divider */
    height: auto;
    margin-bottom: 30px;
  }

  .manhattan-intro-text {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    max-width: 800px;
    margin: 0 auto 30px auto;
  }

  .manhattan-cta-button {
    display: inline-block;
    background-color: #b72027; /* Màu đỏ đậm cho nút */
    color: #fff;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
    text-transform: uppercase;
    margin-bottom: 50px;
    transition: background-color 0.3s ease;
  }

  .manhattan-cta-button:hover {
    background-color: #961a20; /* Màu đỏ sẫm hơn khi hover */
  }

  .manhattan-features-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin-bottom: 50px;
  }

  .manhattan-feature-item {
    flex-basis: calc(25% - 22.5px); /* 4 cột, tính cả gap */
    min-width: 250px; /* Chiều rộng tối thiểu cho item */
    text-align: center;
    padding: 20px;
    transition: transform 0.3s ease;
  }

  .manhattan-feature-item:hover {
    transform: translateY(-5px);
  }

  .manhattan-feature-icon {
    width: 60px; /* Kích thước cho placeholder icon */
    height: 40px; /* Kích thước cho placeholder icon */
    border: 1px solid #ccc; /* Placeholder: đường viền cho icon */
    margin: 0 auto 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .manhattan-feature-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    text-transform: uppercase;
  }

  .manhattan-feature-description {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
  }

  /* Phần form giữ nguyên class để không bị trùng nếu cả 2 section cùng trên 1 trang */
  .paris-contact-form-section { /* Giữ tên class của form nếu bạn muốn style dùng chung */
    background-color: #f5f1e4;
    padding: 40px 20px;
    border-radius: 8px;
  }
   .paris-form-title {
    font-size: 22px;
    font-weight: bold;
    color: #4a4a4a;
    margin-bottom: 5px;
    text-transform: uppercase;
  }
   .paris-form-subtitle {
    font-size: 18px;
    color: #b38e56;
    margin-bottom: 30px;
    font-weight: bold;
  }
   .paris-form-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
  }
   .paris-form-fields input[type="text"],
   .paris-form-fields input[type="email"],
   .paris-form-fields input[type="tel"] {
    flex-basis: calc(33.333% - 14px);
    min-width: 220px;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 15px;
  }
   .paris-form-fields input[type="text"]:focus,
   .paris-form-fields input[type="email"]:focus,
   .paris-form-fields input[type="tel"]:focus {
    outline: none;
    border-color: #b38e56;
    box-shadow: 0 0 0 2px rgba(179, 142, 86, 0.2);
  }
   .paris-form-submit-button {
    background-color: #e7aa3f;
    color: #fff;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
  }
   .paris-form-submit-button:hover {
    background-color: #d0942c;
  }


  /* Responsive Adjustments */
  @media (max-width: 991px) {
    .manhattan-feature-item {
      flex-basis: calc(50% - 15px); /* 2 cột trên tablet */
    }
    .paris-form-fields input[type="text"],
    .paris-form-fields input[type="email"],
    .paris-form-fields input[type="tel"] {
        flex-basis: 100%; /* 1 input trên hàng cho tablet nhỏ hơn */
    }
  }

  @media (max-width: 767px) {
    .manhattan-section-title {
      font-size: 26px;
    }
    .manhattan-section-slogan {
      font-size: 18px;
    }
    .manhattan-intro-text {
        font-size: 15px;
    }
    .manhattan-feature-item {
      flex-basis: 100%; /* 1 cột trên mobile */
    }
    .paris-form-title {
        font-size: 20px;
    }
    .paris-form-subtitle {
        font-size: 16px;
    }
  }
</style>

<div class="manhattan-imperia-section">
  <h2 class="manhattan-section-title">PHÂN KHU THE MANHATTAN VINHOMES IMPERIA</h2>
  <p class="manhattan-section-slogan">NHỊP SỐNG THỜI THƯỢNG ĐẬM CHẤT MỸ</p>
  <img src="http://imperia-vinhomes.vn/wp-content/uploads/2025/05/line-1.png" alt="Divider" class="manhattan-divider-icon">

  <p class="manhattan-intro-text">
    Manhattan – trái tim của New York, trung tâm tài chính sầm uất và điểm đến của những sự kiện quốc tế, các trung tâm thời trang, truyền thông danh tiếng thế giới. Phân khu Manhattan tại Vinhomes Imperia Hải Phòng được thiết kế theo phong cách Mỹ hiện đại, năng động và đầy sức sống. Đây là nơi an cư lý tưởng dành cho khách hàng trẻ tuổi, yêu thích nhịp sống sôi động, đẳng cấp.
    <br><br>
    The Manhattan Vinhomes Imperia mang hơi thở của cuộc sống thời thượng với nét đẹp giản đơn, không hoa mỹ nhưng vô cùng tinh tế. Khu phức hợp hội tụ quảng trường trung tâm, khách sạn cao cấp, trung tâm thương mại sầm uất và các tiện ích đa dạng khác.
  </p>

  <a href="#" target="_blank" class="manhattan-cta-button">XEM NGAY CHÍNH SÁCH THE MANHATTAN MỚI NHẤT</a>
  <!-- !!! THAY THẾ href="#" bằng link thực tế !!! -->

  <div class="manhattan-features-grid">
    <div class="manhattan-feature-item">
      <div class="manhattan-feature-icon"></div>
      <h3 class="manhattan-feature-title">GẦN KHU TIỆN ÍCH CHUNG</h3>
      <p class="manhattan-feature-description">
        Nằm sát khu tiện ích chung toàn dự án, cư dân Manhattan dễ dàng tiếp cận hàng loạt dịch vụ đẳng cấp nội khu, đồng thời thuận tiện di chuyển tới các tiện ích ngoại khu quan trọng của thành phố Hải Phòng.
      </p>
    </div>

    <div class="manhattan-feature-item">
      <div class="manhattan-feature-icon"></div>
      <h3 class="manhattan-feature-title">SẢN PHẨM ĐA DẠNG</h3>
      <p class="manhattan-feature-description">
        Phân khu Manhattan mang đến phong cách trẻ trung, năng động với đa dạng sản phẩm cao cấp: Boutique House, biệt thự song lập, biệt thự đơn lập, nhà liền kề. Mỗi sản phẩm đều được thiết kế tinh tế, đáp ứng đa dạng nhu cầu và sở thích của khách hàng.
      </p>
    </div>

    <div class="manhattan-feature-item">
      <div class="manhattan-feature-icon"></div>
      <h3 class="manhattan-feature-title">GẦN QUẢNG TRƯỜNG TRUNG TÂM</h3>
      <p class="manhattan-feature-description">
        The Manhattan tọa lạc gần quảng trường trung tâm dự án – địa điểm lý tưởng dành cho cư dân yêu thích cuộc sống sôi động và trải nghiệm đẳng cấp bậc nhất tại khu đô thị hàng đầu Hải Phòng.
      </p>
    </div>

    <div class="manhattan-feature-item">
      <div class="manhattan-feature-icon"></div>
      <h3 class="manhattan-feature-title">TIỆN ÍCH HIỆN ĐẠI</h3>
      <p class="manhattan-feature-description">
        Cư dân biệt thự Manhattan sẽ được tận hưởng hệ thống tiện ích đẳng cấp bao gồm: trung tâm thương mại Vincom, khu vui chơi giải trí, trường học Vinschool, phòng tập thể thao, bến du thuyền, sân khấu nhạc nước, Clubhouse sang trọng và nhiều dịch vụ tiện nghi khác.
      </p>
    </div>
  </div>

  <!-- Phần Form liên hệ -->
  <div class="paris-contact-form-section"> <!-- Giữ nguyên class để dùng chung style hoặc đổi tên nếu cần style riêng -->
    <h3 class="paris-form-title">LIÊN HỆ ĐẶT MUA NGAY ĐỂ NHẬN ƯU ĐÃI HẤP DẪN TỪ VINHOMES IMPERIA</h3>
    <p class="paris-form-subtitle">ĐĂNG KÝ SỚM CHỌN CĂN ĐẸP - HOTLINE: 0968 980 280</p>
    <form action="YOUR_PROCESSING_SCRIPT.php" method="POST" class="paris-contact-form"> <!-- Thay đổi action -->
      <div class="paris-form-fields">
        <input type="text" name="fullname" placeholder="Họ Tên" required>
        <input type="email" name="email" placeholder="Email" required>
        <input type="tel" name="phone" placeholder="Số điện thoại" required>
      </div>
      <button type="submit" class="paris-form-submit-button">Đăng kí ngay</button>
    </form>
  </div>
</div>
Use code with caution.
Html
Các điểm chính:
Class Prefix: .manhattan- được sử dụng cho các class chính của section này.
Nội dung: Toàn bộ văn bản đã được cập nhật theo mô tả "The Manhattan".
Bốn Features:
GẦN KHU TIỆN ÍCH CHUNG
SẢN PHẨM ĐA DẠNG
GẦN QUẢNG TRƯỜNG TRUNG TÂM
TIỆN ÍCH HIỆN ĐẠI
Nút CTA: Text được cập nhật. Đừng quên thay href="#".
Form liên hệ: Vẫn sử dụng các class của form "Paris" để dễ dàng quản lý style chung hoặc bạn có thể đổi tên class nếu muốn.
Hãy dán code này vào widget HTML của Elementor và kiểm tra nhé!/* End custom CSS */