.elementor-1327 .elementor-element.elementor-element-adeeb99{--display:flex;--min-height:72vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--overlay-opacity:0.74;}.elementor-1327 .elementor-element.elementor-element-adeeb99:not(.elementor-motion-effects-element-type-background), .elementor-1327 .elementor-element.elementor-element-adeeb99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://prismberry.com/wp-content/uploads/2026/05/pluggybg2.webp");background-position:center center;background-size:cover;}.elementor-1327 .elementor-element.elementor-element-adeeb99::before, .elementor-1327 .elementor-element.elementor-element-adeeb99 > .elementor-background-video-container::before, .elementor-1327 .elementor-element.elementor-element-adeeb99 > .e-con-inner > .elementor-background-video-container::before, .elementor-1327 .elementor-element.elementor-element-adeeb99 > .elementor-background-slideshow::before, .elementor-1327 .elementor-element.elementor-element-adeeb99 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1327 .elementor-element.elementor-element-adeeb99 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-primary ) 49%, #00000000 72%);}.elementor-1327 .elementor-element.elementor-element-bbca38d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1327 .elementor-element.elementor-element-f7c1264{width:var( --container-widget-width, 9% );max-width:9%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:9%;--container-widget-flex-grow:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1327 .elementor-element.elementor-element-eb339b4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1327 .elementor-element.elementor-element-eb339b4 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:56px;font-weight:700;text-transform:capitalize;line-height:63px;letter-spacing:-0.8px;color:var( --e-global-color-247dfd3 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1327 .elementor-element.elementor-element-9fca550{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Manrope", Sans-serif;font-weight:400;color:#EBEBEB;}.elementor-1327 .elementor-element.elementor-element-9fca550 p{margin-block-end:9px;}.elementor-1327 .elementor-element.elementor-element-c2e3e5f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1327 .elementor-element.elementor-element-dade019 .elementor-button{background-color:var( --e-global-color-18f71b5 );border-style:none;border-radius:4px 4px 4px 4px;}.elementor-1327 .elementor-element.elementor-element-dade019{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1327 .elementor-element.elementor-element-dade019 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1327 .elementor-element.elementor-element-dade019 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-1327 .elementor-element.elementor-element-6d04803 .elementor-button{background-color:#61CE7000;border-radius:7px 7px 7px 7px;}.elementor-1327 .elementor-element.elementor-element-6d04803{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1327 .elementor-element.elementor-element-6d04803 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1327 .elementor-element.elementor-element-6d04803 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-1327 .elementor-element.elementor-element-256ea4f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1327 .elementor-element.elementor-element-ebc5c64{--display:flex;--min-height:30px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1327 .elementor-element.elementor-element-ebc5c64:not(.elementor-motion-effects-element-type-background), .elementor-1327 .elementor-element.elementor-element-ebc5c64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 23%, var( --e-global-color-247dfd3 ) 89%);}.elementor-1327 .elementor-element.elementor-element-ca4fd1a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1327 .elementor-element.elementor-element-95d9be3{--display:flex;--min-height:30px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1327 .elementor-element.elementor-element-95d9be3:not(.elementor-motion-effects-element-type-background), .elementor-1327 .elementor-element.elementor-element-95d9be3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, var( --e-global-color-primary ) 23%, var( --e-global-color-247dfd3 ) 89%);}.elementor-1327 .elementor-element.elementor-element-6c88f2d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1327 .elementor-element.elementor-element-fbf5ff5{--display:flex;--min-height:30px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1327 .elementor-element.elementor-element-fbf5ff5:not(.elementor-motion-effects-element-type-background), .elementor-1327 .elementor-element.elementor-element-fbf5ff5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 23%, var( --e-global-color-247dfd3 ) 89%);}.elementor-1327 .elementor-element.elementor-element-ceb3fe2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1327 .elementor-element.elementor-element-0281ffe{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1327 .elementor-element.elementor-element-0281ffe:not(.elementor-motion-effects-element-type-background), .elementor-1327 .elementor-element.elementor-element-0281ffe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://prismberry.com/wp-content/uploads/2026/05/pluggymain2.webp");background-position:top center;background-size:cover;}.elementor-1327 .elementor-element.elementor-element-212b486{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1327 .elementor-element.elementor-element-3e1235a{--display:flex;--min-height:30px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1327 .elementor-element.elementor-element-3e1235a:not(.elementor-motion-effects-element-type-background), .elementor-1327 .elementor-element.elementor-element-3e1235a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, var( --e-global-color-primary ) 23%, var( --e-global-color-247dfd3 ) 89%);}.elementor-1327 .elementor-element.elementor-element-94d9a6b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1327 .elementor-element.elementor-element-69b04ed{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1327 .elementor-element.elementor-element-eb5361e{--display:flex;--min-height:30px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1327 .elementor-element.elementor-element-eb5361e:not(.elementor-motion-effects-element-type-background), .elementor-1327 .elementor-element.elementor-element-eb5361e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, var( --e-global-color-primary ) 23%, var( --e-global-color-247dfd3 ) 81%);}.elementor-1327 .elementor-element.elementor-element-a5c6e6b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1327 .elementor-element.elementor-element-7574a47{--display:flex;--min-height:30px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1327 .elementor-element.elementor-element-7574a47:not(.elementor-motion-effects-element-type-background), .elementor-1327 .elementor-element.elementor-element-7574a47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 23%, var( --e-global-color-247dfd3 ) 89%);}.elementor-1327 .elementor-element.elementor-element-d1c2650{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-1327 .elementor-element.elementor-element-bbca38d{--width:82%;}}@media(max-width:767px){.elementor-1327 .elementor-element.elementor-element-adeeb99{--min-height:81vh;--overlay-opacity:0.78;}.elementor-1327 .elementor-element.elementor-element-adeeb99:not(.elementor-motion-effects-element-type-background), .elementor-1327 .elementor-element.elementor-element-adeeb99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-1327 .elementor-element.elementor-element-f7c1264{--container-widget-width:22%;--container-widget-flex-grow:0;width:var( --container-widget-width, 22% );max-width:22%;}.elementor-1327 .elementor-element.elementor-element-eb339b4 .elementor-heading-title{font-size:28px;line-height:34px;}.elementor-1327 .elementor-element.elementor-element-9fca550{font-size:14px;line-height:20px;}.elementor-1327 .elementor-element.elementor-element-6d04803{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1327 .elementor-element.elementor-element-0281ffe:not(.elementor-motion-effects-element-type-background), .elementor-1327 .elementor-element.elementor-element-0281ffe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://prismberry.com/wp-content/uploads/2026/07/pluggy-main-mobile.webp");background-position:bottom center;}.elementor-1327 .elementor-element.elementor-element-0281ffe{--min-height:66vh;}}@media(min-width:1025px){.elementor-1327 .elementor-element.elementor-element-adeeb99:not(.elementor-motion-effects-element-type-background), .elementor-1327 .elementor-element.elementor-element-adeeb99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-1327 .elementor-element.elementor-element-0281ffe:not(.elementor-motion-effects-element-type-background), .elementor-1327 .elementor-element.elementor-element-0281ffe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for heading, class: .elementor-element-eb339b4 */.elementor-1327 .elementor-element.elementor-element-eb339b4 {

  animation: fadeUp 900ms cubic-bezier(0.22, 1, 0.36, 1) 600ms forwards;
}
.elementor-1327 .elementor-element.elementor-element-eb339b4 span {
  color: var(--cyan);
  
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dade019 */.elementor-1327 .elementor-element.elementor-element-dade019 {
 
  white-space: nowrap;
  box-shadow: 0 0 4px rgba(0, 200, 255, 0.15);
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

.elementor-1327 .elementor-element.elementor-element-dade019:hover {
 
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6d04803 */.elementor-1327 .elementor-element.elementor-element-6d04803 {
background: rgba(255, 255, 255, 0.08) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
border-radius:6px;

box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

.elementor-1327 .elementor-element.elementor-element-6d04803:hover {
  border-color: var(--cyan);
  background: rgba(0,200,255,0.08);
  color: var(--cyan);
}

.elementor-1327 .elementor-element.elementor-element-6d04803:hover  { transform: translateY(-4px); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea7262b */.pluggy-challenges-section {
  background: var(--pg-white) !important;
  padding: 50px 24px !important;
}
.pluggy-challenges-section__inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
}
.pluggy-challenges-section__header {
  text-align: center !important;
  max-width: 920px !important;
  margin: 0 auto 20px !important;
}
.pluggy-challenges-section__eyebrow {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--pg-primary) !important;
  margin-bottom: 14px !important;
}
.pluggy-challenges-section h2 {
  font-size: clamp(32px, 4vw, 46px) !important;
  font-weight: 800 !important;
  color: var(--pg-ink) !important;
  line-height: 1.15 !important;
}
.pluggy-challenges-section__grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 22px !important;
  margin-bottom: 48px !important;
}
.pluggy-challenges-section__card {
  background: var(--pg-white) !important;
  border: 1.5px solid var(--pg-border-light) !important;
  border-radius: 20px !important;
  padding: 32px 24px !important;
  text-align: left !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: default !important;
  position: relative !important;
  overflow: hidden !important;
}
.pluggy-challenges-section__card:hover {
  background: var(--pg-primary) !important;
  border-color: var(--pg-primary) !important;
  transform: translateY(-8px) scale(1.03) !important;
  box-shadow: 0 24px 48px rgba(23,119,255,0.30) !important;
}
.pluggy-challenges-section__icon {
  width: 56px !important; height: 56px !important;
  border-radius: 14px !important;
  background: var(--pg-soft) !important;
  color: var(--pg-primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 22px !important;
  transition: all 0.4s ease !important;
}
.pluggy-challenges-section__card:hover .pluggy-challenges-section__icon {
  background: rgba(255,255,255,0.18) !important;
  color: var(--pg-white) !important;
}
.pluggy-challenges-section__card h3 {
  font-size: 19px !important;
  font-weight: 700 !important;
  color: var(--pg-ink) !important;
  margin-bottom: 10px !important;
  transition: color 0.3s ease !important;
}
.pluggy-challenges-section__card p {
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: var(--pg-ink-2) !important;
  transition: color 0.3s ease !important;
}
.pluggy-challenges-section__card:hover h3,
.pluggy-challenges-section__card:hover p {
  color: var(--pg-white) !important;
}
.pluggy-challenges-section__summary {
  background: linear-gradient(135deg, #F8FBFF, var(--pg-soft)) !important;
  border: 1.5px solid var(--pg-border-light) !important;
  border-radius: 20px !important;
  padding: 16px 36px !important;
  text-align: center !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(18px, 2vw, 22px) !important;
  font-weight: 700 !important;
  color: var(--pg-ink) !important;
  line-height: 1.45 !important;
}
.pluggy-challenges-section__summary span {
  color: var(--pg-primary) !important;
}
/* =========================================
   PLUGGY CHALLENGES RESPONSIVE CSS
========================================= */

/* Smaller Desktop and Laptop */
@media screen and (max-width: 1199px) {
  .pluggy-challenges-section {
    padding: 50px 30px !important;
  }

  .pluggy-challenges-section__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  .pluggy-challenges-section__card {
    padding: 28px 22px !important;
  }
}

/* Tablet */
@media screen and (max-width: 991px) {
  .pluggy-challenges-section {
    padding: 45px 24px !important;
  }

  .pluggy-challenges-section__header {
    max-width: 760px !important;
    margin-bottom: 28px !important;
  }

  .pluggy-challenges-section h2 {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }

  .pluggy-challenges-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin-bottom: 36px !important;
  }

  .pluggy-challenges-section__card {
    padding: 28px 22px !important;
  }

  .pluggy-challenges-section__summary {
    padding: 18px 28px !important;
    font-size: 19px !important;
  }
}

/* Mobile Landscape and Large Mobile */
@media screen and (max-width: 767px) {
  .pluggy-challenges-section {
    padding: 40px 18px !important;
  }

  .pluggy-challenges-section__header {
    margin-bottom: 24px !important;
  }

  .pluggy-challenges-section__eyebrow {
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 10px !important;
  }

  .pluggy-challenges-section h2 {
    font-size: 30px !important;
    line-height: 1.22 !important;
  }

  .pluggy-challenges-section__grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-bottom: 28px !important;
  }

  .pluggy-challenges-section__card {
    padding: 24px 20px !important;
    border-radius: 16px !important;
  }

  .pluggy-challenges-section__icon {
    width: 52px !important;
    height: 52px !important;
    margin-bottom: 18px !important;
  }

  .pluggy-challenges-section__card h3 {
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }

  .pluggy-challenges-section__card p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .pluggy-challenges-section__summary {
    padding: 18px 20px !important;
    border-radius: 16px !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
  }
}

/* Small Mobile */
@media screen and (max-width: 479px) {
  .pluggy-challenges-section {
    padding: 36px 15px !important;
  }

  .pluggy-challenges-section h2 {
    font-size: 27px !important;
  }

  .pluggy-challenges-section__grid {
    gap: 14px !important;
  }

  .pluggy-challenges-section__card {
    padding: 22px 18px !important;
    border-radius: 14px !important;
  }

  .pluggy-challenges-section__icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
  }

  .pluggy-challenges-section__icon svg {
    width: 23px !important;
    height: 23px !important;
  }

  .pluggy-challenges-section__summary {
    padding: 16px 17px !important;
    font-size: 16px !important;
    border-radius: 14px !important;
  }
}

/* Prevent hover movement on touch devices */
@media (hover: none) and (pointer: coarse) {
  .pluggy-challenges-section__card:hover {
    background: var(--pg-white) !important;
    border-color: var(--pg-border-light) !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .pluggy-challenges-section__card:hover
    .pluggy-challenges-section__icon {
    background: var(--pg-soft) !important;
    color: var(--pg-primary) !important;
  }

  .pluggy-challenges-section__card:hover h3 {
    color: var(--pg-ink) !important;
  }

  .pluggy-challenges-section__card:hover p {
    color: var(--pg-ink-2) !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbabe10 */.pluggy-howit-section {
  --pgh-dark: #03111F !important;
  --pgh-dark-2: #021526 !important;
  --pgh-white: #FFFFFF !important;
  --pgh-primary: #1777FF !important;
  --pgh-accent: #45B6FF !important;
  --pgh-glow: rgba(142,212,255,0.12) !important;
  --pgh-dim: rgba(255,255,255,0.72) !important;
  --pgh-border: rgba(255,255,255,0.08) !important;
  font-family: 'Manrope', sans-serif !important;
  background: var(--pgh-dark) !important;
  padding: 50px 24px !important;
  position: relative !important;
  overflow: hidden !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.pluggy-howit-section * {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pluggy-howit-section h2,
.pluggy-howit-section h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: -0.01em !important;
}

/* Background — grid + soft radial glow */
/*.pluggy-howit-section::before {*/
/*  content: "" !important;*/
/*  position: absolute !important;*/
/*  inset: 0 !important;*/
/*  background-image:*/
/*    linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px),*/
/*    linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px) !important;*/
/*  background-size: 60px 60px !important;*/
/*  mask-image: radial-gradient(ellipse at center, #000 30%, transparent 80%) !important;*/
/*  -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 80%) !important;*/
/*  pointer-events: none !important;*/
/*  z-index: 0 !important;*/
/*}*/
.pluggy-howit-section::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 1200px !important; height: 700px !important;
  background: radial-gradient(ellipse, var(--pgh-glow) 0%, transparent 65%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.pluggy-howit-section__inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ============================================================
   HEADER
   ============================================================ */
.pluggy-howit-section__header {
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto 0px !important;
}
.pluggy-howit-section__eyebrow {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--pgh-accent) !important;
  margin-bottom: 14px !important;
  padding:10px !important;
  border-radius: 8px;
  background-color: #ffffff29;
}
.pluggy-howit-section h2 {
  font-size: clamp(32px, 4.5vw, 48px) !important;
  font-weight: 800 !important;
  color: var(--pgh-white) !important;
  line-height: 1.15 !important;
  margin-bottom: 14px !important;
}
.pluggy-howit-section h2 span {
  background: linear-gradient(135deg, var(--pgh-primary), var(--pgh-accent)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
.pluggy-howit-section__sub {
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: var(--pgh-dim) !important;
}


.pluggy-howit-section__stage {
  position: relative !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-rows: 1fr 200px 1fr !important;
  /* keeps a sensible total height across viewports */
  min-height: 500px !important;
}

/* Center band (the path lives here) */
.pluggy-howit-section__band {
  grid-row: 2 / 3 !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
}
.pluggy-howit-section__band::before {
  /* horizon glow behind the path */
  content: "" !important;
  position: absolute !important;
  inset: 30% -5% !important;
  background: radial-gradient(ellipse, rgba(69,182,255,0.18) 0%, transparent 70%) !important;
  pointer-events: none !important;
  filter: blur(20px) !important;
}

.pluggy-howit-section__svg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* ----- ANIMATED PATH LAYERS — CONTINUOUS FLOWING STROKES ----- */

/* 1) Faint base track so curve is always readable */
.pluggy-howit-section__track {
  fill: none !important;
  stroke: rgba(255,255,255,0.10) !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
}

/* 2) Main flowing stroke — continuous animated gradient (no gaps) */
.pluggy-howit-section__flow-main {
  fill: none !important;
  stroke: url(#pluggyFlowMainGrad) !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  filter: drop-shadow(0 0 8px rgba(69,182,255,0.55)) !important;
}

/* 3) Soft outer halo for the path — solid translucent color */
.pluggy-howit-section__flow-halo {
  fill: none !important;
  stroke: rgba(69,182,255,0.22) !important;
  stroke-width: 8 !important;
  stroke-linecap: round !important;
  filter: blur(4px) !important;
}

/* 4) Inner bright core — thinner, brighter, also gradient-flowing */
.pluggy-howit-section__flow-core {
  fill: none !important;
  stroke: url(#pluggyFlowCoreGrad) !important;
  stroke-width: 1.5 !important;
  stroke-linecap: round !important;
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.85)) !important;
}

/* ----- COMETS ----- */
.pluggy-howit-section__comet {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, var(--pgh-white) 0%, var(--pgh-accent) 45%, rgba(69,182,255,0) 75%) !important;
  box-shadow:
    0 0 18px var(--pgh-accent),
    0 0 36px rgba(69,182,255,0.65),
    0 0 60px rgba(23,119,255,0.45) !important;
  z-index: 3 !important;
  pointer-events: none !important;
  /* The path is defined in a 1280×240 viewBox; offset-path uses the
     same coordinates for pixel-perfect alignment with the SVG. */
  offset-path: path("M 60 120 C 200 -20, 320 -20, 400 120 S 600 260, 680 120 S 880 -20, 960 120 S 1160 260, 1220 120") !important;
  offset-rotate: 0deg !important;
  animation: pgh-comet 9s linear infinite !important;
}
.pluggy-howit-section__comet::before {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(69,182,255,0.45) 0%, transparent 70%) !important;
  animation: pgh-pulse 1.4s ease-in-out infinite !important;
}
@keyframes pgh-comet {
  from { offset-distance: 0% !important; }
  to   { offset-distance: 100% !important; }
}
@keyframes pgh-pulse {
  0%, 100% { transform: scale(1) !important; opacity: 0.75 !important; }
  50%      { transform: scale(1.7) !important; opacity: 0.20 !important; }
}
.pluggy-howit-section__comet--ghost {
  width: 14px !important;
  height: 14px !important;
  opacity: 0.55 !important;
  animation-delay: -4.5s !important;
}

/* ============================================================
   NODES — sit on the path centerline, anchor each step
   Path peaks/troughs in the 1280×240 viewBox are at y=120 (center).
   Step X positions (% of stage width):
     1: 4.7%   2: 31.3%   3: 53.1%   4: 75.0%   5: 95.3%
   ============================================================ */
.pluggy-howit-section__node {
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 76px !important;
  height: 76px !important;
  border-radius: 50% !important;
  background: var(--pgh-dark) !important;
  border: 2px solid rgba(69,182,255,0.40) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--pgh-accent) !important;
  z-index: 2 !important;
  transition: all 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
  box-shadow:
    inset 0 0 0 4px rgba(3,17,31,1),
    0 0 0 5px rgba(69,182,255,0.10) !important;
}
.pluggy-howit-section__node svg {
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.pluggy-howit-section__node-num {
  position: absolute !important;
  top: -6px !important; right: -6px !important;
  width: 26px !important; height: 26px !important;
  border-radius: 50% !important;
  background: var(--pgh-dark-2) !important;
  border: 1.5px solid var(--pgh-border) !important;
  color: var(--pgh-dim) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.55s ease !important;
}
.pluggy-howit-section__node--1 { left: 4.7% !important; }
.pluggy-howit-section__node--2 { left: 31.3% !important; }
.pluggy-howit-section__node--3 { left: 53.1% !important; }
.pluggy-howit-section__node--4 { left: 75.0% !important; }
.pluggy-howit-section__node--5 { left: 95.3% !important; }

/* ============================================================
   TEXT CARDS — alternating top / bottom of the band
   Each card is connected to its node with a vertical tether line.
   ============================================================ */
.pluggy-howit-section__card {
  position: absolute !important;
  left: 0 !important;
  transform: translateX(-50%) !important;
  width: clamp(180px, 16vw, 220px) !important;
  text-align: center !important;
  z-index: 2 !important;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
              opacity 0.55s ease !important;
}

/* Upper-lane cards (steps 1, 3, 5) — sit ABOVE the band */
.pluggy-howit-section__card--top {
  grid-row: 1 / 2 !important;
  bottom: 12px !important;
}
/* Lower-lane cards (steps 2, 4) — sit BELOW the band */
.pluggy-howit-section__card--bottom {
  grid-row: 3 / 4 !important;
  top: 12px !important;
}

/* Position by step number — same X as their corresponding node */
.pluggy-howit-section__card--s1 { left: 4.7% !important; }
.pluggy-howit-section__card--s2 { left: 31.3% !important; }
.pluggy-howit-section__card--s3 { left: 53.1% !important; }
.pluggy-howit-section__card--s4 { left: 75.0% !important; }
.pluggy-howit-section__card--s5 { left: 95.3% !important; }

/* Tether line connecting card to its node */
.pluggy-howit-section__card::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  width: 1.5px !important;
  height: 32px !important;
  background: linear-gradient(to bottom, rgba(69,182,255,0.15), rgba(69,182,255,0.55)) !important;
  transition: background 0.55s ease !important;
}
.pluggy-howit-section__card--top::after {
  bottom: -32px !important;
}
.pluggy-howit-section__card--bottom::after {
  top: -32px !important;
  background: linear-gradient(to top, rgba(69,182,255,0.15), rgba(69,182,255,0.55)) !important;
}

.pluggy-howit-section__card h3 {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--pgh-white) !important;
  margin-bottom: 8px !important;
  transition: color 0.55s ease !important;
}
.pluggy-howit-section__card p {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: var(--pgh-dim) !important;
  opacity: 0.85 !important;
  transition: opacity 0.55s ease, color 0.55s ease !important;
}

/* ============================================================
   ACTIVE STATE — triggered by JS in sync with the comet
   Both the node AND its card light up together.
   ============================================================ */
/* When a node is active */
.pluggy-howit-section__node.is-active {
  background: linear-gradient(135deg, var(--pgh-primary), var(--pgh-accent)) !important;
  border-color: transparent !important;
  color: var(--pgh-white) !important;
  box-shadow:
    inset 0 0 0 0 transparent,
    0 0 0 8px rgba(69,182,255,0.18),
    0 16px 40px rgba(23,119,255,0.55) !important;
  transform: translate(-50%, -50%) scale(1.10) !important;
}
.pluggy-howit-section__node.is-active svg {
  transform: rotate(360deg) scale(1.1) !important;
}
.pluggy-howit-section__node.is-active .pluggy-howit-section__node-num {
  background: var(--pgh-white) !important;
  color: var(--pgh-primary) !important;
  border-color: var(--pgh-white) !important;
  box-shadow: 0 0 14px rgba(69,182,255,0.65) !important;
}

/* When a card is active */
.pluggy-howit-section__card.is-active {
  transform: translateX(-50%) translateY(-6px) !important;
}
.pluggy-howit-section__card.is-active h3 {
  background: linear-gradient(135deg, var(--pgh-primary), var(--pgh-accent)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
.pluggy-howit-section__card.is-active p {
  opacity: 1 !important;
  color: var(--pgh-white) !important;
}
.pluggy-howit-section__card.is-active::after {
  background: linear-gradient(to bottom, rgba(69,182,255,0.20), var(--pgh-accent)) !important;
  box-shadow: 0 0 12px rgba(69,182,255,0.65) !important;
}
.pluggy-howit-section__card--bottom.is-active::after {
  background: linear-gradient(to top, rgba(69,182,255,0.20), var(--pgh-accent)) !important;
}

/* ============================================================
   CAPTION
   ============================================================ */
.pluggy-howit-section__caption {
  text-align: center !important;
  margin-top: 64px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(16px, 1.8vw, 19px) !important;
  font-weight: 600 !important;
  color: var(--pgh-dim) !important;
}
.pluggy-howit-section__caption strong {
  color: var(--pgh-white) !important;
  font-weight: 700 !important;
}
.pluggy-howit-section__caption span {
  background: linear-gradient(135deg, var(--pgh-primary), var(--pgh-accent)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-weight: 800 !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1180px) {
  .pluggy-howit-section__stage { min-height: 580px !important; }
  .pluggy-howit-section__node { width: 68px !important; height: 68px !important; }
  .pluggy-howit-section__card { width: clamp(150px, 17vw, 190px) !important; }
  .pluggy-howit-section__card h3 { font-size: 16px !important; }
  .pluggy-howit-section__card p { font-size: 13px !important; }
}

/* Tablet & mobile — switch to vertical stacked layout */
@media (max-width: 900px) {
  .pluggy-howit-section { padding: 90px 22px !important; }
  .pluggy-howit-section__header { margin-bottom: 40px !important; }

  .pluggy-howit-section__stage {
    display: block !important;
    min-height: auto !important;
    max-width: 560px !important;
  }
  .pluggy-howit-section__band {
    display: none !important;
  }

  /* Each step renders as a horizontal row: node | card */
  .pluggy-howit-section__mobile {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    position: relative !important;
  }
  .pluggy-howit-section__mobile::before {
    content: "" !important;
    position: absolute !important;
    left: 38px !important; top: 38px !important; bottom: 38px !important;
    width: 2px !important;
    background: linear-gradient(180deg, rgba(69,182,255,0.10), rgba(69,182,255,0.55), rgba(69,182,255,0.10)) !important;
    box-shadow: 0 0 12px rgba(69,182,255,0.40) !important;
  }
  .pluggy-howit-section__row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 22px !important;
    padding: 18px 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }
  .pluggy-howit-section__row .pluggy-howit-section__node {
    position: relative !important;
    top: auto !important; left: auto !important;
    transform: none !important;
    width: 76px !important; height: 76px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }
  .pluggy-howit-section__row .pluggy-howit-section__node.is-active {
    transform: scale(1.05) !important;
  }
  .pluggy-howit-section__row .pluggy-howit-section__card {
    position: relative !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    flex: 1 !important;
    text-align: left !important;
    padding-top: 10px !important;
    bottom: auto !important; top: auto !important;
  }
  .pluggy-howit-section__row .pluggy-howit-section__card.is-active {
    transform: none !important;
  }
  .pluggy-howit-section__row .pluggy-howit-section__card::after {
    display: none !important;
  }

  /* Hide the desktop-only DOM */
  .pluggy-howit-section__desktop { display: none !important; }
}
@media (min-width: 901px) {
  .pluggy-howit-section__mobile { display: none !important; }
}

@media (max-width: 560px) {
  .pluggy-howit-section { padding: 70px 18px !important; }
  .pluggy-howit-section__mobile::before { left: 32px !important; top: 32px !important; bottom: 32px !important; }
  .pluggy-howit-section__row .pluggy-howit-section__node { width: 64px !important; height: 64px !important; }
  .pluggy-howit-section__caption { margin-top: 36px !important; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .pluggy-howit-section__flow-main,
  .pluggy-howit-section__flow-core,
  .pluggy-howit-section__comet,
  .pluggy-howit-section__comet--ghost,
  .pluggy-howit-section__comet::before {
    animation: none !important;
  }
  .pluggy-howit-section__node.is-active svg {
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aacf36f */.pluggy-zclc-section {
  --pgz-dark: #03111F !important;
  --pgz-dark-2: #021526 !important;
  --pgz-white: #FFFFFF !important;
  --pgz-primary: #1777FF !important;
  --pgz-accent: #45B6FF !important;
  --pgz-glow: rgba(142,212,255,0.12) !important;
  --pgz-ink: #010A1B !important;
  --pgz-ink-2: #444E6C !important;
  --pgz-dim: rgba(255,255,255,0.72) !important;
  --pgz-border-light: rgba(1,10,27,0.08) !important;
  --pgz-border-dark: rgba(255,255,255,0.08) !important;
  --pgz-soft: #F4F8FF !important;
  font-family: 'Manrope', sans-serif !important;
  background: var(--pgz-white) !important;
  padding: 50px 24px !important;
  position: relative !important;
  overflow: hidden !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.pluggy-zclc-section h2,
.pluggy-zclc-section h3,
.pluggy-zclc-section h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: -0.01em !important;
}
.pluggy-zclc-section__inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Soft ambient gradient blobs in the background */
.pluggy-zclc-section::before {
  content: "" !important;
  position: absolute !important;
  top: -180px !important; left: -180px !important;
  width: 600px !important; height: 600px !important;
  background: radial-gradient(circle, rgba(23,119,255,0.07) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.pluggy-zclc-section::after {
  content: "" !important;
  position: absolute !important;
  bottom: -200px !important; right: -200px !important;
  width: 700px !important; height: 700px !important;
  background: radial-gradient(circle, rgba(69,182,255,0.08) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* ============================================================
   HEADER — split layout for visual interest
   ============================================================ */
.pluggy-zclc-section__header {
display: flex;
    justify-content: center;
    gap: 40px !important;
    align-items: end !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid var(--pgz-border-light) !important;
}
.pluggy-zclc-section__header-left {
  max-width: 920px !important;
  text-align: center !important;
}
.pluggy-zclc-section__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--pgz-primary) !important;
  margin-bottom: 16px !important;
}
.pluggy-zclc-section__eyebrow::before {
  content: "" !important;
  width: 30px !important; height: 2px !important;
  background: linear-gradient(90deg, var(--pgz-primary), var(--pgz-accent)) !important;
  display: inline-block !important;
}
.pluggy-zclc-section h2 {
  font-size: clamp(34px, 4.5vw, 52px) !important;
  font-weight: 800 !important;
  color: var(--pgz-ink) !important;
  line-height: 1.1 !important;
}
.pluggy-zclc-section h2 span {
  color: var(--pgz-primary) !important;
}
.pluggy-zclc-section__header-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 18px !important;
  background: var(--pgz-soft) !important;
  border: 1px solid var(--pgz-border-light) !important;
  border-radius: 999px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--pgz-ink) !important;
  white-space: nowrap !important;
}
.pluggy-zclc-section__header-tag::before {
  content: "" !important;
  width: 8px !important; height: 8px !important;
  border-radius: 50% !important;
  background: var(--pgz-primary) !important;
  box-shadow: 0 0 12px var(--pgz-primary) !important;
  animation: pgz-blink 1.8s ease-in-out infinite !important;
}
@keyframes pgz-blink {
  0%, 100% { opacity: 1 !important; transform: scale(1) !important; }
  50%      { opacity: 0.5 !important; transform: scale(0.85) !important; }
}

/* ============================================================
   BENTO GRID — 2 rows, predictable alignment
   Row 1: two wide cards (3 + 3 columns)
   Row 2: three equal cards (2 + 2 + 2 columns)
   ============================================================ */
.pluggy-zclc-section__bento {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 22px !important;
  margin-bottom: 60px !important;
}

/* Size variants — clean, no overlap, equal row heights */
.pluggy-zclc-section__card--lg  { grid-column: span 3 !important; min-height: 320px !important; }
.pluggy-zclc-section__card--sm  { grid-column: span 2 !important; min-height: 320px !important; }

/* ============================================================
   CARD — base styling + refined hover
   ============================================================ */
.pluggy-zclc-section__card {
  position: relative !important;
  background: var(--pgz-white) !important;
  border: 1.5px solid var(--pgz-border-light) !important;
  border-radius: 22px !important;
  padding: 32px 28px !important;
  overflow: hidden !important;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
              border-color 0.45s ease,
              box-shadow 0.45s ease !important;
  display: flex !important;
  flex-direction: column !important;
  cursor: default !important;
}
/* Top accent ribbon — drawn from left to right on hover */
.pluggy-zclc-section__card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--pgz-primary), var(--pgz-accent)) !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
  z-index: 3 !important;
}
.pluggy-zclc-section__card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(23,119,255,0.30) !important;
  box-shadow: 0 24px 50px rgba(23,119,255,0.18) !important;
}
.pluggy-zclc-section__card:hover::before {
  transform: scaleX(1) !important;
}

/* Ambient floating decoration (different per card) */
.pluggy-zclc-section__card-blob {
  position: absolute !important;
  width: 220px !important; height: 220px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(69,182,255,0.16) 0%, transparent 65%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  animation: pgz-drift 9s ease-in-out infinite !important;
  opacity: 0.6 !important;
  transition: opacity 0.5s ease !important;
}
.pluggy-zclc-section__card:hover .pluggy-zclc-section__card-blob {
  opacity: 1 !important;
}
.pluggy-zclc-section__card-blob--tr { top: -80px !important; right: -80px !important; }
.pluggy-zclc-section__card-blob--bl { bottom: -90px !important; left: -90px !important; animation-delay: -3s !important; }
.pluggy-zclc-section__card-blob--br { bottom: -90px !important; right: -90px !important; animation-delay: -5s !important; }
@keyframes pgz-drift {
  0%, 100% { transform: translate(0, 0) scale(1) !important; }
  33%      { transform: translate(20px, -15px) scale(1.08) !important; }
  66%      { transform: translate(-15px, 12px) scale(0.95) !important; }
}

/* Card content sits above the blob */
.pluggy-zclc-section__card-body {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.pluggy-zclc-section__icon {
  width: 56px !important; height: 56px !important;
  border-radius: 16px !important;
  background: var(--pgz-soft) !important;
  color: var(--pgz-primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 22px !important;
  transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.pluggy-zclc-section__icon svg {
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.pluggy-zclc-section__card:hover .pluggy-zclc-section__icon {
  background: linear-gradient(135deg, var(--pgz-primary), var(--pgz-accent)) !important;
  color: var(--pgz-white) !important;
  box-shadow: 0 12px 28px rgba(23,119,255,0.35) !important;
}
.pluggy-zclc-section__card:hover .pluggy-zclc-section__icon svg {
  transform: rotate(12deg) scale(1.05) !important;
}

.pluggy-zclc-section__card h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--pgz-ink) !important;
  margin-bottom: 10px !important;
  line-height: 1.25 !important;
  transition: color 0.4s ease !important;
}
.pluggy-zclc-section__card--lg h3 {
  font-size: 24px !important;
}
.pluggy-zclc-section__card:hover h3 {
  color: var(--pgz-primary) !important;
}
.pluggy-zclc-section__card p {
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: var(--pgz-ink-2) !important;
}

/* ============================================================
   CARD-SPECIFIC TREATMENTS — each card has a unique inner element
   ============================================================ */

/* Card: Zero-Code + Low-Code (hero) — toggle pill below copy */
.pluggy-zclc-section__toggle {
  display: inline-flex !important;
  gap: 6px !important;
  margin-top: auto !important;
  padding: 5px !important;
  background: var(--pgz-soft) !important;
  border-radius: 999px !important;
  border: 1px solid var(--pgz-border-light) !important;
  align-self: flex-start !important;
}
.pluggy-zclc-section__toggle-chip {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  color: var(--pgz-ink-2) !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
}
.pluggy-zclc-section__toggle-chip--on {
  background: var(--pgz-white) !important;
  color: var(--pgz-primary) !important;
  box-shadow: 0 4px 12px rgba(23,119,255,0.18) !important;
}

/* Card: Unified API Layer — mini stack visual */
.pluggy-zclc-section__stack {
  margin-top: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.pluggy-zclc-section__stack-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 12px !important;
  background: var(--pgz-soft) !important;
  border: 1px solid var(--pgz-border-light) !important;
  border-radius: 9px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--pgz-ink) !important;
  letter-spacing: 0.06em !important;
  transition: all 0.4s ease !important;
}
.pluggy-zclc-section__card:hover .pluggy-zclc-section__stack-row {
  background: var(--pgz-white) !important;
  border-color: rgba(23,119,255,0.25) !important;
}
.pluggy-zclc-section__stack-row::before {
  content: "" !important;
  width: 7px !important; height: 7px !important;
  border-radius: 50% !important;
  background: var(--pgz-primary) !important;
  flex-shrink: 0 !important;
}
.pluggy-zclc-section__stack-row--accent {
  background: rgba(23,119,255,0.08) !important;
  border-color: rgba(23,119,255,0.25) !important;
  color: var(--pgz-primary) !important;
}
.pluggy-zclc-section__stack-arrow {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  color: var(--pgz-primary) !important;
  text-align: center !important;
  letter-spacing: 0.2em !important;
  padding: 2px 0 !important;
}

/* Card: Workflow Automation — mini node diagram */
.pluggy-zclc-section__nodes {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 20px !important;
  padding: 14px !important;
  background: var(--pgz-soft) !important;
  border-radius: 12px !important;
  border: 1px solid var(--pgz-border-light) !important;
}
.pluggy-zclc-section__node {
  width: 34px !important; height: 34px !important;
  border-radius: 9px !important;
  background: var(--pgz-white) !important;
  border: 1.5px solid var(--pgz-border-light) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--pgz-primary) !important;
  flex-shrink: 0 !important;
  transition: all 0.4s ease !important;
}
.pluggy-zclc-section__card:hover .pluggy-zclc-section__node {
  border-color: var(--pgz-primary) !important;
  background: var(--pgz-primary) !important;
  color: var(--pgz-white) !important;
}
.pluggy-zclc-section__connector {
  flex: 1 !important;
  height: 2px !important;
  background: repeating-linear-gradient(
    90deg,
    var(--pgz-primary) 0 5px,
    transparent 5px 10px
  ) !important;
  margin: 0 6px !important;
  position: relative !important;
}

/* Card: BYOC — code-style badge */
.pluggy-zclc-section__code-badge {
  margin-top: 20px !important;
  padding: 14px 16px !important;
  background: var(--pgz-dark) !important;
  border-radius: 10px !important;
  font-family: 'Consolas', 'Monaco', monospace !important;
  font-size: 12.5px !important;
  color: var(--pgz-accent) !important;
  line-height: 1.5 !important;
  position: relative !important;
}
.pluggy-zclc-section__code-badge::before {
  content: "" !important;
  position: absolute !important;
  top: 10px !important; left: 12px !important;
  width: 8px !important; height: 8px !important;
  border-radius: 50% !important;
  background: #ff5f56 !important;
  box-shadow: 14px 0 0 #ffbd2e, 28px 0 0 #27c93f !important;
}
.pluggy-zclc-section__code-badge-text {
  padding-top: 18px !important;
  display: block !important;
}
.pluggy-zclc-section__code-badge-text span {
  color: rgba(255,255,255,0.5) !important;
}

/* Card: Any API/DB/FS — marquee logos */
.pluggy-zclc-section__card--any { padding-bottom: 0 !important; }
.pluggy-zclc-section__card--any .pluggy-zclc-section__card-body { padding-bottom: 0 !important; }
.pluggy-zclc-section__marquee {
  margin: auto -28px 0 !important;
  padding: 18px 0 !important;
  border-top: 1px solid var(--pgz-border-light) !important;
  background: var(--pgz-soft) !important;
  overflow: hidden !important;
  border-bottom-left-radius: 22px !important;
  border-bottom-right-radius: 22px !important;
  position: relative !important;
}
.pluggy-zclc-section__marquee::before,
.pluggy-zclc-section__marquee::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; bottom: 0 !important;
  width: 50px !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
.pluggy-zclc-section__marquee::before {
  left: 0 !important;
  background: linear-gradient(90deg, var(--pgz-soft), transparent) !important;
}
.pluggy-zclc-section__marquee::after {
  right: 0 !important;
  background: linear-gradient(270deg, var(--pgz-soft), transparent) !important;
}
.pluggy-zclc-section__marquee-track {
  display: flex !important;
  gap: 28px !important;
  width: max-content !important;
  animation: pgz-marquee 30s linear infinite !important;
}
.pluggy-zclc-section__card--any:hover .pluggy-zclc-section__marquee-track {
  animation-duration: 16s !important;
}
@keyframes pgz-marquee {
  from { transform: translateX(0) !important; }
  to   { transform: translateX(-50%) !important; }
}
.pluggy-zclc-section__chip {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  color: var(--pgz-ink) !important;
  padding: 8px 14px !important;
  background: var(--pgz-white) !important;
  border: 1px solid var(--pgz-border-light) !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}
.pluggy-zclc-section__chip::before {
  content: "" !important;
  width: 6px !important; height: 6px !important;
  border-radius: 50% !important;
  background: var(--pgz-primary) !important;
}

/* ============================================================
   BOTTOM BAR — "Meet Pluggy" reimagined with vertical brand label
   ============================================================ */
.pluggy-zclc-section__meet {
  display: grid !important;
  grid-template-columns: 120px 1fr auto !important;
  gap: 40px !important;
  align-items: stretch !important;
  background: var(--pgz-dark) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  position: relative !important;
  min-height: 240px !important;
}
.pluggy-zclc-section__meet::before {
  content: "" !important;
  position: absolute !important;
  top: -120px !important; right: -120px !important;
  width: 400px !important; height: 400px !important;
  background: radial-gradient(circle, var(--pgz-glow) 0%, transparent 60%) !important;
  pointer-events: none !important;
}
.pluggy-zclc-section__meet::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px) !important;
  background-size: 60px 60px !important;
  mask-image: radial-gradient(ellipse at center, #000 30%, transparent 80%) !important;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 80%) !important;
  pointer-events: none !important;
}

/* Vertical brand strip on the left */
.pluggy-zclc-section__meet-side {
  background: linear-gradient(180deg, var(--pgz-primary), var(--pgz-accent)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 1 !important;
}
.pluggy-zclc-section__meet-vertical {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
      font-size: clamp(23px, 2vw, 30px) !important;
  font-weight: 800 !important;
  color: var(--pgz-white) !important;
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}
.pluggy-zclc-section__meet-vertical::before {
  content: "" !important;
  width: 36px !important; height: 2px !important;
  background: var(--pgz-white) !important;
  display: inline-block !important;
}

/* Center content */
.pluggy-zclc-section__meet-center {
  padding: 36px 0 !important;
  position: relative !important;
  z-index: 1 !important;
  align-self: center !important;
}
.pluggy-zclc-section__meet-eyebrow {
  display: inline-block !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--pgz-accent) !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}
.pluggy-zclc-section__meet-center h4 {
  font-size: clamp(22px, 2.6vw, 30px) !important;
  font-weight: 800 !important;
  color: var(--pgz-white) !important;
  line-height: 1.2 !important;
  max-width: 460px !important;
}
.pluggy-zclc-section__meet-center h4 em {
  font-style: normal !important;
  color: var(--pgz-accent) !important;
}

/* Stat dials on the right — animated counter rings */
.pluggy-zclc-section__dials {
  display: flex !important;
  gap: 24px !important;
  padding: 36px 40px 36px 0 !important;
  position: relative !important;
  z-index: 1 !important;
  align-self: center !important;
}
.pluggy-zclc-section__dial {
  position: relative !important;
  width: 160px !important;
  text-align: center !important;
}
.pluggy-zclc-section__dial-ring {
  position: relative !important;
  width: 140px !important;
  height: 140px !important;
  margin: 0 auto 14px !important;
}
.pluggy-zclc-section__dial-ring svg {
  width: 100% !important;
  height: 100% !important;
  transform: rotate(-90deg) !important;
}
.pluggy-zclc-section__dial-track {
  fill: none !important;
  stroke: rgba(255,255,255,0.10) !important;
  stroke-width: 6 !important;
}
.pluggy-zclc-section__dial-fill {
  fill: none !important;
  stroke: url(#pgzDialGrad) !important;
  stroke-width: 6 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 408 !important;
  stroke-dashoffset: 408 !important;
  transition: stroke-dashoffset 1.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
  filter: drop-shadow(0 0 8px rgba(69,182,255,0.55)) !important;
}
.pluggy-zclc-section__dial.is-visible .pluggy-zclc-section__dial-fill {
  stroke-dashoffset: 41 !important; /* ~90% of 408 */
}
.pluggy-zclc-section__dial-num {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 800 !important;
  color: var(--pgz-white) !important;
  letter-spacing: -0.02em !important;
}
.pluggy-zclc-section__dial-label {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--pgz-dim) !important;
  letter-spacing: 0.04em !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1180px) {
  .pluggy-zclc-section__bento {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
  .pluggy-zclc-section__card--lg,
  .pluggy-zclc-section__card--sm { grid-column: span 1 !important; min-height: 280px !important; }
  /* Hero card (first) spans both columns at tablet */
  .pluggy-zclc-section__card--lg:first-child { grid-column: span 2 !important; }
  /* The third small card (BYOC) spans both to keep 2-per-row balance */
  .pluggy-zclc-section__card--lg:nth-child(2) { grid-column: span 2 !important; }
}
@media (max-width: 900px) {
  .pluggy-zclc-section { padding: 90px 22px !important; }
  .pluggy-zclc-section__header {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    align-items: start !important;
  }

  .pluggy-zclc-section__meet {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
  }
  .pluggy-zclc-section__meet-side {
    min-height: 60px !important;
    padding: 16px 0 !important;
  }
  .pluggy-zclc-section__meet-vertical {
    writing-mode: horizontal-tb !important;
    transform: none !important;
    font-size: 22px !important;
  }
  .pluggy-zclc-section__meet-center { padding: 28px 28px 0 !important; }
  .pluggy-zclc-section__dials {
    padding: 24px 28px 32px !important;
    justify-content: center !important;
  }
}
@media (max-width: 700px) {
  .pluggy-zclc-section { padding: 70px 18px !important; }
  .pluggy-zclc-section__bento { grid-template-columns: 1fr !important; }
  .pluggy-zclc-section__card--lg,
  .pluggy-zclc-section__card--sm,
  .pluggy-zclc-section__card--lg:first-child,
  .pluggy-zclc-section__card--lg:nth-child(2) { grid-column: span 1 !important; min-height: 260px !important; }
  .pluggy-zclc-section__card { padding: 26px 22px !important; }
  .pluggy-zclc-section__card h3,
  .pluggy-zclc-section__card--lg h3 { font-size: 19px !important; }
  .pluggy-zclc-section__icon { width: 48px !important; height: 48px !important; margin-bottom: 18px !important; }
  .pluggy-zclc-section__marquee { margin-left: -22px !important; margin-right: -22px !important; }

  .pluggy-zclc-section__dials { flex-direction: column !important; gap: 18px !important; align-items: center !important; }
  .pluggy-zclc-section__dial { width: 140px !important; }
  .pluggy-zclc-section__dial-ring { width: 120px !important; height: 120px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .pluggy-zclc-section__card-blob,
  .pluggy-zclc-section__marquee-track,
  .pluggy-zclc-section__header-tag::before { animation: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cec15c4 */.pluggy-outcomes-section {
  background: var(--pg-white) !important;
  padding: 40px 24px !important;
}
.pluggy-outcomes-section__inner {
  max-width: 1440px !important;
  margin: 0 auto !important;
}
.pluggy-outcomes-section__header {
  text-align: center !important;
  max-width: 820px !important;
  margin: 0 auto 30px !important;
}
.pluggy-outcomes-section__eyebrow {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--pg-primary) !important;
  margin-bottom: 10px !important;
}
.pluggy-outcomes-section h2 {
  font-size: clamp(32px, 4vw, 46px) !important;
  font-weight: 800 !important;
  color: var(--pg-ink) !important;
  line-height: 1.15 !important;
  margin-bottom: 14px !important;
}
.pluggy-outcomes-section__sub {
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: var(--pg-ink-2) !important;
}
.pluggy-outcomes-section__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
}
.pluggy-outcomes-section__card {
  background: var(--pg-white) !important;
  border: 1.5px solid var(--pg-border-light) !important;
  border-radius: 22px !important;
  padding: 20px 28px !important;
  text-align: center !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: default !important;
  position: relative !important;
  overflow: hidden !important;
}
.pluggy-outcomes-section__card:hover {
  background: var(--pg-dark) !important;
  border-color: var(--pg-dark) !important;
  transform: translateY(-10px) scale(1.04) !important;
  box-shadow: 0 24px 56px rgba(3,17,31,0.30) !important;
}
.pluggy-outcomes-section__num {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(40px, 5vw, 56px) !important;
  font-weight: 800 !important;
  color: var(--pg-primary) !important;
  line-height: 1 !important;
  margin-bottom: 14px !important;
  transition: color 0.3s ease !important;
}
.pluggy-outcomes-section__card:hover .pluggy-outcomes-section__num {
  background: linear-gradient(135deg, var(--pg-primary), var(--pg-accent)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
.pluggy-outcomes-section__card h3 {
  font-size: 19px !important;
  font-weight: 700 !important;
  color: var(--pg-ink) !important;
  margin-bottom: 8px !important;
  transition: color 0.3s ease !important;
}
.pluggy-outcomes-section__card p {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: var(--pg-ink-2) !important;
  transition: color 0.3s ease !important;
}
.pluggy-outcomes-section__card:hover h3 {
  color: var(--pg-white) !important;
}
.pluggy-outcomes-section__card:hover p {
  color: var(--pg-dim) !important;
}
/* =========================================
   PLUGGY OUTCOMES RESPONSIVE CSS
========================================= */

/* Smaller Desktop and Laptop */
@media screen and (max-width: 1199px) {
  .pluggy-outcomes-section {
    padding: 40px 30px !important;
  }

  .pluggy-outcomes-section__inner {
    max-width: 1240px !important;
  }

  .pluggy-outcomes-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  .pluggy-outcomes-section__card {
    padding: 26px 24px !important;
  }
}

/* Tablet */
@media screen and (max-width: 991px) {
  .pluggy-outcomes-section {
    padding: 45px 24px !important;
  }

  .pluggy-outcomes-section__header {
    max-width: 720px !important;
    margin-bottom: 28px !important;
  }

  .pluggy-outcomes-section h2 {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }

  .pluggy-outcomes-section__sub {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  .pluggy-outcomes-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .pluggy-outcomes-section__card {
    padding: 25px 22px !important;
    border-radius: 18px !important;
  }

  .pluggy-outcomes-section__num {
    font-size: 48px !important;
  }
}

/* Mobile Landscape and Large Mobile */
@media screen and (max-width: 767px) {
  .pluggy-outcomes-section {
    padding: 40px 18px !important;
  }

  .pluggy-outcomes-section__header {
    margin-bottom: 24px !important;
  }

  .pluggy-outcomes-section__eyebrow {
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 10px !important;
  }

  .pluggy-outcomes-section h2 {
    font-size: 30px !important;
    line-height: 1.22 !important;
    margin-bottom: 12px !important;
  }

  .pluggy-outcomes-section__sub {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  .pluggy-outcomes-section__grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .pluggy-outcomes-section__card {
    padding: 26px 20px !important;
    border-radius: 16px !important;
  }

  .pluggy-outcomes-section__num {
    font-size: 44px !important;
    margin-bottom: 12px !important;
  }

  .pluggy-outcomes-section__card h3 {
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }

  .pluggy-outcomes-section__card p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
}

/* Small Mobile */
@media screen and (max-width: 479px) {
  .pluggy-outcomes-section {
    padding: 36px 15px !important;
  }

  .pluggy-outcomes-section h2 {
    font-size: 27px !important;
  }

  .pluggy-outcomes-section__sub {
    font-size: 14.5px !important;
  }

  .pluggy-outcomes-section__grid {
    gap: 14px !important;
  }

  .pluggy-outcomes-section__card {
    padding: 24px 18px !important;
    border-radius: 14px !important;
  }

  .pluggy-outcomes-section__num {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  .pluggy-outcomes-section__card h3 {
    font-size: 17px !important;
  }

  .pluggy-outcomes-section__card p {
    font-size: 13.5px !important;
  }
}

/* Disable hover movement on touch devices */
@media (hover: none) and (pointer: coarse) {
  .pluggy-outcomes-section__card:hover {
    background: var(--pg-white) !important;
    border-color: var(--pg-border-light) !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .pluggy-outcomes-section__card:hover
    .pluggy-outcomes-section__num {
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: var(--pg-primary) !important;
    color: var(--pg-primary) !important;
  }

  .pluggy-outcomes-section__card:hover h3 {
    color: var(--pg-ink) !important;
  }

  .pluggy-outcomes-section__card:hover p {
    color: var(--pg-ink-2) !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4895005 */.pluggy-challenges-section {
  background: var(--pg-white) !important;
  padding: 50px 24px !important;
}
.pluggy-challenges-section__inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
}
.pluggy-challenges-section__header {
  text-align: center !important;
  max-width: 920px !important;
  margin: 0 auto 20px !important;
}
.pluggy-challenges-section__eyebrow {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--pg-primary) !important;
  margin-bottom: 14px !important;
}
.pluggy-challenges-section h2 {
  font-size: clamp(32px, 4vw, 46px) !important;
  font-weight: 800 !important;
  color: var(--pg-ink) !important;
  line-height: 1.15 !important;
}
.pluggy-challenges-section__grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 22px !important;
  margin-bottom: 48px !important;
}
.pluggy-challenges-section__card {
  background: var(--pg-white) !important;
  border: 1.5px solid var(--pg-border-light) !important;
  border-radius: 20px !important;
  padding: 32px 24px !important;
  text-align: left !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: default !important;
  position: relative !important;
  overflow: hidden !important;
}
.pluggy-challenges-section__card:hover {
  background: var(--pg-primary) !important;
  border-color: var(--pg-primary) !important;
  transform: translateY(-8px) scale(1.03) !important;
  box-shadow: 0 24px 48px rgba(23,119,255,0.30) !important;
}
.pluggy-challenges-section__icon {
  width: 56px !important; height: 56px !important;
  border-radius: 14px !important;
  background: var(--pg-soft) !important;
  color: var(--pg-primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 22px !important;
  transition: all 0.4s ease !important;
}
.pluggy-challenges-section__card:hover .pluggy-challenges-section__icon {
  background: rgba(255,255,255,0.18) !important;
  color: var(--pg-white) !important;
}
.pluggy-challenges-section__card h3 {
  font-size: 19px !important;
  font-weight: 700 !important;
  color: var(--pg-ink) !important;
  margin-bottom: 10px !important;
  transition: color 0.3s ease !important;
}
.pluggy-challenges-section__card p {
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: var(--pg-ink-2) !important;
  transition: color 0.3s ease !important;
}
.pluggy-challenges-section__card:hover h3,
.pluggy-challenges-section__card:hover p {
  color: var(--pg-white) !important;
}
.pluggy-challenges-section__summary {
  background: linear-gradient(135deg, #F8FBFF, var(--pg-soft)) !important;
  border: 1.5px solid var(--pg-border-light) !important;
  border-radius: 20px !important;
  padding: 16px 36px !important;
  text-align: center !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(18px, 2vw, 22px) !important;
  font-weight: 700 !important;
  color: var(--pg-ink) !important;
  line-height: 1.45 !important;
}
.pluggy-challenges-section__summary span {
  color: var(--pg-primary) !important;
}/* End custom CSS */
/* Start custom CSS */.pluggy-hero-section, .pluggy-challenges-section, .pluggy-trends-section,
.pluggy-features-section, .pluggy-nextwave-section, .pluggy-outcomes-section,
.pluggy-usecases-section, .pluggy-testimonials-section, .pluggy-cta-section,
.pluggy-footer-section {
  --pg-dark: #03111F !important;
  --pg-dark-2: #021526 !important;
  --pg-white: #FFFFFF !important;
  --pg-primary: #1777FF !important;
  --pg-accent: #45B6FF !important;
  --pg-glow: rgba(142,212,255,0.12) !important;
  --pg-ink: #010A1B !important;
  --pg-ink-2: #444E6C !important;
  --pg-dim: rgba(255,255,255,0.72) !important;
  --pg-border-dark: rgba(255,255,255,0.08) !important;
  --pg-border-light: rgba(1,10,27,0.08) !important;
  --pg-soft: #F4F8FF !important;
}


.pluggy-hero-section, .pluggy-challenges-section, .pluggy-trends-section,
.pluggy-features-section, .pluggy-nextwave-section, .pluggy-outcomes-section,
.pluggy-usecases-section, .pluggy-testimonials-section, .pluggy-cta-section,
.pluggy-footer-section {
  font-family: 'Manrope', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.pluggy-hero-section h1, .pluggy-hero-section h2,
.pluggy-challenges-section h2, .pluggy-challenges-section h3,
.pluggy-trends-section h2, .pluggy-trends-section h3,
.pluggy-features-section h2, .pluggy-features-section h3, .pluggy-features-section h4,
.pluggy-nextwave-section h2, .pluggy-nextwave-section h3,
.pluggy-outcomes-section h2, .pluggy-outcomes-section h3,
.pluggy-usecases-section h2, .pluggy-usecases-section h3,
.pluggy-testimonials-section h2, .pluggy-testimonials-section h3,
.pluggy-cta-section h2,
.pluggy-footer-section h3, .pluggy-footer-section h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: -0.01em !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1180px) {
  .pluggy-challenges-section__grid { grid-template-columns: repeat(3, 1fr) !important; }
  .pluggy-trends-section__grid { grid-template-columns: repeat(2, 1fr) !important; }
  .pluggy-features-section__grid { grid-template-columns: repeat(2, 1fr) !important; }
  .pluggy-nextwave-section__grid { grid-template-columns: repeat(3, 1fr) !important; }
  .pluggy-outcomes-section__grid { grid-template-columns: repeat(2, 1fr) !important; }
  .pluggy-features-section__meet {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
    padding: 40px 36px !important;
  }
  .pluggy-features-section__meet-text { grid-column: 1 / -1 !important; }
}
@media (max-width: 1024px) {
  .pluggy-hero-section { padding: 90px 22px 70px !important; }
  .pluggy-hero-section__inner { grid-template-columns: 1fr !important; gap: 50px !important; }
  .pluggy-hero-section__visual { max-width: 420px !important; }
  .pluggy-challenges-section, .pluggy-trends-section,
  .pluggy-features-section, .pluggy-nextwave-section,
  .pluggy-outcomes-section, .pluggy-testimonials-section,
  .pluggy-cta-section { padding: 80px 22px !important; }
  .pluggy-usecases-section { padding: 80px 0 !important; }
  .pluggy-testimonials-section__quote-block { padding: 44px 36px !important; }
  .pluggy-footer-section__grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 36px !important;
  }
}
@media (max-width: 720px) {
  .pluggy-hero-section { padding: 70px 18px 56px !important; }
  .pluggy-hero-section__visual { max-width: 320px !important; }
  .pluggy-hero-section__node { width: 44px !important; height: 44px !important; }
  .pluggy-hero-section__core { width: 92px !important; height: 92px !important; font-size: 18px !important; }
  .pluggy-hero-section__orbit--core { inset: 100px !important; }

  .pluggy-challenges-section, .pluggy-trends-section,
  .pluggy-features-section, .pluggy-nextwave-section,
  .pluggy-outcomes-section, .pluggy-testimonials-section,
  .pluggy-cta-section { padding: 60px 18px !important; }
  .pluggy-usecases-section { padding: 60px 0 !important; }
  .pluggy-usecases-section__header { padding: 0 18px !important; }
  .pluggy-usecases-section__track-wrap { padding: 0 18px !important; }
  .pluggy-usecases-section__card { flex: 0 0 280px !important; padding: 30px 24px !important; }

  .pluggy-challenges-section__grid,
  .pluggy-trends-section__grid,
  .pluggy-features-section__grid,
  .pluggy-nextwave-section__grid,
  .pluggy-outcomes-section__grid { grid-template-columns: 1fr !important; }

  .pluggy-challenges-section__summary { padding: 26px 22px !important; }
  .pluggy-features-section__meet {
    grid-template-columns: 1fr !important;
    padding: 32px 26px !important;
    text-align: center !important;
  }
  .pluggy-features-section__stat {
    border-left: none !important;
    border-top: 1px solid var(--pg-border-dark) !important;
    padding-left: 0 !important;
    padding-top: 22px !important;
    text-align: center !important;
  }
  .pluggy-testimonials-section__quote-block { padding: 36px 24px !important; }
  .pluggy-testimonials-section__mark { font-size: 84px !important; top: 18px !important; left: 22px !important; }
  .pluggy-testimonials-section__meta { flex-wrap: wrap !important; }
  .pluggy-testimonials-section__logo { margin-left: 0 !important; margin-top: 8px !important; }
  .pluggy-cta-section__btn { padding: 14px 24px !important; font-size: 14px !important; }
  .pluggy-footer-section { padding: 60px 18px 26px !important; }
  .pluggy-footer-section__grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    padding-bottom: 36px !important;
  }
  .pluggy-footer-section__bottom { flex-direction: column !important; align-items: flex-start !important; }
}/* End custom CSS */