/** Shopify CDN: Minification failed

Line 134:0 Unexpected "<"
Line 172:0 Unexpected "<"
Line 192:13 Expected identifier but found whitespace
Line 192:15 Unexpected "{"
Line 192:24 Expected ":"
Line 200:12 Expected identifier but found whitespace
Line 200:14 Unexpected "{"
Line 200:23 Expected ":"
Line 200:47 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:about_jyoti_difference (INDEX:10) */
.jyoti-difference {
  background: transparent linear-gradient(180deg, var(--unnamed-color-4a6772) 0%, #87ABB8 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #4A6772 0%, #87ABB8 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  text-align: center;
  padding: 60px 20px;
}

.jyoti-difference .badge {
  display: inline-block;
  background-color: #e75c30;
  padding: 6px 14px;
  font-size: 14px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.jyoti-difference h2 {
  font-size: 45px;
  margin-bottom: 50px;
  letter-spacing: 1px;
  color: #FFFFFF;
  font-weight: 400;
}

.difference-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

.card {
  flex: 1 1 300px;
  max-width: 350px;
    background: transparent;
    border: 0;
}

.card img {
  height: 60px;
  margin-bottom: 20px;
}

.card h3 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: uppercase;
  line-height: 30px;
  color: #fff;
  max-width: 230px;
  margin: 5px auto 15px;
}

.card p {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  font-weight: 300;
}

@media (max-width: 768px) {
  .jyoti-difference h2 {
    font-size: 28px;
  }

  .card {
    max-width: 100%;
  }
}
/* END_SECTION:about_jyoti_difference */

/* START_SECTION:home_banner_section (INDEX:65) */
.offer-banner-section {
  position: relative;
}
.offer-banner-section img.desktop-only {
    width: 100%;
}
.offer-banner-section section.banner-grid.banner2 {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.offer-banner-section section.banner-grid.banner2 li.banner-wrapper.banner-block {
  opacity: 0;
}
.offer-banner-section h2,
.offer-banner-section p {
  color: #FFF;
}
.offer-banner-section p {
  font-size: 21px !important;
}
@media (max-width: 767px) {
  .offer-banner-section img.desktop-only {
    display: none;
  }
}
@media (min-width: 768px) {
  .offer-banner-section img.mobile-only {
    display: none;
  }
}
/* END_SECTION:home_banner_section */

/* START_SECTION:home_testimonial_video (INDEX:66) */
<style>
.testimonials-section {
  padding: 60px 20px;
  background-color: #f8f8f8;
}
.section-title {
  text-align: center;
  margin-bottom: 40px;
}
.sub-title {
  color: #e75c30;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
}
.section-title h2 {
  font-size: 32px;
  text-transform: uppercase;
}
.swiper-slide video {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 15px;
}
.client-meta {
  text-align: center;
  font-size: 16px;
  color: #333;
}
.clientname {
  display: block;
  font-weight: bold;
}
.clientlocation {
  font-style: italic;
}
</style>
/* END_SECTION:home_testimonial_video */

/* START_SECTION:urban-story (INDEX:140) */
/*
 * urban-story section styles
 * All sizing uses width:100% / height:auto — no fixed heights anywhere.
 * max-width + margin:auto on .us-stack centres on wide viewports;
 * on narrow viewports max-width has no effect so images fill 100% — zero overflow.
 */

/* Box-model reset scoped to this section */
.urban-story *,
.urban-story *::before,
.urban-story *::after {
  box-sizing: border-box;
}

/* Outer wrapper — background fills any space beside the centred column */
.urban-story {
  background: {{ section.settings.bg_color }};
  width: 100%;
  overflow-x: clip; /* belt-and-suspenders: kill any accidental horizontal scroll */
}

/* Centred column: max-width caps wide viewports; margin:auto centres it.
   No fixed width — on screens narrower than max_width, this is 100%. */
.us-stack {
  max-width: {{ section.settings.max_width }}px;
  width: 100%;
  margin: 0 auto;
}

/* Each panel is a <figure>; zero out browser default figure margin */
.us-panel {
  margin: 0;
  padding: 0;
  line-height: 0; /* removes the bottom gap browsers add under inline images */
}

/* THE critical rule — images scale proportionally, never overflow */
.us-panel .us-img,
.us-panel img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}

/*
 * ── SCROLL-REVEAL ──
 * Hidden state is ONLY applied when JS adds .us-anim to the root.
 * Without JS (or when enable_motion is off) everything is visible.
 */
.urban-story.us-anim .us-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity  700ms ease-out var(--us-delay, 0ms),
    transform 700ms ease-out var(--us-delay, 0ms);
}

.urban-story.us-anim .us-reveal.is-visible {
  opacity: 1;
  transform: none;
}
/* END_SECTION:urban-story */