/*============= Key Sector ================*/
	.section.industries-wrap {}

	.section.industries-wrap .title {
		margin-bottom: 48px;
	}

	.industries-wrap .ind-block {
		margin: 0 auto;
	}

	.industries-wrap .ind-block .selector {
		
		position: relative;
		display: inline-block;
		overflow: hidden;
		position: relative;
	}

	.industries-wrap .ind-block .selector:last-child {
		margin-right: 0;
	}

	.industries-wrap .ind-block .selector .image {
		overflow: hidden;
		padding: 10px 10px 0;
		position: relative;
        width: 188px;
        height: 188px;
	}
	.industries-wrap .ind-block .selector .image:hover:before {
		content: '';
		position: absolute;
		left: 10px;
		right: 10px;
		top: 10px;
		bottom: 10px;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
		animation: fadeIn;
		-webkit-animation-name: fadeIn;
		animation-duration: .2s;
		-webkit-animation-duration: .2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;


	}
	.industries-wrap .selector .image figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 20px 20px;
    color: #fff;
    background-color: transparent;
    transition-duration: .3s;
	text-align:center;
}

.industries-wrap .selector .image:hover figcaption {
    top: 0;
    display: grid;
    place-items: center;
}

.industries-wrap .selector .image h5 {
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 0;
}

.industries-wrap .selector .image p,
.industries-wrap .selector .image p a {
    color: #fff;
}

.industries-wrap .selector .image .text {
    display: none;
}

.industries-wrap .selector .image .btn-wrap {
    display: none;
}

.industries-wrap .selector .image:hover:before {
    animation: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: .2s;
    -webkit-animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    background: rgba(0, 36, 87, 0.8);
}

.industries-wrap .selector .image:hover .text,
.industries-wrap .selector .image:hover .btn-wrap {
    display: block;
    animation: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.industries-wrap .selector .image:hover h5 {
    animation: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
	.industries-wrap .ind-block .selector .image img {
		width: 100%;
	}

	.industries-wrap .ind-block .selector .text {
		padding: 0;
	}


	.selector .text h5,
	.selector .text h4 {
		font-size: 20px;
		line-height: 140%;
		color: #222222;
		font-weight: 600;
		margin-bottom: 0px;
		margin-top: 0;
	}

	.selector .text p {
		font-size: 16px;
		line-height: 150%;
		color: var(--text);
		font-weight: 400;
		margin-bottom: 0;
	}

	.selector .text a.btn {
		position: absolute;
		bottom: 5px;
	}
	.selector a.readmore {
		font-size: 16px;
		line-height: 150%;
	}

	.industries-wrap .ind-block .selector:hover .image {
		position: relative;
		transition: all .9s ease-in-out;
	}

	.industries-wrap .ind-block a.selector:hover .image:before {
		background-color: rgba(0, 0, 0, 0.3);
		position: absolute;
		content: '';
		z-index: 2;
		display: block;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}


	.industries-wrap .ind-block .selector:hover .image img {
		-webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.e {
		-webkit-animation: load 5s;
		animation: load 5s;
		opacity: 1;
		animation: load 1s ease calc(0.5s * attr(data-animation-offset number 1));
	}

	@keyframes load {
		0% {
			opacity: 0;
			-webkit-transform: translateX(20px);
			-ms-transform: translateX(20px);
			transform: translateX(20px);
		}

		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}
	}

	@keyframes fadeInRight {
		0% {
			opacity: 0;
			-webkit-transform: translateX(20px);
			-ms-transform: translateX(20px);
			transform: translateX(20px);
		}

		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}
	}

	.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
	#industries .slick-prev, #industries .slick-next {top: 40%;}
	#industries .slick-next {right: -40px;}
	#industries .slick-prev {left: -40px;}
	/*============= Key Sector ================*/
	
	@media screen and (max-width: 1254px) {
		.industries-wrap.key-sector .ind-block {grid-column-gap: 50px;}
		.industries-wrap .ind-block .selector {width: 100%}
		.selector .text p {padding: 10px 1% 0;}
	}
	@media screen and (max-width: 1100px) {
		.industries-wrap.key-sector .ind-block {grid-column-gap: 30px;}
	}
	@media screen and (max-width: 1024px) {
		.industries-wrap .ind-block .selector {width: 100%}
		.section.industries-wrap .btn {display: block;margin: 0 auto;}
	}
	@media screen and (max-width: 880px) {
		.section.industries-wrap .title .content {width: 100%;}
		.industries-wrap .ind-block {display: block;flex-flow: unset;margin: 0 auto;width: 100%;padding: 0 1%;text-align: center}
		.industries-wrap .ind-block a.selector {width: 300px;margin: 0 auto 20px;display: block;}
		.industries-wrap .ind-block a.selector:last-child {margin: 0 auto;}
	}
	@media screen and (max-width: 767px) {
		.section.industries-wrap .title {margin-bottom: 20px;}
		.industries-wrap .content {display: block;flex-flow: unset;margin: 0 auto;}
		.industries-wrap .ind-block .selector {width: 250px !important;}
		.industries-wrap .content a.selector {display: block;width: 300px;margin: 0 auto 20px;}
		.industries-wrap .ind-block .selector .image img {width: auto;margin: 0 auto;}
		#industries .slick-track {margin-left: -2px;}
        #industries .slick-dots {bottom: -60px;}
	}