.technology-details {
	margin: 4em 2em;
}
.technology-details h2 {
	font-size: 2.25rem;
    line-height: 2.5rem;
	font-weight: 700;
	color: #000000;
	margin-bottom: 1rem;
}
.technology-details p {
	font-size: 1.125rem;
    line-height: 1.625;
    font-weight: 400;
	color: #000000;
	margin-bottom: 1.5rem;
}
.technology-image {
	position: relative;
}
.technology-image img {
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	object-position: top;
	object-fit: cover;
	border-radius: 16px;
	overflow: hidden;
	height: 100%;
}
.technology-cta {
	background-color: #124e94;
	padding: 5rem 1.5rem;
}
.technology-cta h3 {
	font-size: 2.25rem;
    line-height: 2.5rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 1.5rem;
}
.technology-cta p {
	font-size: 1.125rem;
    line-height: 1.625;
    font-weight: 400;
	color: #fff;
	margin-bottom: 3.5rem;
}
.btn-cta {
	font-size: 1.125rem;
    line-height: 1.75rem;
	background-color: #fff;
	color: #124e94;
	border: none;
	font-weight: 700;
	padding: 1rem 2rem;
	border-radius: 8px;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.btn-cta:hover {
	background-color: #124e94;
	color: #fff;
	border: 1px solid #fff;
}
.relative {
	position: relative;
}
.slider-container {
	overflow: hidden;
}
.technology-slider {
	transition-property: transform;
	transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.technology-card {
	border-radius: 16px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.technology-card img {
	object-fit: cover;
	height: 100%;
}
.technology-overlay {
	position: absolute;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	inset: 0px;
	padding: 2rem;
	--tw-gradient-to-position: ;
	--tw-gradient-to: transparent var(--tw-gradient-to-position);
	--tw-gradient-from-position: ;
	--tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
	transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.technology-card:hover .technology-overlay {
	--tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.technology-overlay h3 {
	font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.5rem;
}
.technology-overlay p {
	display: none;
	color: #fff;
	font-size: 16px;
	line-height: 1.625;
	font-weight: 400;
	opacity: 0;
	transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.technology-card:hover .technology-overlay p,
.technology-card:hover .technology-overlay a {
	display: block;
	opacity: 1;
}
.technology-overlay a {
	display: none;
	color: #fff;
	font-size: 16px;
	line-height: 1.625;
	font-weight: 600;
	opacity: 0;
	transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.technology-overlay a:hover {
	color: #1A78B7;
}
.slick-prev,
.slick-next {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: #1A78B7;
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    z-index: 10;
}
.slick-prev {
	/*left: 1rem;*/
	left: 0 !important;

}
.slick-next {
	/*right: 1rem;*/
	right: 0 !important;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:active,
.slick-next:active,
.slick-prev:focus,
.slick-next:focus {
	background-color: #124e94;
}
.slick-prev:before,
.slick-next:before,
.slick-prev:before,
.slick-next:before,
.slick-prev:before,
.slick-next:before,
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:active:before,
.slick-next:active:before,
.slick-prev:focus:before,
.slick-next:focus:before {
	color: #fff;
}
.tech-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	border-radius: 16px;
	background-color: #1A78B7;
    margin-bottom: 1rem;
}
.tech-icon img {
	height: auto;
}
@media (max-width: 767px) {
	.technology-details {
	    margin: 3em 1rem;
	}
	.technology-details h2 {
	    font-size: 24px;
        line-height: 26px;
	}
	.technology-details p,
	.technology-cta p {
	    font-size: 16px;
	    line-height: 1.6;
	}
	.technology-overlay h3 {
	    font-size: 1.2rem;
	    line-height: 1.2rem;
	}
	.technology-overlay p,
	.technology-overlay a {
	    display: block;
	    opacity: 1;
	    font-size: 14px;
	    line-height: 1.3;
	    margin-bottom: 1rem;
	}
	.technology-cta h3 {
	    font-size: 2rem;
	    line-height: 2.1rem;
	}
	.btn-cta {
	    font-size: 1rem;
	    line-height: 1.6rem;
	    padding: .5rem 1rem;
	}
	.technology-cta {
	    padding: 3rem 1.5rem;
	}
}
@media (min-width: 768px) {
	.technology-slide {
		padding: 1rem;
	}
}