/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 19 2022 | 08:13:57 */
/*-----------------------------------------------------------------*/
/* Service template hero area */
/*-----------------------------------------------------------------*/
.jm-service-hero-area-2022 {
	width: 100%;
}

.jm-hero-left .jm-hero-breadcrumbs li.widget {
	margin-left: 0 !important;
}

.jm-hero-left .jm-hero-breadcrumbs a.home:before {
	content: "";
	display: inline-block;
	background-image: url('https://new.ksf-global.com/wp-content/uploads/2022/05/breadcrumbs-home.svg');
	width: 14px;
	height: 16px;
	position: relative;
	top: 2px;
}

.jm-hero-left .jm-hero-breadcrumbs a.home span {
	display: none;
}

.jm-hero-left .jm-hero-breadcrumbs .widget_breadcrumb_navxt,
.jm-hero-left .jm-hero-breadcrumbs .widget_breadcrumb_navxt { 
	font-weight: 500 !important;
	font-size: 14px;
}

.jm-hero-left .jm-hero-breadcrumbs .widget_breadcrumb_navxt a {
	font-family: 'Baloo Da 2';
	font-style: normal;
	font-weight: 500 !important;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: #808080;
}

.jm-hero-left .jm-hero-breadcrumbs .jm-breadcrumbs-separator {
	color: #808080;
	font-size: 14px;
	margin: 0 15px;
	font-weight: 400 !important;
}

.jm-hero-left .jm-r-1 {
	font-family: 'Cormorant';
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 26px;
	color: #4E4E50;
}

.jm-hero-left .jm-r-1 .col {
	padding-bottom: 0.2em;
}

.jm-hero-left .jm-r-2 p {
	font-family: 'Cormorant';
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 26px;
	color: #4E4E50;	
}

.jm-hero-left .jm-r-2 .col {
	padding-bottom: 0.2em;
}

.jm-hero-left .jm-r-3 p {
	font-family: 'Baloo Da 2';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.015em;
	color: #4E4E50;	
}

.jm-trusted-by-logo-wrapper .col-inner {
	width: 140%;
}

.jm-hero-left .jm-r-4 .ux-logo-link {
	padding: 0 !important;
}

.jm-hero-left .jm-r-4 .ux-logo {
	width: 100px !important;
}

.jm-hero-left h1 {
	font-family: 'Cormorant';
	font-style: normal;
	font-weight: 600;
	font-size: 46px;
	line-height: 52px;
	color: #000000;
}

.jm-hero-left .jm-trusted-by p {
	font-family: 'Cormorant';
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
	line-height: 32px;
	color: #808080;
	/*text-transform: uppercase;*/
	text-transform: capitalize;
}

.jm-hero-left .jm-see-all-projects-cta {
	margin-top: -10px;
	margin-left: -2px;
	font-weight: 700 !important;
	font-size: 18px;
	line-height: 29px;
	letter-spacing: -0.015em;
	color: #C22A22;	
}

.jm-hero-left .jm-see-all-projects-cta span:after {
    content: "";
    display: inline-block;
    background-image: url(https://new.ksf-global.com/wp-content/uploads/2022/05/button-arrow-red@2x.svg);
    width: 25px;
    height: 12px;
    position: relative;
    margin-left: 16px;
}

.jm-hero-right-image {
	position: relative;
	right: -24%;
	top: 0;
}

.jm-hero-right-image .shade {
	display: none !important;
}

.jm-hero-right-image .jm-skewed-block {
	position: relative;
	bottom: -150px;
	left: -25%;
	clip-path: polygon(9% 0, 100% 13%, 100% 93%, 0% 95%);
	max-width: 400px;
}

.jm-hero-right-image .jm-skewed-block h3 {
	font-family: 'Cormorant';
	font-style: italic;
	font-weight: 700;
	font-size: 32px;
	line-height: 36px;	
}

.jm-hero-right-image .jm-skewed-block a.button {
	font-family: 'Baloo Da 2';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 29px;
	letter-spacing: -0.015em;	
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0;
}

.jm-hero-right-image .jm-skewed-block .col-inner .row .col:before {
	content: "";
	display: block;
	float: left;
	background-image:url('https://new.ksf-global.com/wp-content/uploads/2022/05/icon-shop.png');
	height: 46px;
	width: 58px;
	position: relative;
	top: 20%;
	left: 25px;
}

@media screen and (max-width: 820px) {
	.section.jm-service-hero-area-2022-mobile {
		padding-top: 0 !important;
		padding-bottom: 20px !important;
	}
	
	.nav>li>a>i.icon-menu {
		color: #FFF;
	}
}

.jm-service-hero-area-2022-mobile .section-content:before {
	content: "";
	position: relative;
	z-index: +1;
	top: -20px;
	left: 0;
	display: block;
	width: 100%;
	height: 120px;
	background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/
/* Project Gallery */
/*-----------------------------------------------------------------*/
.jm-project-gallery .flickity-button .flickity-button-icon {
	background: #C22A22;
    border: 2px solid #C22A22;	
}

.jm-project-gallery .flickity-prev-next-button.previous {
	left: 70%;
	top: -85%;
    opacity: 1;
}

.jm-project-gallery .flickity-prev-next-button.next {
	right: 23%;
	top: -85%;
	opacity: 1;
}

.jm-project-gallery .flickity-slider .ux-logo-link {
	padding: 0 !important;
}

.jm-project-gallery .flickity-slider .ux-logo.is-selected .ux-logo-link:before {
	display: none;
}

.slider-style-container .flickity-slider>*:not(.is-selected) {
	opacity: 1;
}
/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/
/* Benefits Section */
/*-----------------------------------------------------------------*/
.jm-section-process {
	width: 100%;
}

.accordion-single-as .accordion-title {
	padding-left:0;
	border-top:none;
	font-family: 'Cormorant';
	font-style: italic;
	font-weight: 700;
	font-size: 36px;
	/*line-height: 42px;*/
	padding: 0.4em 2.3em 0.4em 0;
}

.accordion-single-as .accordion-title.active {
	background:transparent !important;
}

.accordion-single-as  .accordion-inner {
	padding-left:0 !important;
}

.accordion-single-as .toggle {
	display:none !important;
}

.accordion-single-as .accordion-inner {
	position:relative;
	max-height: 250px;
}


@media screen and (max-width: 850px) {
	.accordion-single-as .accordion-inner {
		max-height: initial;
	}	
}

.accordion-single-as .accordion-inner::before {
    content: '';
    height: 100%;
    width: 2px;
    position: absolute;
    background: #C22A22;
    left: -48px;
	top: 0;
}

@media screen and (min-width: 850px) {
	.process-acordion-as .jm-decode-image {
		margin-top: -25%;
	}

	.process-acordion-as .jm-design-image {
		margin-top: -160px;
	}

	.process-acordion-as .jm-development-image {
		margin-top: -230px;
	}

	.process-acordion-as .jm-delivery-image {
		margin-top: -300px;
	}

	.process-acordion-as .jm-deploy-image {
		margin-top: -370px;
	}
}
/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/
/* Benefits Section */
/*-----------------------------------------------------------------*/
.jm-benefits-section:before {
	content:"";
	display: block;
	position: absolute;
	z-index: +1;
	top: -120px;
	left: 1%;
	background: url('https://new.ksf-global.com/wp-content/uploads/2022/06/section-geo-3.png');
	width: 277px;
	height: 290px;
}

@media screen and (max-width: 850px) {
	.jm-benefits-section:before	{
		display: none;
	}
}

.jm-benefits-section {
	margin-top: -90px
	background: linear-gradient(177.79deg, #FDFCFA 19.66%, #E7E7E7 102.53%);
}

.jm-service-case-study-section {
	width: 100%;
}

.jm-service-case-study-section .section-content {
	margin-bottom: -10%;
}

.jm-service-testimonials-section {
	width: 100%;
}

.jm-service-testimonials-section:before {
	content: "";
	position: absolute;
	z-index: +1;
	width: 221px;
	height: 187px;
	display: block;
	background:url('https://new.ksf-global.com/wp-content/uploads/2022/05/quote.svg');
	top: 100px;
	left: 10%;
}

.jm-service-testimonial .ux-shape-divider--bottom .ux-shape-divider .ux-shape-fill {
    fill: #ffffff96 !important;
}
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/* Other Sections */
/*-----------------------------------------------------------------*/
.jm-red-message-section {
	width: 100%;
	margin-bottom: -10%;
	position: relative;
	z-index: +9;
}

.jm-red-message-box {
	-webkit-clip-path: polygon(5% 0, 100% 6%, 100% 94%, 0 99%);
	clip-path: polygon(5% 0, 100% 6%, 100% 94%, 0 99%);
}

.jm-red-message-box-mobile {
	-webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 89%);
	clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 89%);
}


@media screen and (max-width: 850px) {
	.jm-red-message-section-mobile	{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
 

.jm-service-vertical-tabs {
	width: 100%;
}

.jm-service-vertical-tabs .tabbed-content .nav-vertical.nav-tabs > li.tab a {
	background: transparent;
	border-bottom: 1px solid #C22A22;
	padding: 2em 1em;
	font-family: 'Cormorant';
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
	line-height: 32px;
	color: #000000;	
}

.jm-service-vertical-tabs .tabbed-content .nav-vertical.nav-tabs > li.tab.active > a {
	background: #E7E7E7;
	border-left: 0;
	color: #C22A22;
}

.jm-service-vertical-tabs .nav-tabs+.tab-panels {
    border: 4px solid #C22A22;
    background-color: #fff;
    padding: 30px;
}

.jm-service-vertical-tabs .nav-tabs+.tab-panels h3 {
	color: #C22A22;
}

.jm-service-vertical-tabs .nav-tabs+.tab-panels p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.015em;
	color: #808080;	
}

.jm-service-vertical-tabs .nav-tabs+.tab-panels ul li {
	font-weight: 500;
	font-size: 22px;
	line-height: 26px;
	color: #000000;
}

@media (min-width: 850px) {
	.tabbed-content .nav-vertical {
		padding-top: 0;
		width: 40%;
	}	
}

/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/
/* Headline with Icon */
/*-----------------------------------------------------------------*/
.jm-with-icon h3 {
  display: inline-block;
}

.jm-with-icon h3:before {
  content: "";
  background: transparent;
  width: 32px;
  height: 32px;
  display: inline-block;
  float: left;
  margin-right: 8px;
}

.jm-service-case-study .jm-with-icon h3:before {
  background-image:url("https://www.ksf-global.com/wp-content/uploads/2021/05/Lightbulb-1.svg");
}
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/* Arrow over the image */
/*-----------------------------------------------------------------*/
.jm-with-arrow {
  position: relative;
  overflow: hidden;
}

.jm-with-arrow .box-image:before {
  content: "";
  background-color: #D02E26;
  width: 155px;
  height: 155px;
  display: inline-block;
  position: absolute;
  left: -80px;
  top: 35px;
  transform: rotate(135deg);
  z-index: 999;
}
/*-----------------------------------------------------------------*/