.elementor-7152 .elementor-element.elementor-element-387839c{--display:flex;--min-height:857px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7152 .elementor-element.elementor-element-387839c:not(.elementor-motion-effects-element-type-background), .elementor-7152 .elementor-element.elementor-element-387839c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asiacarstrade.com/wp-content/uploads/2026/02/Orange-and-Black-Modern-Car-Dealer-Presentation-8.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7152 .elementor-element.elementor-element-ee3c756{--display:flex;}.elementor-7152 .elementor-element.elementor-element-08458cb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 5px 5px 0px;}.elementor-7152 .elementor-element.elementor-element-08458cb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7152 .elementor-element.elementor-element-826fb03{--display:flex;--min-height:519px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--border-radius:5px 5px 5px 5px;}.elementor-7152 .elementor-element.elementor-element-826fb03:not(.elementor-motion-effects-element-type-background), .elementor-7152 .elementor-element.elementor-element-826fb03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E1E1E;}.elementor-7152 .elementor-element.elementor-element-826fb03.e-con{--align-self:flex-start;}.elementor-7152 .elementor-element.elementor-element-f032b3d{--display:flex;--min-height:505px;--border-radius:5px 5px 5px 5px;}.elementor-7152 .elementor-element.elementor-element-f032b3d:not(.elementor-motion-effects-element-type-background), .elementor-7152 .elementor-element.elementor-element-f032b3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-7152 .elementor-element.elementor-element-f032b3d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7152 .elementor-element.elementor-element-e718248{--display:flex;}.elementor-7152 .elementor-element.elementor-element-96686a4.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-7152 .elementor-element.elementor-element-4c8c119 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7152 .elementor-element.elementor-element-2cc85a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-7152 .elementor-element.elementor-element-2cc85a2:not(.elementor-motion-effects-element-type-background), .elementor-7152 .elementor-element.elementor-element-2cc85a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asiacarstrade.com/wp-content/uploads/2026/02/Orange-and-Black-Modern-Car-Dealer-Presentation-7.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7152 .elementor-element.elementor-element-057406a{--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;--border-radius:5px 5px 5px 5px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7152 .elementor-element.elementor-element-057406a:not(.elementor-motion-effects-element-type-background), .elementor-7152 .elementor-element.elementor-element-057406a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7152 .elementor-element.elementor-element-b997789{--display:flex;}.elementor-7152 .elementor-element.elementor-element-f6f3b1b{--display:grid;--min-height:488px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:start;--border-radius:5px 5px 5px 5px;}.elementor-7152 .elementor-element.elementor-element-f6f3b1b:not(.elementor-motion-effects-element-type-background), .elementor-7152 .elementor-element.elementor-element-f6f3b1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E1E1E;}.elementor-7152 .elementor-element.elementor-element-2944fc0{--display:flex;--min-height:0px;--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;--justify-content:center;--border-radius:5px 5px 5px 5px;}.elementor-7152 .elementor-element.elementor-element-2944fc0:not(.elementor-motion-effects-element-type-background), .elementor-7152 .elementor-element.elementor-element-2944fc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2A2A2A;}.elementor-7152 .elementor-element.elementor-element-3391993{width:var( --container-widget-width, 103.495% );max-width:103.495%;--container-widget-width:103.495%;--container-widget-flex-grow:0;}.elementor-7152 .elementor-element.elementor-element-3391993.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7152 .elementor-element.elementor-element-96d7d91{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7152 .elementor-element.elementor-element-3f2d810 > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-7152 .elementor-element.elementor-element-5f79c3e{--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;--justify-content:center;--border-radius:5px 5px 5px 5px;}.elementor-7152 .elementor-element.elementor-element-5f79c3e:not(.elementor-motion-effects-element-type-background), .elementor-7152 .elementor-element.elementor-element-5f79c3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2A2A2A;}.elementor-7152 .elementor-element.elementor-element-6a541cb{--display:flex;}.elementor-7152 .elementor-element.elementor-element-e186f74{--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;--justify-content:center;--border-radius:5px 5px 5px 5px;}.elementor-7152 .elementor-element.elementor-element-e186f74:not(.elementor-motion-effects-element-type-background), .elementor-7152 .elementor-element.elementor-element-e186f74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2A2A2A;}.elementor-7152 .elementor-element.elementor-element-ea77bab{--display:flex;}.elementor-7152 .elementor-element.elementor-element-afb69ac{--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;--justify-content:center;--border-radius:5px 5px 5px 5px;}.elementor-7152 .elementor-element.elementor-element-afb69ac:not(.elementor-motion-effects-element-type-background), .elementor-7152 .elementor-element.elementor-element-afb69ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2A2A2A;}.elementor-7152 .elementor-element.elementor-element-7548245{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7152 .elementor-element.elementor-element-f6f3b1b{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-7152 .elementor-element.elementor-element-387839c{--content-width:95%;}.elementor-7152 .elementor-element.elementor-element-ee3c756{--content-width:1380px;}.elementor-7152 .elementor-element.elementor-element-08458cb{--width:100%;}.elementor-7152 .elementor-element.elementor-element-826fb03{--width:95%;}.elementor-7152 .elementor-element.elementor-element-f032b3d{--width:34%;}.elementor-7152 .elementor-element.elementor-element-2cc85a2{--content-width:80%;}.elementor-7152 .elementor-element.elementor-element-057406a{--width:100%;}.elementor-7152 .elementor-element.elementor-element-b997789{--width:30%;}.elementor-7152 .elementor-element.elementor-element-f6f3b1b{--width:100%;}.elementor-7152 .elementor-element.elementor-element-2944fc0{--width:100%;}.elementor-7152 .elementor-element.elementor-element-5f79c3e{--width:100%;}.elementor-7152 .elementor-element.elementor-element-e186f74{--width:100%;}.elementor-7152 .elementor-element.elementor-element-afb69ac{--width:100%;}}@media(max-width:767px){.elementor-7152 .elementor-element.elementor-element-387839c{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7152 .elementor-element.elementor-element-f6f3b1b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-e6b75c6 *//* THE MICRO-TITLE CSS */
.video-micro-title-wrapper {
  text-align: center; /* Centers the title perfectly above your video */
  width: 100%;
}

.video-micro-title {
  font-family: 'Poppins', sans-serif;
  font-size: 18px; /* Kept small so it doesn't fight your main left headline */
  font-weight: 600;
  color: #ffffff; /* A subtle, premium light gray */
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase; /* ALL CAPS works here because the text is very small */
  letter-spacing: 1.5px; /* Spaced out slightly for a cinematic, high-end feel */
}

.micro-play-icon {
  margin-right: 8px;
  display: flex;
  align-items: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f032b3d *//* --- PREMIUM SHOWROOM CONTAINERS --- */
.showroom-container-upgrade {
  /* Creates a subtle metallic gradient instead of a flat color */
  background: linear-gradient(145deg, #262626 0%, #171717 100%) !important; 
  
  /* Adds a very faint white line around the edge to catch the light */
  border: 1px solid rgba(255, 255, 255, 0.06) !important; 
  
  /* Softly rounds the corners */
  border-radius: 16px !important; 
  
  /* Adds a deep shadow to separate it from the background */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important; 
  
  /* Makes the hover effect smooth */
  transition: all 0.4s ease !important; 
}

/* The Hover Effect: Makes the box slightly glow and lift when pointed at */
.showroom-container-upgrade:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7), 0 0 15px rgba(186, 2, 2, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c8c119 *//* --- HERO BANNER CSS --- */
.hero-highlight-banner {
  padding: 20px 50px 0px 20px; /* Massive padding for a grand feel */
  text-align: left;
  max-width: 800px; /* Keeps the text from stretching too wide on big screens */
}

/* Upscaled Headline */
.hero-headline {
  font-family: 'Poppins', sans-serif;
  font-size: 46px; /* Huge font size for maximum impact */
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 15px;
}

/* Thicker Red Accent Line */
.hero-red-line {
  width: 120px; 
  height: 6px; /* Slightly thicker */
  background-color: #ba0202; 
  margin-bottom: 40px; /* Pushes the bullet points down for breathing room */
}

/* Upscaled Bullet Points */
.hero-perks-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 45px 0;
}

.hero-perks-list li {
  font-family: 'Poppins', sans-serif;
  font-size: 18px; /* Larger, easier to read text */
  color: #e0e0e0;
  margin-bottom: 24px;
  display: flex;
  align-items: flex-start;
  line-height: 1.6;
}

/* The Clean Red Dots */
.hero-dot {
  min-width: 10px;
  height: 10px;
  background-color: #ba0202; /* Brand Red */
  border-radius: 50%; /* Makes it a perfect circle */
  margin-top: 8px; /* Aligns the dot perfectly with the first line of text */
  margin-right: 20px;
  box-shadow: 0 0 10px rgba(186, 2, 2, 0.6); /* Adds a premium red glow to the dot */
}

.hero-text strong {
  color: #ffffff;
  font-weight: 700;
}

/* The Massive Call to Action Button */
.hero-action-button {
  font-family: 'Poppins', sans-serif;
  background-color: #ba0202;
  color: #ffffff;
  padding: 18px 45px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  transition: all 0.3s ease;
}

.hero-action-button:hover {
  background-color: #8c0101;
  transform: translateY(-3px);
  box-shadow: 0px 8px 25px rgba(186, 2, 2, 0.4);
}

.blog-eyebrow {
  font-family: 'Poppins', sans-serif;
  color: #ff3333; /* A brighter red to pop against the dark gray */
  font-size: 45px; /* Much smaller! */
  font-weight: 800;
  letter-spacing: 3px; /* Very wide spacing for that luxury feel */
  text-transform: uppercase;
  margin-bottom: 1px;
  display: block; /* Ensures it sits on its own line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-826fb03 *//* --- PREMIUM SHOWROOM CONTAINERS --- */
.showroom-container-upgrade {
  /* Creates a subtle metallic gradient instead of a flat color */
  background: linear-gradient(145deg, #262626 0%, #171717 100%) !important; 
  
  /* Adds a very faint white line around the edge to catch the light */
  border: 1px solid rgba(255, 255, 255, 0.06) !important; 
  
  /* Softly rounds the corners */
  border-radius: 16px !important; 
  
  /* Adds a deep shadow to separate it from the background */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important; 
  
  /* Makes the hover effect smooth */
  transition: all 0.4s ease !important; 
}

/* The Hover Effect: Makes the box slightly glow and lift when pointed at */
.showroom-container-upgrade:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7), 0 0 15px rgba(186, 2, 2, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b48eac *//* Container styling */
.agent-section-how {
  text-align: left;
  padding-top: 20px;
}

.agent-container-how {
  max-width: 900px;
  margin: 0 auto;
}

/* The Big Section Title */
.agent-title-how {
  font-family: 'Poppins', sans-serif;
  font-size: 38px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 1px; /* UPGRADE: Reduced slightly from 1.5px so the letters aren't too far apart */
  text-transform: uppercase; /* Keeps that bold, commanding showroom feel */
  position: relative;
  margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f2d810 *//* --- CSS FOR THE TITLE --- */
.agent-section-blog1 {
  text-align: left; 
}

.agent-container-blog1 {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 0px;
}

.agent-title-blog1 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 800; 
  color: #ffffff;
  letter-spacing: 0.5px; 
  text-transform: none; 
  margin-bottom: 14px; /* Creates space between the text and the red line */
  
  /* The Dot-Dot-Dot Truncation */
  display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- THE NEW RED LINE CSS --- */
.agent-red-line {
  width: 100px; 
  height: 4px;
  background-color: #ba0202; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de97fb3 *//* --- CSS FOR THE DESCRIPTION --- */
.agent-section-blog11 {
  text-align: left; 
}

.agent-container-blog11 {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 0px;
}

.agent-title-blog11 {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400; 
  color: #f1f1f1; 
  line-height: 1.6; 
  position: relative;
  /* The line-clamp rules were removed from here! */
}

/* --- ADDED THIS FOR YOUR NEW BUTTON --- */
.see-more-link {
  color: #e60000; /* Sporty red */
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f99926c *//* --- CSS FOR THE TITLE --- */
.agent-section-blog1 {
  text-align: left; 
}

.agent-container-blog1 {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 0px;
}

.agent-title-blog1 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 800; 
  color: #ffffff;
  letter-spacing: 0.5px; 
  text-transform: none; 
  margin-bottom: 14px; /* Creates space between the text and the red line */
  
  /* The Dot-Dot-Dot Truncation */
  display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- THE NEW RED LINE CSS --- */
.agent-red-line {
  width: 100px; 
  height: 4px;
  background-color: #ba0202; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9cd56ee *//* --- CSS FOR THE DESCRIPTION --- */
.agent-section-blog11 {
  text-align: left; 
}

.agent-container-blog11 {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 0px;
}

.agent-title-blog11 {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400; 
  color: #f1f1f1; 
  line-height: 1.6; 
  position: relative;
  /* The line-clamp rules were removed from here! */
}

/* --- ADDED THIS FOR YOUR NEW BUTTON --- */
.see-more-link {
  color: #e60000; /* Sporty red */
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0104ba1 *//* --- CSS FOR THE TITLE --- */
.agent-section-blog1 {
  text-align: left; 
}

.agent-container-blog1 {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 0px;
}

.agent-title-blog1 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 800; 
  color: #ffffff;
  letter-spacing: 0.5px; 
  text-transform: none; 
  margin-bottom: 14px; /* Creates space between the text and the red line */
  
  /* The Dot-Dot-Dot Truncation */
  display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- THE NEW RED LINE CSS --- */
.agent-red-line {
  width: 100px; 
  height: 4px;
  background-color: #ba0202; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ceab765 *//* --- CSS FOR THE TITLE --- */
.agent-section-blog1 {
  text-align: left; 
}

.agent-container-blog1 {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 0px;
}

.agent-title-blog1 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 800; 
  color: #ffffff;
  letter-spacing: 0.5px; 
  text-transform: none; 
  margin-bottom: 14px; /* Creates space between the text and the red line */
  
  /* The Dot-Dot-Dot Truncation */
  display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- THE NEW RED LINE CSS --- */
.agent-red-line {
  width: 100px; 
  height: 4px;
  background-color: #ba0202; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6f3b1b *//* --- PREMIUM SHOWROOM CONTAINERS --- */
.showroom-container-upgrade {
  /* Creates a subtle metallic gradient instead of a flat color */
  background: linear-gradient(145deg, #262626 0%, #171717 100%) !important; 
  
  /* Adds a very faint white line around the edge to catch the light */
  border: 1px solid rgba(255, 255, 255, 0.06) !important; 
  
  /* Softly rounds the corners */
  border-radius: 16px !important; 
  
  /* Adds a deep shadow to separate it from the background */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important; 
  
  /* Makes the hover effect smooth */
  transition: all 0.4s ease !important; 
}

/* The Hover Effect: Makes the box slightly glow and lift when pointed at */
.showroom-container-upgrade:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7), 0 0 15px rgba(186, 2, 2, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}/* End custom CSS */