@charset "utf-8";
/* CSS Document */
/*grid system start*/

.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -1.5%;
	margin-right: -1.5%;
	margin-bottom: 1.0%;
}

.row>* {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding: 0.8% 1.5%;
	box-sizing:border-box;
}

.col {
	width: 100%;
}

.col-auto {
	flex: 0 0 auto;
	width: auto !important;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	width: 100%;
}

.col input[type="text"],
.col input[type=email],
.col input[type=tel],
.col input[type=date],
.col input[type=time],
.col select,
.col textarea,

.col input[type=password],
*[class*='col-'] input[type=text],
*[class*='col-'] input[type=email],
*[class*='col-'] input[type=tel],
*[class*='col-'] input[type=date],
*[class*='col-'] input[type=time],
*[class*='col-'] select,
*[class*='col-'] .select2-container,
*[class*='col-'] textarea {
	width: 100%;
	margin-bottom: 0 !important;
}

.inline-label input[type="text"],
.inline-label input[type=email],
.inline-label input[type=tel],
.inline-label input[type=date],
.inline-label input[type=time],
.inline-label select,
.inline-label textarea,
.inline-label input[type=password] {
	width: 100%;
	margin-bottom: 0 !important;

}

@media only screen and (min-width:768px) {
	div[class*='col-'] label {
		width: auto;
		margin-right: 10px;
	}

	.col {
		flex: 1 0 0%;
		width: 100%;
		margin: 0;
	}

	.inline-label{
		flex: 1 0 0%; /*comment removed*/
	}
	.inline-label input[type="text"],
	.inline-label input[type=email],
	.inline-label input[type=tel],
	.inline-label input[type=date],
	.inline-label input[type=time],
	.inline-label select,
	.inline-label textarea,
	.inline-label input[type=password] {
		flex: 1 0 1%;
	}

	.inline-label>*,
	.inline-label>div[class*='col-']>*,
	.inline-label>div.col>* {
		margin-left: 0.5%;
		margin-right: 0.5%;
	}

	.inline-label>*:first-child,
	.inline-label>div[class*='col-']>*:first-child,
	.inline-label>div.col>*:first-child {
		margin-left: 0%;
	}

	.inline-label>*:last-child,
	.inline-label>div[class*='col-']>*:last-child,
	.inline-label>div.col>*:last-child {
		margin-right: 0%;
	}

	.row>* {
		margin: 0;
		padding: 0 1.5%; 
		align-items: center;
		align-self: flex-start;
	}

	.inline-label,
	.inline-label>div[class*='col-'],
	.inline-label>div.col {
		display: flex;
		flex-wrap: wrap;

	}

	.inline-label>*{
		flex: 1 0 0%;
	}
	input.col[type="text"],
	input.col[type=email],
	input.col[type=tel],
	input.col[type=date],
	input.col[type=time],
	select.col,
	textarea.col,
	input.col[type=password],
	input.inline-label[type="text"],
	input.inline-label[type=email],
	input.inline-label[type=tel],
	select.inline-label,
	textarea.inline-label,
	input.inline-label[type=password] {
		margin-bottom: 0;
	}


	.col-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-2 {
		width: 16.66666667%;
		flex: 0 0 auto;
	}

	.col-3 {
		width: 25%;
		flex: 0 0 auto;
	}

	.col-4 {
		width: 33.33333333%;
		flex: 0 0 auto;
	}

	.col-5 {
		width: 41.66666667%;
		flex: 0 0 auto;
	}

	.col-6 {
		width: 50%;
		flex: 0 0 auto;
	}

	.col-7 {
		width: 58.33333333%;
		flex: 0 0 auto;
	}

	.col-8 {
		width: 66.66666667%;
		flex: 0 0 auto;
	}

	.col-9 {
		width: 75%;
		flex: 0 0 auto;
	}

	.col-10 {
		width: 83.33333333%;
		flex: 0 0 auto;
	}

	.col-11 {
		width: 91.66666667%;
		flex: 0 0 auto;
	}

	.col-12 {
		width: 100%;
	}

}
@media only screen and (max-width:768px) {

	.col label,
	.inline-label label,
	*[class*='col-'] label {
		width: 100%;
		margin-bottom: 1%;
	}

	*[class*='col-sm-']{
		padding:0 1.5%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}

	.col-sm-2 {
		width: 16.66666667%;
	}

	.col-sm-3 {
		width: 25%;
	}

	.col-sm-4 {
		width: 33.33333333%;
	}


	.col-sm-5 {
		width: 41.66666667%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-7 {
		width: 58.33333333%;
	}

	.col-sm-8 {
		width: 66.66666667%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-10 {
		width: 83.33333333%;
	}

	.col-sm-11 {
		width: 91.66666667%;
	}

	.col-sm-12 {
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
	*[class*='col-lg-'] {
		flex: 0 0 auto;
	}

	.col-lg-1 {
		width: 8.33333333%;
	}

	.col-lg-2 {
		width: 16.66666667%;
	}

	.col-lg-3 {
		width: 25%;
	}

	.col-lg-4 {
		width: 33.33333333%;
	}

	.col-lg-5 {
		width: 41.66666667%;
	}

	.col-lg-6 {
		width: 50%;
	}

	.col-lg-7 {
		width: 58.33333333%;
	}

	.col-lg-8 {
		width: 66.66666667%;
	}

	.col-lg-9 {
		width: 75%;
	}

	.col-lg-10 {
		width: 83.33333333%;
	}

	.col-lg-11 {
		width: 91.66666667%;
	}

	.col-lg-12 {
		width: 100%;
	}
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	*[class*='col-xl-'] {
		flex: 0 0 auto;
	}

	.col-xl-1 {
		width: 8.33333333%;
	}

	.col-xl-2 {
		width: 16.66666667%;
	}

	.col-xl-3 {
		width: 25%;
	}

	.col-xl-4 {
		width: 33.33333333%;
	}

	.col-xl-5 {
		width: 41.66666667%;
	}

	.col-xl-6 {
		width: 50%;
	}

	.col-xl-7 {
		width: 58.33333333%;
	}

	.col-xl-8 {
		width: 66.66666667%;
	}

	.col-xl-9 {
		width: 75%;
	}

	.col-xl-10 {
		width: 83.33333333%;
	}

	.col-xl-11 {
		width: 91.66666667%;
	}

	.col-xl-12 {
		width: 100%;
	}
}
@media only screen and (min-width: 1201px) and (max-width: 2000px) {
	*[class*='col-xxl-'] {
		flex: 0 0 auto;
	}

	.col-xxl-1 {
		width: 8.33333333%;
	}

	.col-xxl-2 {
		width: 16.66666667%;
	}

	.col-xxl-3 {
		width: 25%;
	}

	.col-xxl-4 {
		width: 33.33333333%;
	}

	.col-xxl-5 {
		width: 41.66666667%;
	}

	.col-xxl-6 {
		width: 50%;
	}

	.col-xxl-7 {
		width: 58.33333333%;
	}

	.col-xxl-8 {
		width: 66.66666667%;
	}

	.col-xxl-9 {
		width: 75%;
	}

	.col-xxl-10 {
		width: 83.33333333%;
	}

	.col-xxl-11 {
		width: 91.66666667%;
	}

	.col-xxl-12 {
		width: 100%;
	}
}
/*grid system end*/
.pattern-right:after{
	display: block;
    width: 50px;
    height: 18px;
    content: "";
    background:url("./images/pattern-border.webp")repeat;
	margin: 10px auto 0 auto;
}
.pattern-left:before{
	display: block;
    width: 50px;
    height: 18px;
    content: "";
    background:url("./images/pattern-border.webp")repeat 0 0;
	margin: 0 auto 6px auto;
}
.pattern-bottom:after {
    display: block;
    width: 50px;
    height: 18px;
    content: "";
    background: url(./images/pattern-border.webp) repeat;
    margin-top: 10px;
}
.pattern-left-small:before{
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	margin: 0 auto 10px auto;
	background:url("./images/pattern-border.webp")repeat;
}
/*slider start*/
.splide-slider-wrapper .splide__track{
	padding: 0;
	margin: 0;
}
.splide-slider-wrapper .splide__track{
  /*aspect-ratio: 16 / 9;*/
  background: #f0f0f0;
}
.splide-slider-wrapper .splide__track>ul{
	padding: 0;
	margin: 0;
}
.splide-slider-wrapper .splide__track>ul>li{
	/*padding: 0;
	margin: 0;
	background: none;*/
}
.splide__slide img:first-child{
	display: block;
	width: 100%;
	height: auto;
}
.splide-slide-title{
	font-family: 'Roboto-Bold';
	font-weight: normal;
	color: #fff;
	padding-left: 3px;
	font-size: 1.2rem;
	line-height: 1.8rem;
	text-transform: uppercase;
	margin-bottom: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	background:rgba(255, 114, 0, 0.8);
	padding: 6px 12px;
}
.splide-custom-nav{
	margin-right: 0;
	width: 100%;
	padding: 30px 12px 8px;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 6;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.splide-custom-nav span{
	font-family: 'Roboto-Bold';
	font-weight: normal;
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.8rem;
	cursor: pointer;
}
.slider-btn em{
	font-style: normal;
	display: block;
	color: #fff;
}
.slider-btn em{
	position: relative;
}
.arrow-left{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M4.3 9.6L13.6.3c.2-.1.3-.2.5-.2s.4.1.5.2l1 1c.1.2.2.3.2.5s-.1.3-.2.4l-7.8 7.9 7.8 7.7c.1.2.2.3.2.5s-.1.4-.2.5l-1 1c-.2.1-.3.2-.5.2-.1 0-.3-.1-.4-.1l-9.3-9.3c-.1-.2-.2-.3-.2-.5s.1-.4.1-.5z'/%3E%3C/svg%3E") no-repeat ;
	background-size: 12px auto;
	background-position: 0 2px;
}
.arrow-right{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.7 20'%3E%3Cpath fill='%23fff' d='M11.6 10.1c0 .2-.1.3-.2.5l-9.3 9.3c-.1 0-.3.1-.4.1-.2 0-.3-.1-.5-.2l-1-1c-.1-.1-.2-.3-.2-.5s.1-.3.2-.5L8 10.1.2 2.2C.1 2.1 0 2 0 1.8s.1-.3.2-.5l1-1c.1-.1.3-.2.5-.2s.3.1.5.2l9.3 9.3c0 .1.1.3.1.5z'/%3E%3C/svg%3E") no-repeat;
	background-size: 7px auto;
	background-position: 20px 2px;
}
.arrow-left em{
	margin-left: 15px;
}
.arrow-right em{
	right: 14px;
    margin-right: 0px;
}
.slider-nav-two{
	position: relative;
	background: none;
	justify-content: flex-start;
}
.slider-nav-two span{
	display: block;
	 width: 84px;
	 height: 11px;
}
.slider-nav-two .arrow-left{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 99.2 9.4' fill='%23383838'%3E%3Cpath d='M5.5.8c0 .1 0 .2-.1.2L1.7 4.7l3.7 3.7c.1.1.1.1.1.2s0 .2-.1.2l-.5.5c0 .1-.1.1-.2.1s-.2 0-.2-.1L.1 4.9C0 4.8 0 4.8 0 4.7s0-.2.1-.2L4.5.1c.1-.1.1-.1.2-.1s.2 0 .2.1l.5.5c.1 0 .1.1.1.2z'/%3E%3Cpath d='M1.7 4.1h97.5v1.2H1.7z'/%3E%3C/svg%3E") no-repeat;
	webkit-transition: all .3s;
	-khtml-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.slider-nav-two .arrow-right{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 99.2 9.4' fill='%23383838'%3E%3Cpath d='M93.8.6l.5-.5c0-.1.1-.1.2-.1s.2 0 .2.1l4.4 4.4c.1.1.1.1.1.2s0 .2-.1.2l-4.4 4.4c-.1.1-.1.1-.2.1s-.2 0-.2-.1l-.5-.5c-.1-.1-.1-.1-.1-.2s0-.2.1-.2l3.7-3.7L93.8 1c-.1-.1-.1-.1-.1-.2s0-.2.1-.2z'/%3E%3Cpath d='M0 4.1h97.5v1.2H0z'/%3E%3C/svg%3E") no-repeat;
	margin-left: 20px;
	webkit-transition: all .3s;
	-khtml-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
/*slider end*/
.image-style-1{
	border: none !important;
	box-shadow: none !important;
	position: relative;
}
.image-style-1 .dotted-img-frame, .image-style-1:after{
	width: 100%;
	display: block;
	position: absolute;
	content: '';
	top: 0;
	left:0;
	z-index: 2;
	background: url("./images/infrastructure-sec-bg.webp") no-repeat 50% 50%;
	background-size: cover;
    height: 100%;
}
.image-style-1 img:first-child{
	margin: 0 auto;
	width: 100%;
	height: auto;
	display: block;
	border-radius: 50%;
	padding: 9% 5% 5% 9%;
}

@media only screen and (min-width: 768px){
	.pattern-right:after{
		display: inline-block;
		margin-left: 18px;
		vertical-align: middle;
		margin-top: 0;
	}
	.pattern-left:before{
		display: inline-block;
		margin-right: 18px;
		margin-bottom: 0;
		vertical-align: middle;
	}
	
	.pattern-left-small:before{
		display: inline-block;
		margin-right: 18px;
		margin-bottom: 0;
		vertical-align: middle;
	}
	/*slider start*/
	.splide-slide-title{
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	
	/*slider end*/
}

@media only screen and (min-width: 1025px){
	.pattern-right:after{
		width: 83px;
    	height: 18px;
	}
	.pattern-left:before{
		width: 83px;
    	height: 18px;
	}
	.pattern-bottom:after {
		width: 83px;
		height: 18px;
	}
	
	.pattern-left-small:before{
		display: inline-block;
	}
	.ani-fade, .ani-fade .list-item-ani{
		opacity: 0;
		transition: opacity 0.5s linear var(--delay, 0s); /*allow-discrete*/
	}
	.ani-fade.true, .ani-fade.true .list-item-ani{
		opacity: 1;
	}
	.no-js .ani-fade, .no-js .ani-fade .list-item-ani {
		opacity: 1;
	}
	.ani-fade-from-bottom{
		opacity: 0;
  		transform: translateY(50px);
  		transition: opacity 0.6s ease-out, transform 0.6s ease-out;
	}
	.ani-fade-from-top{
		opacity: 0;
  		transform: translateY(-50px);
  		transition: opacity 0.6s ease-out, transform 0.6s ease-out;
	}
	.ani-fade-from-bottom.true, .ani-fade-from-top.true{
		opacity: 1;
  		transform: translateY(0);
	}
	.no-js .ani-fade-from-bottom, .no-js .ani-fade-from-top{
		opacity: 1;
  		transform: translateY(0);
	}
	.ani-fade-from-left {
	  opacity: 0;
	  transform: translateX(-100px);
	  transition: opacity 0.6s ease, transform 0.6s ease;
	}
	.ani-fade-from-right {
	  opacity: 0;
	  transform: translateX(100px);
	  transition: opacity 0.6s ease, transform 0.6s ease;
	}
	.ani-fade-from-left.true, .ani-fade-from-right.true {
	  opacity: 1;
	  transform: translateX(0);
	}
	.no-js .ani-fade-from-left, .no-js .ani-fade-from-right {
	  opacity: 1;
	  transform: translateX(0);
	}
	.ani-rotate-left {
	  opacity: 0;
	  transform: rotate(-6deg);
	  transform-origin: center center;
	  transition: opacity 0.6s ease, transform 0.6s ease;
	}
	.ani-rotate-right {
	  opacity: 0;
	  transform: rotate(6deg);
	  transform-origin: center center;
	  transition: opacity 0.6s ease, transform 0.6s ease;
	}
	.ani-rotate-left.true, .ani-rotate-right.true {
	  opacity: 1;
	  transform: rotate(0deg);
	}
	.no-js .ani-rotate-left, .no-js .ani-rotate-right {
	  opacity: 1;
	  transform: rotate(0deg);
	}
	.slider-nav-two .arrow-left:hover{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 99.2 9.4' fill='%23ff7200'%3E%3Cpath d='M5.5.8c0 .1 0 .2-.1.2L1.7 4.7l3.7 3.7c.1.1.1.1.1.2s0 .2-.1.2l-.5.5c0 .1-.1.1-.2.1s-.2 0-.2-.1L.1 4.9C0 4.8 0 4.8 0 4.7s0-.2.1-.2L4.5.1c.1-.1.1-.1.2-.1s.2 0 .2.1l.5.5c.1 0 .1.1.1.2z'/%3E%3Cpath d='M1.7 4.1h97.5v1.2H1.7z'/%3E%3C/svg%3E") no-repeat;
	}
	.slider-nav-two .arrow-right:hover{
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 99.2 9.4' fill='%23ff7200'%3E%3Cpath d='M93.8.6l.5-.5c0-.1.1-.1.2-.1s.2 0 .2.1l4.4 4.4c.1.1.1.1.1.2s0 .2-.1.2l-4.4 4.4c-.1.1-.1.1-.2.1s-.2 0-.2-.1l-.5-.5c-.1-.1-.1-.1-.1-.2s0-.2.1-.2l3.7-3.7L93.8 1c-.1-.1-.1-.1-.1-.2s0-.2.1-.2z'/%3E%3Cpath d='M0 4.1h97.5v1.2H0z'/%3E%3C/svg%3E") no-repeat;
		margin-left: 20px;
	}
    /*slider btn start*/
	 /*slider btn start*/
}
@media only screen and (min-width: 1300px){
	
}