.bs-actions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
}

.bs-action-item {
  padding: 18px 9px 24px 18px;
  border-radius: 16px;
  background-color: #fff;
}

.bs-action-item-logo {
  width: 100%;
  max-width: 30px;
  padding: 13px;
  border-radius: 8px;
  box-shadow: 15px 15px 35px 0 rgba(0, 0, 0, 0.05);
  display: grid;
  place-items: center;
  box-sizing: content-box;
}

@media (max-width: 1199px) {
  .bs-action-item-logo {
    max-width: 22px;
    padding: 10px;
  }
}

@media (max-width: 899px) {
  .bs-action-item-logo {
    max-width: 18px;
    padding: 8px;
  }
}

.bs-integrations-single-main-perex p {
  font-size: 1.125rem;
  line-height: 1.6;
}

@media (max-width: 599px) {
.bs-integrations-single-main-perex p {
  font-size: 1rem;
  line-height: 1.6;
}
}

.bs-integrations-single-main {
  padding-bottom: 2rem;
}

.bs-integrations-single-main-content {
  display: flex;
  align-items: stretch;
  gap: 50px;
  margin-top: 5rem;
  margin-bottom: 5rem;
  max-width: 1225px;
  margin-left: 4.5rem;
}

@media (max-width: 1399px) {
  .bs-integrations-single-main-content {
    margin-left: 0rem;
    max-width: 100%;
  }
}

@media (max-width: 1199px) {
  .bs-integrations-single-main-content {
    gap: 45px;
  }
}

@media (max-width: 899px) {
  .bs-integrations-single-main-content {
    flex-direction: column;
    gap: 40px;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}

@media (max-width: 599px) {
  .bs-integrations-single-main-content {
    flex-direction: column;
    gap: 30px;
    margin-top: 2rem;
  }
}

.bs-integrations-single-main-content .bs-docs-status {
  margin-bottom: auto;
}

.bs-integrations-single-main-content .bs-integrations-single-content-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 8px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}

@media (max-width: 1199px) {
  .bs-integrations-single-main-content .bs-integrations-single-content-logo {
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 10px;
  }
}

.bs-integrations-single-main-content .bs-heading-box-tiny {
  margin: 0 !important;
  text-align: left;
}

.bs-integrations-single-main-content-start {
  flex: 1;
  min-width: 550px;
}

@media (max-width: 899px) {
  .bs-integrations-single-main-content-start {
    min-width: 100%;
  }
}

.bs-integrations-single-main-content-end {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

@media (max-width: 899px) {
  .bs-integrations-single-main-content-end {
    padding-top: 0;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    gap: 5px;
  }
}

.bs-integrations-single-main-content-end .bs-section-content-image {
  width: 100%;
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.bs-integrations-single-main-content br {
  display: none;
}

.bs-integrations-single-tab-nav {
  display: grid;
  align-items: stretch;
  justify-content: center;
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 899px) {
  .bs-integrations-single-tab-nav {
    width: calc(100% + 56px);
    margin-left: -28px;
  }
}

@media (max-width: 599px) {
  .bs-integrations-single-tab-nav {
    width: calc(100% + 2rem);
    margin-left: -1rem;
  }
}

.bs-integrations-single-tab-nav > button {
  position: relative;
  font-size: 21px;
  font-weight: 400;
  color: #9e98b2;
  padding: 2.5rem 2rem;
  text-align: center;
  border-radius: 0.75rem 0.75rem 0 0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  z-index: 20;
}

@media (max-width: 1199px) {
  .bs-integrations-single-tab-nav > button {
    font-size: 18px;
    padding: 2rem 1.5rem;
  }
}

@media (max-width: 899px) {
  .bs-integrations-single-tab-nav > button {
    font-size: 16px;
    padding: 1.5rem 1rem;
  }
}

@media (max-width: 599px) {
  .bs-integrations-single-tab-nav > button {
    font-size: 14px;
    padding: 1.25rem 0.75rem;
  }
}

.bs-integrations-single-tab-nav > button::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 0.75rem 0.75rem 0 0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

@media (max-width: 1199px) {
  .bs-integrations-single-tab-nav > button:first-child:after {
    border-left: none;
  }
}

@media (max-width: 1199px) {
  .bs-integrations-single-tab-nav > button:last-child:after {
    border-right: none;
  }
}


.bs-integrations-single-tab-nav > button::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.25rem;
  width: 3.5rem;
  height: 3.5rem;
  margin: auto;
  transform: rotate(45deg);
  border-radius: 0.65rem;
  content: "";
  z-index: -2;
  display: block;
  background-color: transparent;
  border: 1px solid transparent;
}

@media (max-width: 1199px) {
  .bs-integrations-single-tab-nav > button::before {
    width: 3rem;
    height: 3rem;
    bottom: -1rem;
    border-radius: 0.5rem;
  }
}

@media (max-width: 899px) {
  .bs-integrations-single-tab-nav > button::before {
    width: 2rem;
    height: 2rem;
    bottom: -0.75rem;
    border-radius: 0.4rem;
  }
}

@media (max-width: 599px) {
  .bs-integrations-single-tab-nav > button::before {
    width: 1.5rem;
    height: 1.5rem;
    bottom: -0.65rem;
    border-radius: 0.3rem;
  }
}

.bs-integrations-single-tab-nav > button.active {
  font-weight: 600;
  color: #212121;
}

.bs-integrations-single-tab-nav > button.active::after {
  background: linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(to top, #d8d6ee 0%, #fff 66%, #fff 100%) border-box;
}

.bs-integrations-single-tab-nav > button.active::before {
  border-color: #d8d6ee;
  background-color: #ffffff;
}

p:empty {
  display: none;
}

.bs-section-content-image {
  margin-top: 0 !important;
  max-width: 665px !important;
  height: auto;
}

@media (max-width: 899px) {
  .bs-section-content-image {
    margin: 0 auto !important;
    max-width: 450px !important;
  }
}

@media (max-width: 599px) {
  .bs-section-content-image {
  }
}

.bs-integrations-section-content {
  margin-top: 100px;
}

@media (max-width: 899px) {
  .bs-integrations-section-content {
    margin-top: 75px;
  }
}

.bs-integrations-section-content .bs-heading {
  max-width: 1100px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.bs-integrations-section-content .bs-btn {
  margin-top: 40px;
}

@media (max-width: 1199px) {
  .bs-integrations-section-content .bs-btn {
    margin-top: 20px;
  }
}

.bs-modules-list-integrations {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: flex-start;
  gap: 20px;
}

@media (max-width: 1199px) {
  .bs-modules-list-integrations {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 699px) {
  .bs-modules-list-integrations {
    grid-template-columns: repeat(1, 1fr);
  }
}

.bs-modules-list-integrations .bs-modules-tile {
  padding: 18px 18px;
  max-width: 100%;
}

.bs-modules-list-integrations .bs-modules-tile-inner {
  align-items: center;
  gap: 18px;
}

.bs-modules-tile-text {
  text-align: start;
}

.bs-docs-status {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background: #fff;
  color: #333;
  padding: 7px 13px 10px 26px;
  gap: 10px;
  margin: 0;
  box-shadow: 15px 15px 35px 0 rgba(0, 0, 0, 0.025);
  border-radius: 15px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.bs-docs-status-5 {
  background: #f0f0f3;
}

.bs-docs-status::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  display: block;
  content: "";
  background: #eee;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.bs-docs-status-1::after {
  background: linear-gradient(
    to top right,
    #49ee50,
    rgba(8, 144, 62, 0.22) 70%
  );
}

.bs-docs-status-2::after {
  background: linear-gradient(
    to top right,
    #eed749,
    rgba(128, 144, 8, 0.46) 70%
  );
}

.bs-docs-status-3::after {
  background: linear-gradient(45deg, #6441fd, #aa079e 70%);
}

.bs-docs-status-4::after {
  background: linear-gradient(to top right, #6567e1, #6a6b9b 70%);
}

.bs-docs-status-5::after {
  background: linear-gradient(to top right, #d1d1df, #d1d1df 70%);
}

.bs-docs-status-4::before {
  content: "";
  display: flex;
  width: 24px;
  min-width: 24px;
  height: 16px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="15" class="ml-2" viewBox="0 0 22 16" fill="none"><g><path d="M11.1897 6.73415C12.9255 6.73415 14.3326 5.32744 14.3326 3.59217C14.3326 1.85691 12.9255 0.450195 11.1897 0.450195C9.45398 0.450195 8.04688 1.85691 8.04688 3.59217C8.04688 5.32744 9.45398 6.73415 11.1897 6.73415Z" fill="%236A6A9F" /><path d="M7.07546 5.21007C6.85843 4.69708 6.74835 4.15262 6.74835 3.59204C6.74835 3.03146 6.85843 2.487 7.07546 1.97401C7.24927 1.56324 7.4854 1.18738 7.77869 0.853317C7.26681 0.327175 6.55089 0 5.75872 0C4.20271 0 2.94141 1.26095 2.94141 2.81652C2.94141 4.37209 4.20271 5.63305 5.75872 5.63305C6.24837 5.63305 6.70858 5.50813 7.10975 5.2885C7.09816 5.26251 7.08658 5.23637 7.07546 5.21007Z" fill="%236A6A9F" /><path d="M16.5847 0.1875C15.85 0.1875 15.1812 0.468652 14.6797 0.929201C14.9429 1.24385 15.157 1.59373 15.3176 1.97366C15.5347 2.48665 15.6447 3.03111 15.6447 3.59169C15.6447 4.15227 15.5347 4.69673 15.3176 5.20972C15.2819 5.29425 15.2432 5.37706 15.2024 5.45846C15.6108 5.6889 16.0824 5.82039 16.5847 5.82039C18.1407 5.82039 19.402 4.55944 19.402 3.00387C19.402 1.4483 18.1407 0.1875 16.5847 0.1875Z" fill="%236A6A9F" /><path d="M13.5708 7.18387C13.3327 7.35058 13.0774 7.4921 12.807 7.60638C12.2939 7.82334 11.7492 7.93339 11.1885 7.93339C10.6278 7.93339 10.0832 7.82334 9.57003 7.60638C9.24527 7.46909 8.94243 7.29266 8.66464 7.08008C6.37863 8.00306 4.76562 10.2422 4.76562 12.8582C4.76562 16.2986 17.2274 16.2986 17.2274 12.8582C17.2274 10.3355 15.7275 8.1632 13.5705 7.18387H13.5708Z" fill="%236A6A9F" /><path d="M5.75755 6.75353C5.2513 6.75353 4.75977 6.65428 4.29643 6.45829C3.99845 6.33227 3.72082 6.16978 3.46668 5.97363C1.43261 6.80801 0 8.80769 0 11.1417C0 12.2856 1.53674 13.0051 3.47012 13.3005C3.45744 13.2405 3.44726 13.1801 3.43928 13.1192C3.43928 13.1186 3.43928 13.1179 3.43896 13.1172C3.43646 13.0976 3.43411 13.078 3.43207 13.0585C3.43176 13.056 3.4316 13.0536 3.43145 13.0511C3.42957 13.0333 3.428 13.0153 3.42659 12.9973C3.42612 12.9921 3.42597 12.9869 3.4255 12.9816C3.4244 12.9663 3.4233 12.9509 3.42252 12.9354C3.42205 12.9259 3.42174 12.9165 3.42143 12.9069C3.42096 12.8957 3.42033 12.8844 3.42017 12.873C3.41955 12.852 3.41939 12.8308 3.41939 12.8097C3.41939 12.6875 3.42237 12.5658 3.42832 12.4445C3.42988 12.4141 3.43145 12.3839 3.43333 12.3537C3.43708 12.2933 3.44147 12.2329 3.44679 12.1726C3.45196 12.1123 3.45791 12.0522 3.46464 11.9924C3.52336 11.4678 3.63908 10.9542 3.81086 10.4555C3.82291 10.4202 3.83529 10.385 3.84797 10.35C3.85455 10.332 3.86112 10.3139 3.86786 10.2959C3.90591 10.1933 3.94631 10.0912 3.98905 9.9899C4.10305 9.72034 4.23255 9.45938 4.37692 9.20766C4.40573 9.15725 4.43533 9.10731 4.46523 9.05769C4.51033 8.98333 4.55668 8.90976 4.60444 8.83712C4.6522 8.76448 4.70121 8.69263 4.75163 8.62172C4.98667 8.29063 5.25036 7.97879 5.5413 7.68794C5.57559 7.65365 5.61035 7.61984 5.64527 7.58618C5.6495 7.58211 5.65389 7.57789 5.65811 7.57382C5.69147 7.54188 5.72513 7.51042 5.75896 7.47926C5.76459 7.4741 5.77023 7.46893 5.77587 7.46377C5.80969 7.43277 5.84367 7.40225 5.87796 7.37203C5.88313 7.36749 5.8883 7.36295 5.89346 7.35841C5.92901 7.32726 5.96455 7.29658 6.00057 7.26621C6.00308 7.26417 6.00542 7.26214 6.00793 7.2601C6.04582 7.22817 6.08403 7.1967 6.12255 7.16571C6.12286 7.16555 6.12302 7.16524 6.12333 7.16508C6.16154 7.13424 6.20022 7.10387 6.23905 7.07382C6.2425 7.07116 6.24594 7.0685 6.24939 7.06583C6.28728 7.03672 6.32533 7.00791 6.36385 6.97958C6.36777 6.97676 6.37168 6.97379 6.3756 6.97097C6.41459 6.94232 6.45373 6.91399 6.49319 6.88628C6.49554 6.88471 6.49773 6.88299 6.50008 6.88143C6.62504 6.79345 6.75266 6.7097 6.88309 6.62986C6.88435 6.62908 6.8856 6.6283 6.88685 6.62767C6.93007 6.60121 6.97344 6.57538 7.01713 6.54987C7.01823 6.54924 7.01932 6.54862 7.02042 6.54799C7.04172 6.53562 7.06317 6.52373 7.08462 6.51152C6.66105 6.67182 6.21541 6.75337 5.7577 6.75337L5.75755 6.75353Z" fill="%236A6A9F" /><path d="M18.7498 6.25617C18.5312 6.41068 18.2965 6.54124 18.0475 6.64643C17.5842 6.84227 17.0927 6.94167 16.5864 6.94167C16.0802 6.94167 15.5887 6.84243 15.1253 6.64643C14.9752 6.58303 14.8305 6.51009 14.6909 6.42853C14.6898 6.42994 14.6886 6.43134 14.6875 6.43275C15.3055 6.76572 15.8705 7.18651 16.3727 7.68854C17.0377 8.35338 17.5601 9.12796 17.9249 9.99051C18.3031 10.8841 18.4948 11.8329 18.4948 12.8102C18.4948 13.0498 18.4594 13.2837 18.3902 13.509C20.3887 13.2274 22 12.501 22 11.3297C22 9.07927 20.6683 7.13986 18.7498 6.25586V6.25617Z" fill="%236A6A9F" /></g></svg>');
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-left: -5px;
}

.bs-docs-status-name {
  font-size: 15px;
  font-weight: 700;
}

.bs-docs-status-desc {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.apply-opacity {
  opacity: 1;
}

#plus-txt {
  fill: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><linearGradient id="paint2_linear_470_13130" x1="512.265" y1="45" x2="585.674" y2="48.326" gradientUnits="userSpaceOnUse"><stop stop-color="#E70879"/><stop offset="1" stop-color="#4F24A6"/></linearGradient></svg>#paint2_linear_470_13130');
}

.bs-modules-list-integrations .bs-modules-tile:hover {
  transform: scale(1);
  box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1);
}

.alm-reveal {
  --cont-spacing: 65px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--cont-spacing);
  max-width: 940px;
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .alm-reveal {
    grid-template-columns: repeat(4, 1fr);
  }

  .integration-item {
    max-width: 100px !important;
  }
}

@media (max-width: 1000px) {
  .alm-reveal {
    --cont-spacing: 35px;
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 700px) {
  .alm-reveal {
    --cont-spacing: 25px;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 450px) {
  .alm-reveal {
    --cont-spacing: 25px;
    grid-template-columns: repeat(2, 1fr);
  }
}

.integration-item {
  border-radius: 25px;
  display: grid;
  place-items: center;
  padding: 20px;
  box-shadow: 0px 10px 20px -15px rgb(0 0 0 / 15%);
  max-width: 60px;
  margin: 0 auto;
}

.integration-item img {
  transition: all 0.3s ease;
}

.integration-item:hover img {
  transform: scale(1.1);
}

#search-load {
  display: none;
  border: 2px solid #af15f1;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 2px solid #f5f7f8;
  border-radius: 50%;
  position: absolute;
  width: 15px;
  height: 15px;
  left: calc(50% - 280px);
}

#search-load.loading-process {
  display: block;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.search-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 60px;
}

@media (max-width: 800px) {
  .search-wrap {
    margin-bottom: 30px;
  }
}

input#search {
  max-width: 500px;
  margin-bottom: 0 !important;
  border-radius: 0px;
  background: transparent;
  border: unset;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  padding-left: 0;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
}

#search-submit {
  cursor: pointer;
  display: grid;
  height: 20px;
  width: 20px;
  place-items: center;
  margin-left: -10px;
  position: absolute;
  left: calc(50% - 270px);
  transform: rotateY(180deg);
}

@media (max-width: 600px) {
  #search-submit {
    left: calc(100% - 33px);
  }

  #search-load {
    left: calc(100% - 40px);
  }
}

#search-submit .icon_search:before {
  font-size: 18px;
  transition: color 0.3s ease;
  color: rgba(0, 0, 0, 0.6);
}

#search-submit:hover .icon_search:before {
  color: #af15f1;
}

.alm-btn-wrap .alm-load-more-btn {
  border-radius: 100px !important;
  font-size: 18px !important;
  padding: 10px 30px !important;
  height: 45px !important;
}

.alm-btn-wrap .alm-load-more-btn.loading {
  padding-left: 30px !important;
}

.ajax-load-more-wrap.purple .alm-load-more-btn:before {
  display: none !important;
}

.ajax-load-more-wrap.purple .alm-load-more-btn {
  background: #af15f1 !important;
}

.ajax-load-more-wrap.purple .alm-load-more-btn:hover {
  background: #4627c3 !important;
}

.integration-item-wrap {
  display: flex;
  flex-direction: column;
  text-align: center;
  max-width: 100px;
}

.alm-reveal.bs-nogrid {
  display: block;
}

.integration-item[title="Pohoda"] img {
  transform: scale(1.3) !important;
}

.integration-item[title="Pohoda"]:hover img {
  transform: scale(1.4) !important;
}

.alm-reveal.bs-nogrid {
  display: block;
}

.bs-integrations-showcase {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

@media only screen and (max-width: 1199px) {
  .bs-integrations-showcase {
    gap: 30px;
  }
}

@media only screen and (max-width: 899px) {
  .bs-integrations-showcase {
    gap: 5px;
  }
}

.bs-integrations-showcase-main-sidebar {
  min-width: 340px;
  max-width: 340px;
  font-size: 1.125rem;
}

@media only screen and (max-width: 1199px) {
  .bs-integrations-showcase-main-sidebar {
    max-width: 280px;
  }
}

@media only screen and (max-width: 899px) {
  .bs-integrations-showcase-main-sidebar {
    width: 100%;
    max-width: 100%;
  }
}

.bs-integrations-showcase-main-sidebar-category-item {
  font-weight: 500;
}

a.bs-integrations-showcase-main-sidebar-category-item:hover {
  color: #999;
}

a.bs-integrations-showcase-main-sidebar-category-item.active {
  color: #542fe8;
}

.bs-integrations-showcase-main-sidebar-category-item > span {
  font-weight: 400;
}

.bs-integrations-showcase-main-apps {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

@media only screen and (max-width: 1199px) {
  .bs-integrations-showcase-main-apps {
    gap: 25px;
  }
}

.bs-integrations-showcase-header {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 400;
}

@media only screen and (max-width: 1199px) {
  .bs-integrations-showcase-header {
    font-size: 14px;
  }
}

@media only screen and (max-width: 599px) {
  .bs-integrations-showcase-header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    text-align: center;
  }
}

.bs-integrations-showcase-main-apps-meta {
  color: #070d3b;
}

.bs-integrations-showcase-header-sort-wrap {
  flex-basis: 315px;
}

@media only screen and (max-width: 599px) {
  .bs-integrations-showcase-header-sort-wrap {
    flex-basis: auto;
  }
}

.bs-integrations-showcase-header-sort-wrap .bs-dropdown {
  justify-content: flex-end;
}

@media only screen and (max-width: 599px) {
  .bs-integrations-showcase-header-sort-wrap .bs-dropdown {
    justify-content: flex-start;
  }
}

.bs-integrations-showcase-main-apps-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
  justify-content: flex-start;
  column-gap: 3.25rem;
  row-gap: 2rem;
}

@media only screen and (max-width: 899px) {
  .bs-integrations-showcase-main-apps-wrap {
    gap: 2rem;
  }
}

a.bs-integrations-showcase-app {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 70px;
}

.bs-integrations-showcase-app-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  border-radius: 6px;
  -webkit-transition: transform 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: transform 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: transform 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: transform 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}

@media only screen and (max-width: 1199px) {
  .bs-integrations-showcase-app-icon {
    width: 65px;
    height: 65px;
  }
}

@media only screen and (max-width: 899px) {
  .bs-integrations-showcase-app-icon {
    width: 55px;
    height: 55px;
  }
}

@media only screen and (max-width: 599px) {
  .bs-integrations-showcase-app-icon {
    width: 50px;
    height: 50px;
  }
}

.bs-integrations-showcase-app[data-category-id*="86"]
  .bs-integrations-showcase-app-icon::before,
.bs-integrations-showcase-app[data-category-id*="999"]
  .bs-integrations-showcase-app-icon::after {
  content: "";
  position: absolute;
  right: -0.875rem;
  top: -0.875rem;
  z-index: 3;
  width: 1.75rem;
  height: 1.75rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="15" class="ml-2" viewBox="0 0 22 16" fill="none"><g><path d="M11.1897 6.73415C12.9255 6.73415 14.3326 5.32744 14.3326 3.59217C14.3326 1.85691 12.9255 0.450195 11.1897 0.450195C9.45398 0.450195 8.04688 1.85691 8.04688 3.59217C8.04688 5.32744 9.45398 6.73415 11.1897 6.73415Z" fill="%236A6A9F" /><path d="M7.07546 5.21007C6.85843 4.69708 6.74835 4.15262 6.74835 3.59204C6.74835 3.03146 6.85843 2.487 7.07546 1.97401C7.24927 1.56324 7.4854 1.18738 7.77869 0.853317C7.26681 0.327175 6.55089 0 5.75872 0C4.20271 0 2.94141 1.26095 2.94141 2.81652C2.94141 4.37209 4.20271 5.63305 5.75872 5.63305C6.24837 5.63305 6.70858 5.50813 7.10975 5.2885C7.09816 5.26251 7.08658 5.23637 7.07546 5.21007Z" fill="%236A6A9F" /><path d="M16.5847 0.1875C15.85 0.1875 15.1812 0.468652 14.6797 0.929201C14.9429 1.24385 15.157 1.59373 15.3176 1.97366C15.5347 2.48665 15.6447 3.03111 15.6447 3.59169C15.6447 4.15227 15.5347 4.69673 15.3176 5.20972C15.2819 5.29425 15.2432 5.37706 15.2024 5.45846C15.6108 5.6889 16.0824 5.82039 16.5847 5.82039C18.1407 5.82039 19.402 4.55944 19.402 3.00387C19.402 1.4483 18.1407 0.1875 16.5847 0.1875Z" fill="%236A6A9F" /><path d="M13.5708 7.18387C13.3327 7.35058 13.0774 7.4921 12.807 7.60638C12.2939 7.82334 11.7492 7.93339 11.1885 7.93339C10.6278 7.93339 10.0832 7.82334 9.57003 7.60638C9.24527 7.46909 8.94243 7.29266 8.66464 7.08008C6.37863 8.00306 4.76562 10.2422 4.76562 12.8582C4.76562 16.2986 17.2274 16.2986 17.2274 12.8582C17.2274 10.3355 15.7275 8.1632 13.5705 7.18387H13.5708Z" fill="%236A6A9F" /><path d="M5.75755 6.75353C5.2513 6.75353 4.75977 6.65428 4.29643 6.45829C3.99845 6.33227 3.72082 6.16978 3.46668 5.97363C1.43261 6.80801 0 8.80769 0 11.1417C0 12.2856 1.53674 13.0051 3.47012 13.3005C3.45744 13.2405 3.44726 13.1801 3.43928 13.1192C3.43928 13.1186 3.43928 13.1179 3.43896 13.1172C3.43646 13.0976 3.43411 13.078 3.43207 13.0585C3.43176 13.056 3.4316 13.0536 3.43145 13.0511C3.42957 13.0333 3.428 13.0153 3.42659 12.9973C3.42612 12.9921 3.42597 12.9869 3.4255 12.9816C3.4244 12.9663 3.4233 12.9509 3.42252 12.9354C3.42205 12.9259 3.42174 12.9165 3.42143 12.9069C3.42096 12.8957 3.42033 12.8844 3.42017 12.873C3.41955 12.852 3.41939 12.8308 3.41939 12.8097C3.41939 12.6875 3.42237 12.5658 3.42832 12.4445C3.42988 12.4141 3.43145 12.3839 3.43333 12.3537C3.43708 12.2933 3.44147 12.2329 3.44679 12.1726C3.45196 12.1123 3.45791 12.0522 3.46464 11.9924C3.52336 11.4678 3.63908 10.9542 3.81086 10.4555C3.82291 10.4202 3.83529 10.385 3.84797 10.35C3.85455 10.332 3.86112 10.3139 3.86786 10.2959C3.90591 10.1933 3.94631 10.0912 3.98905 9.9899C4.10305 9.72034 4.23255 9.45938 4.37692 9.20766C4.40573 9.15725 4.43533 9.10731 4.46523 9.05769C4.51033 8.98333 4.55668 8.90976 4.60444 8.83712C4.6522 8.76448 4.70121 8.69263 4.75163 8.62172C4.98667 8.29063 5.25036 7.97879 5.5413 7.68794C5.57559 7.65365 5.61035 7.61984 5.64527 7.58618C5.6495 7.58211 5.65389 7.57789 5.65811 7.57382C5.69147 7.54188 5.72513 7.51042 5.75896 7.47926C5.76459 7.4741 5.77023 7.46893 5.77587 7.46377C5.80969 7.43277 5.84367 7.40225 5.87796 7.37203C5.88313 7.36749 5.8883 7.36295 5.89346 7.35841C5.92901 7.32726 5.96455 7.29658 6.00057 7.26621C6.00308 7.26417 6.00542 7.26214 6.00793 7.2601C6.04582 7.22817 6.08403 7.1967 6.12255 7.16571C6.12286 7.16555 6.12302 7.16524 6.12333 7.16508C6.16154 7.13424 6.20022 7.10387 6.23905 7.07382C6.2425 7.07116 6.24594 7.0685 6.24939 7.06583C6.28728 7.03672 6.32533 7.00791 6.36385 6.97958C6.36777 6.97676 6.37168 6.97379 6.3756 6.97097C6.41459 6.94232 6.45373 6.91399 6.49319 6.88628C6.49554 6.88471 6.49773 6.88299 6.50008 6.88143C6.62504 6.79345 6.75266 6.7097 6.88309 6.62986C6.88435 6.62908 6.8856 6.6283 6.88685 6.62767C6.93007 6.60121 6.97344 6.57538 7.01713 6.54987C7.01823 6.54924 7.01932 6.54862 7.02042 6.54799C7.04172 6.53562 7.06317 6.52373 7.08462 6.51152C6.66105 6.67182 6.21541 6.75337 5.7577 6.75337L5.75755 6.75353Z" fill="%236A6A9F" /><path d="M18.7498 6.25617C18.5312 6.41068 18.2965 6.54124 18.0475 6.64643C17.5842 6.84227 17.0927 6.94167 16.5864 6.94167C16.0802 6.94167 15.5887 6.84243 15.1253 6.64643C14.9752 6.58303 14.8305 6.51009 14.6909 6.42853C14.6898 6.42994 14.6886 6.43134 14.6875 6.43275C15.3055 6.76572 15.8705 7.18651 16.3727 7.68854C17.0377 8.35338 17.5601 9.12796 17.9249 9.99051C18.3031 10.8841 18.4948 11.8329 18.4948 12.8102C18.4948 13.0498 18.4594 13.2837 18.3902 13.509C20.3887 13.2274 22 12.501 22 11.3297C22 9.07927 20.6683 7.13986 18.7498 6.25586V6.25617Z" fill="%236A6A9F" /></g></svg>');
  background-color: #f9f9f9;
  background-size: 1.25rem 0.85rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 1rem;
}

.bs-integrations-showcase-app[data-category-id*="999"]
  .bs-integrations-showcase-app-icon::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><g clip-path="url(%23clip0_23344_18839)"><path d="M5.14687 12.1984C5.14687 12.2509 5.10937 12.3109 5.06437 12.3334L3.94687 12.7984L3.48188 13.9159C3.45938 13.9609 3.39937 13.9984 3.34687 13.9984C3.29437 13.9984 3.23437 13.9609 3.21187 13.9159L2.74687 12.7984L1.62938 12.3334C1.58438 12.3109 1.54688 12.2509 1.54688 12.1984C1.54688 12.1459 1.58438 12.0859 1.62938 12.0634L2.74687 11.5984L3.21187 10.4809C3.23437 10.4359 3.29437 10.3984 3.34687 10.3984C3.39937 10.3984 3.45938 10.4359 3.48188 10.4809L3.94687 11.5984L5.06437 12.0634C5.10937 12.0859 5.14687 12.1459 5.14687 12.1984Z" fill="%236A6A9F"/><path d="M14.9221 4.46106C14.9221 4.52988 14.873 4.60853 14.814 4.63802L13.3491 5.24756L12.7396 6.71242C12.7101 6.77141 12.6314 6.82056 12.5626 6.82056C12.4938 6.82056 12.4152 6.77141 12.3857 6.71242L11.7761 5.24756L10.3113 4.63802C10.2523 4.60853 10.2031 4.52988 10.2031 4.46106C10.2031 4.39224 10.2523 4.31359 10.3113 4.2841L11.7761 3.67456L12.3857 2.20971C12.4152 2.15072 12.4938 2.10156 12.5626 2.10156C12.6314 2.10156 12.7101 2.15072 12.7396 2.20971L13.3491 3.67456L14.814 4.2841C14.873 4.31359 14.9221 4.39224 14.9221 4.46106Z" fill="%236A6A9F"/><path d="M6.90469 3.92891C6.90469 4.02892 6.83325 4.14321 6.74753 4.18607L4.61875 5.07188L3.73295 7.20065C3.69009 7.28638 3.57579 7.35781 3.47578 7.35781C3.37577 7.35781 3.26147 7.28638 3.21861 7.20065L2.33281 5.07188L0.204034 4.18607C0.118311 4.14321 0.046875 4.02892 0.046875 3.92891C0.046875 3.8289 0.118311 3.7146 0.204034 3.67174L2.33281 2.78594L3.21861 0.657158C3.26147 0.571436 3.37577 0.5 3.47578 0.5C3.57579 0.5 3.69009 0.571436 3.73295 0.657158L4.61875 2.78594L6.74753 3.67174C6.83325 3.7146 6.90469 3.8289 6.90469 3.92891Z" fill="%236A6A9F"/><path d="M7.99512 5.25C9.73285 5.25 11.1554 6.59308 11.2842 8.29785L16.9082 9.20117C16.9393 9.14277 16.9719 9.08114 17.0059 9.02441C17.7581 7.76834 19.3845 7.36017 20.6406 8.1123C21.8967 8.86453 22.305 10.491 21.5527 11.7471C20.8583 12.9064 19.4178 13.3455 18.2119 12.8125L13.7354 17.9229C14.2289 18.7359 14.2655 19.7888 13.7432 20.6611C12.9909 21.9171 11.3645 22.3254 10.1084 21.5732C8.85252 20.821 8.44438 19.1945 9.19629 17.9385C9.39198 17.6117 9.64393 17.3449 9.93457 17.1367L8.22559 11.8408C8.14948 11.8461 8.07255 11.8496 7.99512 11.8496C6.17267 11.8495 4.69531 10.3723 4.69531 8.5498C4.69531 6.72733 6.17267 5.25011 7.99512 5.25ZM12.0146 18.3906C11.7735 18.2462 11.4846 18.2031 11.2119 18.2715C10.9394 18.3399 10.7049 18.5138 10.5605 18.7549C10.4161 18.9961 10.374 19.2849 10.4424 19.5576C10.5108 19.8303 10.6846 20.0646 10.9258 20.209C11.1669 20.3534 11.4559 20.3965 11.7285 20.3281C12.001 20.2597 12.2355 20.0857 12.3799 19.8447C12.5243 19.6036 12.5664 19.3146 12.498 19.042C12.4296 18.7693 12.2558 18.5351 12.0146 18.3906ZM11.0215 9.86426C10.7534 10.4805 10.3033 10.9982 9.73828 11.3506L11.4473 16.6494C11.8159 16.6463 12.1865 16.7171 12.5371 16.873L17.0176 11.7646C16.8327 11.4609 16.7112 11.1211 16.6592 10.7695L11.0215 9.86426ZM19.8242 9.47559C19.5831 9.3312 19.2941 9.28902 19.0215 9.35742C18.7489 9.42585 18.5145 9.59967 18.3701 9.84082C18.2257 10.082 18.1826 10.3709 18.251 10.6436C18.3194 10.9162 18.4942 11.1505 18.7354 11.2949C18.9763 11.4391 19.2647 11.4823 19.5371 11.4141C19.8098 11.3456 20.044 11.1709 20.1885 10.9297C20.3328 10.6886 20.3759 10.4005 20.3076 10.1279C20.2392 9.85525 20.0654 9.62002 19.8242 9.47559Z" fill="%236A6A9F"/></g><defs><clipPath id="clip0_23344_18839"><rect width="22" height="22" fill="white"/></clipPath></defs></svg>');
  background-size: 1.2rem 1.2rem;
}

.bs-integrations-showcase-app[data-category-id*="86,999"]
  .bs-integrations-showcase-app-icon::before {
  background-color: #f1ccf8;
  right: 0.75rem;
}

/* effect on hover deprecated */
/* .bs-integrations-showcase-app[data-category-id*="86"]
  .bs-integrations-showcase-app-icon::after {
  content: "Community App";
  position: absolute;
  left: calc(100% + -16px);
  top: -16px;
  z-index: 2;
  width: max-content;
  height: 32px;
  color: #6a6b9b;
  background-color: #f9f9f9;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  border-radius: 16px;
  padding-left: 36px;
  padding-right: 10px;
  -webkit-transition: transform 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: transform 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: transform 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: transform 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transform: scaleX(0.01);
  transform-origin: 16px 50%;
}

.bs-integrations-showcase-app[data-category-id*="86"]:hover
  > .bs-integrations-showcase-app-icon::after {
  transform: scaleX(1);
}  */

.bs-integrations-showcase-app-icon img {
  width: 45px;
  height: 45px;
  object-fit: contain;
  object-position: 50% 50%;
}

@media only screen and (max-width: 1199px) {
  .bs-integrations-showcase-app-icon img {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (max-width: 899px) {
  .bs-integrations-showcase-app-icon img {
    width: 36px;
    height: 36px;
  }
}

@media only screen and (max-width: 599px) {
  .bs-integrations-showcase-app-icon img {
    width: 28px;
    height: 28px;
  }
}

a.bs-integrations-showcase-app:hover > .bs-integrations-showcase-app-icon {
  transform: scale(1.05);
  z-index: 2;
}

.bs-integrations-showcase-app-name {
  text-align: center;
  font-size: 14px;
  line-height: 1.25;
  color: #777;
  font-weight: 400;
  letter-spacing: -0.33px;
  width: calc(100% + 3rem);
}

@media only screen and (max-width: 899px) {
  .bs-integrations-showcase-app-name {
    font-size: 13px;
  }
}

a.bs-integrations-showcase-app:hover > .bs-integrations-showcase-app-name {
  color: #542fe8;
}