.elementor-2520 .elementor-element.elementor-element-34a1c5ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:128px 128px;--row-gap:128px;--column-gap:128px;--margin-top:-81px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:270px;--padding-bottom:224px;--padding-left:24px;--padding-right:24px;}.elementor-2520 .elementor-element.elementor-element-34a1c5ec:not(.elementor-motion-effects-element-type-background), .elementor-2520 .elementor-element.elementor-element-34a1c5ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.abby.com/wp-content/uploads/2025/04/bgshape.svg");background-position:65% 0px;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-2520 .elementor-element.elementor-element-378dc2c8{right:0px;}body.rtl .elementor-2520 .elementor-element.elementor-element-378dc2c8{left:0px;}.elementor-2520 .elementor-element.elementor-element-378dc2c8{bottom:0px;z-index:-1;}.elementor-2520 .elementor-element.elementor-element-7abec83{--display:flex;--justify-content:center;--gap:48px 48px;--row-gap:48px;--column-gap:48px;}body:not(.rtl) .elementor-2520 .elementor-element.elementor-element-5331794{left:-600px;}body.rtl .elementor-2520 .elementor-element.elementor-element-5331794{right:-600px;}.elementor-2520 .elementor-element.elementor-element-5331794{top:-787px;}.elementor-2520 .elementor-element.elementor-element-6cbe5a8c{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-2520 .elementor-element.elementor-element-7eef3847 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:64px;font-weight:400;text-transform:capitalize;line-height:1.2em;color:var( --e-global-color-accent );}.elementor-2520 .elementor-element.elementor-element-6046ea0d{width:var( --container-widget-width, 962px );max-width:962px;--container-widget-width:962px;--container-widget-flex-grow:0;column-gap:0px;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-accent );}.elementor-2520 .elementor-element.elementor-element-6046ea0d p{margin-block-end:0px;}.elementor-2520 .elementor-element.elementor-element-55d64711{--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;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-2520 .elementor-element.elementor-element-a738bde{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2520 .elementor-element.elementor-element-4486e2d1{--display:flex;--justify-content:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-2520 .elementor-element.elementor-element-6f20a7aa{background-color:var( --e-global-color-accent );padding:0px 0px 40px 40px;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2520 .elementor-element.elementor-element-34a1c5ec{--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;}.elementor-2520 .elementor-element.elementor-element-34a1c5ec:not(.elementor-motion-effects-element-type-background), .elementor-2520 .elementor-element.elementor-element-34a1c5ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:54% 0px;}.elementor-2520 .elementor-element.elementor-element-6046ea0d{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2520 .elementor-element.elementor-element-a738bde{--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:24px;--padding-right:24px;}.elementor-2520 .elementor-element.elementor-element-6f20a7aa{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-2520 .elementor-element.elementor-element-34a1c5ec{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:-73px;--margin-bottom:44px;--margin-left:0px;--margin-right:0px;--padding-top:92px;--padding-bottom:120px;--padding-left:32px;--padding-right:32px;}.elementor-2520 .elementor-element.elementor-element-34a1c5ec:not(.elementor-motion-effects-element-type-background), .elementor-2520 .elementor-element.elementor-element-34a1c5ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:48% 0px;background-size:cover;}body:not(.rtl) .elementor-2520 .elementor-element.elementor-element-378dc2c8{right:-94px;}body.rtl .elementor-2520 .elementor-element.elementor-element-378dc2c8{left:-94px;}.elementor-2520 .elementor-element.elementor-element-378dc2c8{bottom:-79px;z-index:-13;}.elementor-2520 .elementor-element.elementor-element-7abec83{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-2520 .elementor-element.elementor-element-5331794{top:-632px;z-index:0;}.elementor-2520 .elementor-element.elementor-element-5331794 img{width:1000px;}.elementor-2520 .elementor-element.elementor-element-6cbe5a8c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2520 .elementor-element.elementor-element-7eef3847 .elementor-heading-title{font-size:38px;line-height:1.2em;}.elementor-2520 .elementor-element.elementor-element-6046ea0d{padding:08px 0px 0px 0px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2520 .elementor-element.elementor-element-55d64711{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:32px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-2520 .elementor-element.elementor-element-a738bde{--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-2520 .elementor-element.elementor-element-6f20a7aa{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-2520 .elementor-element.elementor-element-7abec83{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2520 .elementor-element.elementor-element-7abec83{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-5331794 */.elementor-2520 .elementor-element.elementor-element-5331794{
    min-width: 1093px;
}/* End custom CSS */
/* Start custom CSS */.zapier-icon {
  position: relative; /* Essential for positioning the tooltip relative to the icon */
  display: inline-block; /* Or block, depending on your layout, but allows for width/height */
  /* Add any other styling for your zapier-icon here, e.g., width, height, background-image */
}

.zapier-icon .zapier-info-box {
  visibility: hidden; /* Hidden by default */
  opacity: 0; /* Start invisible for a fade-in effect */
  width: 100px; /* Adjust as needed */
  background-color: #333; /* Dark background for the box */
  color: #fff; /* White text */
  text-align: center;
  border-radius: 5px;
  padding: 5px 0;
  position: absolute;
  z-index: 1; /* Ensure it's above other content */
  bottom: -125%; /* Position above the icon */
  left: 50%;
  margin-left: -60px; /* Center the box */
  transition: opacity 0.3s, visibility 0.3s; /* Smooth transition */
}

.zapier-icon .zapier-info-box::after {
  content: "";
  position: absolute;
  bottom: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent; /* Creates the triangle pointer */
}

.zapier-icon:hover .zapier-info-box {
  visibility: visible; /* Show on hover */
  opacity: 1; /* Fade in on hover */
}/* End custom CSS */