/* inside /homepage's stylesheet */
/*
html, body { scrollbar-width: none; -ms-overflow-style: none; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; }
*/



*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Poppins', sans-serif; color: #474747; background: #fff; -webkit-font-smoothing: antialiased; margin: 0px; padding: 0px; }

html, body { /* scrollbar-width: none; */ -ms-overflow-style: none; scroll-behavior: smooth; scrollbar-gutter: stable; }
/*
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; }
*/

.body_div  { display: none; }


.navbar { flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; position: relative; display: flex; align-items: center;
  background-color: #f7f8fb; border-bottom: 1px solid #e9ecef; font-size: 1rem; color:#212529; font-weight: normal; }
.container { display: flex;  flex-wrap: wrap; align-items: center; justify-content: space-between; width: 94%; margin: 10px auto 10px auto; }
.navbar-brand { width: 70px; height: 70px; float: left; }

.navbar-collapse {  }

a:hover { text-decoration: none !important; }

ul.navbar-nav { display: flex; list-style: none; padding: 0; margin: 0; text-align: right; }
ul.navbar-nav li { margin-left: 2rem; }
ul.navbar-nav li a { color: #8d8d8d;}
ul.navbar-nav li a.nav-link { line-height: 38px; }
ul.navbar-nav li a:hover { color:#000; }
.newvis_btn { display: inline-flex; align-items: center; justify-content: center;  border-radius: 16px; background: #1e9aed;
    color: #fff !important; font-family: 'Poppins', sans-serif; font-weight: 600; padding: 14px 28px !important; font-size: 18px !important; height: 38px !important; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05); border: none; cursor: pointer; white-space: nowrap; }
.newvis_btn:hover { opacity: 0.9; }

.btn-secondary {display: inline-block; font-weight: normal !important; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid #e9ecef !important;
   background-color: #FFF !important; border-radius: 0.25rem; padding: 14px 28px !important; font-size: 18px !important; height: 38px !important;
   transition: all 0.15s ease-in-out; color: #868e96 !important; box-shadow: none !important;
 }

footer { display: block; font-size: 1rem; line-height: 1.5; }
footer .container { display: block; position: relative; margin-right: auto; margin-left: auto !important; margin-bottom: 0px; padding-right: 15px; padding-left: 15px; width: 100%;
  color:#fff; background-color: #000; padding: 30px; padding-left: 30px !important;  }
footer .container .row { display: flex; flex-wrap: wrap; gap: 1rem !important; margin-right: -15px; margin: 0px auto; padding-bottom: 30px; font-size: 14px; }
footer .navbar-brand { width: 150px; }
footer .bottom_logo { width: 150px; height: 150px; vertical-align: middle; border-style: none; margin: 0px auto !important;  }
li.nav-item { box-sizing: inherit; }
.col-md-2 { width: 17% !important; }
.col-md-8 { width: 62% !important; }
.nav-pills { list-style: none;  }
.col-sm-2 { margin: 0px auto; }
/*
.col-sm-2:not(:first-child) { margin-left: 4%; }
@media (max-width: 1380px) {
  .col-sm-2:not(:first-child) {
    margin-left: 2%;
  }
}
*/
footer p.text-muted { font-size: 13px !important; font-weight: normal !important; margin-bottom: 1rem; }
footer .col-md-2 p { font-size: 16px; font-weight: bold; }
footer a { color: #ffffff !important; }




#hero_main { display: block; max-width: 94%; margin: 30px auto 60px auto; }
img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
h1 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 4vw; line-height: 5vw; letter-spacing: -1px;   }
h2 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 3vw; line-height: 3.8vw; }
h3 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 32px; line-height: 1; }
h4 { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 24px; line-height: 1; }
p { font-size: 24px; line-height: 1.2; font-family: Inter; }
.btn { display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 24px 48px; border-radius: 16px; background: #1e9aed;
  color: #fff; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 24px;  border: none; cursor: pointer; white-space: nowrap;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25),  0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  text-transform: none !important; letter-spacing: normal !important;

}
.btn:hover { opacity: 0.9; text-decoration: none !important; }
.section { padding: 64px; display: flex; flex-direction: column; align-items: center; gap: 64px; overflow: hidden; }
.section__header { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; width: 100%; }
.section__header h2 { max-width: 520px; }
.section__header--left { align-items: flex-start; }
.hero { display: flex; flex-direction: column; width: 100%; align-items: center; gap: 64px; background: #fff; overflow: hidden; }

.hero__header { width: 100%; margin: 60px auto; vertical-align: top; }
.hero__header h1 { width: 55%; float: left; -webkit-text-stroke: 1px black; }
.hero__cta { font-size: 1vw; width: 40%; margin-top: 10px; max-width: 450px; float: right; }
.hero__cta p { text-align: right;  }
.hero__cta a { float: right; margin-top: 20px;;  }

.hero__visual2 { display: none; }
.hero__visual { position: relative; overflow: hidden; margin-top: 10px; height: 0; padding-top: 54%; border-radius: 24px;
  background: linear-gradient(to bottom right, #d5eeff 0%, #fcfeff 51%, #d5eeff 100%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25),  0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}


.hero__macbook--main { position: absolute;  bottom: 40px; left: 0px; width: 45%; }
.hero__macbook--main .hero__macbook-screen { width: 100%; border-radius: 10px 10px 0 0; }
.hero__macbook--secondary { position: absolute; bottom: 40px; width: 45%; right: 0px; }
.hero__macbook--secondary .hero__macbook-screen { float: right; width: 70%; border-radius: 10px 0 0 0; }



.hero__chip { position: absolute; z-index: 2; }
.hero__chip--left { top: 7%; left: 50%; transform: translateX(-50%); z-index: 3;}
.hero__chip--right { position: absolute; top: 10%; right: 2%; z-index: 3; }
.chip { display: inline-flex; align-items: center; justify-content: center; padding: 8px 24px; border-radius: 50px; background: #fff;
  font-size: 24px; font-family: 'Nunito', sans-serif; color: #000; white-space: nowrap; font-weight: bold;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25),  0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.chip--dark { background: #000; color: #fff; }


.hero__comment { position: absolute; top: 16%; left: 51%; transform: translateX(-50%); min-width: 250px; z-index: 2;
  left: 49vw; width: 25vw;
}
.hero__comment-inner { background: #fff; border-radius: 10px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05); padding: 16px;
  display: flex; flex-direction: column; gap: 8px; margin: 10px auto;
  opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.hero__comment-inner.is-visible { opacity: 1; transform: translateY(0);}

.hero__comment-top { display: flex; justify-content: space-between; align-items: flex-start; }
.hero__comment-user { display: flex; gap: 8px; align-items: flex-start; }
.hero__comment-avatar { width: 32px; height: 32px; border-radius: 100px; background: #757575; color: #fff; font-family: 'Poppins', sans-serif; font-size: 16px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hero__comment-details { display: flex; flex-direction: column; gap: 4px; }
.hero__comment-name { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; color: #3d3d3d; }
.hero__comment-date { font-family: 'Poppins', sans-serif; font-size: 12px; color: #7b7b7b; line-height: 16px; }
.hero__comment-body { padding-left: 48px; display: flex; flex-direction: column; gap: 8px; }
.hero__comment-body p { font-size: 14px; line-height: 22px; color: #3D3D3D; font-weight: normal; }
.hero__comment-reply { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 12px; color: #1856ed; }


.section--who-we-serve { gap: 64px; margin-top: 100px; }
.section__header-content { display: flex; flex-direction: column; align-items: center; width: 100%; gap: 16px; }
.section__header-content h2 { max-width: 520px; text-align: center; }
.who-we-serve { display: flex; flex-direction: column; align-items: center; gap: 48px; }
.who-we-serve__badges { display: flex; gap: 24px; justify-content: center; }

.badge { padding: 16px 24px; border-radius: 50px; border: 1px solid #e7e7e7; background: #fafafa; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 24px; white-space: nowrap; cursor: pointer;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25),  0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
.badge:hover { background-color: #E7E7E7; }
.badge--active { background: #1e9aed; color: #fff; /*box-shadow: 0 0 25px 8px rgba(0, 0, 0, 0.05); */
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25),  0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.badge--active:hover { background: #1e9aed !important; }

.serve-card { display: none; background: linear-gradient(115deg, #fff 0%, #f7f7f7 100%); border-radius: 24px;
  overflow: hidden; width: 100%; height: 500px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25),  0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.serve-card__content { width: 582px; padding: 64px; display: flex; flex-direction: column; gap: 16px; flex-shrink: 0; }
.serve-card__title { display: flex; align-items: center; gap: 16px; }
.serve-card__icon { width: 32px; height: 32px; border-radius: 100px; background: #1e9aed; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; padding: 4px; }
.serve-card__icon img { width: 20px; height: 20px; }
.serve-card__image { flex: 1; overflow: hidden; }
.serve-card__image img { width: 100%; height: 100%; object-fit: cover; }


/* Your existing CSS with minor functional additions */
.trusted { text-align: center; }
.trusted__wrapper { position: relative; width: 100%; overflow: hidden; }
.trusted__logos { display: flex; align-items: center; gap: 60px; overflow: hidden; white-space: nowrap; padding: 20px 0; cursor: grab; user-select: none; scroll-behavior: auto !important; -webkit-overflow-scrolling: touch; }
.trusted__wrapper::before, .trusted__wrapper::after { content: ''; position: absolute; top: 0; bottom: 0; width: 100px; z-index: 5; pointer-events: none; }
.trusted__wrapper::before { left: 0; background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }
.trusted__wrapper::after { right: 0; background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0)); }
.trusted__logos.is-dragging { cursor: grabbing; }
.trusted__logo-img { max-height: 100px; flex-shrink: 0; vertical-align: middle; pointer-events: none; }

#logo_aapl  {width: 230px; }
#logo_fire  {width: 100px; }
#logo_swipe {width: 230px; }
#logo_resp  {width: 230px; }
#logo_clef  {width: 230px; }
#logo_hung  {width: 230px; }
#logo_cons  {width: 230px; }
#logo_food  {width: 100px; }
#logo_nda1  {width: 230px; }
#logo_rais  { width: 230px; }
#logo_mln   { height: 100px; }
#logo_pano  { height: 100px; }


.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar {-ms-overflow-style: none; scrollbar-width: none;}
#feature-scroll-boxo2 { position: relative; margin: 140px 20px 0px 20px; }
#feature-scroll-box2 { display: flex; align-items: flex-start; width: 100%; gap: 5%; }
#feature-scroll-box-left2 { display: flex; width: 35%; top: 140px; align-self: flex-start; position: sticky; height: 600px; }
#feature-scroll-box-right2 { width: 60%; display: flex; flex-direction: column; gap: 40px; }

#feature-scroll-boxo { position: relative; margin: 200px 20px 0px 20px; }
#feature-scroll-box { display: flex; align-items: flex-start; width: 100%; gap: 5%; }
#feature-scroll-box-left { width: 60%; display: flex; flex-direction: column; gap: 40px; }
#feature-scroll-box-right { display: flex; flex-direction: column; width: 35%; top: 140px; align-self: flex-start; position: sticky; height: 600px; }

.feature_bottom_border { position: relative; margin-top: 40px; }
.feature_bottom_border::after {
    content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 99vw;
    height: 4px; box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);  pointer-events: none;
}




.feature-split__info { font-size: 2vw; }

/* Optional Mobile Responsiveness */
/* @media (max-width: 768px) { */
#hero__cta_a2 { display:  none; }

.navbar-toggler { display: none; cursor: pointer; padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background: transparent; border: 1px solid transparent; border-radius: 0.25rem; }
.navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; }
.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; }

.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); }
.navbar-dark .navbar-brand { color: #fff; }
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff; }
.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); }
.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; }
.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }

#mobile_nav { margin-top: 20px; flex-basis: 100%; }
#mobile_nav>div{ margin: 10px 0px; text-align: center; text-decoration: none; }


.gs_non_mobile { display: block; }
.gs_mobile { display: none; margin-top: 40px;  text-align: center; }
#zapier3 {display: none; }
#feature-scroll-box-right_mobile { display: none; }
.cta_extra_img { display: none; }






#hero_phone_image_scroll {
  display: flex;
  overflow-x: scroll;
  width: 100%;
  height: auto;
  margin: 0px auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  border-radius: 10px;
  box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
}

#hero_phone_image_scroll::-webkit-scrollbar {
  display: none;
}

.hero_phone_image_scroll_item {
  overflow: hidden;
  background: rgba(0, 0, 0, 0.25);
  flex-shrink: 0;
  width: 100%; /* 100% of the visible container */
  scroll-snap-align: start; /* optional but helps snapping */
}

.hero_phone_image_scroll_item img {
  width: 100%; /* 300 x 250 */
  height: auto;
  display: block;
}








#hero_phone_visual { display: none; }
@media (max-width: 900px) {
  #hero_phone_visual { display: block; }
  .hero__visual { display: none;}
  .hero__visual2 { display: none;}


  #gs_non_mobile { display: none !important; }
  .gs_mobile { display: block; }
  .feature-split__info { display: block; font-size: 1.5em !important; margin: 0px !important;}

  .navbar-toggler { display: block; }
  .navbar-collapse { display: none; }

  .who-we-serve__badges { justify-content: left; width: 100%; }
  .badge { padding: 6px 10px;  }
  .serve-card__content { width: 100%; padding: 64px 20px; }
  .serve-card__content p { font-size: 16px; }
  .who-we-serve { width: 100%; }
  .section { padding: 64px 0px; }
  .section .section--who-we-serve { padding: 0px; }
  .serve-card { flex-direction: column; }
  .serve-card__image { border-radius: 0px 0px 20px 20px; }
  .serve-card__image > img {  }

  #feature-scroll-boxo2 { margin-top: 0px;  }
  .feature-split__info { width: 100%; }
  .feature-split__info { font-size: 1.5em; }
  .feature-split__info h2 { font-size: 1.5em; line-height: normal; }
  .who-we-serve__badges { display: flex; overflow-x: auto; gap: 12px; padding-bottom: 8px; }
  .who-we-serve__badges .badge { flex-shrink: 0; white-space: nowrap; -webkit-tap-highlight-color: transparent; }





  #feature-scroll-box-right_mobile { display: block !important; }
  #feature-scroll-box2, #feature-scroll-box { flex-direction: column; } #feature-scroll-box-left,
  #feature-scroll-box-right, #feature-scroll-box-left2, #feature-scroll-box-right2 { width: 100%; align-items: center; text-align: center; position: static; margin-top: 0; }
  #feature-scroll-boxo2 { margin-top: 40px; }
  .feature-split__info h2 { font-size: 1em !important; }

  #feature-scroll-box-left2 { height: auto; margin: 70px 0px 50px 0px; }
  .feature-card__title { gap: 6px !important; }
  .feature-card__title h3 { font-size: 1.2em;}
  .feature-card__header p { font-size: 15px; text-align: left; }

  .hero__cta a { display:  none !important; }
  #hero__cta_a2 { display: block; margin: 30px auto 0px auto; text-align: center; }


  .hero__cta, .hero__cta p, .hero__header h1 { width: 100%; max-width: none !important; float: none; text-align: center; }
  .section__header-content h2, .hero__header h1 { font-size: 8vw; line-height: 10vw; }
  .hero__macbook--main { width: 45%;  }
  .hero__macbook--secondary,  .hero__chip--right { display: none; }
  .hero__comment { left: auto; right: 4vw; width: 50vw; transform: none; }
  .hero__chip--left { top: 4vw; right: 20vw; left: auto; transform: none; }

  .card-alerts__img-1 { left: -17px !important; }
  .card-alerts__img-2 { left: 68px !important;  }

  .feature-card__images {width: 100% !important; overflow: hidden;}
  .card-track__img {width: 100% !important; margin-left: -20px; }
  .feature-card__img.card-track__img{ width: 600px !important; left: -100px; }
  .card-track__img img { object-fit: unset !important; }
  .feature-card__img.card-ai__img{ width: 100%; }
  .feature-card__img img { width: 100%;  }
  #huddleai.feature-card { height: 530px }
  .feature_bottom_border { display: none; }

  .feature_bottom_border { display: none; }

  #fc_action_pages.feature-card { height: 459px }
  .card-action__screenshot { margin-top: 30px; margin-left: 20px;  }

  #fc_manage { height: 487px; }
  #fc_manage .feature-card__img > img { width: 100% !important; }
  .feature-card__img.card-network__img { height: 232px; }

  #feature-scroll-box-right { display: none; }
#feature-scroll-boxo { /* margin-top: 0px; */ }
  #integration_section { margin-top: 50px; }
  .section__header h2 { font-size: 2em !important; line-height: 1.3em; }



  .integration-card__screen-pair, .integration-card__dots{ display: none !important;}
  .integration-card__info { width: 100% !important; }
  .integration-card__screens { position: relative !important; left: 0px; top: 164px !important; width: 100% !important; }
  .integration-card__bottom-screen { display: block !important; top: 100px !important; width: 100% !important;  }
  .integration-card--full { height: 500px !important; }
  .integrations__row { display: block !important; width: 100%; }
  .integration-card__fade { display: none; }
  .integration-card--half { height: 490px !important; margin-bottom: 40px; }
  #zapier1 {display: none; }
  #zapier2 {display: none; }
  #zapier3 {display: block; }
  .integration-card__content { top: 122px !important; }

  #virtuous_card_1 { margin-bottom: 0px !important; }
  .integration-card__content--centered img { padding: 0px !important; }

  .integrations__btn { width: 200px; border-radius: 10px !important; font-size: 15px; height: 16px; margin-top: -30px; padding: 16px 50px;  }
  .section_reviews { margin-top: 0px !important;  }

  .section_cta { display: block !important; padding: 0px !important;  }
  .cta__left { display: block !important;  width: 100% !important; }
  .cta__right { display: none !important;  width: 100% !important; }
  .cta__input {display: block !important;  width: 100% !important; box-shadow: none !important; margin-top: 10px !important;  }
  .cta__input input { display: block;   width: 95% !important; border: 1px solid #cbcbcb !important; padding: 6px 20px !important; border-radius: 10px; }
  #set_leads_download_fname5 { width: 90%; margin: 20px auto; }
  #set_leads_download_email5 { width: 90%; margin: 20px auto; }

  .cta_extra_img { display: block; margin: 20px;  }
  .cta_extra_img img { display: inline-block; }
  .cta { text-align: center !important; }
  .cta__left h2 { font-size: 1.5em !important; line-height: 1.5em !important; }
  .cta__left p { font-size: 17px;  }
  .cta__blob { position: relative !important; }
  .cta__book img {right: -9rem; top: -10rem; width: 600px !important; }

  .blog__posts{ display: block !important; text-align: center !important;  }
  .blog-post h3 { margin-top: 20px !important; text-align: left; padding: 10px; font-size: 20px !important;}
  .blog-post { display: block !important; margin: 60px 0px !important;  }

  footer {   }
  footer .navbar-brand { width: 100%; }
  footer .container { margin-top: 0px !important; }
  footer .container .row { display: block; width: 100%; padding-top: 20px;  text-align: center; }
  footer .container .row div { display: block; width: 100%; margin: 30px auto; }
  footer .row .justify-content-center { margin-top: 200px !important; }
  footer .nav-item { margin-top: 3px; font-weight: normal !important; font-family: 'Inter', sans-serif; }
  footer .nav-item.font-weight-bold { font-weight: bold !important; font-size: 16px !important; }

}



/*
#feature-scroll-box::-webkit-scrollbar { display: none;}
#feature-scroll-box2::-webkit-scrollbar { display: none;}
*/

.feature-card { background: linear-gradient(115deg, #fff 0%, #f7f7f7 100%); border-radius: 24px;
  overflow: hidden; position: relative; height: 550px; width: 100%; /*padding: 48px;*/ margin-bottom: 15px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25),  0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.feature-card__header { display: flex; flex-direction: column; gap: 16px; padding: 48px; }
.feature-card__header--wide { gap: 16px; }
.feature-card__title { display: flex; align-items: center; gap: 16px; }
.feature-card__icon { width: 32px; height: 32px; border-radius: 100px; background: #1e9aed; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; }
.feature-card__icon img { width: 24px; height: 24px; }

.feature-card__images { position: relative; width: 86%; height: 100%; margin: 0px auto; }

.feature-card__img { position: absolute; border-radius: 10px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05); overflow: hidden; }
.feature-card__img img { width: 100%; height: 100%; object-fit: cover; }
.card-action__browser-dots { width: auto !important; height: auto !important; }


/*
.feature-split__cards { flex: 1; display: inline-block; flex-direction: column; gap: 63px;  vertical-align: top;}
.feature-split__sticky { flex-shrink: 0; position: sticky; top: 0; height: 550px; display: inline-block; align-items: center; vertical-align: top;}
.feature-split { width: 100%; display: flex; gap: 63px;  }
.feature-split--reverse { flex-direction: row; }
.feature-split__info { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.feature-split__info h2 { max-width: 487px; }
.feature-split__info .btn { margin-top: 8px; }
*/

.card-alerts__img-1 { top: 106px; width: 338px; height: 179px; border-radius: 10px 0 0 10px; }
.card-alerts__img-2 { left: 331px; top: 41px; width: 307px; height: 309px; border-radius: 10px; }
.card-alerts__img-2 img { margin-left: -10px; left: 415px; top: 241px; width: 324px; height: 309px; border-radius: 10px; max-width: none;}

.card-track__img { position: relative; margin: 0px auto; width: 86%; height: 348px; border-radius: 24px; background: #fff; }
.card-track__img img { object-fit: fill; }
.card-ai__img { position: relative; width: 86%; margin: 0px auto; border-radius: 10px; }

.card-action__img { position: relative; width: 100%; margin: 0px auto; height: 348px; /*top: 247px; width: 586px; height: 348px;*/ border-radius: 24px; background: #fff; }
.card-action__browser-dots { position: absolute; top: 12px; left: 16px; width: 40px; height: 10px; }
.card-action__screenshot { width: 100%; overflow: hidden; }
.card-action__screenshot img { width: 100%; height: 100%; object-fit: cover; }
.card-maps__img-back { width: 100%; top: 58px; height: 358px; border-radius: 24px; border: 3px solid #fff; opacity: 0.5; }
.card-maps__img-front { left: 47px; top: 0px; width: 89%; height: 305px; border-radius: 24px; border: 3px solid #fff; }
.card-maps__img-front img {  }
.card-network__img { height: 336px; border-radius: 10px; }


.section_integrations { margin-top: 120px; }
.integrations { display: flex; flex-direction: column; gap: 48px; width: 100%; }
.integration-card { border-radius: 24px; box-shadow: 0 0 25px 8px rgba(0, 0, 0, 0.05); background: linear-gradient(115deg, #fff 0%, #f7f7f7 100%); position: relative; overflow: hidden;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25),  0px 2px 10px 0px rgba(0, 0, 0, 0.1);

}
.integration-card--full { width: 100%; height: 450px; }
.integration-card__info { position: absolute; left: 48px; top: 40px; width: 36%; display: flex; flex-direction: column; gap: 24px; }
.integration-card__logo img { width: auto; }
.integration-card__logo--small { position: absolute; top: 40px; left: 40px; }
.integration-card__screens { position: absolute; right: 0; top: 0; width: 60%; height: 100%; }
.integration-card__screen-pair { position: relative; top: -108px; left: 0; width: 468px; margin: 0px auto; height: 272px; border-radius: 24px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05); background: #fff; border: 3px solid #fff; overflow: hidden; display: flex; }
.integration-card__screen-left { width: 50%; height: 100%; object-fit: cover; }
.integration-card__screen-right { width: 50%; height: 100%; object-fit: cover; }
.integration-card__dots { position: relative; top: -125px; margin: 0px auto; width: 22px; height: 100px; }
.integration-card__dots-img {  height: 100px; /*transform: rotate(90deg);*/ transform-origin: center; }
.integration-card__bottom-screen { position: relative; top: -150px; width: 85%; height: 400px; margin: 0px auto; }
.integration-card__bottom-screen img { width: 100%; height: auto; }
.integrations__row { display: flex; gap: 48px; }
.integration-card--half { flex: 1; height: 450px; }


.integration-card__content { position: absolute; left: 0; top: 160px; width: 100%; bottom: 0; }
.integration-card__content img { width: 100%; height: auto; }
.integration-card__content--centered img { padding: 0 60px; }

#zapier1 { width: 70%; margin: 0px auto; }
#zapier2 { width: 98%; margin: 0px 0px; }

.integration-card__fade { position: absolute; bottom: 0; left: 0; width: 100%; height: 147px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f2f2f2); }
.integrations__wheel { position: relative; width: 800px; height: 313px; overflow: hidden; display: flex; align-items: flex-start; justify-content: center; padding-top: 194px; }
.integrations__wheel-bg { position: absolute; top: 45px; left: 50%; transform: translateX(-50%); width: 800px; height: 800px; border-radius: 50%; background: linear-gradient(to bottom, rgba(30, 154, 237, 0.25), transparent 32%); }
.integrations__btn { position: relative; z-index: 2; }

.integrations__wheel-icons { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 800px; height: 800px; --rotation-offset: 0deg; }
.integrations__icon { position: absolute; width: 90px; height: 90px; border-radius: 16px; background: linear-gradient(115deg, #fff 0%, #f7f7f7 100%); box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05); display: flex;
  align-items: center; justify-content: center; overflow: hidden; top: 50%; left: 50%;
  transform: translate(-50%, -50%) rotate(calc(var(--angle) + var(--rotation-offset))) translateY(-340px) rotate(calc(-1 * (var(--angle) + var(--rotation-offset)))); transition: transform 0.1s linear;}
.integrations__icon img { width: 40px; height: 40px; object-fit: contain; }


.section_reviews {margin-top: 100px; }
.reviews { position: relative; width: 100%; overflow: hidden; padding: 40px 0; display: flex; flex-direction: column; gap: 24px; }
.reviews__row1, .reviews__row2 { display: flex; gap: 24px; overflow: hidden; white-space: nowrap; cursor: grab; user-select: none; scroll-behavior: auto !important; -webkit-overflow-scrolling: touch; padding: 10px 0; }
/*
.review-card { position: relative; vertical-align: top; width: 400px; height: 250px; border-radius: 24px; background: linear-gradient(115deg, #fff 0%, #f7f7f7 100%); padding: 24px; display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; white-space: normal; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.review-card p { position: absolute; left: 28px; top: 55px; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 22px; margin: 0; }
.review-card__author { display: flex; position: absolute; bottom: 10px; left: 28px;  align-items: center; gap: 8px; z-index: 5; }
.review-card::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; background: linear-gradient(to top, white 20%, transparent 100%); pointer-events: none; z-index: 2; }

*/
/*.review-card::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(to top, white 25%, transparent 100%); pointer-events: none;}*/
.review-card__stars { color: #ffc107; font-size: 24px; letter-spacing: 4px; }
.review-card__avatar { width: 48px; height: 48px; border-radius: 100px; background: #1e9aed; color: #fff; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.review-card__info { display: flex; flex-direction: column; }
.review-card__name { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 16px; }
.review-card__title { font-family: 'Inter', sans-serif; font-size: 14px; line-height: 16px; }
.reviews__fade { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(90deg, #fff 0%, transparent 15%, transparent 85%, #fff 100%); z-index: 5; }


.review-card { position: relative; width: 400px; height: 250px; border-radius: 24px; background: linear-gradient(115deg, #fff 0%, #f7f7f7 100%);
  padding: 24px; display: flex; flex-direction: column; flex-shrink: 0; white-space: normal; box-shadow: 0 4px 15px rgba(0,0,0,0.05); overflow: hidden;}
.review-card p {
  display: flex; align-items: center; justify-content: center; height: 130px;
  font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; text-align: left; font-weight: normal; }
.review-card__author { display: flex; position: absolute; bottom: 10px; left: 28px; z-index: 5; margin-top: 10px; align-items: center; gap: 10px; }


.cta { width: 100%; }
.cta__left { display: inline-block; width: 45%; vertical-align: top; }
.cta__left h2 { line-height: 54px; margin: 20px 0px;  }
.cta__left p { margin-bottom: 16px; }
.cta__input { display: flex; align-items: center; justify-content: space-between; background: #fff; border-radius: 16px; box-shadow: 0 0 25px 8px rgba(0, 0, 0, 0.05); padding: 8px; width: 575px; margin-top: 40px;}
.cta__input input { border: none; outline: none; padding: 0 16px; font-family: 'Poppins', sans-serif; font-size: 16px; color: #474747; background: transparent; flex: 1; min-width: 0;  }
.cta__input input::placeholder { color: #aeaeae; }
.cta__input-btn { flex-shrink: 0; z-index: 30; }

.cta__right { display: inline-block; width: 45%; position: relative; vertical-align: top; }
.cta__blob { position: absolute; right: -6rem; top: -2rem; height: 30rem; width: 30rem; }
.cta__book {  }
.cta__book img {position: absolute; right: -22rem; top: -10rem; width:1030px !important; max-width: none !important; z-index: 1; overflow: hidden; }
.section_cta {margin-top: 70px; }

.section_blog {margin-top: 100px; margin-bottom: 120px; }
.blog__posts { display: flex;  gap: 32px; flex-wrap: wrap;justify-content: center; }
.blog-post { display: flex; flex-direction: column; gap: 24px; flex: 1 1 300px; max-width: 400px; min-width: 280px;}
/*
.blog-post__image { width: 400px; height: 300px; border-radius: 24px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05); overflow: hidden; background: linear-gradient(115deg, #fff 0%, #f7f7f7 100%); }
*/


.blog-post__image { width: 100%; height: 300px; border-radius: 24px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05); overflow: hidden;
  background: linear-gradient(115deg, #fff 0%, #f7f7f7 100%); position: relative; cursor: pointer; }
.blog-post__image::after { content: ""; position: absolute; top: 0;
  left: 0; width: 100%; height: 100%;
  background: linear-gradient(135deg, transparent 30%, rgba(30, 154, 237, 0.7) 100%);
/*
background: linear-gradient(135deg, transparent 30%, #1E9AEDB3 100%);
background: linear-gradient(135deg, transparent 30%, rgba(26, 115, 232, 0.7) 100%);
background: linear-gradient(135deg, transparent 10%, rgba(74, 144, 226, 0.1) 50%, rgba(0, 122, 255, 0.5) 100%);
*/

  opacity: 0; /*transition: opacity 0.3s ease-in-out;*/ pointer-events: none; z-index: 2;
}
.blog-post__image:hover::after { opacity: 0.7;}
.blog-post__image img { width: 100%; /* removed - height: 100%; */ object-fit: cover; display: block;}













.blog-post__image img { width: 100%; /*height: 100%;  object-fit: cover;*/ }
.blog-post h3 { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 24px; line-height: 1.3; color: #474747; }