/* --- Process Section Layout --- */
section.proces-section .section-title {
  text-align: center;
}

section.proces-section .bg {
  background: linear-gradient(
    290.1deg,
    #00000007 64.35%,
    #f0f0f007 64.37%,
    #00000007 100.33%
  );
  padding: 11px 20px 30px;
  position: relative;
  border: solid 1px #ffb900;
  border-radius: 10px;
  margin: 10px auto;
  height: 100%;
}

/* --- Content Styling --- */
section.proces-section h3 {
  font-size: 20px;
  margin-bottom: 5px;
}

section.proces-section .text p {
  font-size: 16px;
}

section.proces-section .number {
  font-size: 36px;
  text-align: center;
  font-weight: 800;
  font-family: Lato, sans-serif;
}

/* --- Icons --- */
section.proces-section .ikona svg {
  height: 50px;
  display: block;
  margin: 10px auto;
}

section.proces-section .ikona svg path {
  fill: #fff;
}

/* --- Simple List Variant --- */
section.proces-section .bg.simple-list {
  border: none !important;
  background: none !important;
}

section.proces-section .bg.simple-list h3 {
  text-align: center;
}

/* --- Responsive Styles --- */
@media (max-width: 767px) {
  section.proces-section {
    padding: 40px 15px !important;
  }

  section.proces-section .col-md-3 {
    margin-top: 15px;
  }

  section.proces-section .col-md-3:first-child {
    margin-top: 0;
  }
}