.elementor-7072 .elementor-element.elementor-element-a5488d2{--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-7072 .elementor-element.elementor-element-a6a50ea{width:100%;max-width:100%;}.elementor-7072 .elementor-element.elementor-element-a6a50ea > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7072 .elementor-element.elementor-element-9abdab0{--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-7072 .elementor-element.elementor-element-9abdab0:not(.elementor-motion-effects-element-type-background), .elementor-7072 .elementor-element.elementor-element-9abdab0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7072 .elementor-element.elementor-element-ce071c3{--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-7072 .elementor-element.elementor-element-abf5df3{--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-7072 .elementor-element.elementor-element-cca576d{--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-7072 .elementor-element.elementor-element-231ee9e{--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-7072 .elementor-element.elementor-element-f39911b{--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-7072 .elementor-element.elementor-element-f39911b:not(.elementor-motion-effects-element-type-background), .elementor-7072 .elementor-element.elementor-element-f39911b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7072 .elementor-element.elementor-element-3ebd938{--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;}/* Start custom CSS for html, class: .elementor-element-a6a50ea *//* =====================================================
   JACEO – CENTERED SERVICE HERO (100vh)
   Editorial • Architectural • Premium
===================================================== */

#jaceo{
  --blue:#193886;
  --yellow:#feb42f;
  --white:#ffffff;
  --dark:#0c1222;
}

#jaceo *{
  box-sizing:border-box;
}

/* ================= HERO BASE ================= */

#jaceo .service-hero-centered{
  position:relative;
  min-height:100vh;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7% 5%;


  background:
    url("http://topmetalsupplier.com/wp-content/uploads/2026/01/Flat-Low-Slope-Roofing-1-scaled.png")
    center / cover no-repeat;

  color:var(--white);
  text-align:center;
  overflow:hidden;
}

/* ================= CENTER BLOCK ================= */

#jaceo .service-hero-center{
  position:relative;
  z-index:2;
  max-width:900px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  /* 🔥 DESVANECIDO RADIAL EDITORIAL (PERFECTO) */
  background:
    radial-gradient(
      ellipse at center,
      rgba(12,18,34,.62) 0%,
      rgba(12,18,34,.55) 30%,
      rgba(12,18,34,.38) 45%,
      rgba(12,18,34,.22) 65%,
      rgba(12,18,34,.12) 80%,
      rgba(12,18,34,.05) 92%,
      rgba(12,18,34,0) 100%
    );

  padding:78px 86px 84px;
}

/* tag */
#jaceo .service-tag{
  font-size:12px;
  font-weight:900;
  letter-spacing:.26em;
  color:var(--yellow);
  margin-bottom:22px;
}

/* title */
#jaceo .service-hero-center h1{
  font-size:clamp(46px,6vw,86px);
  font-weight:900;
  line-height:1.03;
  margin-bottom:26px;
}

/* divider */
#jaceo .service-divider{
  width:120px;
  height:3px;
  background:var(--yellow);
  margin-bottom:30px;
}

/* paragraph */
#jaceo .service-hero-center p{
  font-size:19px;
  line-height:1.75;
  max-width:760px;
  margin-bottom:52px;
  color:rgba(255,255,255,.97);

  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
}

/* ================= ACTIONS ================= */

#jaceo .service-hero-actions{
  display:flex;
  gap:20px;
}

#jaceo .btn-primary{
  background:var(--blue);
  color:#fff;
  padding:18px 52px;
  font-weight:900;
  letter-spacing:.14em;
  text-decoration:none;
}

#jaceo .btn-secondary{
  background:var(--yellow);
  color:#000;
  padding:18px 52px;
  font-weight:900;
  letter-spacing:.14em;
  text-decoration:none;
}

/* =====================================================
   BUTTON HOVER ZOOM — PREMIUM MOTION
===================================================== */

#jaceo .btn-primary,
#jaceo .btn-secondary{
  position:relative;
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    box-shadow .35s ease;
  will-change:transform;
}

@media (hover:hover){
  #jaceo .btn-primary:hover,
  #jaceo .btn-secondary:hover{
    transform:scale(1.06);
    box-shadow:0 20px 40px rgba(0,0,0,.28);
  }

  #jaceo .btn-primary:active,
  #jaceo .btn-secondary:active{
    transform:scale(1.02);
  }
}

/* ================= RESPONSIVE ================= */

@media (max-width:900px){

  #jaceo .service-hero-centered{
    padding:80px 6%;
  }

  #jaceo .service-hero-center{
    width:100%;
    padding:38px 30px 44px;
  }

  #jaceo .service-hero-center h1{
    font-size:clamp(38px,8vw,56px);
  }

  #jaceo .service-hero-center p{
    font-size:16px;
    margin-bottom:36px;
  }

  #jaceo .service-hero-actions{
    flex-direction:column;
    gap:14px;
  }

  #jaceo .btn-primary,
  #jaceo .btn-secondary{
    width:100%;
    text-align:center;
    padding:14px 18px;
  }
}

@media (max-width:480px){
  #jaceo .service-hero-centered{
    min-height:100svh;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc62b90 */#CEOJA_TopMetal_Form{
      --tm-blue:#193886;
      --tm-yellow:#FEB42F;
      --tm-pad: clamp(24px, 5vw, 64px);
      
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      font-size: 1.06rem;
      padding: var(--tm-pad);
      box-sizing: border-box;
        font-family: 'Montserrat', sans-serif;
     
    
  --tm-band-img: url("http://topmetalsupplier.com/wp-content/uploads/2026/01/Top_Metal_Texturas-01.jpg");
 background-color: #ffffff !important;

  background-image:
    linear-gradient(
      to bottom,
      #ffffff 0%,
      #ffffff calc(50% - 220px),
      #ffffff calc(50% - 220px),
      #ffffff calc(50% + 220px),
      #ffffff calc(50% + 220px),
      #ffffff 100%
    ),
    url("http://topmetalsupplier.com/wp-content/uploads/2026/01/Top_Metal_Texturas-01.jpg");

  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size:
    100% 100%,
    100% clamp(360px, 35vw, 520px);
    
    
    
        isolation: isolate;
  position: relative;
    }
    #CEOJA_TopMetal_Form *{ box-sizing: border-box; }

    .TM-card{
      max-width: 100%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.1fr 1fr;
      border-radius: 28px;
      overflow: hidden;

      background: #ffffff;
    }


.TM-media{
  position: relative;
  min-height: 420px;
  background: #f3f4f6;
  overflow: hidden;
}


.TM-media > img:not(.TM-logo){
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.TM-media > img.TM-logo{
  position: absolute;
  left: 24px;
  bottom: 22px;

  width: clamp(80px, 12vw, 140px);
  height: auto !important;

  max-width: 20%;
  object-fit: contain !important;
  display: block;

  z-index: 3;
  pointer-events: none;
}

   


    .TM-formWrap{
      padding: clamp(28px, 4vw, 56px);
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .TM-eyebrow{
       font-size: clamp(1.6rem, 2.4vw, 2.1rem);
      font-weight: 800;
      line-height: 1.2;
      color: var(--tm-blue);
      margin: 0 0 px;
    }
    .TM-title{
      font-size: clamp(1.6rem, 2.4vw, 2.1rem);
      font-weight: 800;
      line-height: 1.2;
      color: var(--tm-blue);
      margin: 0 0 10px;
    }
    .TM-sub{
      color: #000000;
      margin-bottom: 26px;
      max-width: 420px;
      font-size: 1.2rem;
    }



    #CEOJA_TopMetal_Form .wpforms-container{ margin: 0 !important; }
    #CEOJA_TopMetal_Form .wpforms-container form.wpforms-form{ margin: 0 !important; }


    #CEOJA_TopMetal_Form .wpforms-container .wpforms-field-label{
      display: block !important;
      font-size: .92rem !important;
      font-weight: 600 !important;
      color: rgba(0, 0, 0, 1) !important;
      margin: 0 0 8px !important;
      line-height: 1.25 !important;
      letter-spacing: .01em !important;
    }


#CEOJA_TopMetal_Form .wpforms-container .wpforms-required-label{
  display: inline !important;
  color: var(--tm-yellow) !important; 
  font-weight: 700 !important;
  margin-left: 4px !important;
}



    #CEOJA_TopMetal_Form .wpforms-container .wpforms-field{
      padding: 0 !important;
      margin: 0 0 16px !important;
    }

 
    #CEOJA_TopMetal_Form .wpforms-container input[type="text"],
    #CEOJA_TopMetal_Form .wpforms-container input[type="email"],
    #CEOJA_TopMetal_Form .wpforms-container input[type="tel"],
    #CEOJA_TopMetal_Form .wpforms-container input[type="number"],
    #CEOJA_TopMetal_Form .wpforms-container textarea{
      width: 100% !important;
      padding: 14px 16px !important;
      border-radius: 10px !important;
      border: 1px solid rgba(25,56,134,.35) !important;
      font-size: 1.06rem !important;
      background: #ffffff !important;
      color: #0f172a !important;
      box-shadow: none !important;
      transition: border-color .25s ease, box-shadow .25s ease !important;
    }

    #CEOJA_TopMetal_Form .wpforms-container textarea{
      min-height: 110px !important;
      resize: vertical !important;
    }

    #CEOJA_TopMetal_Form .wpforms-container input:focus,
    #CEOJA_TopMetal_Form .wpforms-container textarea:focus{
      border-color: var(--tm-blue) !important;
      box-shadow:
        0 0 0 3px rgba(25,56,134,.18),
        0 0 0 6px rgba(254,180,47,.18) !important;
    }


    #CEOJA_TopMetal_Form .wpforms-container .wpforms-submit-container{
      padding: 0 !important;
      margin-top: 14px !important;
    }

    #CEOJA_TopMetal_Form .wpforms-container button[type="submit"].wpforms-submit{
      padding: 14px 36px !important;
      border-radius: 0px !important;
      background: var(--tm-blue) !important;
      color: #ffffff !important;
      font-weight: 700 !important;
      border: none !important;
      cursor: pointer !important;
      font-size: 1.06rem !important;
      line-height: 1 !important;
      transition: transform .2s ease, box-shadow .2s ease !important;
    }

    #CEOJA_TopMetal_Form .wpforms-container button[type="submit"].wpforms-submit:hover{
      transform: translateY(-1px) !important;
      box-shadow:
        0 16px 36px rgba(25,56,134,.35),
        0 0 0 4px rgba(254,180,47,.28) !important;
    }


    #CEOJA_TopMetal_Form .wpforms-container label.wpforms-error{
      display: block !important;
      margin-top: 8px !important;
      font-size: .92rem !important;
    }

 
    @media (max-width: 900px){
      .TM-card{ grid-template-columns: 1fr; }
      .TM-media{ min-height: 260px; }
      .TM-logo{ width: 96px; }
    }
    

  


#CEOJA_TopMetal_Form input[type="number"]::-webkit-inner-spin-button,
#CEOJA_TopMetal_Form input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

#CEOJA_TopMetal_Form input[type="number"]{
  -moz-appearance: textfield;
}

#CEOJA_TopMetal_Form input[type="tel"]{
  appearance: none;
}



#CEOJA_TopMetal_Form{

  --tm-band-img: url("http://topmetalsupplier.com/wp-content/uploads/2026/01/Top_Metal_Texturas-01.jpg");

  position: relative;
  isolation: isolate;

  background-color: #ffffff;
  background-image: var(--tm-band-img);
  background-repeat: no-repeat;
  background-position: center;

     background-size: 100% clamp(360px, 35vw, 520px);
  background-position: center;
}


#CEOJA_TopMetal_Form .TM-card{
  position: relative;
  z-index: 2;
   background: #ffffff!important;
   box-shadow: 0 28px 70px rgba(25,56,134,.14);
}

#CEOJA_TopMetal_Form::before{
  content:"";
  position:absolute;
  z-index: 4;
  pointer-events:none;

  top: 26px;

  left: calc(
    var(--tm-pad) + (100% - (var(--tm-pad) * 2)) * 0.761904
  );
  transform: translateX(-50%);

  width: 18px;
  height: 18px;
  background: var(--tm-yellow);
  border-radius: 2px;

  box-shadow: 14px -12px 0 0 var(--tm-blue);
  
  
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);

  /* ALTURA DE LA FRANJA */
  height: clamp(360px, 35vw, 520px);

  background-image: url("http://topmetalsupplier.com/wp-content/uploads/2026/01/Top_Metal_Texturas-01.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  z-index: 0;
  pointer-events: none;
}

#CEOJA_TopMetal_Form::after{
  content:"";
  position:absolute;
  z-index: 4;
  pointer-events:none;

  bottom: 28px;

  left: calc(
    var(--tm-pad) + (100% - (var(--tm-pad) * 2)) * 0.761904
  );
  transform: translateX(-50%);

  width: 18px;
  height: 18px;
  background: var(--tm-yellow);
  border-radius: 2px;

  box-shadow: 14px -12px 0 0 var(--tm-blue);
}



@media (max-width: 900px){
  #CEOJA_TopMetal_Form::before{
    top: 18px;
    left: calc(var(--tm-pad) + (100% - (var(--tm-pad) * 2)) * 0.5);
  }
  #CEOJA_TopMetal_Form::after{
    bottom: 18px;
    left: calc(var(--tm-pad) + (100% - (var(--tm-pad) * 2)) * 0.5);
  }
}

#CEOJA_TopMetal_Form .TM-card{
  position: relative;
  overflow: visible; 
}

#CEOJA_TopMetal_Form .TM-media{
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
  overflow: hidden;
}
#CEOJA_TopMetal_Form .TM-formWrap{
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}


#CEOJA_TopMetal_Form::before,
#CEOJA_TopMetal_Form::after{
  content: none !important;
}

#CEOJA_TopMetal_Form .TM-card::before{
  content:"";
  position:absolute;
  z-index: 6;
  pointer-events:none;

  top: -18px;


  left: 52.380952%;
  transform: translateX(-50%);

  width: 18px;
  height: 18px;
  background: var(--tm-yellow);
  border-radius: 2px;
  box-shadow: 14px -12px 0 0 var(--tm-blue);
}

#CEOJA_TopMetal_Form .TM-card::after{
  content:"";
  position:absolute;
  z-index: 6;
  pointer-events:none;

  bottom: -18px;

  left: 52.380952%;
  transform: translateX(-50%);

  width: 18px;
  height: 18px;
  background: var(--tm-yellow);
  border-radius: 2px;
  box-shadow: 14px -12px 0 0 var(--tm-blue);
}


@media (max-width: 900px){
  #CEOJA_TopMetal_Form .TM-card::before,
  #CEOJA_TopMetal_Form .TM-card::after{
    left: 50%;
  }
}

#CEOJA_TopMetal_Form .TM-card::before,
#CEOJA_TopMetal_Form .TM-card::after{
  content: none !important;
}



#CEOJA_TopMetal_Form .TM-formWrap{
  position: relative;
}


#CEOJA_TopMetal_Form .TM-formWrap::before{
  content:"";
  position:absolute;
  z-index: 10;
  pointer-events:none;


  top: -20px;
  left: 20px;

  width: 40px;
  height: 40px;
  background: var(--tm-yellow);
  border-radius: 2px;

  box-shadow: 14px -12px 0 0 var(--tm-blue);
}

#CEOJA_TopMetal_Form .TM-formWrap::after{
  content:"";
  position:absolute;
  z-index: 10;
  pointer-events:none;

  bottom: -20px;
  right: 40px;

  width: 40px;
  height: 40px;
  background: var(--tm-yellow);
  border-radius: 2px;

  box-shadow: 14px -12px 0 0 var(--tm-blue);
}





#CEOJA_TopMetal_Form .TM-card{
  overflow: visible; 
}

#CEOJA_TopMetal_Form .TM-media{
  min-height: 420px;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
  overflow: hidden;
}
#CEOJA_TopMetal_Form .TM-formWrap{
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}


@media (max-width: 950px){

  #CEOJA_TopMetal_Form .TM-card{
    grid-template-columns: 1fr !important;
    border-radius: 28px !important;
    overflow: visible !important;          
  }


  #CEOJA_TopMetal_Form .TM-media{
    min-height: unset !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
  }


#CEOJA_TopMetal_Form .TM-media > img:not(.TM-logo){
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 28px !important;
  display: block !important;
}


#CEOJA_TopMetal_Form .TM-media > img.TM-logo{
  width: clamp(70px, 18vw, 120px) !important;
  max-width: 55% !important;
  height: auto !important;
  left: 16px !important;
  bottom: 14px !important;
}



  #CEOJA_TopMetal_Form .TM-formWrap{
    border-radius: 28px !important;
    background: #ffffff !important;
  }


  #CEOJA_TopMetal_Form .TM-formWrap::before{
    top: -14px !important;
    left: 18px !important;
  }
  #CEOJA_TopMetal_Form .TM-formWrap::after{
    bottom: -14px !important;
    right: 18px !important;
  }
}


#CEOJA_TopMetal_Form .wpforms-container button[type="submit"].wpforms-submit:hover{
  transform: translateY(-1px) !important;
  background: var(--tm-yellow) !important;
  color: var(--tm-blue) !important;
  box-shadow: none !important;
}

#CEOJA_TopMetal_Form .wpforms-container button[type="submit"].wpforms-submit{
  display: inline-flex !important; 
  align-items: center !important;    
  justify-content: center !important;

  padding: 14px 36px !important;
  line-height: 1 !important;         
  text-align: center !important;
}



#CEOJA_TopMetal_Form .TM-media > img.TM-logo{
  z-index: 30 !important;
}


#CEOJA_TopMetal_Form .TM-media > img:not(.TM-logo){
  z-index: 1;
  position: relative;
}


#CEOJA_TopMetal_Form .TM-formWrap::before,
#CEOJA_TopMetal_Form .TM-formWrap::after{
  z-index: 10 !important;
}


#CEOJA_TopMetal_Form .TM-formWrap::before{
  left: 34px !important;
  top: -18px !important;
}

#CEOJA_TopMetal_Form .TM-media > img.TM-logo{
  bottom: 2px !important; 
}

#CEOJA_TopMetal_Form .TM-media > img.TM-logo{
  bottom: 15px !important;

}
@media (max-width: 950px){
  #CEOJA_TopMetal_Form .TM-media > img.TM-logo{
    left: auto !important;
    right: 20px !important; 
    bottom: 18px !important;  
  }
}
@media (max-width: 950px){
  #CEOJA_TopMetal_Form{
    background-size: 100% clamp(420px, 55vw, 700px);
  }
}
#CEOJA_TopMetal_Form .TM-eyebrow,
#CEOJA_TopMetal_Form .TM-title{
  font-family: 'Poppins', sans-serif;
  font-weight: 750;
}
#CEOJA_TopMetal_Form input,
#CEOJA_TopMetal_Form textarea,
#CEOJA_TopMetal_Form label,
#CEOJA_TopMetal_Form button{
  font-family: 'Montserrat', sans-serif;
}
/* Remove the blue wallpaper band under 1000px */
@media (max-width: 1000px){
  #CEOJA_TopMetal_Form{
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    background-position: center !important;
    background-color: #ffffff !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f26c0c */#CEOJAFlorida_LocalOverview_TM2{
      --CEOJA-blue:#193886;
      --CEOJA-yellow:#feb42f;
      --CEOJA-ink:#0b0f1a;
      --CEOJA-muted:rgba(11,15,26,.70);
      --CEOJA-line:rgba(25,56,134,.16);
      --CEOJA-ease:cubic-bezier(.22,.61,.36,1);

      font-family:"Montserrat",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
      color:var(--CEOJA-ink);
      background:
        radial-gradient(900px 420px at 12% 10%, rgba(25,56,134,.10), transparent 62%),
        radial-gradient(760px 380px at 92% 18%, rgba(254,180,47,.14), transparent 58%),
        #fff;
      padding: clamp(56px, 6vw, 96px) 0;
      position:relative;
      overflow:hidden;
      box-sizing:border-box;
      isolation:isolate;
    }
    #CEOJAFlorida_LocalOverview_TM2 *{ box-sizing:border-box; }

    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-wrap{
      margin:0 auto;
      padding:0 5%;
      position:relative;
      z-index:2;
    }

    /* big watermark word (not a card) */
    #CEOJAFlorida_LocalOverview_TM2::before{
      content:"FLORIDA";
      position:absolute;
      left: 5%;
      top: clamp(22px, 3vw, 34px);
      font: 900 clamp(54px, 8vw, 120px)/0.9 "Poppins",system-ui,sans-serif;
      letter-spacing:.06em;
      color: rgba(25,56,134,.06);
      z-index:0;
      pointer-events:none;
      user-select:none;
      text-transform:uppercase;
      transform: translateY(6px);
      white-space:nowrap;
    }

    /* Header */
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-head{
      display:grid;
      gap:12px;
      margin-bottom: clamp(18px, 2.2vw, 26px);
      position:relative;
      z-index:1;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-kicker{
      display:flex; align-items:center; gap:12px;
      font: 900 13px/1 "Poppins",system-ui,sans-serif;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:var(--CEOJA-blue);
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-kicker::before{
      content:"";
      width:10px;height:10px;
      border-radius:999px;
      background: radial-gradient(circle at 30% 30%, var(--CEOJA-yellow), rgba(254,180,47,.45));
      flex:0 0 auto;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-title{
      margin:0;
      font: 900 clamp(28px, 4.8vw, 54px)/1.03 "Poppins",system-ui,sans-serif;
      text-transform:uppercase;
      letter-spacing:-.02em;
      color:var(--CEOJA-ink);
      max-width: 22ch;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-sub{
      margin:0;
      max-width: 98ch;
      color:var(--CEOJA-muted);
      font-size: clamp(14px, 1.15vw, 16px);
      line-height:1.65;
    }

    /* Main "editorial" grid */
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-grid{
      display:grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: clamp(16px, 2.4vw, 30px);
      align-items:start;
    }

    /* Left: feature columns with ruled lines (no boxes) */
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-feature{
      border-top:1px solid var(--CEOJA-line);
      padding-top: 16px;
    }

    /* 3 editorial rows */
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-rows{
      display:grid;
      gap:0;
      border-top:1px solid rgba(25,56,134,.10);
      margin-top: 14px;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-row{
      display:grid;
      grid-template-columns: 92px 1fr;
      gap:14px;
      padding: 16px 0;
      border-bottom:1px solid rgba(25,56,134,.10);
      align-items:start;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-idx{
      font: 900 26px/1 "Poppins",system-ui,sans-serif;
      color: rgba(25,56,134,.92);
      letter-spacing:.02em;
      position:relative;
      padding-top: 2px;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-idx::after{
      content:"";
      display:block;
      width: 44px;
      height: 3px;
      background: var(--CEOJA-yellow);
      margin-top: 10px;
      box-shadow:0 0 0 6px rgba(254,180,47,.12);
      border-radius:2px;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-row h3{
      margin:0;
      font: 900 16px/1.2 "Poppins",system-ui,sans-serif;
      text-transform:uppercase;
      letter-spacing:.04em;
      color: var(--CEOJA-ink);
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-row p{
      margin:8px 0 0;
      color: rgba(11,15,26,.74);
      font-size: 14.8px;
      line-height:1.6;
      max-width: 76ch;
    }

    /* Right: quick facts (definition list with rules, not boxes) */
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-facts{
      border-top:1px solid var(--CEOJA-line);
      padding-top: 16px;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-factsTitle{
      margin:0;
      font: 900 12.5px/1 "Poppins",system-ui,sans-serif;
      letter-spacing:.12em;
      text-transform:uppercase;
      color: rgba(25,56,134,.92);
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-factsLead{
      margin:10px 0 0;
      font: 900 20px/1.2 "Poppins",system-ui,sans-serif;
      color: var(--CEOJA-blue);
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-dl{
      margin-top:14px;
      border-top:1px solid rgba(25,56,134,.10);
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-dlRow{
      display:grid;
      grid-template-columns: 120px 1fr;
      gap:14px;
      padding: 14px 0;
      border-bottom:1px solid rgba(25,56,134,.10);
      align-items:start;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-dt{
      font: 900 11.5px/1.2 "Poppins",system-ui,sans-serif;
      letter-spacing:.12em;
      text-transform:uppercase;
      color: rgba(25,56,134,.88);
      padding-top: 2px;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-dd{
      margin:0;
      color: rgba(11,15,26,.80);
      font-size: 14.6px;
      line-height:1.55;
    }

    /* Inline “common requests” (no tags) */
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-inline{
      margin-top: 10px;
      color: rgba(11,15,26,.70);
      font-size: 14.5px;
      line-height:1.5;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-inline b{
      font-family:"Poppins",system-ui,sans-serif;
      font-weight:900;
      color: rgba(11,15,26,.92);
      letter-spacing:.02em;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-inline span{
      color: rgba(25,56,134,.92);
      font-family:"Poppins",system-ui,sans-serif;
      font-weight:900;
      letter-spacing:.02em;
      white-space:nowrap;
    }

    /* Footer actions (clean, centered, not capsule) */
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-actions{
      margin-top: clamp(18px, 2.2vw, 24px);
      border-top:1px solid rgba(25,56,134,.14);
      padding-top: 16px;
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      justify-content:center;
      align-items:center;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-btn{
      appearance:none;
      border:1px solid rgba(25,56,134,.26);
      background:#fff;
      color:var(--CEOJA-blue);
      padding:12px 16px;
      border-radius:12px;
      cursor:pointer;
      font: 900 12.5px/1 "Poppins",system-ui,sans-serif;
      letter-spacing:.10em;
      text-transform:uppercase;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      gap:10px;
      transition:transform .18s var(--CEOJA-ease), background .18s var(--CEOJA-ease), border-color .18s var(--CEOJA-ease), color .18s var(--CEOJA-ease);
      min-width: 220px;
      justify-content:center;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-btn:hover{
      transform:translateY(-1px);
      background:rgba(25,56,134,.06);
      border-color:rgba(25,56,134,.40);
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-btn.CEOJA-primary{
      background:var(--CEOJA-blue);
      border-color:var(--CEOJA-blue);
      color:#fff;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-btn.CEOJA-primary:hover{
      background:#132d70;
      border-color:#132d70;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-btn svg{ width:16px;height:16px; opacity:.92; }

    /* =========================================================
       ADD-ON: CERTIFICATION GALLERY (FROM YOUR SECTION)
       - Ruled row, no shadows, fixed visual logo size
    ========================================================= */

    #CEOJAFlorida_LocalOverview_TM2{
      --CEOJA-logoH: 92px; /* base height for all logos */
    }

    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-certRow{
      margin-top: clamp(22px, 2.6vw, 32px);
      border-top:1px solid var(--CEOJA-line);
      padding-top: 18px;
    }

    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-rowHead{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:14px;
      flex-wrap:wrap;
      margin-bottom: 12px;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-rowTitle{
      margin:0;
      font-family:"Poppins",system-ui,sans-serif;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.10em;
      font-size:12.5px;
      color:rgba(25,56,134,.92);
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-rowDesc{
      margin:0;
      color:rgba(11,15,26,.70);
      font-size:14.5px;
      line-height:1.5;
      max-width: 88ch;
    }

    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoRail{
      display:grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 14px;
      align-items:stretch;
    }

    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile{
      margin:0;
      position:relative;
      overflow:hidden;

      min-height: 170px;
      padding: 22px 18px;

      display:flex;
      align-items:center;
      justify-content:center;

      box-shadow:none;
      filter:none;
      transform:none;

      background:
        linear-gradient(180deg, rgba(25,56,134,.05), rgba(255,255,255,0) 62%),
        #fff;

      border-top:1px solid rgba(25,56,134,.16);
      border-bottom:1px solid rgba(25,56,134,.16);

      transition: border-color .18s var(--CEOJA-ease), background .18s var(--CEOJA-ease);
    }

    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile::before{
      content:"";
      position:absolute;
      left:0; top:0;
      width:100%;
      height:3px;
      background: linear-gradient(90deg, rgba(254,180,47,0), rgba(254,180,47,.92), rgba(254,180,47,0));
      opacity:.65;
      pointer-events:none;
    }

    @media (hover:hover){
      #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile:hover{
        border-top-color: rgba(25,56,134,.30);
        border-bottom-color: rgba(25,56,134,.30);
        background:
          linear-gradient(180deg, rgba(25,56,134,.06), rgba(255,255,255,0) 62%),
          #fff;
      }
    }

    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile img{
      height: var(--CEOJA-logoH);
      width:auto;
      max-width: 92%;
      object-fit:contain;
      display:block;
      filter:none;
      box-shadow:none;
      transform: scale(1);
      transform-origin:center center;
    }

    /* Per-logo scaling to compensate PNG whitespace */
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile.CEOJA-logo--frsa img{ transform: scale(1.85); }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile.CEOJA-logo--md   img{ transform: scale(1.05); }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile.CEOJA-logo--ul   img{ transform: scale(1.35); }

    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile--featured{
      border-top-color: rgba(254,180,47,.38);
      border-bottom-color: rgba(25,56,134,.18);
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile--featured::before{
      opacity:.95;
    }

    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoLink{
      width:100%;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
      text-decoration:none;
      cursor:pointer;
    }
    #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoLink:focus-visible{
      outline:3px solid var(--CEOJA-yellow);
      outline-offset:4px;
    }

    /* Responsive */
    @media (max-width: 980px){
      #CEOJAFlorida_LocalOverview_TM2 .CEOJA-grid{ grid-template-columns: 1fr; }
      #CEOJAFlorida_LocalOverview_TM2 .CEOJA-title{ max-width: unset; }

      #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoRail{
        display:flex;
        gap:12px;
        overflow:auto;
        padding-bottom: 6px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
      }
      #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile{
        flex: 0 0 88%;
        scroll-snap-align: center;
        min-height: 180px;
      }
      #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile img{
        height: 96px;
      }
    }
    @media (max-width: 560px){
      #CEOJAFlorida_LocalOverview_TM2 .CEOJA-row{ grid-template-columns: 72px 1fr; }
      #CEOJAFlorida_LocalOverview_TM2 .CEOJA-dlRow{ grid-template-columns: 1fr; gap:8px; }
      #CEOJAFlorida_LocalOverview_TM2 .CEOJA-btn{ width:100%; min-width: unset; }
      #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile{ padding: 20px 16px; }
      #CEOJAFlorida_LocalOverview_TM2 .CEOJA-logoTile img{ height: 98px; }
    }
    @media (prefers-reduced-motion: reduce){
      #CEOJAFlorida_LocalOverview_TM2 *{ transition:none !important; animation:none !important; scroll-behavior:auto !important; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2bb360d */#CEOJAServices_TopMetal_NoCaps {
      font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
      background: #ffffff;
      color: #0b0f1a;
      padding: clamp(58px, 6vw, 96px) 0;
      position: relative;
      overflow: hidden;
      box-sizing: border-box;
      isolation: isolate;
    }

    #CEOJAServices_TopMetal_NoCaps * { box-sizing: border-box; }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-wrap {
      width: 100%;
      margin: 0 auto;
      padding: 0 5%;
      position: relative;
      z-index: 2;
    }

    /* Background brand shapes */
    #CEOJAServices_TopMetal_NoCaps .CEOJA-bgSq {
      position: absolute; left: 5%; top: 18px;
      width: 120px; height: 120px;
      background: #193886;
      z-index: 0; opacity: .95;
      pointer-events: none;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-bgBar {
      position: absolute; right: 0; bottom: 34px;
      width: min(560px, 44vw); height: 76px;
      background: #193886;
      z-index: 0; opacity: .95;
      pointer-events: none;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-accentSlash {
      position: absolute; left: -60px; top: 180px;
      width: 100%; height: 126px;
      background: #feb42f;
      transform: skewX(-18deg);
      opacity: .95;
      z-index: 0; pointer-events: none;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-ring {
      position: absolute; left: calc(5% + 86px); bottom: 16px;
      width: 240px; height: 240px;
      border-radius: 999px;
      border: 10px solid rgba(254, 180, 47, .18);
      z-index: 0; pointer-events: none;
    }

    /* Header */
    #CEOJAServices_TopMetal_NoCaps .CEOJA-head {
      text-align: center;
      margin-bottom: clamp(18px, 2.4vw, 26px);
      padding: 0 10px;
      position: relative;
      z-index: 3;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-family: "Poppins", system-ui, sans-serif;
      font-weight: 900;
      letter-spacing: .14em;
      text-transform: uppercase;
      font-size: 13px;
      color: #193886;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-title {
      margin: 10px 0 8px;
      font-family: "Poppins", system-ui, sans-serif;
      font-weight: 900;
      color: #193886;
      letter-spacing: .02em;
      text-transform: uppercase;
      font-size: clamp(30px, 5.8vw, 54px);
      line-height: 1.03;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-sub {
      margin: 0 auto;
      max-width: 92ch;
      color: rgba(11, 15, 26, .72);
      font-size: clamp(14px, 2.7vw, 16px);
      line-height: 1.6;
    }

    /* Cards grid (12-col) */
    #CEOJAServices_TopMetal_NoCaps .CEOJA-cards {
      margin-top: clamp(18px, 2.6vw, 28px);
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: clamp(14px, 2vw, 20px);
      align-items: stretch;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-card {
      grid-column: span 4; /* 3 per row */
      border-radius: 22px;
      overflow: hidden;
      border: 1px solid rgba(25, 56, 134, .14);
      background: rgba(255, 255, 255, .94);
      box-shadow: 0 18px 46px rgba(0, 0, 0, .10);
      position: relative;
      min-height: 360px;
      display: flex;
      flex-direction: column;
      transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-card:hover {
      transform: translateY(-2px);
      border-color: rgba(25, 56, 134, .30);
      box-shadow: 0 22px 56px rgba(0, 0, 0, .14);
    }

    /* ===== IMAGES BIGGER (only this is changed visually) ===== */
    #CEOJAServices_TopMetal_NoCaps .CEOJA-media {
      position: relative;
      height: 240px; /* BIGGER image */
      overflow: hidden;
      background: #0b0f1a;
    }
    #CEOJAServices_TopMetal_NoCaps .CEOJA-media img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transform: scale(1.03);
      filter: saturate(1.03) contrast(1.03);
    }
    #CEOJAServices_TopMetal_NoCaps .CEOJA-media::after{
      content:"";
      position:absolute; inset:0;
      background: linear-gradient(180deg,
        rgba(11,15,26,0) 0%,
        rgba(11,15,26,.14) 55%,
        rgba(11,15,26,.28) 100%);
      pointer-events:none;
    }

    /* Laser: adjustable vertical crop position
       Change --laserPos: 0% (top) ... 50% (center) ... 100% (bottom)
    */
    #CEOJAServices_TopMetal_NoCaps .CEOJA-media.is-laser{
      --laserPos: 88%;
    }
    #CEOJAServices_TopMetal_NoCaps .CEOJA-media.is-laser img{
      object-position: 50% var(--laserPos);
    }

    /* top strip inside card */
    #CEOJAServices_TopMetal_NoCaps .CEOJA-cardTop {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      padding: 16px 16px 12px;
      background: rgba(25, 56, 134, .06);
      border-bottom: 1px solid rgba(25, 56, 134, .12);
    }

    /* icon square */
    #CEOJAServices_TopMetal_NoCaps .CEOJA-ico {
      width: 46px; height: 46px;
      border-radius: 14px;
      background: #feb42f;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 14px 26px rgba(0, 0, 0, .10);
      flex: 0 0 auto;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-ico svg { width: 26px; height: 26px; display: block; }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-ico svg path,
    #CEOJAServices_TopMetal_NoCaps .CEOJA-ico svg rect,
    #CEOJAServices_TopMetal_NoCaps .CEOJA-ico svg line,
    #CEOJAServices_TopMetal_NoCaps .CEOJA-ico svg circle {
      stroke: #193886;
      stroke-width: 2.2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-cardTitle {
      margin: 2px 0 0;
      font-family: "Poppins", system-ui, sans-serif;
      font-weight: 900;
      color: #193886;
      letter-spacing: .02em;
      text-transform: uppercase;
      font-size: 15px;
      line-height: 1.2;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-cardBody {
      padding: 14px 16px 16px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      height: 100%;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-desc {
      margin: 0;
      color: rgba(11, 15, 26, .74);
      font-size: 14.5px;
      line-height: 1.55;
      max-width: 70ch;
    }

    /* simple bullet list */
    #CEOJAServices_TopMetal_NoCaps .CEOJA-points {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 8px;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-point {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      padding: 10px 10px;
      border-radius: 16px;
      border: 1px solid rgba(25, 56, 134, .12);
      background: rgba(255, 255, 255, .86);
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-dot {
      width: 10px; height: 10px;
      border-radius: 3px;
      background: #193886;
      box-shadow: 0 10px 18px rgba(25, 56, 134, .20);
      margin-top: 4px;
      flex: 0 0 auto;
    }

    #CEOJAServices_TopMetal_NoCaps .CEOJA-point span {
      display: block;
      color: rgba(11, 15, 26, .78);
      font-size: 13.5px;
      line-height: 1.45;
    }

    /* Responsive */
    @media (max-width: 980px) {
      #CEOJAServices_TopMetal_NoCaps .CEOJA-card { grid-column: span 6; } /* 2 per row */
      #CEOJAServices_TopMetal_NoCaps .CEOJA-bgBar { height: 62px; }
      #CEOJAServices_TopMetal_NoCaps .CEOJA-accentSlash { width: 105%; top: 175px; }
      #CEOJAServices_TopMetal_NoCaps .CEOJA-media{ height: 260px; } /* keep big on tablet */
    }

    @media (max-width: 640px) {
      #CEOJAServices_TopMetal_NoCaps .CEOJA-card { grid-column: span 12; } /* 1 per row */
      #CEOJAServices_TopMetal_NoCaps .CEOJA-bgSq {
        width: 72px; height: 72px;
        left: -18px; top: -46px;
        opacity: .85;
      }
      #CEOJAServices_TopMetal_NoCaps .CEOJA-ring { display: none; }
      #CEOJAServices_TopMetal_NoCaps .CEOJA-accentSlash { width: 0%; top: 185px; }
      #CEOJAServices_TopMetal_NoCaps .CEOJA-ico { width: 44px; height: 44px; }
      #CEOJAServices_TopMetal_NoCaps .CEOJA-media { height: 240px; } /* big on mobile */
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b27b306 */#CEOJAProcess_Steps_TopMetal{
      --CEOJA-blue:#193886;
      --CEOJA-yellow:#feb42f;
      --CEOJA-white:#ffffff;
      --CEOJA-ease:cubic-bezier(.22,.61,.36,1);

      font-family:"Montserrat",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
      position:relative;
      padding: clamp(58px, 6vw, 96px) 0;
      overflow:hidden;
      isolation:isolate;
      color: var(--CEOJA-white);
      background:#05070c; /* fallback */
    }
    #CEOJAProcess_Steps_TopMetal *{ box-sizing:border-box; }

    /* FULL background texture behind everything */
    #CEOJAProcess_Steps_TopMetal::before{
      content:"";
      position:absolute; inset:0;
      background: url("http://topmetalsupplier.com/wp-content/uploads/2026/01/Top_Metal_Texturas-03.jpg") center/cover no-repeat;
      z-index:0;
      filter:saturate(.95) contrast(1.05);
      transform: scale(1.02);
    }
    /* dark overlay for readability */
    #CEOJAProcess_Steps_TopMetal::after{
      content:"";
      position:absolute; inset:0;
      z-index:1;
      pointer-events:none;
    }

    /* wrap */
    #CEOJAProcess_Steps_TopMetal .CEOJA-wrap{
      width:100%;
      margin:0 auto;
      padding: 0 5%;
      position:relative;
      z-index:2;
    }

    /* layout */
    #CEOJAProcess_Steps_TopMetal .CEOJA-grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: clamp(18px, 2.6vw, 34px);
      align-items:stretch;
    }

    /* LEFT IMAGE */
    #CEOJAProcess_Steps_TopMetal .CEOJA-photo{
      position:relative;
      border-radius: 26px;
      overflow:hidden;
      min-height: clamp(320px, 42vw, 560px);
      box-shadow: 0 28px 70px rgba(0,0,0,.45);
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.04);
    }
    #CEOJAProcess_Steps_TopMetal .CEOJA-photo img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transform: scale(1.01);
    }
    /* subtle top highlight */
    #CEOJAProcess_Steps_TopMetal .CEOJA-photo::after{
      content:"";
      position:absolute; inset:0;
      background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 35%, rgba(0,0,0,.18) 100%);
      pointer-events:none;
    }

    /* RIGHT PANEL */
    #CEOJAProcess_Steps_TopMetal .CEOJA-panel{
      position:relative;
      border-radius: 26px;
      overflow:hidden;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(8,12,20,.58);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      box-shadow: 0 28px 70px rgba(0,0,0,.40);
      padding: clamp(18px, 2.6vw, 28px);
    }

    /* panel header */
    #CEOJAProcess_Steps_TopMetal .CEOJA-h{
      margin:0 0 10px;
      font-family:"Poppins",system-ui,sans-serif;
      font-weight:900;
      letter-spacing:.02em;
      text-transform:uppercase;
      font-size: clamp(22px, 2.6vw, 34px);
      line-height:1.05;
      color:#fff;
    }
    #CEOJAProcess_Steps_TopMetal .CEOJA-h span{
      color: var(--CEOJA-yellow);
    }

    /* small underline */
    #CEOJAProcess_Steps_TopMetal .CEOJA-under{
      height: 4px;
      width: 86px;
      background: var(--CEOJA-yellow);
      border-radius: 999px;
      margin-bottom: 14px;
      opacity:.95;
    }

    /* steps list (NOT cards) */
    #CEOJAProcess_Steps_TopMetal .CEOJA-steps{
      margin:0;
      padding:0;
      list-style:none;
      display:flex;
      flex-direction:column;
    }

    #CEOJAProcess_Steps_TopMetal .CEOJA-step{
      display:grid;
      grid-template-columns: 74px 1fr;
      gap: 14px;
      padding: 14px 0;
      position:relative;
    }

    /* dotted divider between rows */
    #CEOJAProcess_Steps_TopMetal .CEOJA-step:not(:last-child)::after{
      content:"";
      position:absolute;
      left: 0;
      right: 0;
      bottom: 0;
      border-bottom: 2px dotted rgba(255,255,255,.18);
      transform: translateY(6px);
      pointer-events:none;
    }

    /* number block (not a capsule) */
    #CEOJAProcess_Steps_TopMetal .CEOJA-num{
      font-family:"Poppins",system-ui,sans-serif;
      font-weight:900;
      font-size: 18px;
      letter-spacing:.08em;
      color: rgba(255,255,255,.92);
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
      gap:10px;
      padding-top: 2px;
    }
    #CEOJAProcess_Steps_TopMetal .CEOJA-num::before{
      content:"";
      width: 10px;
      height: 10px;
      margin-top: 6px;
      flex:0 0 auto;
    }

    /* text */
    #CEOJAProcess_Steps_TopMetal .CEOJA-stepTitle{
      margin:0;
      font-family:"Poppins",system-ui,sans-serif;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.02em;
      font-size: 14px;
      color:#fff;
      line-height:1.2;
    }
    #CEOJAProcess_Steps_TopMetal .CEOJA-stepDesc{
      margin: 6px 0 0;
      color: rgba(255,255,255,.78);
      font-size: 14px;
      line-height:1.55;
      max-width: 62ch;
    }

    /* small watermark corner (optional) */
    #CEOJAProcess_Steps_TopMetal .CEOJA-panel::before{
      content:"";
      position:absolute;
      right:-80px;
      top:-80px;
      width: 220px;
      height: 220px;
      border-radius: 999px;
      border: 12px solid rgba(25,56,134,.20);
      opacity:.55;
      pointer-events:none;
    }

    /* Responsive */
    @media (max-width: 980px){
      #CEOJAProcess_Steps_TopMetal::after{
        background: linear-gradient(180deg, rgba(5,7,12,.82) 0%, rgba(5,7,12,.70) 55%, rgba(5,7,12,.82) 100%);
      }
      #CEOJAProcess_Steps_TopMetal .CEOJA-grid{
        grid-template-columns: 1fr;
      }
      #CEOJAProcess_Steps_TopMetal .CEOJA-photo{
        min-height: 320px;
      }
    }

    @media (max-width: 560px){
      #CEOJAProcess_Steps_TopMetal .CEOJA-step{
        grid-template-columns: 64px 1fr;
        gap: 12px;
        padding: 12px 0;
      }
      #CEOJAProcess_Steps_TopMetal .CEOJA-num{
        font-size: 16px;
      }
      #CEOJAProcess_Steps_TopMetal .CEOJA-stepTitle{
        font-size: 13px;
      }
      #CEOJAProcess_Steps_TopMetal .CEOJA-stepDesc{
        font-size: 13.5px;
      }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac20e22 */#CEOJAProjectSupportWorkflow_TM{
      --CEOJA-blue:#193886;
      --CEOJA-yellow:#feb42f;
      --CEOJA-ink:#0b0f1a;
      --CEOJA-muted:rgba(11,15,26,.70);
      --CEOJA-line:rgba(25,56,134,.16);
      --CEOJA-ease:cubic-bezier(.22,.61,.36,1);

      font-family:"Montserrat",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
      color:var(--CEOJA-ink);
      background:
        radial-gradient(920px 420px at 10% 18%, rgba(25,56,134,.08), transparent 62%),
        radial-gradient(760px 360px at 92% 22%, rgba(254,180,47,.11), transparent 58%),
        #fff;
      padding: clamp(56px, 6vw, 96px) 0;
      position:relative;
      overflow:hidden;
      box-sizing:border-box;
      isolation:isolate;
    }
    #CEOJAProjectSupportWorkflow_TM *{ box-sizing:border-box; }

    #CEOJAProjectSupportWorkflow_TM .CEOJA-wrap{
      margin:0 auto;
      padding:0 5%;
      position:relative;
      z-index:2;
    }

    /* Head */
    #CEOJAProjectSupportWorkflow_TM .CEOJA-head{
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap: clamp(12px, 2vw, 26px);
      align-items:end;
      margin-bottom: clamp(14px, 2vw, 22px);
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-kicker{
      display:flex; align-items:center; gap:12px;
      font: 900 13px/1 "Poppins",system-ui,sans-serif;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:var(--CEOJA-blue);
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-kicker::before{
      content:"";
      width:10px;height:10px;

      flex:0 0 auto;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-title{
      margin:10px 0 0;
      font: 900 clamp(28px, 4.8vw, 54px)/1.03 "Poppins",system-ui,sans-serif;
      text-transform:uppercase;
      letter-spacing:-.02em;
      color:var(--CEOJA-ink);
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-sub{
      margin:0;
      color:var(--CEOJA-muted);
      font-size: clamp(14px, 1.15vw, 16px);
      line-height:1.65;
      max-width: 92ch;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-note{
      border-top:1px solid var(--CEOJA-line);
      padding-top: 14px;
      color: rgba(11,15,26,.70);
      font-size: 14.5px;
      line-height:1.55;
      justify-self:end;
      text-align:right;
      max-width: 56ch;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-note b{
      font-family:"Poppins",system-ui,sans-serif;
      font-weight:400;
      color: rgba(11,15,26,.92);
    }

    /* Main frame */
    #CEOJAProjectSupportWorkflow_TM .CEOJA-frame{
      border-top:1px solid var(--CEOJA-line);
      padding-top: clamp(14px, 2vw, 18px);
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(14px, 2vw, 26px);
      align-items:start;
    }

    /* Left: Workflow rail */
    #CEOJAProjectSupportWorkflow_TM .CEOJA-rail{
      border-top:1px solid rgba(25,56,134,.12);
      padding-top: 14px;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-secTitle{
      font: 900 12px/1 "Poppins",system-ui,sans-serif;
      letter-spacing:.14em;
      text-transform:uppercase;
      color: rgba(25,56,134,.92);
      margin:0 0 10px;
    }

    #CEOJAProjectSupportWorkflow_TM .CEOJA-steps{
      display:grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap: 12px;
      align-items:stretch;
    }

    /* Step blocks: NOT cards (no shadow, no rounded big corners) */
    #CEOJAProjectSupportWorkflow_TM .CEOJA-step{
      border-top: 1px solid rgba(25,56,134,.22);
      border-bottom: 1px solid rgba(25,56,134,.10);
      padding: 14px 12px 12px;
      background: linear-gradient(180deg, rgba(25,56,134,.035), rgba(255,255,255,1));
      position:relative;
      transition: transform .18s var(--CEOJA-ease), border-color .18s var(--CEOJA-ease);
      min-height: 140px;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-step:hover{
      transform: translateY(-2px);
      border-top-color: rgba(25,56,134,.34);
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-step::before{
      content:"";
      position:absolute;
      left:0; top:0;
      width: 4px;
      height: 100%;
      background: linear-gradient(180deg, rgba(254,180,47,.95), rgba(254,180,47,0));
      opacity:.9;
    }

    #CEOJAProjectSupportWorkflow_TM .CEOJA-num{
      font: 900 12px/1 "Poppins",system-ui,sans-serif;
      letter-spacing:.14em;
      text-transform:uppercase;
      color: rgba(11,15,26,.62);
      margin:0 0 10px;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-step h3{
      margin:0;
      font: 400 14px/1 "Poppins",system-ui,sans-serif;
      letter-spacing:.06em;
      text-transform:uppercase;
      color: var(--CEOJA-ink);
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-step p{
      margin:8px 0 0;
      color: rgba(11,15,26,.74);
      font-size: 14.2px;
      line-height:1.55;
    }

    /* Right: Checklist (ruled) */
    #CEOJAProjectSupportWorkflow_TM .CEOJA-check{
      border-top:1px solid rgba(25,56,134,.12);
      padding-top: 14px;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-list{
      margin-top: 10px;
      border-top:1px solid rgba(25,56,134,.10);
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-li{
      display:grid;
      grid-template-columns: 24px 1fr;
      gap:12px;
      padding: 14px 0;
      border-bottom:1px solid rgba(25,56,134,.10);
      align-items:start;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-tick{
      width:24px;height:24px;
      border:1px solid rgba(25,56,134,.22);
      background:rgba(25,56,134,.06);
      border-radius:6px;
      position:relative;
      margin-top:2px;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-tick::after{
      content:"";
      position:absolute;
      left:6px; top:6px;
      width:9px; height:5px;
      border-left:3px solid var(--CEOJA-blue);
      border-bottom:3px solid var(--CEOJA-blue);
      transform: rotate(-45deg);
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-li b{
      display:block;
      font: 400 12.5px/1 "Poppins",system-ui,sans-serif;
      letter-spacing:.08em;
      text-transform:uppercase;
      color: rgba(11,15,26,.92);
      margin-bottom:6px;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-li span{
      display:block;
      color: rgba(11,15,26,.74);
      font-size: 14.5px;
      line-height:1.55;
      max-width: 78ch;
    }

    /* Centered CTAs under both columns */
    #CEOJAProjectSupportWorkflow_TM .CEOJA-ctaRow{
      margin-top: clamp(16px, 2vw, 22px);
      border-top:1px solid var(--CEOJA-line);
      padding-top: clamp(14px, 2vw, 18px);
      display:flex;
      justify-content:center;
      gap:12px;
      flex-wrap:wrap;
      align-items:center;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-btn{
      appearance:none;
      border:1px solid rgba(25,56,134,.26);
      background:#fff;
      color:var(--CEOJA-blue);
      padding:12px 16px;
      border-radius:12px;
      cursor:pointer;
      font: 900 12.5px/1 "Poppins",system-ui,sans-serif;
      letter-spacing:.10em;
      text-transform:uppercase;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      gap:10px;
      transition:transform .18s var(--CEOJA-ease), background .18s var(--CEOJA-ease), border-color .18s var(--CEOJA-ease), color .18s var(--CEOJA-ease);
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-btn:hover{
      transform: translateY(-1px);
      background: rgba(25,56,134,.06);
      border-color: rgba(25,56,134,.40);
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-btn.CEOJA-primary{
      background: var(--CEOJA-blue);
      border-color: var(--CEOJA-blue);
      color:#fff;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-btn.CEOJA-primary:hover{
      background:#132d70;
      border-color:#132d70;
    }
    #CEOJAProjectSupportWorkflow_TM .CEOJA-btn svg{ width:16px;height:16px; opacity:.92; }

    /* Responsive */
    @media (max-width: 980px){
      #CEOJAProjectSupportWorkflow_TM .CEOJA-head{ grid-template-columns: 1fr; }
      #CEOJAProjectSupportWorkflow_TM .CEOJA-note{ justify-self:start; text-align:left; }
      #CEOJAProjectSupportWorkflow_TM .CEOJA-frame{ grid-template-columns: 1fr; }
      #CEOJAProjectSupportWorkflow_TM .CEOJA-steps{ grid-template-columns: repeat(2, minmax(0,1fr)); }
    }
    @media (max-width: 560px){
      #CEOJAProjectSupportWorkflow_TM .CEOJA-steps{ grid-template-columns: 1fr; }
    }
    @media (prefers-reduced-motion: reduce){
      #CEOJAProjectSupportWorkflow_TM *{ transition:none !important; animation:none !important; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4990b6a */#CEOJA_TopMetal_CTA_Fabrication{
      --tm-blue:#193886;
      --tm-yellow:#FEB42F;

      --ink: rgba(12,15,20,.92);
      --muted: rgba(12,15,20,.66);
      --paper:#ffffff;

      --radius: 28px;
      --shadow: 0 28px 90px rgba(0,0,0,.18);
      --shadow2: 0 18px 60px rgba(0,0,0,.12);

      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      font-size: 1.06rem;
      padding: clamp(48px, 6vw, 90px) 5vw;
      background: #ffffff;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      box-sizing: border-box;
    }
    #CEOJA_TopMetal_CTA_Fabrication *{ box-sizing:border-box; }

    /* Subtle industrial texture (still white) */
    #CEOJA_TopMetal_CTA_Fabrication::before{
      content:"";
      position:absolute; inset:-2px;
      background:
       #193886;
      pointer-events:none;
      z-index:0;
    }

    #CEOJA_TopMetal_CTA_Fabrication .wrap{
      position: relative;
      z-index: 1;
      max-width: 100%;
      margin: 0 auto;
    }

    /* CTA Shell */
    #CEOJA_TopMetal_CTA_Fabrication .cta{
      position: relative;
      border-radius: var(--radius);
      background:
        linear-gradient(135deg, rgba(25,56,134,.94) 0%, rgba(25,56,134,.80) 55%, rgba(25,56,134,.90) 100%);
      box-shadow: var(--shadow);
      overflow: hidden;
      display: grid;
      grid-template-columns: 1.12fr .88fr;
      gap: clamp(16px, 3vw, 34px);
      align-items: center;
      padding: clamp(22px, 3.2vw, 34px);
      isolation: isolate;
    }

    /* Glow + sweep */
    #CEOJA_TopMetal_CTA_Fabrication .cta::before{
      content:"";
      position:absolute; inset:-40%;
      background:
        radial-gradient(520px 260px at 18% 40%, rgba(254,180,47,.38), transparent 60%),
        radial-gradient(620px 300px at 92% 10%, rgba(255,255,255,.16), transparent 62%);
      transform: rotate(9deg);
      opacity: .95;
      pointer-events:none;
      z-index:0;
    }


    @keyframes TM_Sweep{
      0%{ transform: translateX(-70%); }
      50%{ transform: translateX(70%); }
      100%{ transform: translateX(-70%); }
    }

    /* Content */
    #CEOJA_TopMetal_CTA_Fabrication .content{
      position: relative;
      z-index: 2;
      color: rgba(255,255,255,.92);
      padding: clamp(8px, 1vw, 10px);
    }

    #CEOJA_TopMetal_CTA_Fabrication .kicker{
      margin: 0 0 10px;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: rgba(255,255,255,.78);
      font-size: .88rem;
      font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

    #CEOJA_TopMetal_CTA_Fabrication h2{
      margin: 0 0 10px;
      font-size: clamp(1.9rem, 2.7vw, 2.45rem);
      line-height: 1.12;
      font-weight: 900;
      letter-spacing: .01em;
      font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

    #CEOJA_TopMetal_CTA_Fabrication .sub{
      margin: 0;
      color: rgba(255,255,255,.78);
      line-height: 1.65;
      max-width: 62ch;
      font-size: 1.08rem;
    }

    /* Buttons */
    #CEOJA_TopMetal_CTA_Fabrication .btnRow{
      margin-top: 16px;
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }

    #CEOJA_TopMetal_CTA_Fabrication .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      text-decoration:none;
      padding: 12px 18px;
      min-height: 46px;
      font-weight: 850;
      letter-spacing: .01em;
      line-height: 1;
      transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
      user-select:none;
      text-align:center;
      border: 1px solid rgba(255,255,255,.18);
      font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

    #CEOJA_TopMetal_CTA_Fabrication .btn.primary{
      background: var(--tm-yellow);
      color: var(--tm-blue);
      box-shadow: 0 18px 45px rgba(0,0,0,.22);
    }
    #CEOJA_TopMetal_CTA_Fabrication .btn.primary:hover{
      transform: translateY(-1px);
      filter: brightness(1.02);
    }

    #CEOJA_TopMetal_CTA_Fabrication .btn.ghost{
  background: rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
  border-color: rgba(255,255,255,.28);
  box-shadow: 0 18px 45px rgba(0,0,0,.16);
  backdrop-filter: none;
}

    #CEOJA_TopMetal_CTA_Fabrication .btn.ghost:hover{
      transform: translateY(-1px);
      background: rgba(255,255,255,.14);
      border-color: rgba(255,255,255,.34);
    }

    /* METAL FIGURE (right side) */
    #CEOJA_TopMetal_CTA_Fabrication .figure{
      position: relative;
      z-index: 2;
      min-height: 260px;
      display:grid;
      place-items:center;
      padding: 8px;
    }

    /* Plate */
    #CEOJA_TopMetal_CTA_Fabrication .plate{
      width: min(420px, 100%);
      aspect-ratio: 16/11;
      border-radius: 28px;
      position: relative;
      box-shadow: var(--shadow2);
      overflow: hidden;
      transform: translateZ(0);
      background: url("http://topmetalsupplier.com/wp-content/uploads/2026/01/Flat-Low-Slope-Roofing-2-scaled.png") center / cover no-repeat;
      border: 1px solid rgba(255,255,255,.18);
    }

    /* Bevel + inner edge */
    #CEOJA_TopMetal_CTA_Fabrication .plate::before{
      content:"";
      position:absolute; inset: 10px;
      border-radius: 22px;
      border: 1px solid rgba(255,255,255,.14);
      background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0));
      pointer-events:none;
    }

    /* Metal shine */

    @keyframes TM_PlateShine{
      0%{ transform: rotate(18deg) translateX(-40%); }
      50%{ transform: rotate(18deg) translateX(40%); }
      100%{ transform: rotate(18deg) translateX(-40%); }
    }

    /* Rivets (no icons) */
    #CEOJA_TopMetal_CTA_Fabrication .rivet{
      position:absolute;
      width: 14px; height: 14px;
      border-radius: 999px;
      background:
        radial-gradient(circle at 30% 30%, rgba(255,255,255,.65), rgba(255,255,255,0) 55%),
        radial-gradient(circle at 65% 70%, rgba(0,0,0,.36), rgba(0,0,0,0) 62%),
        linear-gradient(180deg, rgba(255,255,255,.12), rgba(0,0,0,.22));
      border: 1px solid rgba(255,255,255,.18);
      opacity: .9;
    }
    #CEOJA_TopMetal_CTA_Fabrication .r1{ top: 14px; left: 14px; }
    #CEOJA_TopMetal_CTA_Fabrication .r2{ top: 14px; right: 14px; }
    #CEOJA_TopMetal_CTA_Fabrication .r3{ bottom: 14px; left: 14px; }
    #CEOJA_TopMetal_CTA_Fabrication .r4{ bottom: 14px; right: 14px; }

    /* Cut line + accent weld */
    #CEOJA_TopMetal_CTA_Fabrication .cutline{
      position:absolute; left: 18px; right: 18px;
      top: 52%;
      height: 1px;
      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.26), rgba(255,255,255,0));
      opacity: .85;
    }
    #CEOJA_TopMetal_CTA_Fabrication .weld{
      position:absolute; left: 18px; right: 18px;
      top: calc(52% + 10px);
      height: 10px;
      border-radius: 999px;
      background:
        radial-gradient(120px 18px at 12% 50%, rgba(254,180,47,.55), rgba(254,180,47,0) 70%),
        radial-gradient(160px 22px at 86% 50%, rgba(25,56,134,.50), rgba(25,56,134,0) 72%),
        linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,0), rgba(255,255,255,.12));
      opacity: .85;
      filter: blur(.2px);
    }

    /* Plate label */
    #CEOJA_TopMetal_CTA_Fabrication .plateLabel{
  position:absolute;
  left: 18px; right: 18px;
  bottom: 18px;
  display:grid;
  gap: 6px;
  padding: 12px 12px;
  border-radius: 18px;
  background: rgba(25,56,134,.92);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: none;
}

    #CEOJA_TopMetal_CTA_Fabrication .plateLabel strong{
      font-family:"Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      font-weight: 900;
      color: rgba(255,255,255,.92);
      letter-spacing: .01em;
    }
    #CEOJA_TopMetal_CTA_Fabrication .plateLabel span{
      color: rgba(255,255,255,.74);
      line-height: 1.55;
    }

    /* Responsive */
    @media (max-width: 980px){
      #CEOJA_TopMetal_CTA_Fabrication .cta{
        grid-template-columns: 1fr;
      }
      #CEOJA_TopMetal_CTA_Fabrication .figure{
        min-height: 220px;
      }
      #CEOJA_TopMetal_CTA_Fabrication .btn{
        width: 100%;
      }
    }

    @media (prefers-reduced-motion: reduce){
      #CEOJA_TopMetal_CTA_Fabrication .cta::after,
      #CEOJA_TopMetal_CTA_Fabrication .plate::after{
        animation: none !important;
      }
      #CEOJA_TopMetal_CTA_Fabrication .btn{
        transition: none !important;
      }
    }/* End custom CSS */