:root {
	--cnvs-themecolor: #ff6f00;
	--cnvs-themecolor-rgb: 255, 111, 0;
	--cnvs-body-font: 'Open Sans', sans-serif;
	--cnvs-primary-font: 'Mukta Vaani', sans-serif;

	--cnvs-section-bg : #FAFAFA;
}

.slider-element {
	overflow: visible;
	background-color: var(--cnvs-themecolor);
}

.slider-title h2 {
	font-size: 2.7rem;
	letter-spacing: -1px;
	line-height: 1.25 !important;
	font-weight: 600;
}

.slider-title p {
	opacity: .9;
	font-size: 1.1rem;
	line-height: 1.8 !important;
	font-weight: 300;
}

.slider-bottom-box {
	display: block;
	padding: 0px;
	background: #FFF;
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.1);
	border-radius: 10px;
}

.slider-bottom-box li {
	font-size: 16px;
	font-weight: 500;
}

/* mega-menu */
.mega-menu-column .btn-link { font-size: 14px; }

.section-domain .dropdown-toggle::after { vertical-align: middle }
.section-domain .form-select:focus,
.section-domain .form-control:focus {
	border-color: #ced4da;
	box-shadow: none
}
.section-domain .form-select {
	background-color: #F9F9F9;
}

.section-domain .input-group-lg > .form-control {
	font-size: 1.3125rem;
}

.before-heading {
	font-style: normal;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #CCC;
}



.content-wrap { overflow: visible; }

.slider-box-wrap {
	position: relative;
	margin-bottom: -50px;
	z-index: 2;
 transform: translateY(-50%);
}

.heading-block p {
	margin-top: 10px;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.7 !important;
}
.slider-caption h2 {
	text-transform: none;
	letter-spacing: 0;
	line-height: 1;
	font-size: 48px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.slider-caption p {
	font-size: 18px;
	margin-bottom: 20px;
}

.slider-caption h2,
.slider-caption p,
.slider-caption .button {
	opacity: 0;
	-webkit-transform: translate3d(-20%,0,0);
	-ms-transform: translate3d(-20%,0,0);
	-o-transform: translate3d(-20%,0,0);
	-webkit-transition: -webkit-transform .05s ease-out;
	transition: -webkit-transform .05s ease-out;
	transition: transform .05s ease-out;
	transition: transform .05s ease-out, -webkit-transform .05s ease-out;
	backface-visibility: hidden;
}

.swiper-slide.swiper-slide-active .slider-caption h2,
.swiper-slide.swiper-slide-active .slider-caption p,
.swiper-slide.swiper-slide-active .slider-caption .button {
	opacity: 1;
	-webkit-transition: transform 1s, opacity 2s;
	-o-transition: transform 1s, opacity 2s;
	transition: transform 1s, opacity 2s;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	backface-visibility: hidden;
}

.swiper-slide.swiper-slide-active .slider-caption p {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.swiper-slide.swiper-slide-active .slider-caption .button {
	-webkit-transition: transform 1s, opacity 3s;
	-o-transition: transform 1s, opacity 3s;
	transition: transform 1s, opacity 3s;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.swiper-pagination { bottom: 20px !important; }

.swiper-pagination span {
	width: 40px;
	height: 4px;
	background: #FFF;
	display: inline-block;
	margin: 0px 1px;
	border: 0;
	border-radius: 0;
	-webkit-transform: skew(-38deg);
	-moz-transform: skew(-38deg);
	-ms-transform: skew(-38deg);
	-o-transform: skew(-38deg);
}

.swiper-pagination span.swiper-pagination-bullet-active { background-color: #c85e51 !important; }

.feature-box.fbox-plain .fbox-icon img { height: 48px; }

.section .iconlist li {
	margin-bottom: 6px;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 300;
}


.showcase-section ul { list-style: none; }
.showcase-section ul li {
	display: block;
	position: relative;
	cursor: pointer;
	background-color: #ff6f00;
	border-radius: 10px;
	margin-right: 20px;
	margin-left: 20px;
	padding: 15px;
}
.showcase-section ul li h3 {
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
.showcase-section ul li p {
	font-weight: 400;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 0;
	color: #777;
}
.showcase-section ul li.showcase-feature-active {
	display: block;
	position: relative;
	cursor: pointer;
	background-color: #FFF;
	border-radius: 10px;
	margin-right: 20px;
	margin-left: 20px;
	padding: 15px;
}

.showcase-section ul li.showcase-feature-active h3 { color:#000; }

.showcase-section .showcase-target {
	display: block;
	position: absolute;
	top: 46px;
	right: 0;
	opacity: 0;
	width: 100%;
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	transform: translateX(-10px);
	-webkit-transition: all .5s .5s ease;
	-o-transition: all .5s .5s ease;
	transition: all .5s .5s ease;
	-webkit-backface-visibility: hidden;
}

.showcase-section .showcase-target.showcase-target-active {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	z-index: 9;
}

.showcase-section .showcase-target:first-child { position:  relative; top:0px;right: 0;}



.hero-diagonal { position: relative; }

.hero-diagonal::before {
	content: '';
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: calc(100% + 100px);
	-webkit-clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4)), url('../pic/homg-bg-04.jpg');
	background-position: center center;
	background-size: cover;
}

.service-feature  .grid-inner .more-link {
	margin-top: 10px;
}


@media (min-width: 992px) {

	.sticky-header .large-device-menu-wrap {
		align-items: center;
	}

	.sticky-header .large-device-menu a {
		display: inline-block;
		margin: 0 18px;
		transform: none;
	}

	.sticky-header .header-row {
		align-items: center !important;
		padding-top: .5rem !important;
		padding-bottom: .5rem !important;	
	}

	.sticky-header .large-device-menu {
		padding: 0;
		margin: 0
	}

	.service-feature {
		position: relative;
		transform: translateY(-50%);
		z-index: 4;
	}

	.service-feature  .grid-inner .more-link {
		opacity: 0;
		visibility: hidden;
		transition: all .3s ease;
		margin-top: 0;
	}

	.service-feature .grid-inner:hover .more-link {
		opacity: 1;
		visibility: visible;
		transform: translateY(4px);
		will-change: transform;
	}

	.service-feature .grid-inner .f-b-desc {
		transform: translateY(10px);
		transition: transform .3s ease;
		will-change: transform;
	}

	.service-feature .grid-inner:hover .f-b-desc {
		transform: translateY(-4px);
	}

	.grid-border {
		--cnvs-grid-border-width: 2px;
		--cnvs-grid-border-color: var(--cnvs-themecolor);
		--cnvs-grid-border-opacity: .1;
	}

	.grid-border [class^=col-]::after {
		display: none;
	}
}