.elementor-7344 .elementor-element.elementor-element-d0345cc{--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7344 .elementor-element.elementor-element-a3f6329{--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;--padding-top:0%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-7344 .elementor-element.elementor-element-ccb9e6e{--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;--overlay-opacity:0.5;}.elementor-7344 .elementor-element.elementor-element-ccb9e6e::before, .elementor-7344 .elementor-element.elementor-element-ccb9e6e > .elementor-background-video-container::before, .elementor-7344 .elementor-element.elementor-element-ccb9e6e > .e-con-inner > .elementor-background-video-container::before, .elementor-7344 .elementor-element.elementor-element-ccb9e6e > .elementor-background-slideshow::before, .elementor-7344 .elementor-element.elementor-element-ccb9e6e > .e-con-inner > .elementor-background-slideshow::before, .elementor-7344 .elementor-element.elementor-element-ccb9e6e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F8F8F8;--background-overlay:'';}.elementor-7344 .elementor-element.elementor-element-6225623{--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;--padding-top:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-7344 .elementor-element.elementor-element-8457b85{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-7344 .elementor-element.elementor-element-954b006{--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-7344 .elementor-element.elementor-element-7cc8d0d{--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-7344 .elementor-element.elementor-element-6c4a0b0{--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-7344 .elementor-element.elementor-element-bec17f5{--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-7344 .elementor-element.elementor-element-b4f7874{--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;--overlay-opacity:0.5;--padding-top:2%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-7344 .elementor-element.elementor-element-b4f7874::before, .elementor-7344 .elementor-element.elementor-element-b4f7874 > .elementor-background-video-container::before, .elementor-7344 .elementor-element.elementor-element-b4f7874 > .e-con-inner > .elementor-background-video-container::before, .elementor-7344 .elementor-element.elementor-element-b4f7874 > .elementor-background-slideshow::before, .elementor-7344 .elementor-element.elementor-element-b4f7874 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7344 .elementor-element.elementor-element-b4f7874 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F8F8F8;--background-overlay:'';}.elementor-7344 .elementor-element.elementor-element-b135f6c{--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;--padding-top:2%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-7344 .elementor-element.elementor-element-32fdc7a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7344 .elementor-element.elementor-element-99127cf{font-family:"Arial", Sans-serif;font-weight:400;color:#202020;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7344 .elementor-element.elementor-element-90c6355{--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;--overlay-opacity:0.5;--padding-top:2%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-7344 .elementor-element.elementor-element-90c6355::before, .elementor-7344 .elementor-element.elementor-element-90c6355 > .elementor-background-video-container::before, .elementor-7344 .elementor-element.elementor-element-90c6355 > .e-con-inner > .elementor-background-video-container::before, .elementor-7344 .elementor-element.elementor-element-90c6355 > .elementor-background-slideshow::before, .elementor-7344 .elementor-element.elementor-element-90c6355 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7344 .elementor-element.elementor-element-90c6355 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F8F8F8;--background-overlay:'';}.elementor-7344 .elementor-element.elementor-element-c36c820{--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;--padding-top:2%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}@media(max-width:1024px){.elementor-7344 .elementor-element.elementor-element-32fdc7a{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-7344 .elementor-element.elementor-element-a3f6329{--content-width:1300px;}.elementor-7344 .elementor-element.elementor-element-ccb9e6e{--content-width:1300px;}.elementor-7344 .elementor-element.elementor-element-6225623{--content-width:1300px;}.elementor-7344 .elementor-element.elementor-element-8457b85{--content-width:1300px;}.elementor-7344 .elementor-element.elementor-element-954b006{--width:25%;}.elementor-7344 .elementor-element.elementor-element-7cc8d0d{--width:25%;}.elementor-7344 .elementor-element.elementor-element-6c4a0b0{--width:25%;}.elementor-7344 .elementor-element.elementor-element-bec17f5{--width:25%;}.elementor-7344 .elementor-element.elementor-element-b4f7874{--content-width:1300px;}.elementor-7344 .elementor-element.elementor-element-b135f6c{--content-width:1300px;}.elementor-7344 .elementor-element.elementor-element-32fdc7a{--content-width:1300px;}.elementor-7344 .elementor-element.elementor-element-90c6355{--content-width:1300px;}.elementor-7344 .elementor-element.elementor-element-c36c820{--content-width:1300px;}}@media(max-width:767px){.elementor-7344 .elementor-element.elementor-element-32fdc7a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-ccb9e6e */<style>
.hspcb-simple {
  padding: 60px 20px;
  font-family: 'Segoe UI', sans-serif;
}

.simple-container {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 40px;
}

.simple-content {
  flex: 1;
}

h2 {
  font-size: 2rem;
  color: #2c3e50;
  margin-bottom: 30px;
}

.simple-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 30px;
}

.simple-item {
  display: flex;
  gap: 15px;
  align-items: center;
}

.simple-item i {
  color: #27ae60;
  font-size: 1.5rem;
}

.simple-item h3 {
  font-size: 1.1rem;
  color: #2c3e50;
  margin-bottom: 5px;
}

.simple-item p {
  color: #7f8c8d;
  font-size: 0.9rem;
}

.simple-btn {
  display: inline-flex;
  align-items: center;
  background: #27ae60;
  color: white;
  padding: 12px 25px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  gap: 10px;
}

.simple-image {
  flex: 1;
}

.simple-image img {
  width: 100%;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .simple-container {
    flex-direction: column;
  }
  
  .simple-list {
    grid-template-columns: 1fr;
  }
}
</style>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8457b85 */<style>
/* Parameters Module */
.hspcb-params-2024 {
  max-width: 1200px;
  margin: 0 auto 60px;
  padding: 0 20px;
  font-family: 'Segoe UI', Roboto, sans-serif;
}

.hspcb-params-header {
  text-align: center;
  margin-bottom: 40px;
}

.hspcb-params-header h2 {
  font-size: 2.2rem;
  color: #2c3e50;
  font-weight: 700;
  margin-bottom: 15px;
}

.hspcb-params-divider {
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, #3498db, #2ecc71);
  margin: 0 auto 20px;
  border-radius: 2px;
}

.hspcb-params-header p {
  font-size: 1.1rem;
  color: #7f8c8d;
}

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

.param-card {
  background: white;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.param-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.param-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: white;
  font-size: 1.6rem;
}

.param-icon.blue { background: #3498db; }
.param-icon.green { background: #27ae60; }
.param-icon.orange { background: #e67e22; }
.param-icon.red { background: #e74c3c; }

.param-card h3 {
  font-size: 1.3rem;
  color: #2c3e50;
  margin-bottom: 20px;
  font-weight: 600;
}

.param-specs {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #ecf0f1;
}

.spec-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.spec-label {
  font-weight: 500;
  color: #7f8c8d;
  font-size: 0.95rem;
}

.spec-value {
  font-weight: 600;
  color: #2c3e50;
  font-size: 0.95rem;
}

.param-benefits {
  list-style: none;
  padding-left: 0;
  margin-top: 15px;
}

.param-benefits li {
  margin-bottom: 10px;
  font-size: 0.95rem;
  color: #34495e;
  display: flex;
  align-items: flex-start;
}

.param-benefits i {
  color: #27ae60;
  margin-right: 10px;
  margin-top: 3px;
  font-size: 0.9rem;
}

@media (max-width: 768px) {
  .hspcb-params-grid {
    grid-template-columns: 1fr;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bc4f33b */<style>
/* Comparison Module */
.hspcb-compare-2024 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px 60px;
  font-family: 'Segoe UI', Roboto, sans-serif;
}

.hspcb-compare-header {
  text-align: center;
  margin-bottom: 40px;
}

.hspcb-compare-header h2 {
  font-size: 2.2rem;
  color: #2c3e50;
  font-weight: 700;
  margin-bottom: 15px;
}

.hspcb-compare-divider {
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, #9b59b6, #e74c3c);
  margin: 0 auto 20px;
  border-radius: 2px;
}

.hspcb-compare-header p {
  font-size: 1.1rem;
  color: #7f8c8d;
}

.comparison-table {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  background: white;
}

.table-header {
  display: grid;
  grid-template-columns: 1.5fr 1.2fr 0.8fr 0.8fr 1.5fr 0.8fr;
  background: linear-gradient(90deg, #3498db, #2ecc71);
  color: white;
  font-weight: 600;
}

.header-cell {
  padding: 15px;
  text-align: center;
  font-size: 0.95rem;
}

.header-cell.material-type {
  text-align: left;
  padding-left: 25px;
}

.table-row {
  display: grid;
  grid-template-columns: 1.5fr 1.2fr 0.8fr 0.8fr 1.5fr 0.8fr;
  border-bottom: 1px solid #ecf0f1;
  transition: all 0.2s ease;
}

.table-row:last-child {
  border-bottom: none;
}

.table-row:hover {
  background: #f8f9fa;
}

.data-cell {
  padding: 15px 10px;
  font-size: 0.95rem;
  color: #34495e;
  display: flex;
  align-items: center;
  justify-content: center;
}

.data-cell.material-type {
  font-weight: 500;
  justify-content: flex-start;
  padding-left: 25px;
}

.cost-badge {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.9rem;
  min-width: 60px;
  text-align: center;
}

.cost-badge.low {
  background: #e3f5ec;
  color: #27ae60;
}

.cost-badge.medium {
  background: #fff9e6;
  color: #f39c12;
}

.cost-badge.high {
  background: #ffece6;
  color: #e74c3c;
}

.cost-badge.premium {
  background: #f5e6ff;
  color: #9b59b6;
}

@media (max-width: 992px) {
  .table-header, .table-row {
    grid-template-columns: 1.5fr 1fr 0.8fr 0.8fr 1fr;
  }
  .header-cell:nth-child(6), 
  .data-cell:nth-child(6) {
    display: none;
  }
}

@media (max-width: 768px) {
  .table-header, .table-row {
    grid-template-columns: 1.5fr 1fr 0.8fr;
  }
  .header-cell:nth-child(4), 
  .header-cell:nth-child(5),
  .data-cell:nth-child(4),
  .data-cell:nth-child(5) {
    display: none;
  }
}

@media (max-width: 480px) {
  .table-header, .table-row {
    grid-template-columns: 1.5fr 1fr;
  }
  .header-cell:nth-child(3), 
  .data-cell:nth-child(3) {
    display: none;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b135f6c */<style>
/* Main Container */
.hspcb-process-matrix {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px;
  font-family: 'Segoe UI', Roboto, sans-serif;
}

/* Header Styles */
.process-header {
  text-align: center;
  margin-bottom: 50px;
}
.process-header h2 {
  font-size: 2.4rem;
  color: #2c3e50;
  font-weight: 700;
  margin-bottom: 10px;
}
.header-divider {
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #27ae60, #2ecc71);
  margin: 0 auto 20px;
  border-radius: 2px;
}
.process-header p {
  font-size: 1.1rem;
  color: #7f8c8d;
}

/* Matrix Layout */
.process-matrix {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.matrix-row {
  display: flex;
  gap: 30px;
}

/* Horizontal Row (Left-Right) */
.matrix-row.horizontal {
  flex-direction: row;
}

/* Vertical Row (Top-Bottom) */
.matrix-row.vertical {
  flex-direction: column;
  align-items: center;
}

/* Process Cards */
.process-card {
  flex: 1;
  background: white;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  position: relative;
  border-top: 3px solid #27ae60;
}

/* Step Marker */
.step-marker {
  position: absolute;
  display: flex;
  align-items: center;
}
.step-number {
  width: 40px;
  height: 40px;
  background: #27ae60;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  box-shadow: 0 3px 10px rgba(39, 174, 96, 0.3);
}

/* Marker Positioning for Left-Right */
.left-card .step-marker {
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  flex-direction: row;
}
.right-card .step-marker {
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  flex-direction: row-reverse;
}
.vertical-line {
  width: 20px;
  height: 2px;
  background: #27ae60;
}

/* Marker Positioning for Top-Bottom */
.top-card .step-marker {
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  flex-direction: column;
}
.bottom-card .step-marker {
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  flex-direction: column-reverse;
}
.horizontal-line {
  width: 2px;
  height: 20px;
  background: #27ae60;
}

/* Card Content */
.card-content h3 {
  font-size: 1.4rem;
  color: #2c3e50;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.card-content h3 i {
  color: #27ae60;
  margin-right: 10px;
  font-size: 1.2rem;
}
.card-content ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 20px;
}
.card-content li {
  margin-bottom: 8px;
  font-size: 1rem;
  color: #34495e;
}
.param {
  font-weight: 600;
  color: #27ae60;
  display: inline-block;
  width: 100px;
}
.tech-tip {
  background: #f5fbf8;
  border-left: 3px solid #27ae60;
  padding: 10px 12px;
  border-radius: 0 5px 5px 0;
  font-size: 0.9rem;
  color: #27ae60;
  display: flex;
  align-items: center;
}
.tech-tip i {
  margin-right: 8px;
}

/* Responsive Design */
@media (max-width: 768px) {
  .matrix-row.horizontal {
    flex-direction: column;
    gap: 40px;
  }
  
  .left-card .step-marker,
  .right-card .step-marker {
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
    flex-direction: column;
  }
  .left-card .vertical-line,
  .right-card .vertical-line {
    width: 2px;
    height: 20px;
  }
}
</style>

<!-- Icon Library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90c6355 */<style>
/* Main Container */
.assembly-showcase {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 20px;
  font-family: 'Segoe UI', Roboto, sans-serif;
  background: linear-gradient(to bottom, #f8fbf8 0%, #ffffff 100%);
}

/* Header Styles */
.showcase-header {
  text-align: center;
  margin-bottom: 60px;
}
.showcase-header h2 {
  font-size: 2.6rem;
  color: #2c3e50;
  font-weight: 700;
  margin-bottom: 15px;
  letter-spacing: 0.5px;
}
.header-accent {
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, #27ae60, #2ecc71);
  margin: 0 auto 20px;
  border-radius: 2px;
}
.showcase-header p {
  font-size: 1.2rem;
  color: #7f8c8d;
  font-weight: 300;
}

/* Main Panel Layout */
.capability-display {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.spec-panel {
  background: white;
  border-radius: 12px;
  padding: 40px;
  box-shadow: 0 10px 40px rgba(39, 174, 96, 0.1);
}

/* Category Styles */
.spec-category {
  margin-bottom: 40px;
}
.spec-category:last-child {
  margin-bottom: 0;
}

.category-header {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e8f5e9;
}
.category-header i {
  width: 50px;
  height: 50px;
  background: #e8f5e9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #27ae60;
  font-size: 1.5rem;
  margin-right: 20px;
}
.category-header h3 {
  font-size: 1.6rem;
  color: #2c3e50;
  font-weight: 600;
  margin: 0;
}

/* Specification Grid */
.spec-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
}

.spec-item {
  background: #f8fbf8;
  border-radius: 8px;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.spec-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--width);
  height: 3px;
  background: linear-gradient(90deg, #27ae60, #2ecc71);
}

.spec-label {
  display: block;
  font-size: 0.95rem;
  color: #7f8c8d;
  margin-bottom: 5px;
  font-weight: 500;
}
.spec-value {
  display: block;
  font-size: 1.1rem;
  color: #2c3e50;
  font-weight: 600;
}

/* Quality Banner */
.quality-banner {
  display: flex;
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(39, 174, 96, 0.1);
}

.quality-content {
  flex: 2;
  padding: 40px;
  background: linear-gradient(135deg, #f8fbf8 0%, #e8f5e9 100%);
}
.quality-content h3 {
  font-size: 1.6rem;
  color: #2c3e50;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.quality-content h3 i {
  color: #27ae60;
  margin-right: 15px;
  font-size: 1.8rem;
}

.quality-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.feature {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #34495e;
}
.feature i {
  color: #27ae60;
  margin-right: 10px;
  font-size: 1.1rem;
}

.cta-box {
  flex: 1;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: white;
}
.cta-box p {
  font-size: 1.1rem;
  color: #7f8c8d;
  margin-bottom: 25px;
  line-height: 1.6;
}

/* CTA Button */
.cta-button {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(135deg, #27ae60, #2ecc71);
  color: white;
  padding: 16px 35px;
  border-radius: 50px;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(39, 174, 96, 0.3);
  transition: all 0.3s;
}
.cta-button i {
  margin-right: 12px;
  font-size: 1rem;
}
.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 30px rgba(39, 174, 96, 0.4);
  background: linear-gradient(135deg, #219653, #27ae60);
}

/* Responsive Design */
@media (max-width: 992px) {
  .quality-banner {
    flex-direction: column;
  }
  .quality-features {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .showcase-header h2 {
    font-size: 2.2rem;
  }
  .spec-grid {
    grid-template-columns: 1fr;
  }
  .category-header h3 {
    font-size: 1.4rem;
  }
}
</style>

<!-- Font Awesome for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c36c820 */<style>
/* Main Container */
.hspcb-applications {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 20px;
  font-family: 'Segoe UI', Roboto, sans-serif;
}

/* Header Styles */
.section-header {
  text-align: center;
  margin-bottom: 60px;
}
.section-header h2 {
  font-size: 2.5rem;
  color: #2c3e50;
  font-weight: 700;
  margin-bottom: 15px;
}
.header-divider {
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #27ae60, #2ecc71);
  margin: 0 auto 20px;
  border-radius: 2px;
}
.section-header p {
  font-size: 1.1rem;
  color: #7f8c8d;
}

/* Application Grid */
.application-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}

/* Application Cards */
.application-card {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(39, 174, 96, 0.1);
  transition: all 0.3s ease;
}
.application-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(39, 174, 96, 0.2);
}

.app-image {
  height: 200px;
  position: relative;
}
.app-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(39, 174, 96, 0.1), rgba(39, 174, 96, 0.3));
}

.app-content {
  padding: 25px;
}
.app-content h3 {
  font-size: 1.4rem;
  color: #2c3e50;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.app-content h3 i {
  color: #27ae60;
  margin-right: 10px;
  font-size: 1.3rem;
}
.app-content ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 20px;
}
.app-content li {
  margin-bottom: 8px;
  font-size: 1rem;
  color: #34495e;
  position: relative;
  padding-left: 20px;
}
.app-content li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #27ae60;
}

.tech-spec {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}
.tech-spec span {
  background: #e8f5e9;
  color: #27ae60;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.tech-spec i {
  margin-right: 5px;
  font-size: 0.9rem;
}

/* Responsive Design */
@media (max-width: 768px) {
  .application-grid {
    grid-template-columns: 1fr;
  }
  .section-header h2 {
    font-size: 2rem;
  }
}
</style>

<!-- Font Awesome for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">/* End custom CSS */