@import url("_hero-banner.css");
@import url("_intro-module.css");
@import url("_service-list-module.css");
@import url("_featurette-module.css");
@import url("_more-features-module.css");
@import url("_kisp-overview-module.css");
@import url("_trusted-by.css");
@import url("_logo-slider.css");
@import url("_filter.css");
@import url("_kisp-pm-module.css");
@import url("_cta-module.css");



/* Process Section */
.process-card{width: 300px;}
.process-main .process-card:only-child {flex-grow: 1;}
.process-card .optional-text {margin: 0 0 22px 0;}
.process-card h2 {margin-bottom: 42px;}

.process-main{gap: 84px; padding: 80px 0 80px;}
.process-segments{flex: 1; gap: 40px 48px; flex-direction: column;}
.process-seg {gap:40px;}
.process-desc{flex: 1; padding: 2px 0 0 0;}
.process-desc .h5 {margin-bottom: 6px;}
.process-desc p {font-size: 1rem; line-height: 1.5;}

.process-icon{width: 120px; height: auto; padding-right: 40px; border-right: 4px solid #fff; align-items: center;}
.process-icon figure {width: 80px; height: auto;}
.process-icon figure img {width: 100%; height: 100%; object-fit: contain;}


/* Logo Slider */
.logo-container {padding: 0 0 40px 0;}
.logo-img {background: var(--base-elevated);}
.logo-img img {mix-blend-mode: multiply; position: relative; z-index: 1;}
.logo-slider-row::before, .logo-slider-row::after {background-image: linear-gradient(to right, var(--base-elevated) 0%, rgba(255, 255, 255, 0) 100%);}




.work-examples {clear: both; width: 100%; position: relative; z-index: 1; background: var(--white); padding: 84px 0;}
.work-examples .h1 {margin-bottom: 36px;}

.work-ex-item {gap: 40px; display: flex; flex-wrap: wrap; width: 100%;}
.work-ex-result {gap: 40px; display: flex; flex-wrap: wrap;}
.work-row {justify-content: space-between;}
.work-grid {width: 48.4375%; gap: 40px; display: flex; flex-wrap: wrap;}
.wicon {position: absolute; top: 40px; right: 40px; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background-color: rgba(255, 255, 255, 0.75);}
.wicon img {width: 42px; height: auto;}

.work-row:nth-child(2n) {width: 100%;}
.work-row:nth-child(2n) .work-grid {width:100%;}

.work-row:nth-child(3n) {flex-direction: row-reverse;}

.photo-1-of-1 {width: 100%; position: relative; display: flex;}
.photo-1-of-3 {display: flex; flex-wrap: nowrap; gap:40px; width: 100%;}
.photo-1-of-3lt {width: 46.774193548387096%; display: flex; flex-wrap: wrap; gap:40px;}
.photo-1-of-3lt:only-child {width: 100%;}
.photo-1-of-3a {width: 100%; clear: both; position: relative;}
.photo-1-of-1 .repeater-video-image, .photo-1-of-3 .repeater-video-image {width: 100%; height: 100%;}



/*-- media css starts here --*/
@media only screen and (min-width:1440px){
  .featurette-lt .featurette-cnt {padding: 30px 40px 40px 40px;}
}

@media only screen and (min-width:1024px){
 .kisp-overview-module {padding: 80px 0 40px 0;}

}

@media only screen and (max-width: 1023px) and (min-width: 768px){
    .process-main {gap:64px; padding: 64px 0 64px;}
    .process-icon {width: 94px;}
    .process-icon figure {width: 50px;}

    .process-card h2 {font-size: 2.5rem; letter-spacing: 0.8px; margin-bottom: 34px;} 
    .process-desc .h5 {font-size: 1.5rem; letter-spacing: 0.48px;}
    .process-seg {gap: 32px;}
    .process-segments {gap: 32px 48px;}
    .sticky-widget.is-sticky {padding:0 0 64px;}
    .sticky-widget.is-sticky:before {top:-35px;}
    
    .mf-wrap .heading-lt {width: 70%;}
    
    
    .work-examples {padding: 64px 0;}
    .work-examples .h1 {margin-bottom: 30px;}
    .work-ex-item {gap:32px;}
    .work-ex-result {gap:32px;}
    .work-grid {width: 47.656%; gap: 32px;}
    .photo-1-of-3, .photo-1-of-3lt {gap:32px;}
    

       
}

@media only screen and (max-width: 1023px) and (min-width:200px){
.process-card {width: 100%;}
    
    .sticky-widget {background: var(--base-elevated); z-index: 1;}
    .process-desc p {font-size: 0.875rem;}
    .sticky-widget.is-sticky:before {content: ""; background: var(--base-elevated); left: 0; width: 100%; height: 100%; display: block; position: absolute; z-index: -1;}

}

@media only screen and (max-width: 767px) and (min-width: 200px){
    .process-segments {gap: 20px 48px;}
    .process-icon {width: 64px; padding-right: 18px;}
    .process-main {gap:40px; padding:40px 0 40px;}
    .process-card h2 {font-size: 2rem; letter-spacing: 0.64px; margin-bottom: 23px;} 
    .process-desc .h5 {font-size: 1.125rem; letter-spacing: 0.36px;}
    .process-seg {gap:20px;}
    .sticky-widget.is-sticky:before {top:-35px;}
    .sticky-widget.is-sticky {padding:0 0 40px;}
    
    .kisp-overview-module {padding: 40px 0;}
    
    .work-examples {padding: 42px 0 40px;}
    .work-examples .h1 {font-size: 3rem; letter-spacing: 0.96px; margin-bottom: 18px;}
    .work-grid {width: 100%; gap:20px;}
    .work-ex-item {gap:20px;}
    .photo-1-of-3, .photo-1-of-3lt, .work-ex-result, .work-row {gap:20px;}
    .wicon {width: 48px; height: 48px; top: 20px; right: 20px;}
    .wicon img {width: 20px; height: 16px;}
    

}


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