.elementor-9 .elementor-element.elementor-element-642e7c9{--display:flex;--min-height:901px;--overlay-opacity:0.5;--margin-top:-56px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-642e7c9::before, .elementor-9 .elementor-element.elementor-element-642e7c9 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-642e7c9 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-642e7c9 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-642e7c9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-642e7c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-aa14d6e{margin:266px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-2ce9c99{--display:flex;}.elementor-9 .elementor-element.elementor-element-731ca7e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-731ca7e:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-731ca7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-123f9c5{--display:flex;--padding-top:0100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-74266d5{text-align:left;}.elementor-9 .elementor-element.elementor-element-74266d5 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:40px;font-weight:600;text-transform:uppercase;color:#E6B85B;}.elementor-9 .elementor-element.elementor-element-b0798ee{color:#3D3838;}.elementor-9 .elementor-element.elementor-element-1802bda{--display:flex;}.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-9 .elementor-element.elementor-element-73ca3b6{padding:71px 0px 0px 0px;text-align:left;}.elementor-9 .elementor-element.elementor-element-73ca3b6 img{width:100%;max-width:100%;height:431px;border-radius:47px 47px 47px 47px;}.elementor-9 .elementor-element.elementor-element-da07139{--display:flex;--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-da07139::before, .elementor-9 .elementor-element.elementor-element-da07139 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-da07139 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-da07139 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-da07139 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-da07139 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-77fe144{margin:0150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-77fe144 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:52px;font-weight:600;color:#E6B85B;}.elementor-9 .elementor-element.elementor-element-543bc01{--display:flex;}.elementor-9 .elementor-element.elementor-element-1c2b4f5{margin:0150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-1c2b4f5 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:52px;font-weight:600;color:#E6B85B;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-731ca7e{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-642e7c9{--content-width:1600px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-731ca7e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-aa14d6e *//* 1. Đảm bảo Font chữ sang trọng */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=Montserrat:wght@300;700&display=swap');

.hero-section {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Đẩy nội dung sang trái */
    padding: 02%;
    min-height: 60vh;
    background: transparent; /* Để lộ ảnh nền phía sau */
}

.content-wrapper {
    max-width: 700px; /* Giới hạn độ rộng để không tràn sang mặt mẫu */
    text-align: left;
}

/* 2. Headline Điện Ảnh */
.main-title {
    margin: 0 0 20px 0;
    line-height: 0.95; /* Cho các dòng khít nhau tạo sự liên kết */
}

.line-1 {
    display: block;
    font-family: 'Playfair Display', serif;
    font-size: 70px;
    color: #FFFFFF;
    font-weight: 700;
}

.line-2 {
    display: block;
    font-family: 'Playfair Display', serif;
    font-style: italic; /* Chữ nghiêng nghệ thuật */
    font-size: 60px;
    /* Hiệu ứng màu vàng Gold ánh kim */
    background: linear-gradient(to right, #bf953f, #fcf6ba, #b8860b, #ddac44, #aa771c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-left: 30px; /* Đẩy lùi vào một chút tạo nhịp điệu */
}

.line-3 {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 85px;
    letter-spacing: 5px; /* Giãn chữ vừa phải để không bị tràn */
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 5px;
    filter: drop-shadow(0 5px 15px rgba(0,0,0,0.3)); /* Tạo độ nổi */
}

/* 3. Đoạn mô tả mờ nhẹ */
.description {
    max-width: 480px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.8);
    margin: 30px 0;
}

/* 4. Phần thông số (Stats) */
.stats-container {
    display: flex;
    gap: 50px;
    border-top: 1px solid rgba(212, 175, 55, 0.4); /* Đường kẻ màu gold mờ */
    padding-top: 25px;
}

.stat-item {
    display: flex;
    flex-direction: column;
}

.label {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #d4af37; /* Màu vàng Gold */
    margin-bottom: 8px;
    text-transform: uppercase;
}

.value {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    color: #FFFFFF;
}

/* Responsive cho mobile nếu cần */
@media (max-width: 768px) {
    .line-1 { font-size: 40px; }
    .line-2 { font-size: 35px; }
    .line-3 { font-size: 45px; }
    .stats-container { gap: 20px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-642e7c9 */.site-header-focus-item{
    z-index: 99999999999;
}
    body.elementor-editor-active.ast-theme-transparent-header #masthead, .fl-builder-edit .ast-theme-transparent-header #masthead, body.vc_editor.ast-theme-transparent-header #masthead, body.brz-ed.ast-theme-transparent-header #masthead {
        z-index: 99999999999 !important;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb525b6 *//* Nền body cần có ảnh hoặc gradient màu sắc để thấy rõ hiệu ứng mờ */
body {
  font-family: 'Segoe UI', Roboto, sans-serif;
  padding: 60px 20px;
  margin: 0;
  min-height: 100vh;
}

.services-section {
  max-width: 1200px;
  margin: 0 auto;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
  gap: 25px; /* Khoảng cách giữa các ô */
}

/* Từng ô dịch vụ phong cách Glassmorphism */
.service-card {
  padding: 45px 35px;
  position: relative;
  overflow: hidden;
  
  /* --- HIỆU ỨNG NỀN MỜ --- */
  background: rgba(255, 255, 255, 0.03); /* Nền trắng cực loãng */
  backdrop-filter: blur(15px);           /* Làm mờ hậu cảnh */
  -webkit-backdrop-filter: blur(15px);
  
  /* --- BO TRÒN MẠNH --- */
  border-radius: 40px;                   /* Bo góc rất lớn cho hiện đại */
  
  /* Viền mảnh như ánh sáng phản chiếu trên kính */
  border: 1px solid rgba(255, 255, 255, 0.08);
  
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  flex-direction: column;
}

/* Hiệu ứng khi di chuột vào */
.service-card:hover {
  transform: translateY(-12px); /* Nổi lên cao hơn */
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(197, 164, 126, 0.5); /* Viền vàng đồng mờ dần */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

/* Icon box */
.icon-box {
  font-size: 38px;
  margin-bottom: 25px;
  filter: drop-shadow(0 5px 15px rgba(0,0,0,0.3));
}

/* Tiêu đề vàng đồng */
.service-card h3 {
  color: #c5a47e; 
  font-size: 24px;
  margin: 0 0 15px 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

/* Nội dung */
.service-card p {
  color: rgba(255, 255, 255, 0.6); /* Chữ hơi mờ cho sang */
  font-size: 15px;
  line-height: 1.8;
  margin: 0;
  font-weight: 300;
}

/* Responsive */
@media (max-width: 600px) {
  .service-card {
    border-radius: 30px; /* Mobile bo nhẹ hơn chút cho cân đối */
    padding: 35px 25px;
  }
}/* End custom CSS */