@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

html, body {height: 100%;}
body{font-family: 'Poppins', serif !important;}
.btn-theme{background: #cfd9e8 !important;}
.btn-theme:hover{background: #bbd3ed !important;}
.navbar-brand img{width:170px;}
.cursor-pointer{cursor: pointer !important;}
.contact-btn {position: relative;background: #183153;overflow: hidden;border: none;}
.contact-btn:after {content: " ";width: 0%;height: 100%;background: #fff;position: absolute;transition: all 0.4s ease-in-out;right: 0;}
.contact-btn:hover::after {right: auto;left: 0;width: 100%;}
.contact-span {width: 100%;padding: 10px 15px;color: #fff;z-index: 20;transition: all 0.3s ease-in-out;}
.contact-btn:hover .contact-span {color: #183153;animation: scaleUp 0.3s ease-in-out;}
@keyframes scaleUp {
 0% {transform: scale(1);}50% {transform: scale(0.95);}
 100% {transform: scale(1);}}

@media (max-width:991.98px) {
	.mobile-menu{position: fixed;top:0px;bottom:0px;left:-60%;width:60%;height: 100vh;z-index:9999;transition:0.5s left;background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);}
	.mobile-menu.show{left:0px;}
	.menu{margin-top:15px;}
	.nav-item{padding:15px 15px;font-size: 1.2rem;}
	.slide__overlay {display: none;}
	.ser-card{min-height: 200px !important;}
}


/*slide */
.slider-container {position: relative;height: 90%;}
.slider-control {z-index: 2;position: absolute;top: 0;width: 12%;height: 100%;transition: opacity 0.3s;will-change: opacity;opacity: 0;}
.slider-control.inactive:hover {cursor: auto;}
.slider-control:not(.inactive):hover {opacity: 1;cursor: pointer;}
.slider-control.left {left: 0;background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, transparent 100%);}
.slider-control.right {right: 0;background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.18) 100%);}
.slider-pagi {position: absolute;z-index: 3;left: 47%;bottom: 2rem;transform: translateX(-50%);font-size: 0;list-style-type: none;}
.slider-pagi__elem {position: relative;display: inline-block;vertical-align: top;width: 2rem;height: 2rem;margin: 0 0.5rem;border-radius: 50%;border: 2px solid #fff;cursor: pointer;}
.slider-pagi__elem:before {content: "";position: absolute;left: 50%;top: 50%;width: 1.2rem;height: 1.2rem;background: #fff;border-radius: 50%;transition: transform 0.3s;transform: translate(-50%, -50%) scale(0);}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {transform: translate(-50%, -50%) scale(1);}
.slider {z-index: 1;position: relative;height: 100%;}
.slider.animating {transition: transform 0.5s;will-change: transform;}
.slider.animating .slide__bg {transition: transform 0.5s;will-change: transform;}
.slide {position: absolute;top: 0;width: 100%;height: 100%;overflow: hidden;}
.slide.active .slide__overlay,
.slide.active .slide__text {opacity: 1;transform: translateX(0);}
.slide__bg {position: absolute;top: 0;left: -50%;width: 100%;height: 100%;background-size: cover;will-change: transform;}
.slide__text{top:25% !important;}
.slide:nth-child(1) {left: 0;}
.slide:nth-child(1) .slide__bg {left: 0;background-image: url("/assets/img/slide1.jpg");}
.slide:nth-child(1) .slide__overlay-path {fill: #303030;}
.slide:nth-child(2) {left: 100%;}
.slide:nth-child(2) .slide__bg {left: -50%;background-image: url("/assets/img/slide2.jpg");}
.slide:nth-child(2) .slide__overlay-path {fill: #303030;}
.slide:nth-child(3) {left: 200%;}
.slide:nth-child(3) .slide__bg {left: -100%;background-image: url("/assets/img/slide3.jpg");}
.slide:nth-child(3) .slide__overlay-path {fill: #303030;}
.slide__content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.slide__overlay {position: absolute;bottom: 0;left: 0;height: 100%;min-height: 810px;transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;will-change: transform, opacity;transform: translate3d(-20%, 0, 0);opacity: 0;}
.slide__overlay path {opacity: 0.5;}
.slide__text {position: absolute;width: 30%;bottom: 15%;left: 5%;color: #fff;transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;will-change: transform, opacity;transform: translateY(-50%);opacity: 0;}
@media (max-width: 991px) {
  .slide__text {left: 0;bottom: 0;width: 100%;height: 20rem;transform: translateY(50%);transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;padding: 0 1rem;}
  .slide__overlay{opacity: .5;}
  .slider-container {position: relative;height: 70%;}
}


.learn-more {width: 12rem;height: auto;position: relative;display: inline-block;cursor: pointer;outline: none;border: 0;vertical-align: middle;text-decoration: none;background: transparent;padding: 0;font-size: inherit;font-family: inherit;}
.learn-more .circle {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: relative;display: block;margin: 0;width: 3rem;height: 3rem;background: #282936;border-radius: 1.625rem;}
.learn-more .circle .icon {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: absolute;top: 0;bottom: 0;margin: auto;background: #fff;}
.learn-more .circle .icon.arrow {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);left: 0.625rem;width: 1.125rem;height: 0.125rem;background: none;}
.learn-more .circle .icon.arrow::before {position: absolute;content: "";top: -0.29rem;right: 0.0625rem;width: 0.625rem;height: 0.625rem;border-top: 0.125rem solid #fff;border-right: 0.125rem solid #fff;transform: rotate(45deg);}
.learn-more .button-text {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 0.75rem 0;margin: 0 0 0 1.85rem;color: #282936;font-weight: 700;line-height: 1.6;text-align: center;text-transform: uppercase;}
.learn-more:hover .circle {width: 100%;}
.learn-more:hover .circle .icon.arrow {background: #fff;transform: translate(1rem, 0);}
.learn-more:hover .button-text {color: #fff;}




 .bg-tech{
 	background: url('/assets/img/tech.jpg');
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 }
 .bg-about{
 	background: url('/assets/img/bg-about.jpg');
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 }
 .bg-industry{
 	background: url('/assets/img/industry.jpg');
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 }
 .bg-contact{
 	background: url('/assets/img/contact.jpg');
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 }
 .desc-i{
 	display: inline-block;
	position: relative;
	top: -5px;
	width: 50px;
	height: 4px;
	margin-right: 20px;
	background-color: #2e3192;
 }
 .desc-num{
 	display: inline-block;
	position: relative;
	top: -6px;
	width: 10px;
	height: 2px;
	margin-right: 10px;
	background-color: #2e3192;
 }
 .text-color{
 	color: #2e3192 !important;
 }
 .ser-card{
 	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 	 overflow: hidden;
 	 min-height: 470px;
 	 transition: all .3s;
 	 border:none !important;
 }
 .ser-card:hover{
 	 transform: scale(1.03);
 }
 .bi-arrow-right::before{
	font-weight: bold !important;
}