/* This is the live site's own custom-CSS embed (their site-wide "Custom
   Code" block) — captured from the homepage, applies globally. It's what
   drives the FAQ accordion open/close styling, dropdown blur backdrop,
   nav responsive breakpoints, etc. */

html,
body {scroll-behavior: smooth;}
.hero_wrapper,
.faq-wrap,
.platform_wrap,
.compare-hero,
.subscriptions-wrap .policy-content,
.brand-logo_wrap,
.pp-item_wrap,
.integration-wrap,
.price-card,
.compare-cta,
.integration-categories,
.counter_card,
.review-wrap {
  backdrop-filter: blur(10.5px);
  -webkit-backdrop-filter: blur(10.5px);
  -moz-backdrop-filter: blur(10.5px)
}
.navbar:before,
.dropdown-list:before {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  position: absolute;
  content: '';
  height: 100%;
  z-index: -1;
  left: 1%;
  width: 98%;
  border-radius: 19px;
}
.new-rich-youpto h2{
line-height: 39px;
  margin:0;
}
.new-rich-youpto h2 strong{
  color:#00b989;
}
.w-embed {display: inline-grid;}
.cta-section {backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.merchants_list .slick-dots {
  list-style: none;
  margin: 0 auto;
  text-align: center;
  padding: 0px;
  margin-top: 10px;
}
.blog-description-section .blog-block p {
  margin-bottom: 10px !important;
}
.blog-description-section .blog-block .w-embed {
  margin-bottom: 0px !important;
}
.blog-description-section .blog-block ul {
  margin-bottom: 10px;
}
.merchants_list .slick-dots li { display: inline-block;}
.merchants_list .slick-dots li button {
  transition: 0.2s background-color ease-in-out 0s;
  border: none;
  padding: 0;
  color: transparent;
  width: 8px;
  height: 8px;
  background-color: var(--black);
  margin-right: 5px;
  border-radius: 50%;
}
.merchants_list .slick-dots li.slick-active button {background-color: var(--green-blue);}
.footer_acco:last-child {border: none;}
.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: var(--green-blue);
  border-color: var(--green-blue);
  background-image: url('https://cdn.prod.website-files.com/601101d11202ca960b982940/662f68cb96448b5ba1873c20_Vector%20(3).svg');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
}
.cate_menu.open .cate_icon {transform: rotate(180deg);}
sub{bottom: 0px;}
.faq-card.open .open-icon {display: none;}
.faq-card.open .close-icon {display: block;}
.navbar:has(.nav-link.w--open){border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
#migrate {scroll-margin-top: 120px;}
.faq-section{scroll-margin-top:120px;}
.blog-card:hover .ab-img{transform: scale(1.1);}

.price-tooltip::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  background:var(--green-blue);
  transform: rotate(45deg);
  z-index: -1;
  bottom: -3px;
  left: 14px;
}

@media (max-width:1300px) and (min-width:992px){
  .footer-wrap{grid-column-gap:70px;}
}
@media (max-width:1200px) and (min-width:992px){
  .nav_menu{padding-right:20px;}
  .faq-wrap, .review-wrap{padding:40px;}
  .nm-link-wrap{grid-column-gap:20px;}
  .feature-list-wrap{max-width:350px;}
}
@media (max-width:1024px) and (min-width:992px){
  .brand_wrap{width:auto;}
  .cta_card{padding-right:60px; padding-left:60px;}
  .footer-bottom{grid-column-gap:50px;}
  .footer-wrap {grid-column-gap: 30px;}
  .integration-link, .drop-list-wrap, .review-list{grid-template-columns: 1fr 1fr;}
}
@media (max-width:991px){
  .nav_menu{backdrop-filter: blur(20px); -webkit-backdrop-filter:blur(20px);}
  .navbar:has(.menu-button.w--open){border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
  .dropdown-list:before{backdrop-filter:unset; -webkit-backdrop-filter:unset;}
}
@media (max-width:767px){
  .navbar:before{border-radius:10px;}
  .footer_acco.open .fh-icon{transform: rotate(45deg);}
  .subscriptions-grid, .table-auto, .table-auto .w-dyn-list{display: inline-grid;}
}
@media (max-width:425px){
  .migrate-logo img{max-width:100px;}
}

/* Additions on top of the above for our own JS reimplementation of
   Webflow's dropdown/nav-toggle interactions (see site/layout.blade.php). */
.w-nav-menu.w--open { display: block; }
.footer_acco .footer_head { cursor: pointer; }
.footer_acco.open .footer_ans { display: block !important; }