.box-item {
    max-width: 20%;
    padding: calc(15 / var(--media-breakdown)) calc(15 / var(--media-breakdown));
    flex: 0 0 20%;
}

.approach .hover-gradient:before {
    background-image: linear-gradient(97deg, #f57045 0%, #d42d22 25%, #8c58a4 75%, #43549f 100%);
}
.approach .box-item{
	max-width: 33%;
	flex: 0 0 33%;
    padding: 2rem 1rem;
}
.approach .box-item:hover .hover-gradient:before {
    opacity: 1;
}
.approach .job-card::after{
	display: none;
}
.approach .box-item:hover .job-card__order{
	-webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffff;
    opacity: 1;
}
.approach .job-card{
	text-align: left;
	padding-top: 1rem;
	box-shadow: 0px 0px 40px rgba(59, 63, 74, 0.2);
	background: #fff;
	padding-bottom: 4rem;
}
.approach .job-card:hover{
	box-shadow: 0px 0px 0px rgba(59, 63, 74, 0.2);
}
.approach .job-card__order{
	font-weight: 700;
    -webkit-text-fill-color: #CECECE;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #CECECE;
    text-transform: uppercase;
    font-size: 5rem;
    font-family: "Poppins", sans-serif;
	opacity: 0.5;
	position: relative;
    z-index: 1;
}
.approach  .job-card__title{
	font-size: calc(30 / var(--media-breakdown));
}
.approach .job-card__text{
	padding-top: 0;
}
.approach  .jobs__title{
	margin-bottom: 1rem;
}
.approach__title-wrap{
	max-width: calc(800 / var(--media-breakdown));
	margin: 0 auto 3rem;
	color: #000;
}
.text-pink{
	color: #D43487;
}
.jobs__list{
	position: relative;
	padding: 0 3rem;
}
.box-arrow{
	object-fit: contain;
	position: absolute;
	z-index: 2;
	width: calc(364 / var(--media-breakdown));
}
.box-1{
	left: calc(240 / var(--media-breakdown));
	top: calc(110 / var(--media-breakdown));
}
.box-2{
	left: calc(740 / var(--media-breakdown));
	top: calc(110 / var(--media-breakdown));
}
.box-3{
	right: calc(475 / var(--media-breakdown));
	top: calc(450 / var(--media-breakdown));
	width: auto;
	height: calc(167 / var(--media-breakdown));
}
.box-4{
	left: calc(246 / var(--media-breakdown));
	top: calc(655 / var(--media-breakdown));
}
.box-5{
	left: calc(743 / var(--media-breakdown));
	top: calc(655 / var(--media-breakdown));
}
@media (min-width: 1200px) {
	.approach .jobs__subtitle{
		font-size: 2.5rem;
	}
}
@media (max-width: 1200px) {
	.box-arrow{
		display: none;
	}
	.jobs__list{
		padding: 0 ;
	}
}
@media (max-width: 991px) {
  .box-item {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

}
@media (max-width: 479px) {
  .box-item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.hover-gradient{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    z-index: 1;
    border-radius: 1.5rem;
    overflow: hidden;
}
.job-card__img, .job-card__text{
	z-index: 2;
	position: relative;
}
.hover-gradient:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: calc(18 / var(--media-breakdown));
}
.hover-gradient:before {
  background-image: linear-gradient(0deg, #f57045 0%, #d42d22 26%, #8c58a4 60%, #43549f 100%);
  opacity: 0;
  transition: opacity 0.3s;
}

@media (any-hover: hover) {
  .job-card:hover .hover-gradient:before {
    opacity: 1;
  }
}