@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
/* Fix for the tooltip used in the slider */

/* Slick JS Homepage Slider ----------------------------------------------------------------------------------------*/

 .card-slider {
	 color: #25272d;
	 text-align: center;
	 opacity: 1;
	 -webkit-transition: opacity 0.3s ease-in-out;
	 -o-transition: opacity 0.3s ease-in-out;
	 transition: opacity 0.3s ease-in-out;
}
 .card-slider .slick-prev, .card-slider .slick-next {
	 width: 40px;
	 height: 80px;
	 z-index: 9;
}
 .card-slider .slick-prev:before, .card-slider .slick-next:before {
	 opacity: 0.6;
	 -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0, 2.8);
	 transition: opacity 0.3s ease-in-out, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0, 2.8);
	 -o-transition: opacity 0.3s ease-in-out, transform 0.4s cubic-bezier(0.68, -0.55, 0, 2.8);
	 transition: opacity 0.3s ease-in-out, transform 0.4s cubic-bezier(0.68, -0.55, 0, 2.8);
	 transition: opacity 0.3s ease-in-out, transform 0.4s cubic-bezier(0.68, -0.55, 0, 2.8), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0, 2.8);
	 -webkit-transform: scale(0.7);
	 -ms-transform: scale(0.7);
	 transform: scale(0.7);
	 width: 100%;
	 height: 100%;
	 display: block;
	 content: ' ';
	 background: url("../images/carousel_arrow.svg") center no-repeat;
	 background-size: contain;
}
 .card-slider .slick-prev:hover:before, .card-slider .slick-next:hover:before {
	 opacity: 1;
	 -webkit-transform: scale(1);
	 -ms-transform: scale(1);
	 transform: scale(1);
}
 .card-slider .slick-prev {
	 padding-left: 0;
}
 .card-slider .slick-next {
	 padding-right: 0;
}
 .card-slider .slick-next:before {
	 -webkit-transform: rotate(180deg) scale(0.7);
	 -ms-transform: rotate(180deg) scale(0.7);
	 transform: rotate(180deg) scale(0.7);
}
 .card-slider .slick-next:hover:before {
	 -webkit-transform: rotate(180deg) scale(1);
	 -ms-transform: rotate(180deg) scale(1);
	 transform: rotate(180deg) scale(1);
}
 .card-slider:not(.slick-initialized) {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 opacity: 0;
	 height: 300px;
}
 .card-slider .slick-dots li {
	 margin: 0; width: 15px !important;
}
 .card-slider .slick-dots li button:before {
	 color: #fff;
	 opacity: 0.3;
	 -webkit-transition: opacity 0.3s ease-in-out;
	 -o-transition: opacity 0.3s ease-in-out;
	 transition: opacity 0.3s ease-in-out;
	 font-size: 9px;
}
 .card-slider .slick-dots li.slick-active button:before {
	 color: #4bafb9;
	 opacity: 1;
}
 .card-slider .slick-track {
	 display: -webkit-box !important;
	 display: -ms-flexbox !important;
	 display: flex !important;
}
 .card-slider .card {
	 width: 370px;
	 margin: 20px;
	 /*min-height: 310px;*/
	 height: inherit !important;
}
 .card-slider .card .inner {
	 -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	 transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	 -o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	 transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	 transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
}
 .card-slider .card .inner > *:last-child {
	 margin-bottom: 0;
}
 .card-slider .card .icon-container {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
}
 .card-slider .card .icon-container .lines {
	 -webkit-box-flex: 1;
	 -ms-flex: 1;
	 flex: 1;
	 position: relative;
}
 .card-slider .card .icon-container .lines span {
	 height: 1.5px;
	 display: block;
	 position: absolute;
	 right: 0;
	 background: #3bba44;
	 -webkit-transition: opacity 1.2s ease-in-out, left 0.8s ease-in-out, right 0.8s ease-in-out;
	 -o-transition: opacity 1.2s ease-in-out, left 0.8s ease-in-out, right 0.8s ease-in-out;
	 transition: opacity 1.2s ease-in-out, left 0.8s ease-in-out, right 0.8s ease-in-out;
	 left: 100%;
	 opacity: 0;
}
 .card-slider .card .icon-container .lines span:nth-child(1) {
	 top: calc(50% - 9px);
}
 .card-slider .card .icon-container .lines span:nth-child(2) {
	 top: calc(50% - 3px);
	 background: #0672b0;
}
 .card-slider .card .icon-container .lines span:nth-child(3) {
	 top: calc(50% + 3px);
	 background: #0672b0;
}
 .card-slider .card .icon-container .lines span:nth-child(4) {
	 top: calc(50% + 9px);
}
 .card-slider .card .icon-container .icon {
	 font-size: 48px;
	 padding: 0 15px;
	 -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0, 2.8);
	 transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0, 2.8);
	 -o-transition: transform 0.4s cubic-bezier(0.68, -0.55, 0, 2.8), opacity 0.4s ease-in-out;
	 transition: transform 0.4s cubic-bezier(0.68, -0.55, 0, 2.8), opacity 0.4s ease-in-out;
	 transition: transform 0.4s cubic-bezier(0.68, -0.55, 0, 2.8), opacity 0.4s ease-in-out, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0, 2.8);
	 opacity: 0.7;
	 -webkit-transform: scale(0.6);
	 -ms-transform: scale(0.6);
	 transform: scale(0.6);
	 -webkit-transition-delay: 0.25s;
	 -o-transition-delay: 0.25s;
	 transition-delay: 0.25s;
}
 .card-slider .card .icon-container .icon + .lines span {
	 right: 100%;
	 left: 0;
}
 .card-slider .card:focus {
	 outline: none;
}
 .card-slider .card .inner {
	 padding: 40px;
	 background-color: #fff;
	 height: 100%;
}
 .card-slider .card h3 {
	 font-family: 'Nexa' !important;
	 color: #011021;
	 font-size: 26px;
	 text-transform: uppercase;
	 font-weight: bold;
	 padding: 30px 0 17px;
	 letter-spacing: 1px;
	 /*background: url('../images/ban_head_bk.webp') 50% 78% no-repeat;*/
	 text-align: center;
width: 100%;
}
 .card-slider .card p {
	 color: #011021;
	 font-weight: 400;
	 font-size: 18px !important;
	 margin-top: 0;
	 line-height: 18px;
	 line-height: 26px;
}
 .card-slider .slick-slide {
	/* -webkit-perspective: 1000px;
	 perspective: 1000px;*/
	 position: relative;
}
 .card-slider .slick-slide .inner {
	 opacity: 1;
	 -webkit-transform: rotateY(10deg) scale(0.5);
	 transform: rotateY(10deg) scale(0.5);
	 position: relative;
	 z-index: 1;
}
 .card-slider .slick-slide .inner .inn {background: #fff; min-height: 300px; display: flex;flex-direction: column;justify-content: start; padding:0 20px;}
 .card-slider .slick-slide .inner:before {
	position: absolute; left:0; top:0; height:100%; width:100%; content:' '; z-index:-1; background: #fff !important;	
}
 .card-slider .slick-slide.slick-current .inner:before {
	position: absolute; left:0; top:0; height:100%; width:100%; content:' '; z-index:-1; background: linear-gradient(to right, #088cd5 0%,#11b7ab 100%) !important;	
}

 .card-slider .slick-slide.slick-current .inner {
	 opacity: 1;
	 -webkit-transform: rotateY(-10deg) scale(0.85);
	 transform: rotateY(-10deg) scale(0.85);
}
/* .card-slider .slick-slide.slick-current ~ .slick-slide .inner {
	 -webkit-transform: rotateY(-10deg) scale(0.65);
	 transform: rotateY(-10deg) scale(0.65);
}*/
 .card-slider .slick-slide.slick-active .inner {
 	 -webkit-transform: rotateY(-10deg) scale(0.85);
	 transform: rotateY(-10deg) scale(0.85);
 }
 .card-slider .slick-slide.slick-current .icon {
	 -webkit-transform: scale(1);
	 -ms-transform: scale(1);
	 transform: scale(1);
	 opacity: 1;
}
 .card-slider .slick-slide.slick-current .icon-container .lines span {
	 right: 0;
	 opacity: 1;
}
 .card-slider .slick-slide.slick-current .icon-container .lines span:nth-child(1) {
	 left: 0;
}
 .card-slider .slick-slide.slick-current .icon-container .lines span:nth-child(2) {
	 left: 20%;
	 right: 2px;
}
 .card-slider .slick-slide.slick-current .icon-container .lines span:nth-child(3) {
	 left: 70%;
	 right: 2px;
}
 .card-slider .slick-slide.slick-current .icon-container .lines span:nth-child(4) {
	 left: 85%;
}
 .card-slider .slick-slide.slick-current .icon-container .icon + .lines span {
	 left: 0;
}
 .card-slider .slick-slide.slick-current .icon-container .icon + .lines span:nth-child(1) {
	 right: 0;
}
 .card-slider .slick-slide.slick-current .icon-container .icon + .lines span:nth-child(2) {
	 right: 20%;
	 left: 2px;
}
 .card-slider .slick-slide.slick-current .icon-container .icon + .lines span:nth-child(3) {
	 right: 70%;
	 left: 2px;
}
 .card-slider .slick-slide.slick-current .icon-container .icon + .lines span:nth-child(4) {
	 right: 85%;
}
 .card-slider .slick-slide.slick-clone-current .inner {
	 opacity: 1;
	 -webkit-transform: rotateY(0deg) scale(1);
	 transform: rotateY(0deg) scale(1);
}
 @media (min-width: 1450px) {
	 .card-slider .card {
		 margin: 20px 0;
	}
}
 @media (min-width: 1700px) {
	 .card-slider .card {
		 margin: 20px 0;
	}
}
 @media (max-width: 1200px) {
	 .card-slider .card {
		 margin: 20px 0; width: auto;
	}
	 .card-slider .card h3 {
		 font-size: 24px;
	}
	 .card-slider .card p {
		 font-size: 17px;
	}
	 .card-slider .card .inner {
		 padding: 30px;
	}
	
}
 @media (min-width: 990px) and (max-width: 1100px) {
	 #header_main .logo {
		 padding-right: 20px;
	}
	 .header_color .main_menu ul:first-child > li > a {
		 max-width: 125px;
		 min-width: 0 !important;
		 line-height: 1.4 !important;
		 display: -webkit-box;
		 display: -ms-flexbox;
		 display: flex;
		 -webkit-box-align: center;
		 -ms-flex-align: center;
		 align-items: center;
	}
}
 @media (max-width: 991.9px) {
	 .main_color .homepage-header .subhead, .homepage-header .subhead {
		 border-left: 0;
		 text-align: center;
	}
	 .main_color .homepage-header .headline, .homepage-header .headline {
		 text-align: center;
	}
	 .card-slider .card {
		 margin-top: 10px;
	}
	 .card-slider .card h3 {
		 font-size: 20px;
	}
	 .card-slider .card p {
		 font-size: 16px;
	}
	 .card-slider .card .inner {
		 padding: 25px 20px;
	}
	 .row.homepage-header {
		 margin-bottom: 0;
	}
}
 @media (max-width: 850px) {
	 .card-slider .card .inner {
		 padding: 20px 10px;
	}
}
 @media (max-width: 800px) {
	 .main_color .homepage-header h2, .homepage-header h2 {
		 font-size: 35px;
	}
	 .main_color .homepage-header .green-underline:before, .homepage-header .green-underline:before {
		 bottom: -10px;
	}
}
 @media (max-width: 768px) and (min-width: 601px) {
	 .card-slider .card h3 {
		 font-size: 28px;
	}
	 .card-slider .card p {
		 font-size: 18px;
	}
	 .card-slider .card .inner {
		 padding: 40px;
	}
}
 @media (max-width: 600px) {
	 .main_color .homepage-header h2, .homepage-header h2 {
		 font-size: 25px;
	}
	 .main_color .homepage-header p, .homepage-header p {
		 font-size: 16px;
	}
	 .card-slider .card .inner {
		 padding: 30px;
	}
	 .main_color .homepage-header, .homepage-header {
		 padding: 30px 0 10px;
	}
	 .slick-dotted.slick-slider {
		 margin-bottom: 0;
	}
}
 @media (max-width: 480px) {
	 .card-slider .card .inner {
		 padding: 20px 15px;
	}
}
 @media (max-width: 380px) {
	 .main_color .homepage-header h2, .homepage-header h2 {
		 font-size: 22px;
	}
}

 @-webkit-keyframes scroll-inner {
	 from {
		 margin-top: 15%;
	}
	 to {
		 margin-top: 50%;
	}
}
 @keyframes scroll-inner {
	 from {
		 margin-top: 15%;
	}
	 to {
		 margin-top: 50%;
	}
}
 @-webkit-keyframes scroll-mouse {
	 from {
		 margin-top: 0;
	}
	 to {
		 margin-top: 15px;
	}
}
 @keyframes scroll-mouse {
	 from {
		 margin-top: 0;
	}
	 to {
		 margin-top: 15px;
	}
}