.elementor-18480 .elementor-element.elementor-element-f0ed34a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18480 .elementor-element.elementor-element-5763206{--display:flex;}.elementor-18480 .elementor-element.elementor-element-992db65{--display:flex;--border-radius:4px 4px 4px 4px;}.elementor-18480 .elementor-element.elementor-element-994f8ae .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-18480 .elementor-element.elementor-element-994f8ae .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-18480 .elementor-element.elementor-element-994f8ae{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-18480 .elementor-element.elementor-element-994f8ae .elementor-icon-list-text{transition:color 0.3s;}.elementor-18480 .elementor-element.elementor-element-2d4d62a{--display:flex;}.elementor-18480 .elementor-element.elementor-element-1fedf91{--display:flex;--border-radius:4px 4px 4px 4px;}.elementor-18480 .elementor-element.elementor-element-19a5a82 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-18480 .elementor-element.elementor-element-19a5a82 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-18480 .elementor-element.elementor-element-19a5a82{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-18480 .elementor-element.elementor-element-19a5a82 .elementor-icon-list-text{transition:color 0.3s;}.elementor-18480 .elementor-element.elementor-element-b9bcdaf{--display:flex;}.elementor-18480 .elementor-element.elementor-element-01cac22{--display:flex;--border-radius:4px 4px 4px 4px;}.elementor-18480 .elementor-element.elementor-element-c222aab .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-18480 .elementor-element.elementor-element-c222aab .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-18480 .elementor-element.elementor-element-c222aab{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-18480 .elementor-element.elementor-element-c222aab .elementor-icon-list-text{transition:color 0.3s;}.elementor-18480 .elementor-element.elementor-element-6b5c015{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#747474;--border-color:#747474;--border-radius:4px 4px 4px 4px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}/* Start custom CSS for container, class: .elementor-element-f0ed34a */.step {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  color: #ffffff;
  font-weight: bold;
  font-family: sans-serif;
  
  /* Creates the arrow tail (inward left) and point (outward right) */
  clip-path: polygon(
    0% 0%, 
    calc(100% - 20px) 0%, 
    100% 50%, 
    calc(100% - 20px) 100%, 
    0% 100%, 
    20px 50%
  );
}

/* Colors matching your image */
.step-1 {
  background-color: #001f66;
  clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%); /* Flat start on first item */
}

.step-2 {
  background-color: #c8a34b;
  color: #2b2200;
  clip-path: polygon(
    0% 0%, 
    calc(100% - 20px) 0%, 
    100% 50%, 
    calc(100% - 20px) 100%, 
    0% 100%, 
    20px 50%
  );
}

.step-3 {
  background-color: #0d478a;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 20px 50%); /* Flat end on last item */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b5c015 */.step {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  color: #ffffff;
  font-weight: bold;
  font-family: sans-serif;
  
  /* Creates the arrow tail (inward left) and point (outward right) */
  clip-path: polygon(
    0% 0%, 
    calc(100% - 20px) 0%, 
    100% 50%, 
    calc(100% - 20px) 100%, 
    0% 100%, 
    20px 50%
  );
}

/* Colors matching your image */
.step-1 {
  background-color: #001f66;
  clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%); /* Flat start on first item */
}

.step-2 {
  background-color: #c8a34b;
  color: #2b2200;
  clip-path: polygon(
    0% 0%, 
    calc(100% - 20px) 0%, 
    100% 50%, 
    calc(100% - 20px) 100%, 
    0% 100%, 
    20px 50%
  );
}

.step-3 {
  background-color: #0d478a;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 20px 50%); /* Flat end on last item */
}/* End custom CSS */