/*==journey sec start===*/
.journeySec_1 {
	background-repeat: repeat !important;

	.pin-spacer {
		padding-bottom: 0px !important;
	}

	.mouseBtnWrap{
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		width: 100vw;
		height: 110px;
		margin: 0 auto;
		position: fixed;
		padding-bottom: 15px;
		background-size: contain;
		background-repeat: repeat;
		background-image: url(../images/journey/journeyBg.png);
		
		.mouseBtnWrapInner{
			z-index: 1;
			display: flex;
			position: relative;
			text-align: center;
			align-items: center;
			flex-direction: column;
			.mouseBtn{
				width: 90px;
				display: inline-block;
				filter: brightness(0);
			}
		}
		&.show{
			opacity: 1;
		}
	}

	.journeySlide {
		position: relative;
		padding-top: 60px;

		.journeySlideItem {
			padding-bottom: 300px;
			background: url(../images/journey/roadImg.png) no-repeat;
			background-size: 100%;
			padding: 0 40px;
			padding-top: 40px;
			background-position: center bottom;
			padding-top: 50px;

			.journeyItemBox {
				display: flex;
				position: relative;
				z-index: 1;

				.journeyItemTxt {
					min-width: 30vw;
					padding-right: 100px;
					height: 590px;
					padding-left: 30px;
					padding-top: 10px;
					position: relative;

					&::before {
						width: 6px;
						height: 75%;
						content: "";
						left: 0;
						bottom: 85px;
						position: absolute;
					}

					&::after {
						width: 15px;
						height: 15px;
						position: absolute;
						content: "";
						left: 0;
						bottom: 78px;
						border-radius: 50%;
					}

					&.journeyItemTxt1 {
						background: url(../images/journey/gray-journey-1.png) no-repeat;
						background-size: 225px;

						&::before {
							background-color: #dcddde;
						}

						&::after {
							background-color: #dcddde;
						}
					}

					&.journeyItemTxt2 {
						background: url(../images/journey/gray-journey-1-2.png) no-repeat;
						background-size: 225px;

						&::before {
							background-color: #c7c8ca;
						}

						&::after {
							background-color: #c7c8ca;
						}
					}

					&.journeyItemTxt3 {
						background: url(../images/journey/gray-journey-2.png) no-repeat;
						background-size: 225px;

						&::before {
							background-color: #969595;
						}

						&::after {
							background-color: #969595;
						}
					}

					&.journeyItemTxt4 {
						background: url(../images/journey/gray-journey-3.png) no-repeat;
						background-size: 225px;

						&::before {
							background-color: #f9ae72;
						}

						&::after {
							background-color: #f9ae72;
						}
					}

					&.journeyItemTxt5 {
						background: url(../images/journey/gray-journey-4.png) no-repeat;
						background-size: 225px;

						&::before {
							background-color: #f68e3f;
							left: 1px;
						}

						&::after {
							background-color: #f68e3f;
							left: 1px;
						}
					}

					&.journeyItemTxt6 {
						background: url(../images/journey/gray-journey-5.png) no-repeat;
						background-size: 225px;

						&::before {
							background-color: #f3b44c;
							left: 1px;
						}

						&::after {
							background-color: #f3b44c;
							left: 1px;
						}
					}

					&.journeyItemTxt7 {
						background: url(../images/journey/gray-journey-6.png) no-repeat;
						background-size: 225px;

						&::before {
							background-color: #309f82;
							left: 1px;
						}

						&::after {
							background-color: #309f82;
							left: 1px;
						}
					}

					&.journeyItemTxt8 {
						background: url(../images/journey/gray-journey-7.png) no-repeat;
						background-size: 225px;

						&::before {
							background-color: #309f82;
							left: 1px;
						}

						&::after {
							background-color: #309f82;
							left: 1px;
						}
					}

					h3 {
						padding-left: 30px;
						padding-top: 7px;
					}

					.pointerTxtWrap {
						.pointerIcon {
							position: absolute;
							bottom: 65px;
						}

						h2 {
							background: linear-gradient(to right, #fdc643 0%, #f69437 80%);
							-webkit-background-clip: text;
							-webkit-text-fill-color: transparent;
							padding-left: 10px;
						}
					}
				}

				.pointerTxtInner {
					height: 300px;
					overflow: auto;
					padding-right: 6px;
				}
			}
		}
	}

	.slick-arrow {
		z-index: 1;
	}

	/* width */
	::-webkit-scrollbar {
		width: 5px;
	}

	/* Track */
	::-webkit-scrollbar-track {
		background: #ccc;
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
		background: var(--orangeBg);
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: #555;
	}
}

.headingWrap_2 span {
	padding: 7px 20px;
	border-radius: 30px;
}

@media screen and (max-width:1366px) {
	.journeySec_1 {
		& .mouseBtnWrap {
			&.show {
				display: none !important;
			}
		}
	}
	.journeySec_1 {
		& .journeySlide {
			.journeySlideItem {
				padding-bottom: 300px;
				background: url(../images/journey/roadImg.png) no-repeat;
				background-size: 100%;
				padding: 0 40px;
				padding-top: 40px;
				background-position: center 97%;

				.journeyItemBox {
					.journeyItemTxt {
						height: 500px;
						padding-right: 60px;

						.journeyTxtInnerTxt {
							max-height: 290px;
							overflow-y: auto;
							padding-right: 6px;

							p {
								font-size: 16px;
							}
						}

						.pointerTxtWrap {
							.pointerIcon {
								bottom: 60px;
								width: 35px;
								height: auto;

								img {
									width: 100%;
									height: 100%;
									object-fit: contain;
								}
							}
						}
					}

					.pointerTxtInner {
						height: 230px;

						p {
							font-size: 16px;
						}
					}
				}
			}
		}
	}

	.slick-arrow {
		width: 35px;
		height: 35px;
		border-radius: 50%;
		font-size: 0px;
		position: absolute;
		top: auto;
		bottom: 32px;
		transform: none;
		background-color: #309f82;

		&::before {
			content: "";
			position: absolute;
			font-size: 14px;
			color: #fff;
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			font-family: "FontAwesome";
			top: 0;
		}

		&.slick-prev {
			left: calc(50% - 42px);

			&::before {
				content: "\f104";
			}
		}

		&.slick-next {
			left: auto;
			right: calc(50% - 42px);

			&::before {
				content: "\f054";
			}
		}
	}
}

@media (max-width: 1199px){
	.journeySec_1{
		.slick-arrow{
			bottom: 30px;
		}
	}
}

@media (max-width: 1024px){
	.journeySec_1{
		.slick-arrow {
			width: 30px;
			height: 30px;
			&.slick-prev {
				left: calc(50% - 35px);
			}
			&.slick-next {
				right: calc(50% - 35px);
			}
		}
		.journeySlide {
            .journeySlideItem {
                background-size: 100% 60px;
            }
        }
	}
}

@media screen and (max-width:768px) {
	.journeySec_1 {
		& .journeySlide {
			& .journeySlideItem {
				& .journeyItemBox {
					.journeyItemTxt {
						min-width: 100%;
						padding-right: 30px;
						padding-left: 30px;
					}
				}
			}
		}
	}

	.journeySec_1 {
		& .journeySlide {
			& .journeySlideItem {
				& .journeyItemBox {
					& .journeyItemTxt {
						&.journeyItemTxt2 {
							&::before {
								height: 70%;
								top: 50px;
							}
						}
					}
				}
			}
		}

	}

	.journeySec_1 {
		& .journeySlide {
			& .journeySlideItem {
				& .journeyItemBox {
					.journeyItemTxt {
						min-width: 100%;
						padding-right: 20px;
						height: 458px;

						&::before {
							bottom: 70px;
						}

						&::after {
							bottom: 65px;
						}
					}

					.journeyTxtInnerTxt {
						height: 250px;
						overflow: auto;
					}
				}
			}


		}
	}

	.journeySec_1 {
		& .journeySlide {
			& .journeySlideItem {
				& .journeyItemBox {
					.pointerTxtInner {
						height: 220px;
						overflow: auto;
					}

					& .journeyItemTxt {
						& .pointerTxtWrap {
							.pointerIcon {
								bottom: 35px;
							}
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width:480px) {
	.journeySec_1 {
		& .journeySlide {
			& .journeySlideItem {
				padding-bottom: 0px;
				/* background-position: center 88%; */

				& .journeyItemBox {
					.journeyItemTxt {
						height: 490px;
					}
				}

				& .journeyItemBox {
					.pointerTxtInner {
						height: 200px;
						overflow: auto;
					}

					& .journeyItemTxt {
						& .pointerTxtWrap {
							.pointerIcon {
								bottom: 75px;
							}
						}
					}
				}
			}
		}


	}

}