.elementor-22838 .elementor-element.elementor-element-601293d{--display:flex;--min-height:200px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-22838 .elementor-element.elementor-element-601293d:not(.elementor-motion-effects-element-type-background), .elementor-22838 .elementor-element.elementor-element-601293d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-22838 .elementor-element.elementor-element-f04aa4d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-22838 .elementor-element.elementor-element-40db030.elementor-element{--align-self:center;}.elementor-22838 .elementor-element.elementor-element-40db030{text-align:center;}.elementor-22838 .elementor-element.elementor-element-40db030 .elementor-heading-title{color:#FFFFFF;}.elementor-22838 .elementor-element.elementor-element-1a83b56{grid-row:span 2;}.elementor-22838 .elementor-element.elementor-element-1a83b56.elementor-element{--align-self:center;}.elementor-22838 .elementor-element.elementor-element-231e07d{color:#FFFFFF;}.elementor-22838 .elementor-element.elementor-element-b407d03{--display:flex;}.elementor-22838 .elementor-element.elementor-element-3abc4e7{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;}@media(max-width:1024px){.elementor-22838 .elementor-element.elementor-element-f04aa4d{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-22838 .elementor-element.elementor-element-601293d{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-22838 .elementor-element.elementor-element-f04aa4d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-f04aa4d */.tooldesc {
    border: 1px solid #282828;
    border-radius: 8px;
    background-color: #FFFFFF26;
    /* color: #ffffff; */
    padding: 12px 16px;
    margin-top: 30px;
    font-size: 0.95rem;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3abc4e7 */.integrationtools .example {
  border: 1px solid #282828;
  border-radius: 8px;

  padding: 12px 16px;
  margin-top: 10px;
  font-size: 0.95rem;
}

.example span {
    /* background-color: yellow; */
    background-color: rgb(254 236 250 / var(--tw-bg-opacity, 1));
    color: rgb(235 23 164 / var(--tw-text-opacity, 1)) !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.integrationtools .example ol {
  margin: 0;
  padding-left: 20px;
}

.integrationtools .toggle-example {
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 8px;
  color: #989494;
  font-size: 0.9rem;
  text-decoration: underline;
  cursor: pointer;
}

.integrationtools .toggle-example:hover {
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b407d03 */.tooldesc {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #fff;
    padding: 16px;
}

.tooldesc.even {
    background-color: #f1c5d212;
}

.tooldesc.odd {
    background-color: ghostwhite;
}/* End custom CSS */