.tp-home #sp-main-body {
  padding: 0;
}

#sp-slide.slide-bg{
    position:relative;
	background: url(../images/slideshow-bg.jpg) no-repeat;
	padding:200px 0 75px 0;
  background-size: cover;
}
#sp-header.full-header {
  position: absolute;
  background: none;
}
/* ===== Stage (centar) ===== 
#sp-slide.slide-bg::after{
    content:""; position:absolute; inset:auto -10% 0 -10%; height:42%;
    background:
      linear-gradient(transparent 0 60%, rgba(0,0,0,.05) 100%),
      radial-gradient(1200px 300px at 50% -40%, rgba(0,0,0,.05), transparent 60%),
      repeating-linear-gradient(0deg, rgba(0,0,0,.06), rgba(0,0,0,.06) 1px, transparent 1px, transparent 36px),
      repeating-linear-gradient(90deg, rgba(0,0,0,.06), rgba(0,0,0,.06) 1px, transparent 1px, transparent 36px);
    transform:perspective(900px) rotateX(60deg);
    filter:blur(.2px); pointer-events:none;
	bottom: -70px;
}
*/

#sp-slide .sppb-btn-round {
  border-radius: 80px;
  border: 1px solid #000;
}
#sp-slide .sppb-btn-round i{
	margin-left: 10px;
  width: 30px;
  height: 30px;
  background: #fff;
  color: #000;
  border-radius: 100%;
  line-height: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#sp-slide .sppb-btn-round:hover i{
	background: #000;
    color: #fff;
}
#sp-slide .pxl-heading--inner {
	padding:24px;
	border-radius:16px;
	background:#DBDBDB;
  box-shadow: 4px 2px 20px 1px rgba(65.00000000000003, 59.00000000000003, 59.00000000000003, 0.06);
}
#sp-slide h4.pxl-item--title {
    font-size: 22px;
}
#sp-slide .box-left.pxl-heading--inner span {
	background:#000;
	color: #fff;
	border-radius:16px;
	font-size:14px;
	padding:5px 10px;
}
#sp-slide .box-right p{
	margin:0 ;
	font-weight: 400;
}
#sp-slide .box-right span {
	font-size: 12px;
  float: right;
  font-weight: 600;
  width: 100%;
  text-align: right;
}
:root{
    --bg:#F5F5F5;      /* light industrial background */
    --ink:#1F1F1F;
    --muted:#6A737D;
    --panel:#FFFFFF;
    --line:#E2E5E9;
    --brand:#C92127;   /* Ferometal crvena */
    --radius:22px;
    --shadow:0 18px 48px rgba(0,0,0,.08);
  }
  /* ===== Compact center panel ===== */
.stage {
  
  display: grid;
  place-items: center;

}
  .cnc-panel{
    width:min(600px,100%);
    background:var(--panel); border:1px solid var(--line);
    border-radius:var(--radius); box-shadow:0px 20px 28px 0px rgba(0, 0, 0, 0.08);
    padding:16px; position:relative; z-index:1;
  }

  /* Tabs – chip stil */
  .cnc-tabs{
    display:flex; gap:10px; flex-wrap:wrap;
    border-bottom:1px solid var(--line); padding:6px 6px 10px;
  }
  .cnc-tab{
    appearance:none; cursor:pointer; border:1px solid var(--line);
    background:#F3F5F7; color:#2A2F34;
    font-weight:600; font-size:14px; letter-spacing:.2px;
    padding:10px 16px; border-radius:999px;
    transition:all .18s ease; box-shadow:0 1px 0 rgba(0,0,0,.04);
  }
  .cnc-tab:hover{ background:#EEF1F4; transform:translateY(-1px); }
  .cnc-tab[aria-selected="true"]{
    background:#EED6D7; border-color:#E3BABC; color:#8A1418;
    box-shadow:0 6px 16px rgba(201,33,39,.20) inset, 0 4px 10px rgba(0,0,0,.06);
  }
  /* Pastel naglasci po tabu */
  #tab-draft[aria-selected="true"]{ background:#EED6D7; border-color:#E3BABC; color:#8A1418; }
  #tab-prod[aria-selected="true"] { background:#EAF3F2; border-color:#CFE3DF; color:#175E53; }
  #tab-qual[aria-selected="true"] { background:#EEEFF7; border-color:#D6D8EF; color:#2C317A; }
  /* CNC = SIVA */
  #tab-cnc[aria-selected="true"]{
    background:#E6E8EB; border-color:#D0D5DB; color:#2B2F33;
    box-shadow:0 6px 16px rgba(0,0,0,.06) inset, 0 4px 10px rgba(0,0,0,.06);
  }
  #tab-cnc:not([aria-selected="true"]):hover{ background:#EEF0F2; }

  .cnc-views{ padding:12px 6px 6px }
  .cnc-view{ display:none; }
  .cnc-view.active{ display:block; }

  /* Unutarnja površina */
  .surface{
    border:1px dashed var(--line); border-radius:16px;
    padding:14px; background:linear-gradient(#FAFAFC,#F2F4F7);
  }

  /* ===== TERMINAL – LIGHT VARIJANTA ===== */
  .terminal{
    background:#F4F6F8;       /* svijetlo siva pozadina */
    color:#2B2F33;            /* tamno sivi tekst */
    border-radius:14px; padding:16px; min-height:300px;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size:14px; line-height:1.45;
    border:1px solid #D0D5DB; /* svijetla siva bordura */
    position:relative; overflow:hidden;
  }
  .terminal::before{
    content:"FEROMETAL_CNC_TERMINAL";
    position:absolute; top:0; left:0; right:0;
    padding:8px 12px; font-size:12px; letter-spacing:.6px;
    color:#46505A;                 /* tamnija siva za naslov */
    background:#E6E8EB;            /* siva traka na vrhu */
    border-bottom:1px solid #D0D5DB;
  }
  .terminal pre{
    margin:26px 0 0; white-space:pre-wrap; word-break:break-word;
  }
  .cursor{
    display:inline-block; width:8px; height:16px; background:#2B2F33;
    margin-left:2px; animation:blink .9s steps(1) infinite; vertical-align:-2px;
  }
  @keyframes blink{ 50%{ opacity:0 } }

  /* Draft (SVG) */
  .draft svg{ width:100%; max-width:840px; height:auto; margin:auto; display:block; }

  /* Proizvod (stvarna fotka) */
  .product{
    background:linear-gradient(#FFFFFF,#F6F7F9);
    border:1px solid var(--line); border-radius:14px;
    padding:18px; min-height:300px; display:grid; place-items:center;
  }
  .product .part{
    width:min(94%,760px); max-height:360px;
    object-fit:contain; object-position:center;
    filter: drop-shadow(0 18px 36px rgba(0,0,0,.18));
  }

  /* Kvaliteta */
  .quality{
    background:#F7F8FA; border:1px solid var(--line); border-radius:14px;
    padding:16px; min-height:300px; display:grid; gap:10px;
  }
  .iso-badges{ display:flex; gap:10px; flex-wrap:wrap; }
  .iso{ padding:10px 14px; border-radius:12px; border:1px solid var(--line); background:#fff; font-weight:700; }

  @media (max-width:520px){
    .cnc-panel{ padding:12px }
    .terminal{ min-height:260px }
    .product{ min-height:260px }
    .quality{ min-height:260px }
  }
section#sp-onama {
	padding:25px 38px;
	background:#F5F5F5;
}
#sp-onama  .box{
	background:#fff;
	padding:50px;
	border-radius:10px;
	min-height: 420px;
	position: relative;
}
#sp-onama  .box .addon-root-heading {
  position: absolute;
  bottom: 0;
  right: 0;
}
#sp-onama  .box-onama{
	background:#CB2229;
	padding:50px;
	border-radius:10px;
	min-height: 420px;
}
#sp-onama .sppb-row-column {
  padding-right: 1px;
  padding-left: 1px;
}
#sp-onama  .box-onama .elementor-button-link {
  display: inline-flex;
}
#sp-onama  .box-onama .elementor-button-content-wrapper {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
  border-radius: 30px;
  cursor: pointer;
  height: 50px;
  padding: 15px 30px;
  background-color: #fff;
  text-transform: uppercase;
  transition: all 0.4s ease;
  color: #000;
}
#sp-onama  .box-onama .elementor-button-link i {
  font-size: 12px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  background-color: #fff;
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
  color: #000;
}
.elementor-button-link:hover .elementor-button-content-wrapper {
  border-radius: 30px 8px 8px 30px;
  transform: translateX(10px);
}
.elementor-button-link .elementor-button-text::before {
  content: attr(data-name);
  display: block;
  height: 100%;
  position: absolute;
  top: 100%;
  transition: all ease 0.4s;
  transform-style: preserve-3d;
  color: #cb2229;
}

.elementor-button-link:hover i {
  transform: translateX(-18px);
  border-radius: 8px 30px 30px 8px;
}
.elementor-button-link .elementor-button-text span {
  display: block;
  transition: all ease 0.4s;
  z-index: 1;
  transform-style: preserve-3d;
}
.elementor-button-content-wrapper {
  gap: 0;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.elementor-button .elementor-button-text {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
#sp-onama  .box-onama h4 {
	color:#fff;
  margin: 0;
  font-size: 20px;
}
#sp-onama  .box-onama h4 i{
	color: #000;
  font-size: 10px;
  position: relative;
  top: -3px;
  margin: 0 10px;
}
#sp-onama  .box-onama .box-b {
  position: absolute;
  bottom: 0;
  width: 100%;
}
section#sp-products {
	padding:25px ;
	
}
#sp-products h3.title {
	text-align:center;
	font-weight: 700;
  font-size: 120px;
  line-height: 108px;
  margin: 100px 0;
}
#sp-products .box-top p{
	font-size:16px;
	font-weight: 600;
	line-height: 20px;
	margin:0;
  padding: 15px 40px 15px 0;
}
#sp-products .box-top p i{
  font-size: 7px;
  margin-right: 10px;
}
#sp-products .box-top a {
	color:#000;
	font-size:16px;
	font-weight: 600;
	line-height: 20px;
	float: right;
  display: inline-flex;
    justify-content: end;
   
   padding: 15px 40px 15px 0;
   transition: all .5s ease-out;
}
#sp-products .box-top a:hover {
  background: #000;
    color: #fff;
    padding: 15px 40px;
}
#sp-products .box-top a i {
	margin-left:20px;
}
#sp-products .box-text h4 {
	font-size:26px;
	font-weight: 600;
	line-height: 40px;
}
#sp-products .box-text a {
	color:#000;
	font-size:18px;
	font-weight: 700;
	line-height: 20px;
	margin-top: 30px;
  margin-bottom: 30px;
  display: inline-block;
   padding: 15px 40px 15px 0;
   transition: all .5s ease-out;
}
#sp-products .box-text a:hover {
    background: #000;
    color: #fff;
    padding: 15px 40px;
}
#sp-products .box-text a i{
  margin-right: 6px;
  position: relative;
  top: -2px;
  font-size: 10px;
}
.box-text-t {
	display: flex;
  gap: 110px;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 40px 0;
}
.box-text-t p {
	margin:0;
  font-size: 22px;
}
@media (min-width: 992px) {
.box-text-main {
	padding: 140px 0 0;
  display: flex;
  gap: 220px;
}
.box-text-c {
  padding-top: 320px;
}
}
.box-text-main a {
	color:#000;
	font-size:18px;
	font-weight: 700;
	line-height: 20px;
	margin-top: 30px;
  margin-bottom: 30px;
  display: inline-block;
   padding: 15px 40px 15px 0;
   transition: all .5s ease-out;
}
.box-text-main a:hover {
  background: #000;
    color: #fff;
    padding: 15px 40px;
}
.box-text-main h4 {
	font-size:26px;
	font-weight: 600;
	line-height: 40px;
}
.box-text-main a i{
  margin-right: 6px;
  position: relative;
  top: -2px;
  font-size: 10px;
}

section#sp-service {
	background:#F4F4F4;
	padding:35px 0;
}
#sp-service h3.sp-module-title {
	text-align:center;
	font-weight: 700;
  font-size: 120px;
  line-height: 108px;
  margin:20px 0 50px 0;
}
#sp-service .accordion-item {
  border: none;
  background: none;
}
#sp-service .accordion-button {
	padding: 30px 40px 30px 40px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
    border-radius: 40px 40px 40px 40px;
	font-size: 18px;
  font-weight: bold;
  color: #000;
}
#sp-service  .accordion-button:focus {
  z-index: 3;
  border-color: none;
  outline: 0;
  box-shadow: none;
}
#sp-service .accordion-body {

  background: #fff;
  border-radius: 16px;
  margin-bottom: 20px;
}
#sp-service .accordion-body  img {
	border-radius: 16px;
}
#sp-service .accordion-body h4 {
	font-size:26px;
	font-weight: 600;
	line-height: 40px;
	 color: #000;
}
#loadMore {
	text-align:center;
	margin-top:40px;
}
#loadMore a {
	background: #000;
  color: #fff;
  display: inline-block;
  padding: 15px 40px;
}
#loadMore a :hover {
	background: #CB2229;
  color: #000;
}
section#sp-our-clients {
	background:#F4F4F4;
	padding:35px 0 150px;
}
#sp-our-clients h3.sp-module-title {
	text-align:center;
	font-weight: 700;
  font-size: 120px;
  line-height: 108px;
  margin:0 0 100px 0;
}
@media (min-width: 992px) {
#sp-our-clients .col-lg-4 {
	padding-right: 1px;
  padding-left: 1px;
}
}
#sp-our-clients .box-clients {
	background:#FFF;
	border-radius: 10px 10px 10px 10px;
    padding: 30px 30px 30px 30px;
	display: flex;
    justify-content: center;
}
#sp-our-clients .box-clients img {
	transition: all ease 0.3s;
	filter: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
#sp-our-clients .box-clients img:hover {
	transform: scale(1.1);
	filter: none;
  -webkit-filter: none;
}
#sp-bottom-contact {
	display: flex;
    justify-content: center;
}
#sp-bottom-contact a.button-link {
  font-size: 50px;
  line-height: 1.1em;
  background-color: #CB2229;
  border-radius: 100px 100px 100px 100px;
  padding: 60px 0px 60px 0px;
  font-weight: 700;
  display: inline-block;
  color: #000;
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: -100px;
}
#sp-bottom2 {
	text-align: center;
}
#sp-bottom2 .sp-column  {
	border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #E6E6E6;
}
#sp-bottom2 a {
	border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #E6E6E6;
  border-radius: 15px 15px 15px 15px;
  display: inline-block !important;
  padding: 10px 20px;
  font-weight: bold;
}
#sp-bottom2 a:hover {
	border-color: #CB2229;
}
#sp-bottom3 .sp-column  {
  padding-left: 140px;
}
#sp-company {
	padding:20px ;
}
.formContainer .form-control {
	padding: 15px 0px 15px 0px;
  margin: 0px 0px 30px 0px;
  color: #000;
  transition: all ease-in-out 0.3s;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dcdcdc;
  border-radius: 0;
}
.formContainer .rsform-submit-button {
	font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
  border-radius: 30px;
  padding: 15px 30px;
  text-transform: uppercase;
  transition: all 0.4s ease;
}
#sp-inner {
	padding:40px;
	background:#F5F5F5;
}
.sp-module-content-top {
  padding-bottom: 50px;
}
.sp-module-content-top h3.sp-module-title {
  font-size: 35px;
}
.sp-module-content-top .pxl-page-desc {
  max-width: 800px;
}
#rsform_2_page_0 .col-md-6 {
  padding: 48px;
  border-radius: 20px 0 0 20px;
  background: #f5f5f5;
}
#rsform_2_page_0 .col-md-6:last-child {
  background: #e6e6e6;
  border-radius:0  20px 20px 0;
}
#rsform_2_page_0.formContainer .form-control {
  padding: 10px 18px;
  margin: 0px 0px 30px 0px;
  color: #000;
  transition: all ease-in-out 0.3s;
  border-width: 1px;
  border-style: solid;
  border-color: #dcdcdc;
  border-radius: 10px;
}
#rsform_2_page_0.formContainer .form-select {
  padding: 10px 18px;
   margin: 0px 0px 30px 0px;
   border-width: 1px;
  border-style: solid;
  border-color: #dcdcdc;
  border-radius: 10px;
  height: auto;
}
#rsform_2_page_0.formContainer .form-label {
  font-size: 14px;
  font-weight: bold;
}
.machine-spec {
  border: none !important;
  
}
#sp-inner .ba-gallery  {
  padding-top: 50px;
}
@media (max-width: 991px) {
  #sp-products h3.title , #sp-service h3.sp-module-title , #sp-our-clients h3.sp-module-title {
    font-size: 60px;
    line-height: 70px;
    margin: 50px 0;
  }
  section#sp-products {
  padding: 25px;
  text-align: center;
}
  #sp-products .box-top a {
  justify-content: center;
}
.box-text-t {
  display: block; 
}
#sp-our-clients .box-clients {
  margin-bottom: 10px;
}
#sp-bottom-contact a.button-link {
  font-size: 20px;
  padding: 20px 0px 20px 0px;
}
#sp-footer, #sp-bottom {
  text-align: center;
}
#sp-bottom3 .sp-column {
  padding-left: 0;
}
#sp-footer #sp-footer2 {
  text-align: center;
}
.sp-page-title .sp-page-title-heading {
  font-size: 20px;
  line-height: 1;
  
}

#sp-slide .sppb-btn-round i {
  width: 24px;
  line-height: 24px;
  font-size: 12px;
  height: 24px;
}
#sp-onama .box {
  min-height: 300px;
}
#sp-slide.slide-bg {
  padding-top: 80px;
  background-size: contain;
}
#sp-header.full-header {
  padding-top: 10px;
}
}
@media (min-width: 412px) and (max-width: 915px) {
  .logo-image {
    height: 50px !important;
  }
}
@media (max-width: 360px) {
#sp-header.full-header .container-inner {
  padding-left: 12px;
  padding-right: 12px;
}
}