/* Home page only. */

:is(.home-chrome-scope,.page-home-scope) :is(.hero-feature-swap .hd,.kc-latest-blogs .kc-blog-head) h2{
  font-size: var(--section-title-size);
  line-height: 1.08;
  letter-spacing: -.03em;
  white-space: nowrap;
}

@media (max-width: 800px) {
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .hd h2,
  :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-head h2{
      white-space: normal;
    }
}

@media (max-width: 760px) {
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .hd h2,
  :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-head h2{
      font-size: var(--section-title-size-mobile);
    }
}

:is(.home-chrome-scope,.page-home-scope) button:focus-visible,
:is(.home-chrome-scope,.page-home-scope) a:focus-visible{
  outline: 3px solid rgba(7, 135, 28, .30);
  outline-offset: 3px;
}

:is(.home-chrome-scope,.page-home-scope) .section-shell{
  position: relative;
  overflow: hidden;
}



:is(.home-chrome-scope,.page-home-scope) .text-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ink);
  font-size: .94rem;
  font-weight: 600;
}

:is(.home-chrome-scope,.page-home-scope) .text-link span{
  transition: transform .2s ease;
}

:is(.home-chrome-scope,.page-home-scope) .text-link:hover span{
  transform: translateX(4px);
}

:is(.home-chrome-scope,.page-home-scope) .hero{
  position: relative;
  z-index: 1;
  padding: clamp(30px, 3.4vw, 52px) 0 0;
  overflow-x: clip;
  overflow-y: visible;
  color: #fff;
  background: var(--navy);
}

:is(.home-chrome-scope,.page-home-scope) .hero.section-shell{
  overflow-x: clip;
  overflow-y: visible;
}

:is(.home-chrome-scope,.page-home-scope) .hero::before{
  position: absolute;
  z-index: 0;
  top: -330px;
  left: -360px;
  width: 640px;
  height: 640px;
  content: "";
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  pointer-events: none;
}

:is(.home-chrome-scope,.page-home-scope) .hero::after{
  position: absolute;
  z-index: 0;
  top: 110px;
  right: -300px;
  width: 520px;
  height: 520px;
  content: "";
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  pointer-events: none;
}

:is(.home-chrome-scope,.page-home-scope) .hero-grid{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

:is(.home-chrome-scope,.page-home-scope) .hero-copy{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1320px;
  min-height: 330px;
  text-align: center;
}

:is(.home-chrome-scope,.page-home-scope) .hero-copy h1{
  max-width: none;
  margin: 0 0 28px;
  color: #fff;
  font-size: clamp(48px, 4.2vw, 68px);
  line-height: 1.04;
  letter-spacing: -.04em;
  white-space: nowrap;
}

:is(.home-chrome-scope,.page-home-scope) .hero-lead{
  max-width: 900px;
  margin: 0 auto 44px;
  color: rgba(255, 255, 255, .76);
  font-size: clamp(16px, 1.05vw, 18px);
  line-height: 1.72;
  font-weight: 400;
}

:is(.home-chrome-scope,.page-home-scope) .hero-actions{
  transform: translateY(10px);
}


:is(.home-chrome-scope,.page-home-scope) .hero-visual{
  position: relative;
  z-index: 5;
  width: 100%;
  height: clamp(580px, 39vw, 680px);
  margin: clamp(32px, 3.4vw, 48px) auto calc(-1 * var(--hero-overlap));
  overflow: hidden;
  color: var(--ink);
  background: var(--site-surface);
  border-radius: 30px;
  box-shadow: 0 28px 76px rgba(0, 0, 0, .2);
}

:is(.home-chrome-scope,.page-home-scope) :is(.hero-carousel,.hero-slide){
  width: 100%;
  height: 100%;
}

:is(.home-chrome-scope,.page-home-scope) .hero-slide{
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: clamp(360px, 38.64vw, 588px) minmax(0, 1fr);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .45s ease, visibility .45s ease;
}

:is(.home-chrome-scope,.page-home-scope) .hero-slide.is-active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

:is(.home-chrome-scope,.page-home-scope) .hero-slide-copy{
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: clamp(52px, 4vw, 72px) clamp(8px, 1vw, 14px) clamp(52px, 4vw, 72px) clamp(22px, 2.1vw, 32px);
  background: var(--site-surface);
}

:is(.home-chrome-scope,.page-home-scope) .hero-slide-copy .slide-kicker{
  margin-bottom: 15px;
  color: var(--primary-dark);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .11em;
  text-transform: uppercase;
}

:is(.home-chrome-scope,.page-home-scope) .hero-slide-copy h2{
  width: 100%;
  max-width: 100%;
  margin: 0 0 22px;
  color: #111827;
  font-size: clamp(38px, 3.4vw, 58px);
  line-height: 1.06;
  letter-spacing: -.035em;
}

:is(.home-chrome-scope,.page-home-scope) .hero-slide-copy p{
  width: 100%;
  max-width: 100%;
  margin: 0;
  color: #68717a;
  font-size: clamp(15px, 1.02vw, 18px);
  line-height: 1.76;
}

:is(.home-chrome-scope,.page-home-scope) .hero-slide-media{
  position: relative;
  min-width: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #e8eef1;
  clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%);
}

:is(.home-chrome-scope,.page-home-scope) .hero-slide-media img{
  width: 100%;
  height: 100%;
  display: block;
  padding: clamp(18px, 2.2vw, 34px);
  object-fit: contain;
  object-position: center;
  transform: scale(1.015);
  transition: transform 6s ease;
}

:is(.home-chrome-scope,.page-home-scope) .hero-slide.is-active .hero-slide-media img{
  transform: scale(1.06);
}

@media (min-width: 1081px) {
  :is(.home-chrome-scope,.page-home-scope) .hero-visual{
      height: clamp(540px, calc(39vw - 40px), 640px);
      margin-top: clamp(72px, calc(3.4vw + 40px), 88px);
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-slide-media img{
      padding: 0;
      object-fit: cover;
    }
}

:is(.home-chrome-scope,.page-home-scope) .hero-carousel-controls{
  position: absolute;
  left: clamp(22px, 2.1vw, 32px);
  bottom: 34px;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 22px;
}

:is(.home-chrome-scope,.page-home-scope) :is(.hero-carousel-arrows,.hero-carousel-dots){
  display: flex;
  align-items: center;
}

:is(.home-chrome-scope,.page-home-scope) .hero-carousel-arrows{
  gap: 0;
}

:is(.home-chrome-scope,.page-home-scope) .hero-carousel-dots{
  gap: 12px;
}

:is(.home-chrome-scope,.page-home-scope) .hero-carousel-arrow{
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid #dce3df;
  border-radius: 50%;
  color: #111827;
  background: #fff;
  box-shadow: 0 10px 26px rgba(16, 24, 32, .08);
  cursor: pointer;
  transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease;
}

:is(.home-chrome-scope,.page-home-scope) .hero-carousel-arrow:hover,
:is(.home-chrome-scope,.page-home-scope) .hero-carousel-arrow:focus-visible{
  color: #fff;
  background: var(--primary);
  border-color: var(--primary);
  transform: translateY(-1px);
}

:is(.home-chrome-scope,.page-home-scope) .hero-carousel-arrow .site-icon{
  width: 20px;
  height: 20px;
}
:is(.home-chrome-scope,.page-home-scope) .hero-carousel-arrow:hover .site-icon,
:is(.home-chrome-scope,.page-home-scope) .hero-carousel-arrow:focus-visible .site-icon{
  filter:var(--site-icon-filter-white);
}

:is(.home-chrome-scope,.page-home-scope) .hero-carousel-dot{
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0 0 8px;
  border: 0;
  color: #87949d;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

:is(.home-chrome-scope,.page-home-scope) .hero-carousel-dot::after{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  content: "";
  background: #cfd8dd;
  transition: background .2s ease, transform .2s ease;
}

:is(.home-chrome-scope,.page-home-scope) .hero-carousel-dot.is-active{
  color: var(--primary-dark);
}

:is(.home-chrome-scope,.page-home-scope) .hero-carousel-dot.is-active::after{
  background: var(--primary);
  transform: scaleX(1.2);
}






:is(.home-chrome-scope,.page-home-scope) .advantage-card .text-link{
  margin-top: auto;
}

:is(.home-chrome-scope,.page-home-scope) .roip-six{
  padding: var(--section-pad-top) 0 calc(var(--section-pad-bottom) + 50px);
  background: var(--paper);
}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap{margin-top:0;
    padding:0;
    border-radius:0;
    background:transparent;
    border:0;
    box-shadow:none;
    backdrop-filter:none;}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .wrap{width:100%;max-width:none;margin:0 auto}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .hd{max-width:880px;margin:0 auto var(--section-heading-gap);text-align:center}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .hd h2{margin:0 0 16px;color:var(--ink)}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .roip-capabilities-desc{max-width:880px;margin:0 auto;font-size:clamp(15px,1.05vw,18px);line-height:1.75;color:var(--ink-soft)}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd{display:flex;align-items:center;justify-content:center}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt{flex:0 0 auto;width:33.3333%;z-index:3}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item{margin-right:35px;padding:24px 30px 22px;border-radius:30px 0 0 30px;position:relative;display:flex;align-items:center;justify-content:flex-start;text-align:left;border:1px solid var(--line);margin-bottom:22px;background:#fff;min-height:126px;box-shadow:0 10px 28px rgba(15,60,52,.045);outline:none}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item:last-child{margin-bottom:0}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item .t{width:100%;display:flex;flex-direction:column;justify-content:center;text-align:left}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item .t h3{display:block;font-size:21px;line-height:1.35;font-weight:600;margin:0 0 9px;color:var(--ink)}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item .t p{font-size:13px;line-height:1.65;color:#75727b;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item .p{height:100%;position:absolute;left:0;top:0;width:100%;background:#fff;padding:20px 40px 20px 30px;border-radius:30px 0 0 30px;display:flex;align-items:center;text-align:left;opacity:0;transform:scaleY(0);transform-origin:center bottom;transition:.5s;z-index:3;border:1px solid var(--line)}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item .p p{width:100%;color:var(--ink-soft);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:13px;line-height:1.65}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item:hover .p,
:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item:focus-within .p{opacity:1;transform:scaleY(1)}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd :is(.txt1,.txt2) .item .icons{position:absolute;display:flex;align-items:center;justify-content:center;top:-20px;width:58px;height:82px;font-size:24px;color:#fff;line-height:1;text-align:center;z-index:4;transition:.5s;background:var(--primary);font-weight:600;letter-spacing:-.02em}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt1 .item .icons{right:-36px;border-radius:0 30px}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item .icons{left:-36px;border-radius:30px 0}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt1 .item .icons:before{position:absolute;content:"";background:var(--primary);width:20px;height:20px;top:0;left:-20px;border-top-left-radius:15px}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item .icons:before{position:absolute;content:"";background:var(--primary);width:20px;height:20px;top:0;right:-20px;border-top-right-radius:15px}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt1 .item:nth-child(2){position:relative;right:50px}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item{margin-left:35px;margin-right:0;padding:24px 30px 22px 60px;border-radius:0 30px 30px 0}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item:nth-child(2){position:relative;left:50px}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item .p{border-radius:0 30px 30px 0;padding:20px 30px 20px 50px}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .pic{flex:0 0 auto;position:relative;width:33.3333%;display:grid;place-items:center;z-index:2;transform:scale(.92)}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .pic .i{position:relative;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 46%,#203b4b 0%,#142b39 50%,var(--site-navy) 100%);border:12px solid #fff;box-shadow:0 32px 80px rgba(13,27,38,.24)}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .matrix-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.28);border-radius:50%;transform:translate(-50%,-50%)}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .orbit-a{width:76%;height:76%}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .orbit-b{width:52%;height:52%}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .dot{position:absolute;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.68);box-shadow:0 0 0 15px rgba(255,255,255,.10)}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .d1{left:26%;top:22%}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .d2{right:21%;top:34%}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .d3{left:21%;bottom:28%}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .d4{right:28%;bottom:20%}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap :is(.matrix-orbit,.dot){z-index:4;pointer-events:none}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .roip-image-carousel{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:50%;background:#102532}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .roip-image-carousel::after{position:absolute;inset:0;z-index:2;content:"";background:linear-gradient(180deg,rgba(13,27,38,.06),rgba(13,27,38,.24));pointer-events:none}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .roip-image-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .6s ease,transform 5.5s ease,visibility .6s}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .roip-image-slide.is-active{opacity:1;visibility:visible;transform:scale(1.09)}

:is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .roip-image-slide img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) brightness(.82)}

@media (min-width:981px) and (max-width:1100px) {
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt1,
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2{transform:translateY(28px)}
}

@media (min-width:1101px) {
  :is(.home-chrome-scope,.page-home-scope) .roip-six{display:flex;align-items:stretch;height:calc(100svh - var(--header-height) + 50px);min-height:730px;padding:var(--section-pad-top) 0 calc(var(--section-pad-bottom) + 50px)}
  
    :is(.home-chrome-scope,.page-home-scope) .roip-six>.container{display:flex;height:100%;align-items:stretch}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap{width:100%;height:100%;max-width:none}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .wrap{width:100%;height:100%;max-width:none;display:flex;flex-direction:column}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .hd{flex:0 0 auto;max-width:1120px;margin:0 auto var(--section-heading-gap)}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd{flex:1 1 auto;min-height:0;align-items:center;padding:0}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt{display:flex;flex-direction:column;justify-content:center;align-self:center;gap:clamp(58px,4.8vw,88px);padding:0;z-index:3}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt1,
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2{transform:translateY(28px)}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item,
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item{min-height:clamp(112px,6.8vw,128px);margin-top:0;margin-bottom:0;padding-block:18px 17px}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item .p,
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item .p{padding-block:14px}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt1 .item:nth-child(2){right:50px}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item:nth-child(2){left:50px}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .pic{align-self:center;transform:scale(.92)}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .pic .i{border-width:12px;box-shadow:0 32px 80px rgba(13,27,38,.24)}
}

@media (min-width:1101px) and (max-height:760px) {
  :is(.home-chrome-scope,.page-home-scope) .roip-six{min-height:0}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .hd{margin-bottom:var(--section-heading-gap)}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt{gap:48px;padding:4px 0}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt1,
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2{transform:none}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item,
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item{min-height:104px;padding-top:14px;padding-bottom:13px}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .pic{transform:scale(.78)}
}

@media (max-width:1100px) {
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd{display:grid;grid-template-columns:1fr;gap:24px}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .pic{width:100%;max-width:460px;margin:0 auto;transform:none}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt{width:100%;display:grid;gap:52px}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item,
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item{margin:0;border-radius:28px;padding:26px 26px 26px 80px}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt1 .item:nth-child(2),
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item:nth-child(2){left:auto;right:auto}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt1 .item .icons,
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item .icons{left:0;right:auto;top:-14px;border-radius:20px 0}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt1 .item .icons:before,
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item .icons:before{display:none;content:none}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item .p,
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item .p{border-radius:28px;padding:24px 26px 24px 80px}
}

@media (max-width:980px) {
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap{padding:0}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt1,
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2{transform:none}
}

@media (max-width:640px) {
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap{border-radius:0}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .hd{text-align:center}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt{gap:54px}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item,
  :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt2 .item{padding:24px 20px 24px 72px}
  
    :is(.home-chrome-scope,.page-home-scope) .hero-feature-swap .bd .txt .item .t h3{font-size:20px}
}

:is(.home-chrome-scope,.page-home-scope) .roip-success-stories{
  --green:#0f473b;
  --green-2:#1f6a59;
  --ink:#17201d;
  --muted:#73807b;
  --line:#dce4e0;
  --soft:#f5f8f6;
  padding:var(--section-pad-top) 0 var(--section-pad-bottom);
  background:var(--surface);
  overflow:hidden;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-wrap{
  width:min(calc(100% - 32px),1480px);
  margin:auto;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  margin-bottom:var(--section-heading-gap);
  text-align:center;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-eyebrow{
  display:block;
  margin-bottom:12px;
  color:var(--green-2);
  font-size:12px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-head h2{
  margin:0;
  font-size:var(--section-title-size);
  line-height:1.12;
  letter-spacing:-.03em;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-head p{
  max-width:760px;
  margin:0 auto;
  color:var(--muted);
  line-height:1.8;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-controls{
  display:flex;
  gap:10px;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-nav{
  width:44px;
  height:44px;
  border:1px solid var(--line);
  border-radius:50%;
  background:#fff;
  color:var(--ink);
  cursor:pointer;
  transition:.2s ease;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-nav:hover{
  background:var(--green);
  color:#fff;
  border-color:var(--green);
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-carousel{
  display:flex;
  gap:14px;
  height:560px;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story{
  position:relative;
  flex:0 1 110px;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--soft);
  transition:flex-grow .68s cubic-bezier(.2,.72,.22,1),border-color .3s ease;
  cursor:pointer;
  touch-action:manipulation;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story.active{
  flex-grow:1;
  cursor:default;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-visual{
  position:absolute;
  inset:0;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:scale(1.01);
  transition:transform 1.05s cubic-bezier(.2,.72,.22,1);
}

:is(.home-chrome-scope,.page-home-scope) .roip-story.active .roip-story-visual{
  transform:scale(1.035);
}

:is(.home-chrome-scope,.page-home-scope) .roip-story:nth-child(1) .roip-story-visual{
  background-image:
    linear-gradient(90deg,rgba(8,28,23,.88) 0%,rgba(8,28,23,.42) 48%,rgba(8,28,23,.14) 100%),
    url("https://cen.acs.org/content/dam/cen/90/40/09040-bus3-brindisicxd.jpg");
}

:is(.home-chrome-scope,.page-home-scope) .roip-story:nth-child(2) .roip-story-visual{
  background-image:
    linear-gradient(90deg,rgba(8,28,23,.86) 0%,rgba(8,28,23,.40) 48%,rgba(8,28,23,.14) 100%),
    url("https://www.amsj.com.au/wp-content/uploads/2020/11/Powertec-Underground-Communication-System-AMSJ-min-1536x1021.jpg");
}

:is(.home-chrome-scope,.page-home-scope) .roip-story:nth-child(3) .roip-story-visual{
  background-image:
    linear-gradient(90deg,rgba(8,28,23,.88) 0%,rgba(8,28,23,.42) 48%,rgba(8,28,23,.16) 100%),
    url("https://media.licdn.com/dms/image/v2/D4D12AQHmt_NgcEEZUA/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1693219561309?e=2147483647&t=Km5nsQdZcNh6sBliepdsCEL7RXZH3pVc117mEWtveDs&v=beta");
}

:is(.home-chrome-scope,.page-home-scope) .roip-story:nth-child(4) .roip-story-visual{
  background-image:
    linear-gradient(90deg,rgba(8,28,23,.86) 0%,rgba(8,28,23,.38) 48%,rgba(8,28,23,.14) 100%),
    url("https://www.ytvox.com/web/allimg/img/transport-tunnels-c1.webp");
}

:is(.home-chrome-scope,.page-home-scope) .roip-story:nth-child(5) .roip-story-visual{
  background-image:
    linear-gradient(90deg,rgba(8,28,23,.86) 0%,rgba(8,28,23,.38) 48%,rgba(8,28,23,.14) 100%),
    url("https://news.cgtn.com/news/2021-06-14/Explainer-Why-China-has-so-many-state-owned-enterprises-115vt8ntcZ2/img/c9102f5f5578403894580e92be29eca9/c9102f5f5578403894580e92be29eca9.png");
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-rail{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  padding:22px 0;
  color:#fff;
  opacity:1;
  transform:translateY(0);
  transition:opacity .26s ease .16s,transform .42s cubic-bezier(.2,.72,.22,1) .12s;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story.active .roip-story-rail{
  opacity:0;
  transform:translateY(-7px);
  pointer-events:none;
  transition-delay:0s;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-rail-no{
  font-size:11px;
  letter-spacing:.16em;
  opacity:.68;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-rail-title{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:15px;
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.2;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-rail-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.72);
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-content{
  position:absolute;
  inset:0;
  z-index:3;
  padding:42px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  opacity:0;
  transform:translateY(22px);
  pointer-events:none;
  transition:opacity .28s ease,transform .42s cubic-bezier(.2,.72,.22,1);
  color:#fff;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story.active .roip-story-content{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
  transition-delay:.22s,.16s;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-content h3{
  margin:0 0 16px;
  max-width:620px;
  font-size:40px;
  line-height:1.08;
  letter-spacing:-.03em;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-content p{
  margin:0;
  max-width:640px;
  color:rgba(255,255,255,.75);
  line-height:1.75;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:fit-content;
  min-height:44px;
  margin-top:22px;
  padding:0 18px;
  border-radius:999px;
  color:#fff;
  background:var(--site-primary);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:background .2s ease,transform .2s ease;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-link:hover{
  background:var(--site-primary-dark);
  transform:translateY(-1px);
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-link span{
  transition:transform .2s ease;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-link:hover span{
  transform:translateX(3px);
}

:is(.home-chrome-scope,.page-home-scope) .roip-story-number{
  position:absolute;
  right:28px;
  top:26px;
  z-index:4;
  color:rgba(255,255,255,.62);
  font-size:12px;
  letter-spacing:.14em;
  opacity:0;
  transition:.2s ease;
}

:is(.home-chrome-scope,.page-home-scope) .roip-story.active .roip-story-number{
  opacity:1;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:22px;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-progress{
  flex:1;
  height:1px;
  background:#e2e8e5;
  position:relative;
  overflow:hidden;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-progress i{
  position:absolute;
  left:0;
  top:0;
  height:1px;
  background:var(--green);
  transition:width .3s ease;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-counter{
  color:#7b8884;
  font-size:12px;
  letter-spacing:.12em;
  white-space:nowrap;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-more-wrap{
  display:flex;
  justify-content:center;
  margin-top:30px;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:0 22px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--ink);
  background:#fff;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-more:hover{
  color:#fff;
  background:var(--green);
  border-color:var(--green);
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-more span{
  transition:transform .2s ease;
}

:is(.home-chrome-scope,.page-home-scope) .roip-stories-more:hover span{
  transform:translateX(3px);
}

@media (max-width:900px) {
  :is(.home-chrome-scope,.page-home-scope) .roip-success-stories{padding:68px 0}
  
    :is(.home-chrome-scope,.page-home-scope) .roip-stories-head h2{font-size:var(--section-title-size-mobile)}
  
    :is(.home-chrome-scope,.page-home-scope) .roip-stories-carousel{
      height:auto;
      display:grid;
      grid-template-columns:1fr;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .roip-story{
      flex:none;
      height:90px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .roip-story.active{
      height:460px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .roip-story-rail{
      flex-direction:row;
      padding:0 22px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .roip-story-rail-title{
      writing-mode:horizontal-tb;
      transform:none;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .roip-story-content{
      padding:30px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .roip-story-content h3{font-size:32px}
}

@media (max-width:620px) {
  :is(.home-chrome-scope,.page-home-scope) .roip-story.active{height:420px}
  
    :is(.home-chrome-scope,.page-home-scope) .roip-story-content{
      padding:24px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .roip-story-content h3{
      font-size:28px;
    }
}

:is(.home-chrome-scope,.page-home-scope) .knowledge-center-clean.kc-latest-blogs{
  padding: var(--section-pad-top) 0 var(--section-pad-bottom);
  background: var(--paper);
  overflow: hidden;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-head{
  display: grid;
  grid-template-columns: minmax(260px, .68fr) minmax(360px, .72fr);
  gap: 32px;
  align-items: end;
  margin-bottom: var(--section-heading-gap);
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-head h2{
  margin: 0;
  color: var(--ink);
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-head p{
  max-width: 720px;
  margin: 0;
  color: var(--ink-soft);
  font-size: clamp(15px, 1.05vw, 18px);
  line-height: 1.8;
  font-weight: 600;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-grid{
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr);
  gap: clamp(34px, 5vw, 68px);
  align-items: stretch;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature{
  display: block;
  height: 100%;
  overflow: hidden;
  color: var(--ink);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: var(--shadow-sm);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature:hover{
  transform: translateY(-4px);
  box-shadow: 0 24px 70px rgba(13, 27, 38, .12);
  border-color: rgba(7, 135, 28, .28);
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs :is(.kc-blog-feature-media,.kc-blog-thumb){
  aspect-ratio: 16 / 10;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature-media{
  margin: 0;
  overflow: hidden;
  background: #eef3f5;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature-media img,
:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-thumb img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .35s ease;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature:hover .kc-blog-feature-media img,
:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item:hover .kc-blog-thumb img{
  transform: scale(1.035);
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature-body{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(28px, 3vw, 42px) clamp(24px, 2.6vw, 36px) clamp(24px, 2.6vw, 36px);
  text-align: left;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature-body h3{
  margin: 0 0 16px;
  color: var(--ink);
  font-size: clamp(22px, 1.75vw, 28px);
  line-height: 1.36;
  letter-spacing: -.036em;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature-body p{
  margin: 0;
  color: #475467;
  font-size: clamp(15px, 1.02vw, 17px);
  line-height: 1.78;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-list{
  display: grid;
  grid-template-rows: repeat(7, minmax(0, 1fr));
  gap: clamp(10px, 1.05vw, 16px);
  height: 100%;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item{
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(118px, 11vw, 150px);
  gap: clamp(18px, 2.2vw, 28px);
  align-items: center;
  min-height: 0;
  color: var(--ink);
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item-copy{
  min-width: 0;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item h3{
  margin: 0 0 12px;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(16px, 1.2vw, 20px);
  line-height: 1.35;
  letter-spacing: -.025em;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: color .22s ease;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item:hover h3{
  color: var(--primary-dark);
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item-copy p{
  margin: 0;
  overflow: hidden;
  color: #667085;
  font-size: 14px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-thumb{
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: #eef3f5;
  border: 1px solid #e6ebf2;
  border-radius: 16px;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-more{
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 20px;
  align-items: center;
  margin-top: clamp(-24px, -1.6vw, -10px);
  margin-bottom: -6px;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-more span{
  height: 1px;
  background: #e6ebf2;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-more a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 20px;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  color: var(--ink);
  background: #fff;
  font-size: 15px;
  font-weight: 600;
  box-shadow: var(--shadow-sm);
  transition: transform .22s ease, color .22s ease, border-color .22s ease;
}

:is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-more a:hover{
  color: var(--primary-dark);
  border-color: rgba(7, 135, 28, .34);
  transform: translateY(-2px);
}

@media (min-width: 981px) {
  :is(.home-chrome-scope,.page-home-scope) .knowledge-center-clean.kc-latest-blogs{
      height: auto;
      min-height: calc(100svh - var(--header-height));
      padding: var(--section-pad-top) 0 var(--section-pad-bottom);
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs > .container{
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      min-height: calc(100svh - var(--header-height) - var(--section-pad-top) - var(--section-pad-bottom));
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-head{
      grid-template-columns: minmax(320px, .78fr) minmax(460px, 1fr);
      gap: clamp(32px, 5vw, 76px);
      margin-bottom: var(--section-heading-gap);
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-head p{
      max-width: none;
      font-size: clamp(14px, .95vw, 17px);
      line-height: 1.55;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-grid{
      grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
      grid-template-rows: minmax(max-content, 1fr) auto;
      column-gap: clamp(30px, 4vw, 64px);
      row-gap: clamp(12px, 1.7vh, 20px);
      min-height: 0;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature{
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      min-height: 0;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature-media{
      min-height: 0;
      height: auto;
      aspect-ratio: 16 / 10;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature-body{
      padding: clamp(18px, 2.1vh, 28px) clamp(22px, 2.2vw, 34px);
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature-body h3{
      margin-bottom: clamp(8px, 1vh, 12px);
      font-size: clamp(20px, 1.55vw, 27px);
      line-height: 1.25;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature-body p{
      margin-bottom: 0;
      font-size: clamp(14px, .95vw, 16px);
      line-height: 1.55;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-list{
      min-height: 0;
      gap: clamp(10px, 1.7vh, 20px);
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item{
      grid-template-columns: minmax(0, 1fr) clamp(112px, 10vw, 158px);
      gap: clamp(18px, 2vw, 30px);
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item h3{
      margin-bottom: clamp(7px, .85vh, 10px);
      font-size: clamp(15px, 1.05vw, 19px);
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item-copy p{
      font-size: clamp(12px, .82vw, 14px);
      line-height: 1.45;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-thumb{
      height: 100%;
      max-height: 100%;
      aspect-ratio: 16 / 10;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-more{
      margin: 0;
    }
}

@media (max-width: 980px) {
  :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-grid{
      grid-template-columns: 1fr;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-head{
      grid-template-columns: 1fr;
      gap: 16px;
      margin-bottom: var(--section-heading-gap);
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-list{
      grid-template-rows: none;
      height: auto;
      gap: 18px;
    }
}

@media (max-width: 640px) {
  :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-grid{
      gap: 30px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature{
      border-radius: 22px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-feature-body{
      padding: 22px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item{
      grid-template-columns: minmax(0, 1fr) 96px;
      gap: 14px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item h3{
      margin-bottom: 10px;
      font-size: 15px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item-copy p{
      font-size: 12px;
      line-height: 1.45;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-more{
      margin: 20px 0 0;
      gap: 12px;
    }
  
}

@media (max-width: 430px) {
  :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item{
      grid-template-columns: 1fr;
    }

    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-item h3{
      overflow: visible;
      white-space: normal;
      text-overflow: clip;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .kc-latest-blogs .kc-blog-thumb{
      max-width: 180px;
    }
}

:is(.home-chrome-scope,.page-home-scope) .anchor-target{
  position: relative;
  top: calc(-1 * var(--header-height));
}

@media (max-width: 1120px) {
}

@media (max-width: 1080px) {
  :is(.home-chrome-scope,.page-home-scope) .hero{
      padding: 38px 0 0;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-grid{
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-copy{
      min-height: 320px;
      text-align: center;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-copy h1{
      max-width: 900px;
      margin-inline: auto;
      white-space: normal;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-lead{
      margin-inline: auto;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-visual{
      width: 100%;
      max-width: none;
      height: clamp(500px, 62vw, 600px);
      margin-inline: auto;
      border-radius: 24px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-slide{
      grid-template-columns: minmax(320px, 45%) minmax(0, 55%);
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-slide-copy{
      padding-top: 46px;
      padding-right: 8px;
      padding-bottom: 46px;
      padding-left: 22px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-slide-copy h2{
      width: 100%;
      max-width: 100%;
      font-size: clamp(34px, 4.8vw, 50px);
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-slide-copy p{
      width: 100%;
      max-width: 100%;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-carousel-controls{
      left: 22px;
    }
}

@media (max-width: 680px) {
  :is(.home-chrome-scope,.page-home-scope) .hero{
      padding: 38px 0 42px;
      overflow: hidden;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero.section-shell{
      overflow: hidden;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero::before,
  :is(.home-chrome-scope,.page-home-scope) .hero::after{
      display: none;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-copy{
      min-height: 340px;
      padding: 0;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-copy h1{
      margin-bottom: 24px;
      font-size: 32px;
      line-height: 1.08;
      letter-spacing: -.05em;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-lead{
      margin-bottom: 30px;
      font-size: 14px;
      line-height: 1.68;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-actions{
      transform: none;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-visual{
      width: 100%;
      max-width: none;
      height: auto;
      min-height: 0;
      margin: 28px 0 0;
      border-radius: 20px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-slide{
      position: relative;
      inset: auto;
      display: none;
      grid-template-columns: 1fr;
      grid-template-rows: auto auto;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-slide.is-active{
      display: grid;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-slide-media{
      grid-row: 1;
      height: auto;
      aspect-ratio: 16 / 9;
      clip-path: none;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-slide-media img{
      padding: 10px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-slide-copy{
      grid-row: 2;
      padding: 32px 20px 100px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-slide-copy h2{
      width: auto;
      max-width: 100%;
      margin-bottom: 14px;
      font-size: 30px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-slide-copy p{
      width: auto;
      max-width: 100%;
      font-size: 14px;
      line-height: 1.68;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-carousel-controls{
      right: 20px;
      bottom: 24px;
      left: 20px;
      justify-content: space-between;
      gap: 12px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-carousel-arrow{
      width: 42px;
      height: 42px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-carousel-dots{
      gap: 8px;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .hero-carousel-dot{
      width: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
  :is(.home-chrome-scope,.page-home-scope) .hero-slide,
  :is(.home-chrome-scope,.page-home-scope) .hero-slide-media img,
  :is(.home-chrome-scope,.page-home-scope) .hero-carousel-arrow{
      transition: none;
    }
  
    :is(.home-chrome-scope,.page-home-scope) .reveal{
      opacity: 1;
      transform: none;
    }
}

@media print {
  :is(.home-chrome-scope,.page-home-scope) .reveal{
      opacity: 1 !important;
      transform: none !important;
    }
}