.elementor-3789 .elementor-element.elementor-element-0f52e0c{--display:flex;--min-height:491px;--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;}.elementor-3789 .elementor-element.elementor-element-0f52e0c:not(.elementor-motion-effects-element-type-background), .elementor-3789 .elementor-element.elementor-element-0f52e0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://buildmechdesign.com/wp-content/uploads/2026/04/duplicate-image-1.png") 50% 50%;background-size:cover;}.elementor-3789 .elementor-element.elementor-element-0f52e0c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3789 .elementor-element.elementor-element-6031302{width:var( --container-widget-width, 102.902% );max-width:102.902%;--container-widget-width:102.902%;--container-widget-flex-grow:0;}.elementor-3789 .elementor-element.elementor-element-6031302.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3789 .elementor-element.elementor-element-eb34bf1{--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;}.elementor-3789 .elementor-element.elementor-element-eb34bf1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3789 .elementor-element.elementor-element-3f6e603{width:var( --container-widget-width, 102.392% );max-width:102.392%;--container-widget-width:102.392%;--container-widget-flex-grow:0;}.elementor-3789 .elementor-element.elementor-element-3f6e603.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3789 .elementor-element.elementor-element-c3eaae8{--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;}.elementor-3789 .elementor-element.elementor-element-6c14240{--display:flex;--justify-content:center;}.elementor-3789 .elementor-element.elementor-element-66d7e72{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-3789 .elementor-element.elementor-element-66d7e72 .elementor-divider-separator{width:71%;margin:0 auto;margin-center:0;}.elementor-3789 .elementor-element.elementor-element-66d7e72 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-3789 .elementor-element.elementor-element-0a3ce50{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;text-align:center;}.elementor-3789 .elementor-element.elementor-element-0a3ce50 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-3789 .elementor-element.elementor-element-0a3ce50 .elementor-heading-title{font-family:"Orbitron", Sans-serif;font-size:43px;font-weight:500;font-style:italic;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);mix-blend-mode:multiply;color:#000000F2;}.elementor-3789 .elementor-element.elementor-element-0a3ce50 .elementor-heading-title a{transition-duration:1.5s;}.elementor-3789 .elementor-element.elementor-element-9c6fe7c .elementor-button{font-weight:800;fill:#020101;color:#020101;}.elementor-3789 .elementor-element.elementor-element-239f7c1 .hfe-post-card{background-color:#F6F6F6;}.elementor-3789 .elementor-element.elementor-element-239f7c1 .hfe-posts-grid{grid-template-columns:repeat(3, 1fr);column-gap:20px;row-gap:30px;}.elementor-3789 .elementor-element.elementor-element-239f7c1 .hfe-post-content{padding:20px 20px 20px 20px;}.elementor-3789 .elementor-element.elementor-element-239f7c1 .hfe-post-title{margin-bottom:5px;}.elementor-3789 .elementor-element.elementor-element-239f7c1 .hfe-post-meta{margin-bottom:15px;}.elementor-3789 .elementor-element.elementor-element-239f7c1 .hfe-post-excerpt{margin-bottom:15px;}@media(max-width:1024px){.elementor-3789 .elementor-element.elementor-element-0a3ce50{--container-widget-width:498px;--container-widget-flex-grow:0;width:var( --container-widget-width, 498px );max-width:498px;}.elementor-3789 .elementor-element.elementor-element-239f7c1 .hfe-posts-grid{grid-template-columns:repeat(2, 1fr);}}@media(min-width:768px){.elementor-3789 .elementor-element.elementor-element-0f52e0c{--width:100.304%;}.elementor-3789 .elementor-element.elementor-element-eb34bf1{--width:99.62%;}.elementor-3789 .elementor-element.elementor-element-c3eaae8{--content-width:1600px;}}@media(max-width:767px){.elementor-3789 .elementor-element.elementor-element-0f52e0c{--width:100%;--min-height:379px;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--flex-wrap:nowrap;}.elementor-3789 .elementor-element.elementor-element-0a3ce50{--container-widget-width:412px;--container-widget-flex-grow:0;width:var( --container-widget-width, 412px );max-width:412px;}.elementor-3789 .elementor-element.elementor-element-239f7c1 .hfe-posts-grid{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS for html, class: .elementor-element-26b0bcd */.blog-section {
  padding: 80px 20px;
  background: #0f172a;
  color: #fff;
}

.container {
  max-width: 1100px;
  margin: auto;
}

.section-title {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 40px;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
}

.blog-card {
  background: #1e293b;
  border-radius: 16px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.6s ease;
}

.blog-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.blog-content {
  padding: 20px;
}

.blog-content a {
  color: #38bdf8;
  text-decoration: none;
}

.blog-card.show {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0a3ce50 *//* Apply to the Elementor Heading Widget */
.elementor-3789 .elementor-element.elementor-element-0a3ce50 .elementor-heading-title {
    position: relative;
    color: transparent; /* Hide original text to show the animated version */
    background: linear-gradient(
        to right, 
        #fff 0%, 
        #fff 25%, 
        #00d2ff 50%, 
        #fff 75%, 
        #fff 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    
    /* Reveal Animation: bottom-up fade */
    animation: 
        revealUp 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards,
        glowPulse 4s ease-in-out infinite 1.5s,
        lightSweep 6s linear infinite 2s;
    
    opacity: 0;
    transform: translateY(30px);
    filter: blur(10px);
    letter-spacing: 2px;
}

/* 1. The Cinematic Entrance */
@keyframes revealUp {
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0px);
    }
}

/* 2. The Tesla-style Glow Pulse */
@keyframes glowPulse {
    0%, 100% { text-shadow: 0 0 0px rgba(0, 210, 255, 0); }
    50% { text-shadow: 0 0 15px rgba(0, 210, 255, 0.4); }
}

/* 3. The Metallic Light Sweep */
@keyframes lightSweep {
    0% { background-position: 200% center; }
    30% { background-position: 0% center; }
    100% { background-position: 0% center; }
}

/* Responsive Fix */
@media (max-width: 768px) {
    .elementor-3789 .elementor-element.elementor-element-0a3ce50 .elementor-heading-title {
        letter-spacing: 1px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9c6fe7c *//* Import Orbitron font */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&display=swap');

/* Base style */
.elementor-3789 .elementor-element.elementor-element-9c6fe7c {
  font-family: 'Orbitron', sans-serif;
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
  letter-spacing: 1px;
}

/* Hover effect */
.elementor-3789 .elementor-element.elementor-element-9c6fe7c:hover {
  transform: scale(1.08);
  font-weight: 700;
  letter-spacing: 2px;
  box-shadow: 0 0 12px rgba(79, 172, 254, 0.6),
              0 0 25px rgba(0, 242, 254, 0.4);
}

/* Subtle glowing border animation */
.elementor-3789 .elementor-element.elementor-element-9c6fe7c::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}

/* Border glow on hover */
.elementor-3789 .elementor-element.elementor-element-9c6fe7c:hover::after {
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 10px rgba(255,255,255,0.5);
}

/* Click effect */
.elementor-3789 .elementor-element.elementor-element-9c6fe7c:active {
  transform: scale(0.95);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c14240 *//* Paste in Elementor Container > Advanced > Custom CSS */
/* Bright premium container with smooth animation */

.elementor-3789 .elementor-element.elementor-element-6c14240{
position:relative;
overflow:hidden;
padding:32px;
border-radius:24px;

/* bright elegant background */
background:linear-gradient(135deg,#f8fbff,#dfe9f5,#eef4ff);
border:1px solid rgba(58,124,165,.18);

box-shadow:
0 12px 35px rgba(0,0,0,.12);

transition:all .45s ease;

/* intro animation */
animation:containerFade 1.2s ease forwards;
opacity:0;
transform:translateY(30px);
}

/* moving light effect */
.elementor-3789 .elementor-element.elementor-element-6c14240:before{
content:"";
position:absolute;
top:0;
left:-120%;
width:45%;
height:100%;
background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.75),
transparent
);
transform:skewX(-20deg);
animation:shineMove 6s linear infinite;
}

/* soft floating blue orb */
.elementor-3789 .elementor-element.elementor-element-6c14240:after{
content:"";
position:absolute;
right:-60px;
top:-60px;
width:160px;
height:160px;
border-radius:50%;
background:radial-gradient(circle, rgba(58,124,165,.18), transparent 70%);
animation:floatOrb 5s ease-in-out infinite;
}

/* hover */
.elementor-3789 .elementor-element.elementor-element-6c14240:hover{
transform:translateY(-6px);
box-shadow:
0 18px 45px rgba(0,0,0,.16);
}

/* animations */
@keyframes containerFade{
to{
opacity:1;
transform:translateY(0);
}
}

@keyframes shineMove{
0%{left:-120%;}
100%{left:180%;}
}

@keyframes floatOrb{
0%,100%{transform:translateY(0);}
50%{transform:translateY(12px);}
}

/* text */
.elementor-3789 .elementor-element.elementor-element-6c14240 h1,
.elementor-3789 .elementor-element.elementor-element-6c14240 h2,
.elementor-3789 .elementor-element.elementor-element-6c14240 h3{
color:#0f1720;
}

.elementor-3789 .elementor-element.elementor-element-6c14240 p{
color:#425466;
}

/* mobile */
@media(max-width:767px){
.elementor-3789 .elementor-element.elementor-element-6c14240{
padding:22px;
border-radius:18px;
}
}/* End custom CSS */