#breadcrumbs {
  display: flex !important;
}

/* processes */

#management-processes {
  overflow: hidden;
}

.process-description {
  opacity: 1;

  position: absolute;

  display: none;
}

.process-title {
  margin-top: 40px;
}

.container-description {
  max-width: 90%;

  position: relative;

  margin: 0 auto;

  margin-top: 135px;
}

.process-icon {
  position: relative;

  height: 250px;

  width: 250px;

  transition: ease-in 0.4s;
}

.lower-vertical-line {
  background-color: #e19502;

  width: 2px;

  height: 0px;

  position: absolute;

  top: 100%;
}

.active-process .lower-vertical-line {
  height: 135px;

  transition: ease-in 0.4s;
}

.lower-horizontal-line {
  background-color: #e19502;

  width: 0%;

  height: 1px;

  margin-bottom: 50px;
}

.active-description .lower-horizontal-line {
  width: 100%;

  transition: ease-in 0.4s;
}

.icon-background {
  position: absolute;

  z-index: 0;

  height: 789px;

  width: 789px;

  top: -269px;

  left: -269px;
}

.blue-bg {
  width: 100%;

  height: 100%;

  position: absolute;

  background: url(/wp-content/uploads/2022/08/Vector-Smart-Object-copy-6.png);
}

.orange-bg {
  opacity: 0;

  position: absolute;

  top: 0;

  right: 0;

  transition: ease-out 0.4s;

  background: url(/wp-content/uploads/2022/08/Vector-Smart-Object-copy-5.png);
}

.icon-wrapper {
  width: 100%;

  height: 100%;

  position: relative;

  z-index: 1;

  border: 3px solid #3d5484;

  border-radius: 50%;
}

.icon-wrapper img {
  transition: ease-in 0.2s;
}

.active-process .icon-wrapper:hover img {
  filter: brightness(0) invert(1);
}

.active-process .icon-wrapper img {
  filter: brightness(0) invert(1);
}

.active-process .icon-wrapper:hover + .icon-background .orange-bg {
  width: 100%;

  height: 100%;

  opacity: 1;
}

.active-process .icon-wrapper + .icon-background .orange-bg {
  width: 100%;

  height: 100%;

  opacity: 1;
}

.chevron-icon {
  background-color: #3d5484;

  border-radius: 50%;

  height: 30px;

  width: 30px;

  left: calc(50% - 10px);

  line-height: 0px;

  z-index: 3;
}

.active-process .icon-wrapper:hover {
  border-color: #e19502;
}

.active-process .icon-wrapper {
  border-color: #e19502 !important;
}

.active-process .chevron-icon {
  transition: ease-in 0.4s;

  background-color: #e19502;
}

.process-title {
  font-family: OpenSansHebrewCondensedRegular;

  color: #fff;

  font-size: 48px;

  position: relative;
}

.process-description {
  font-family: OpenSansHebrewCondensedRegular;

  color: #fff;

  font-size: 24px;
}

/* Additional projects */

.additional-projects {
  position: relative;

  top: -132px;

  margin-bottom: -172px;

  bottom: 147px;

  margin-bottom: -165px;
}

.additional-projects-title {
  font-family: OpenSansHebrewCondensedRegular;

  color: #e19502;

  font-size: 48px;

  padding-bottom: 44px;
}

/* Slick slider */

.slick-dotted.slick-slider {
  margin-bottom: 30px;

  width: 100%;
}

.slick-prev,
.slick-next {
  top: 463px;

  width: 30px;

  height: 30px;
}

.slick-prev::before,
.slick-next::before {
  font-size: 30px;

  color: #e19502;
}

.slick-dots li button::before {
  color: #e19502;
}

.slick-dots {
  bottom: -36px;
}

.slick-dots li button::before {
  font-size: 10px;

  line-height: 36px;

  width: 30px;

  height: 30px;
}

.slick-dots li.slick-active button::before {
  opacity: 0.75;

  color: #e19502;
}

.additional-projects-slick-slider {
  margin-bottom: 30px;

  width: 100%;
}

.horizontal-line {
  height: 5px;

  background-color: #3d5484;

  width: 277px;

  position: absolute;

  right: 60;
}

/* .processes:last-child.process-title.chevron-icon.horizontal-line{

  display: none;

} */

div.process-card:nth-child(5)
  > div:nth-child(2)
  > div:nth-child(1)
  > div:nth-child(2) {
  display: none;
}

/* Light Solutions */

#solutions-section {
  background-color: #06101d;
}

.yellow-top-line {
  height: 8px;

  width: 100%;

  background-color: #e19502;

  max-width: 1630px;

  margin-bottom: 167px;
}

#clients .container {
  padding-top: 167px !important;
}

#clients-recommends {
  display: none !important;
}

.right-side {
  max-height: 900px !important;

  height: auto !important;
}

.dots-image {
  top: 0px !important;
}

.cf-container {
  margin-top: 0px !important;
}

.solutions-section-container {
  bottom: 0;

  top: auto;
}

#clients {
  min-height: 484px !important;

  padding-top: 0px !important;
}

.processes.row {
  flex-wrap: nowrap;
}

@media screen and (max-width: 1400px) {
  .process-icon {
    height: 200px;

    width: 200px;
  }

  .horizontal-line {
    width: 180px;
  }

  .icon-background {
    top: -295px;

    left: -295px;
  }

  .processes-description {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 1200px) {
  .process-icon {
    height: 150px;

    width: 150px;
  }

  .horizontal-line {
    width: 132px;
  }

  .icon-background {
    top: -320px;

    left: -320px;
  }

  .process-title {
    font-size: 36px;
  }

  .processes-description {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 768px) {
  .icon-wrapper {
    z-index: 0;
  }

  .chevron-icon {
    z-index: 0;
  }
  .processes.row {
    flex-wrap: wrap;
  }

  #contact {
    padding-top: 0px !important;
  }

  #clients .container {
    padding-bottom: 54px !important;
  }

  .horizontal-line {
    display: none;
  }

  .process-description {
    display: block !important;
  }

  .management-processes-container {
    height: auto;
  }

  .process-description {
    position: relative;
  }

  .container-description {
    max-width: 100%;

    margin-top: 0px;

    text-align: center;
  }

  .icon-background {
    height: 500px;

    width: 500px;

    top: -175px;

    left: -175px;
  }

  .blue-bg {
    background-size: auto;

    background-position: center;

    background-size: contain;
  }

  .process-icon .icon-wrapper img {
    width: 70%;

    height: auto;
  }

  .process-title {
    margin-top: 15px;
  }

  .management-processes-container {
    margin-top: 50px;
  }
}
