@media (min-width: 1024px) {
 .slick-track {
 display: flex; 
  }
  .pathway-nav-item.slick-slide {
  height: auto;
  }
  .nav-item-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .nav-item-text {
   flex:1 
  }
}

.pathway ul {
	list-style: none;
}
.nav-inner-mobile {
 display: none; 
}
.pathway-wrap {
  padding-bottom:80px;
}
.pathway {
	padding-bottom: 48px;
	position: relative;
}

.pathway-item {
	padding-left: 24px;
	padding-top: 24px;
  position: relative;
}
.pathway-item-inner {
	background-color: #eeedeb;

	display: flex;
	padding-bottom: 80px;
	/* margin-left: 24px; */
}
.pathway-text-heading {
    color: rgb(204 62 68);
}
.pathway-image .img-responsive-col {
   margin-bottom: 32px; 
  }
.pathway-image {
	width: 50%;
}

.pathway-image img {
	object-fit: cover;
  width: 100%;
	aspect-ratio: 16 / 9;
	
	object-position: left top;

	margin-top: -24px;
	margin-left: -24px;
}
.pathway-text {
	width: 50%;
  padding-bottom: 3rem;
 padding-left: 8rem;
   padding-right: 8rem;
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pathway .pathway-button .btn-secondary {
 border-color: rgb(204 62 68) ;
 color: rgb(204 62 68) ;
  display:inline-block;
  padding: 10px 24px;
  text-decoration: none;
  font-size: 18px;
  font-family: 'HelveticaNeueLTProBd';
}
.pathway .pathway-button .btn-secondary:hover {
  border-color: rgb(204 62 68) ;
 color: rgb(204 62 68) ;
}
/* nav */
.pathway-nav .slick-track {
 justify-content: center; 
}
ul.pathway-nav {
	transform: translateY(30%);
	width: 100%;
	position: absolute;
	bottom: 0;
  z-index:3;
  margin-left: 0;
	/* padding-left: 24px; */
}
.pathway-nav-item {
	margin-top: 24px;
	padding-left: 24px;
	 padding-bottom: 0;
  max-width: calc(240px + 24px)
}
.nav-item-inner {

	margin: 0 auto;
	padding-bottom: 0;
	border: 1px solid rgb(204 62 68);
	transition: all 0.35s ease;
  cursor: pointer;
}


.pathway-nav-item:hover .nav-item-img  {
	background-color: rgb(204 62 68);
}
.pathway-nav-item:hover .nav-item-text {
	background-color: #ed484f;
  
}
.pathway-nav-item:hover .nav-item-text p {
  color: white;
}

.nav-item-img {
	height: 150px;
	background-repeat: no-repeat;
	background-size: 120px 120px !important;
	background-position: 50%;

	background-color: #f6f6f6;
}

.nav-item-text {
	padding: 16px;
	background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-item-text p {
	padding-bottom: 0;
  font-size: 20px;
   color: rgb(204 62 68);
  font-weight: 700;
  margin: 0;
}
.slick-current .nav-item-text {
	background-color: #ed484f;
  
  
}
.slick-current .nav-item-text p {
  color: white;
}

.nav-item-img.nav-item-img-acive {
  display: none; 
  background-color: rgb(204 62 68);
}
.slick-current .nav-item-img.nav-item-img-acive {
	display:block;
}
.slick-current .nav-item-img.nav-item-img-normal {
  display: none
}
.pathway-nav-item:hover .nav-item-img.nav-item-img-acive {
 display: block; 
}
.pathway-nav-item:hover .nav-item-img.nav-item-img-normal {
 display: none; 
}
.pathway-item-mobile-heading {
 display:none; 
}
@media (max-width: 1023px) {
  .pathway-item {
  padding-left: 0;
  }
  .pathway-nav-item {
  padding-left:0;
    margin-left: 24px;
    max-width: 100%;
  }
    
  .pathway-item-mobile-heading {
   display:block; 
  }
  .pathway-text .pathway-text-heading {
   display:none; 
  }
	.pathway {
		display: flex;
		flex-direction: row-reverse;
    background-color: #eeedeb;
    position: relative;
	}
  .pathway::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 80px;
        bottom: 0;
        background-color: white;
    z-index: 1
        
    }
	.slider-wrap {
		width: 58.333333%;
	}
   .pathway-item-inner  {
        flex-direction: column;
     padding-bottom: 0;
    }
	ul.pathway-nav {
		width: 41.666667%;
		position: relative;
		transform: translateY(0);
		padding-right: 32px;
	}
  .pathway-image {
    width: 100%;
  }
  
  .pathway-image img {
    margin-left: 0;
    margin-top:0;
  }
  .pathway-text {
    width: 100%;
    padding-left: 0;
    padding-bottom:0;
  }
	.nav-item-inner{
		display: flex;
		width: 100%;
	}
	.nav-item-img  {
		height: 86px;
		width: 86px;
    background-size: 56px 64px!important;
	}
	.nav-item-text {
		flex: 1; 
   }
   .nav-item-text p {
     font-size: 18px;
}
@media (max-width:767px) {
  .pathway {
   background-color: white; 
  }
  .pathway-item {
   background-color: #eeedeb; 
   width: 100% !important;
    margin-left: 0px;
  }
  .pathway-item::before {
   border-left: 2px dotted #ed484f;
    bottom: 0;
    content: "";
    height: auto;
    left: -1px;
    position: absolute;
    top: 0;
    width: 1px; 
  }
  .pathway-item:last-child::before {
       bottom: auto;
    height: 48px;
  }
  .pathway-item-inner  {
   padding-left: 56px ;
    padding-bottom: 86px;
  }
  .pathway::before {
   display: none; 
  }
  .pathway-nav {
   display:none; 
  }
 
 .nav-inner-mobile {
   display:block;
   position: absolute;
    top: 24px;
   left: 0;
   z-index: 2;
   border: 1px solid rgb(204 62 68);
  }
  .nav-item-img-mobile {
    box-sizing: border-box;
    background-size: 54px 54px!important;
    background-position: 50%;
    width: 40px;
    height: 40px;
    background-color: white;
    padding: 0.5rem;
    background-repeat: no-repeat;
    
  }
  .slider-wrap {
  width: 100%;  
    margin-left: 0px;
  }
  .pathway-text {
    padding-right: 2rem;
}
  }