/* pages-components.css — Extracted component styles for technologies and blog pages */
/* Source: demo.css — Only loaded on pages that need these styles */


.w-inline-block {
  max-width: 100%;
    display: inline-block
}
.w-button {
  color: #494BCB;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block
}
input.w-button {
  -webkit-appearance: button
}
.html-embed.w-embed img {
  height: 26px;
    margin-bottom: 5px;
}
.w-embed:before,.w-embed:after {
  content: " ";
    grid-area: 1/1/2/2;
    display: table
}
.w-embed:after {
  clear: both
}
.w-form {
  margin: 0 0 15px
}
.w-form-done {
  text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none
}
.w-form-fail {
  background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none
}
.w-input,.w-select {
  width: 100%;
    height: 38px;
    color: #333;
    /* vertical-align: middle; */
    background-color: #494BCB;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block
}
.w-input:-moz-placeholder,.w-select:-moz-placeholder {
  color: #999
}
.w-input::-moz-placeholder,.w-select::-moz-placeholder {
  color: #999;
    opacity: 1
}
.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder {
  color: #999
}
.w-input:focus,.w-select:focus {
  border-color: #3898ec;
    outline: 0
}
.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select {
  cursor: not-allowed
}
.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee
}
textarea.w-input,textarea.w-select {
  height: auto
}
.w-richtext:before,.w-richtext:after {
  content: " ";
    grid-area: 1/1/2/2;
    display: table
}
.w-richtext:after {
  clear: both
}
.w-richtext[contenteditable=true]:before,.w-richtext[contenteditable=true]:after {
  white-space: initial
}
.w-richtext ol,.w-richtext ul {
  overflow: hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
  outline: 2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type=video]>div:after {
  content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.w-richtext figure {
  max-width: 60%;
    position: relative
}
.w-richtext figure>div:before {
  cursor: default!important
}
.w-richtext figure img {
  width: 100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6
}
.w-richtext figure div {
  color: transparent;
    font-size: 0
}
.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type=image] {
  display: table
}
.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type=image]>div {
  display: inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type=image]>figcaption {
  caption-side: bottom;
    display: table-caption
}
.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type=video] {
  width: 60%;
    height: 0
}
.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type=video] iframe {
  width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type=video]>div {
  width: 100%
}
.w-richtext figure.w-richtext-align-center {
  clear: both;
    margin-left: auto;
    margin-right: auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
  max-width: 100%
}
.w-richtext figure.w-richtext-align-normal {
  clear: both
}
.w-richtext figure.w-richtext-align-fullwidth {
  width: 100%;
    max-width: 100%;
    text-align: center;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    display: block
}
.w-richtext figure.w-richtext-align-fullwidth>div {
  padding-bottom: inherit;
    display: inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
  display: block
}
.w-richtext figure.w-richtext-align-floatleft {
  float: left;
    clear: none;
    margin-right: 15px
}
.w-richtext figure.w-richtext-align-floatright {
  float: right;
    clear: none;
    margin-left: 15px
}
.w-dyn-empty {
  background-color: #ddd;
    padding: 10px
}
.w-dyn-hide,.w-dyn-bind-empty,.w-condition-invisible {
  display: none!important
}
.w-layout-grid {
  grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.padding-small {
  padding: 1rem
}
.padding-medium {
  padding: 2rem
}
.padding-medium.early_access_scroller {
  flex-direction: row;
    display: flex;
    position: relative
}
.padding-bottom {
  padding-top: 0;
    padding-left: 0;
    padding-right: 0
}
.text-weight-semibold.text-color-darkblue {
  text-decoration: none
}
.text-weight-semibold.text-color-darkblue.w--current {
  color: var(--primary-color);
    font-style: italic;
}
.text-color-grey {
  color: gray
}
.text-color-white.text-align-center {
  font-size: 1.3rem
}
.text-color-white.text-align-center.trello {
  font-size: 1rem
}
.text-weight-medium {
  font-weight: 500
}
.text-size-regular {
  font-size: 1rem
}
.text-weight-bold {
  font-weight: 700
}
.text-size-small {
  font-size: .875rem
}
.text-size-small.text-color-white.slider-text {
  padding-bottom: 28px
}
.max-width-xlarge {
  width: 100%;
    max-width: 64rem
}
.text-align-left {
  text-align: left
}
.text-size-large {
  font-size: 1.5rem
}
.text-size-large.text-align-center {
  color: var(--text-color);
    font-size: 1.4rem
}
.text-size-large.text-align-center.careers-text {
  color: #494BCB
}
.text-size-large.text-color-white {
  padding-top: 0;
    font-size: 1.3rem
}
.text-size-large.text-color-white.text-align-center {
  font-size: 1.3rem
}
.text-size-large.text-color-white.text-align-center.brand-lineheight,.text-size-large.text-color-white.brand-subtext {
  line-height: 1.5
}
.heading-style-h2 {
  font-size: 3rem;
    font-weight: 700;
    line-height: 1.2
}
.heading-style-h5 {
  font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5
}
.text-align-center {
  text-align: center
}
.align-center {
  margin-left: auto;
    margin-right: auto
}
.text-size-medium {
  font-size: 1rem
}
.text-size-medium.text-color-white {
  font-size: 1rem;
    line-height: 1.7
}
.text-size-medium.text-color-white.text-align-center {
  line-height: 1.3
}
.text-size-medium.text-color-white.text-align-center.icons_subtext {
  width: 50%;
    margin-top: 2rem;
    margin-bottom: 3rem
}
.text-size-medium.text-color-white.aasaan-way-hero {
  max-width: 90%;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 2rem;
    font-size: 1.2rem;
    position: relative
}
.text-size-medium.text-color-white.header {
  width: 100%
}
.text-size-medium.text-color-white.header.centered {
  text-align: center;
    font-size: 1.3rem
}
.text-size-medium.text-color-white.icons_subtext {
  width: 50%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5
}
.text-size-medium.text-color-white.on-404 {
  text-align: center
}
.text-size-medium.text-align-center.build_integration_text {
  width: 80%;
       color: var(--text-color);
}
.text-size-medium.on-header {
  color: var(--text-color);
    line-height: 1.75;
}
.text-size-medium.on-header.early-subtext {
  text-align: center;
    position: relative
}
.text-size-medium.on-header.early-subtext.left-align {
  text-align: left
}
.text-size-medium.competitor {
  text-align: left;
    font-family: Open Sans,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
}
.text-size-medium.events-paragraph {
  width: 100%;
    text-align: left;
    font-size: 1.2rem
}
.button-group {
  grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}
.fs-styleguide_structure,.hide {
  display: none
}
.text-custom-mparatitle.text-color-darkblue {
  margin-bottom: 0;
    font-family: Satoshi Variable,sans-serif
}
.text-custom-heading1.text-align-left {
  color: #eddcff;
    text-align: left;
    background-image: linear-gradient(145deg,var(--primary-color-3),#494BCB 40%,#d0e5f1 99%);
    margin-top: 0;
    font-family: Satoshi Variable,sans-serif
}
.common_buttons_wrap {
  grid-column-gap: 1.75rem;
    margin-top: 1.5rem;
    display: flex;
    position: relative
}
.common_buttons_wrap.features_cta {
  margin-top: 2rem
}
.medium-paragraph-title {
  text-align: center;
    font-size: 1.2rem;
    font-weight: 400
}
.medium-paragraph-title.on-logos {
  z-index: 3;
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.25rem;
    position: relative
}
.medium-paragraph-title.text-color-white {
  z-index: 2;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    position: relative
}
.medium-paragraph-title.in-integrations {
  color: #414042;
    font-size: 1.5rem;
    text-decoration: none
}
.medium-paragraph-title.text-align-left {
  text-align: left
}
.medium-paragraph-title.in-pricing-card {
  color: #494BCB;
    text-align: left;
    margin-top: 2.3rem;
    margin-bottom: 1rem
}
.medium-paragraph-title.in-pricing {
  color: #494BCB;
    text-align: left;
    font-size: 1.5rem
}
.medium-paragraph-title.on-featured-story {
  text-align: left;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.5rem;
    font-weight: 700
}
.medium-paragraph-title.pricing_header {
  font-family: "M PLUS 1",sans-serif;
    font-size: 1.25rem
}
.medium-paragraph-title.in-integrations-dark {
  color: #494BCB;
    font-size: 1.5rem;
    text-decoration: none
}
.large-paragraph-title {
  color: var(--primary-color);
    padding-bottom: .5rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2
}
.large-paragraph-title.text-color-white {
  color: #494BCB;
    font-family: Satoshi Variable,sans-serif
}
.large-paragraph-title.text-color-white.competitor {
  max-width: 40rem
}
.large-paragraph-title.text-color-white.competitor.reviews {
  max-width: 100%;
    text-align: center;
    padding-bottom: 1rem;
    display: flex
}
.large-paragraph-title.on-pricing {
  color: #494BCB;
    margin-bottom: .5rem;
    font-size: 2rem
}
.large-paragraph-title.text-align-center {
  padding-bottom: .3rem;
    font-size: 1.8rem
}
.large-paragraph-title.in-pricing {
  max-width: 48rem;
    color: #494BCB;
    text-align: center;
    margin-bottom: 1rem
}
.section_common_blog {
  border-top: 1px solid var(--border-color-only);
    border-bottom: 1px solid var(--border-color-only);
    background-color: var(--background-color);
    position: relative
}
.section_common_blog.background-navy {
  color: #494BCB;
    background-color:#494BCB
}
.common_blog_component {
  z-index: 2;
    position: relative
}
.common_blog_top {
  grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.25rem;
    margin-bottom: .5rem;
    display: flex;
    flex-wrap: wrap
}
.common_blog_wrapper {
  margin-top: 2.5rem
}
.common_blog_list {
  grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    grid-auto-columns: 1fr;
    display: grid
}
.common_blog_item-wrap {
  height: 100%;
    color: #414042;
    /* background-color: #494BCB; */
    border-radius: .75rem;
    flex-direction: column;
    text-decoration: none;
    transition: transform .2s;
    display: flex;
    overflow: hidden;
    box-shadow: 0 6px .8rem rgba(0,0,0,.09)
}
.common_blog_item-wrap:hover {
  transform: translateY(-.5rem)
}
.common_blog_item-image {
  width: 100%;
    height: 100%;
    object-fit: cover
}
.common_blog_item-image-wrap {
  height: 12rem;
    border-radius: .75rem .75rem 0 0;
    overflow: hidden;
    flex-shrink: 0
}
.common_blog_item-content {
  grid-row-gap: .75rem;
    border: .075rem solid #dfdfe0;
    border-radius: 0 0 .75rem .75rem;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    padding: 1.5rem 2.5rem 1.5rem 1.5rem;
    display: flex
}
.text-color-darkblue {
  color: var(--primary-color)
}
.large-hero-title.text-gradient-primary.text-align-center {
  color: #5790ff;
    font-size: 2.7rem
}
.large-hero-title.text-align-centermobile {
  font-family: Satoshi Variable,sans-serif
}
.button-font {
  font-family: Satoshi Variable,sans-serif;
    font-weight: 700
}
.button-font.on-pricing-card {
  z-index: 4;
    color: var(--primary-color-2);
    text-align: center;
    margin-bottom: 0;
    text-decoration: none;
    transition: color .2s;
    position: absolute;
    top: auto;
    bottom: 1rem;
    left: 0%;
    right: 0%
}
.button-font.on-pricing-card:hover {
  color: var(--primary-color)
}
.button-font.on-pricing-card.on-enterprise-card {
  position: relative;
    bottom: 0;
    left: 2rem
}
.button-font.on-pricing-card.on-enterprise-card:hover {
  -webkit-text-stroke-color: var(--primary-color)
}
.button-font.text-color-white {
  margin-top: 0;
    font-family: Satoshi Variable,sans-serif
}
.button-font.signup-trusted {
  color: rgba(255,255,255,.7);
    font-family: Satoshi Variable,sans-serif
}
.button-font.text-color-grey {
  font-family: Satoshi Variable,sans-serif
}
.button-font.blog-post {
  color: var(--primary-color);
    font-family: Satoshi Variable,sans-serif;
    text-decoration: none;
    transition: color .2s
}
.button-font.blog-post:hover {
  color: var(--primary-color-3)
}
.button-font.on-pricing-card {
  color: var(--primary-color-2);
    text-align: center;
    text-decoration: none;
    transition: color .2s;
    position: absolute;
    top: auto;
    bottom: 1.5rem;
    left: 0%;
    right: 0%
}
.button-font.on-pricing-card:hover {
  color: var(--primary-color)
}
.button-font.pricing-business {
  padding-bottom: 0;
padding-top: 1rem;
}
.button-font.pricing-standard {
  padding-bottom: 2rem;
padding-top: 2.5rem;
}
.button-font.pricing-enterprise {
  padding-bottom: 2rem;
padding-top: 2.5rem;
}
.button-font.pricing-premium {
  padding-bottom: 2rem;
    padding-top: 2.5rem;
}
.button-font.pricing-breakdown {
  z-index: 3;
    width: 100%;
    color: var(--primary-color-2);
    text-align: left;
    text-transform: none;
    border: 0 #fff;
    justify-content: center;
    font-family: Satoshi Variable,sans-serif;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    position: relative
}
.button-font.pricing-breakdown:hover {
  color: var(--primary-color)
}
.semi-para-title {
  font-family: Satoshi Variable,sans-serif;
    font-size: 1.25rem;
    font-weight: 600
}
.semi-para-title.logos-sr {
  color: #494BCB;
    margin-top: 1.75rem;
    font-family: Satoshi Variable,sans-serif
}
.semi-para-title.text-color-darkblue {
  font-size: 1rem
}
.common_card-text.text-size-regular {
  font-size: 1rem
}
.blog_header_component {
  width: 81rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}
.blog_header_top {
  z-index: 2;
    max-width: 49rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    overflow: visible
}
.blog_header_topics-wrap {
  width: 100%;
    grid-column-gap: 2rem;
    /* border-top: .0625rem solid #dfdfe0;
    border-bottom: .0625rem solid #dfdfe0; */
    margin-top: 2.1875rem;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    display: flex
}
.blog_header_topics-wrapper {
  width: 100%
}
.blog_header_topics-list {
  justify-content: space-evenly;
    display: flex
}
.blog_header_topics-item {
  transition: transform .2s
}
.blog_header_topics-item:hover {
  transform: translateY(-.125rem)
}
.blog_header_featured {
  width: 100%;
    margin-top: 3rem
}
.blog_header_featured-image-wrap {
  width: 39.125rem;
    height: 25.625rem
}
.blog_header_featured-image {
  width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .75rem
}
.blog_header_featured-item {
  display: flex
}
.blog_header_featured-content {
  max-width: 38.375rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}
.blog_header_featured-link {
  color: var(--primary-color);
    border-bottom: .25rem solid var(--primary-color);
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    transition: transform .2s
}
.blog_header_featured-link:hover {
  transform: translate(.5rem)
}
.blog_header_featured-item-wrap {
  width: 100%;
    justify-content: space-between;
    display: flex
}
.blog_header_wrapper {
  width: 100%;
    margin-top: 1.75rem
}
.blog_header_list {
  grid-column-gap: 2.5rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.blog_header_item {
  transition: transform .2s
}
.blog_header_item:hover {
  transform: translateY(-.5rem)
}
.blog_header_item-wrap {
  height: 100%;
    color: var(--text-color);
    flex-direction: column;
    text-decoration: none;
    display: flex
}
.blog_header_item-image-wrap {
  width: 25.25rem;
    height: 20.625rem;
    border-radius: .75rem;
    overflow: hidden
}
.blog_header_item-image {
  width: 100%;
    height: 100%;
    object-fit: cover
}
.blog_header_item-content {
  flex: 1;
    padding: 1.9375rem 2rem 3rem 1.25rem;
    position: relative
}
.blog_header_item-date-wrap {
  grid-column-gap: .25rem;
    display: flex;
    position: absolute;
    bottom: 0
}
.blog_category_line {
  width: 39.9375rem;
    height: .0625rem;
    background-color: #dfdfe0;
    position: absolute;
    top: 0
}
.blog_category_heading-wrap {
  max-width: 41.5625rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}
.blog_category_item {
  flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 5rem;
    padding-bottom: 5.75rem;
    display: flex;
    position: relative
}
.blog_category_wrap {
  grid-column-gap: 1rem;
    color: var(--primary-color);
    cursor: pointer;
    text-decoration: none;
    transition: color .2s;
    display: flex
}
.blog_category_wrap:hover {
  color: var(--primary-color-3)
}
.blog_category_item-top {
  width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    display: flex
}
.blog_category_item-content {
  width: 100%;
    align-items: stretch;
    margin-top: 2.75rem;
    display: flex;
    position: relative
}
.blog_category_featured {
  width: 39rem;
    grid-row-gap: .5rem;
    color: var(--text-color);
    flex-direction: column;
    margin-right: 3.75rem;
    text-decoration: none;
    transition: transform .2s;
    display: flex
}
.blog_category_featured:hover {
  transform: translateY(-.5rem)
}
.blog_category_featured-image-wrap {
  width: 100%;
    height: 22.8125rem;
    border-radius: .75rem
}
.blog_category_featured-image {
  width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: .75rem
}
.blog_category_featured-top {
  grid-column-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 5fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 1.5rem;
    display: grid
}
.blog_category_featured-date {
  grid-column-gap: .25rem;
    justify-content: flex-end;
    display: flex
}
.blog_category_post-list {
  height: 100%;
    flex-direction: column;
    justify-content: space-between;
    display: flex
}
.blog_category_post-item-wrap {
  color: var(--text-color);
    text-decoration: none;
    transition: transform .2s;
    display: flex
}
.blog_category_post-item-wrap:hover {
  transform: translateY(-.5rem)
}
.blog_category_post-image-wrap {
  width: 12.9375rem;
    height: 11.875rem;
    margin-left: 2.5rem
}
.blog_category_post-image {
  object-fit: cover;
    border-radius: .75rem
}
.blog_category_post-content {
  max-width: 22.5rem;
    grid-row-gap: .25rem;
    flex-direction: column;
    justify-content: center;
    display: flex
}
.blog_category_post-date {
  grid-column-gap: .3rem;
    margin-top: .5rem;
    display: flex
}
.section_post_header {
  background-color: var(--background-color)
}
.post_header_component {
  width: 81rem;
    height: 28.125rem;
    border-radius: .75rem;
    margin-left: auto;
    margin-right: auto
}
.post_header_cinematic {
  width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0.5rem;
    max-height: 500px;
    object-fit: contain;
}
.section_post_body {
  background-color: var(--background-color)
}
.post_body_component {
  max-width: 47.25rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5rem
}
.post_body_breadcrumb {
  grid-column-gap: .5rem;
    align-items: center;
    display: flex
}
.post_body_breadcrumb-arrow {
  width: .5rem;
    height: .7rem;
    margin-bottom: -.125rem
}
.post_body_top {
  justify-content: space-between;
    display: flex
}
.post_body_dd {
  z-index: 1;
    border: .0625rem solid #dfdfe0;
    border-radius: .375rem;
    margin-left: 0;
    margin-right: 0
}
.post_body_dd-toggle {
  grid-column-gap: 2rem;
    padding: .5rem 1rem .5rem 2rem;
    display: flex
}
.post_body_dd-list.w--open {
  background-color: transparent;
    border-radius: 0 0 .5rem .5rem;
    overflow: hidden;
    box-shadow: 0 3px .25rem #dfdfe0
}
.post_body_dd-link {
  background-color: var(--background-color);
    transition: background-color .2s
}
.post_body_dd-link:hover {
  background-color: #e4f5ff
}
.post_body_dd-icon {
  margin-right: 0;
    position: static
}
.post_body_head {
  margin-top: 3.75rem
}
.post_body_head-details-wrap {
  justify-content: space-between;
    align-items: center;
    margin-top: 1.75rem;
    display: flex
}
.post_body_author-wrap {
  align-items: center;
    display: flex
}
.post_body_author-image {
  width: 3.125rem;
    height: 3.125rem;
    margin-right: .75rem
}
.post_body_content {
  margin-top: 3.375rem
}
.post_body_richtext {
  font-size: 1.125rem
}
.post_body_richtext h6 {
  font-size: .875rem;
    font-weight: 400
}
.post_body_richtext a {
  color: var(--primary-color);
    text-decoration: none
}
.post_body_richtext ul {
  margin-top: 1rem;
    margin-bottom: 1rem;
    list-style-type: disc
}
.post_body_richtext blockquote {
  border-left-color: var(--primary-color);
    font-size: 1rem
}
.post_body_richtext h2 {
  margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.75rem
}
.post_body_richtext h1 {
  margin-top: 2rem;
    margin-bottom: 1.5rem;
    font-size: 2rem
}
.post_body_richtext h3 {
  margin-bottom: .75rem;
    font-size: 1.5rem
}
.post_body_richtext h4 {
  margin-bottom: .5rem
}
.post_body_richtext p {
  margin-top: 1rem;
    margin-bottom: 1rem
}
.post_body_testimonial {
  justify-content: space-between;
    align-items: center;
    margin: 2rem -4.125rem;
    display: flex
}
.post_body_testimonial-image {
  width: 22.5rem;
    height: 22.5rem;
    border-radius: 50%
}
.post_body_testimonial-content {
  max-width: 30.75rem
}
.post_body_testimonial-name {
  grid-column-gap: .25rem;
    flex-direction: column;
    margin-top: 2.5rem;
    display: flex
}
.post_body_topics-wrap {
  margin-top: 2.5rem
}
.post_body_topics {
  margin-top: .5rem
}
.post_body_topics-list {
  grid-column-gap: .5rem;
    display: flex
}
.post_body_topics-item-wrap {
  border: 1px solid #dfdfe0;
    border-radius: 5rem;
    padding: .5rem 1rem
}
.post_body_socials-wrap {
  margin-top: 2.5rem
}
.post_body_socials {
  grid-column-gap: 1.25rem;
    margin-top: .5rem;
    display: flex
}
.post_body_social {
  border: 1px solid #dfdfe0;
    border-radius: 50%;
    margin-top: .5rem;
    padding: .5rem
}
.post_body_social-icon {
  width: 1.25rem;
    height: 1.25rem;
    color: var(--header-color);
    justify-content: center;
    align-items: center;
    display: flex
}
.common_blog_blue-background {
  width: 100%;
    height: 100%;
    background-color: #494BCB;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}
.blog_category_post-text {
  max-height: 5.3rem;
    font-size: 1.125rem;
    overflow: hidden
}
.blog_header_item_subtitle {
  text-align: left;
    font-size: 1.25rem;
    font-weight: 700
}
.blog_header_topics-mobile {
  z-index: 1;
    border: .0625rem solid #dfdfe0;
    border-radius: .375rem;
    margin-left: 0;
    margin-right: 0;
    display: none
}
.blog_header_topics-toggle {
  grid-column-gap: 2rem;
    padding: .5rem 1rem .5rem 2rem;
    display: flex
}
.nav_light_shadow-trigger {
  height: 0
}
.common_blog_title {
  text-align: left;
    font-size: 1.25rem;
    font-weight: 700
}
.post_header_large {
  width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px
}
.blog_category_post-title {
  text-align: left;
    margin-bottom: .5rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2
}
.blog_category_featured-title {
  text-align: left;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.125rem;
    font-weight: 700
}
.post_body_cta {
  grid-row-gap: 1rem;
    background-color: #494BCB;
    border-radius: .5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 2.5rem 2.5rem 3rem;
    display: flex
}
.post_body_cta-heading {
  color: #494BCB;
    font-family: "M PLUS 1",sans-serif;
    font-size: 2.5rem;
    font-weight: 600
}
.post_body_cta-text {
  color: #494BCB;
    text-align: center;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1.2rem;
    font-weight: 400
}
.blog_category_post-text1,.blog_header_item-text {
  font-size: 1.25rem
}
.large-paragraph-title-2 {
  color: var(--primary-color);
    padding-bottom: .5rem;
    font-family: "M PLUS 1",sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2
}
.large-paragraph-title-2.text-color-white {
  color: #494BCB
}
.large-paragraph-title-2.text-gradient-primary.integrations-component {
  text-align: center
}
.large-paragraph-title-2.on-pricing {
  color: #494BCB;
    margin-bottom: 1rem;
    font-size: 2rem
}
.link-learn-more.text-align-center {
  text-align: center
}
.int_component {
  width: 100%;
    grid-column-gap: 2.375rem;
    align-items: flex-start;
    display: flex
}
.int_sidebar {
  width: 18.56rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 4rem;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 6rem
}
.int_main {
  flex: 1
}
.int_sidebar_breadcrumb {
  grid-column-gap: .5rem;
    align-items: center;
    display: flex
}
.int_sidebar_breadcrumb1 {
  color: var(--primary-color-2);
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700;
    text-decoration: none
}
.int_sidebar_arrow {
  width: .75rem;
    height: .75rem;
    margin-bottom: -.25rem
}
.int_sidebar_breadcrumb2 {
  color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700;
    text-decoration: none
}
.int_image {
  width: 55%;
    max-height: 3.1875rem;
    object-fit: contain;
    margin-top: 1rem;
    margin-bottom: 1rem
}
.int_main_lightbox {
  width: 100%;
    height: 22.31rem;
    justify-content: center;
    align-items: center;
    display: flex
}
.int_main_lightbox-image {
  width: 100%;
    height: 100%
}
.int_main_richtext {
  color: #494BCB;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-right: 9.3rem;
    display: flex
}
.int_main_richtext h3 {
  -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,var(--primary-color),#494BCB);
    -webkit-background-clip: text;
    background-clip: text
}
.int_main_richtext a {
  color: #494BCB
}
.int_main_richtext a:hover {
  color: var(--primary-color-2)
}
.int_main_list {
  grid-column-gap: 2.25rem;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.int_main_item-lightbox {
  width: 18.5rem;
    height: 12.1875rem
}
.int_main_item-image {
  width: 100%;
    height: 100%;
    object-fit: contain
}
.int_main_interested-line {
  width: 60rem;
    height: 20rem
}
.int_main_interested-wrap {
  z-index: 2;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 4rem;
    position: relative
}
.int_main_interested-heading {
  color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.5rem;
    font-weight: 700
}
.int_interested_wrapper {
  margin-top: 1.125rem
}
.int_interested_list {
  grid-column-gap: 2.25rem;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: grid
}
.int_interested_item {
  width: 100%
}
.int_interested_item-wrap {
  height: 100%;
    grid-column-gap: 1rem;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-radius: .375rem;
    padding: 1.5rem;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    flex-direction: column;
    grid-row-gap: 1rem;
    position: relative
}
.int_interested_item-wrap:hover {
  background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: none;
    background-image: none;
    transform: translateY(-.01rem)
}
.int_interested_item-image {
  width: 2.5rem;
    height: 2.5rem
}
.int_interested_item-content {
  grid-row-gap: .5rem;
    color: #494BCB;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}
.int_interested_item-name {
  color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.25rem;
    font-weight: 700
}
.int_interested_item-text {
  color: var(--text-color);
    font-size: .88rem;
    overflow: hidden
}
.int_sidebar_detais-heading-text {
  opacity: .7;
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700
}
.int_sidebar_details {
  grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    display: flex
}
.int_sidebar_link {
  grid-column-gap: 1rem;
    color: var(--primary-color-2);
    align-items: center;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    transition: margin .2s;
    display: flex
}
.int_sidebar_link:hover {
  margin-left: .25rem
}
.int_sidebar_link-icon {
  width: 1rem;
    height: 1rem
}
.int_sidebar_line {
  width: 100%;
    height: .0625rem;
    border: 1px solid rgba(223,223,224,.05)
}
.int_sidebar_category {
  background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 4rem;
    margin-top: .5rem;
    padding: .375rem 1rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: .875rem
}
.section_ints {
  background: var(--background-color-3);
    /* color: #494BCB; */
    /* margin-top: -10rem; */
    padding-top: 5rem;
    .padding-section-medium{
        background: transparent;
    }
}
.ints_heading-wrap {
  max-width: 41.25rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}
.ints_top {
  width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex
}
.ints_header_image {
  width: 69rem;
    height: 33rem;
    margin-bottom: -10.8125rem;
    margin-left: -10.0125rem;
    margin-right: -9.8rem
}
.ints_content {
  grid-column-gap: 2.5rem;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 2rem;
    display: flex
}
.ints_sidebar {
  position: -webkit-sticky;
    position: sticky;
    top: 8rem
}
.ints_main {
  max-width: 59.88rem;
    flex: 1
}
.ints_form {
  flex-direction: column;
    align-items: flex-start;
    display: flex
}
.int_form_input {
  border-radius: .38rem;
    margin-bottom: 0;
    padding-left: 2.25rem
}
.ints_filters {
  margin-top: 1rem;
    margin-bottom: 1rem
}
.ints_filters_item-wrap {
  padding-top: .25rem;
    padding-bottom: .25rem
}
.int_form_input-wrap {
  justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative
}
.int_form_input-icon {
  position: absolute;
    top: auto;
    bottom: auto;
    left: .6rem;
    right: auto
}
.ints_main_wrapper {
  display: none
}
.ints_main_list {
  grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.ints_interested_item-wrap {
  height: 100%;
    grid-column-gap: 1rem;
    background-color: rgba(24,36,54,.5);
    border: .0625rem solid rgba(255,255,255,.1);
    border-radius: .375rem;
    padding: 1.5rem;
    text-decoration: none;
    transition: transform .2s;
    display: flex;
    position: relative
}
.ints_interested_item-wrap:hover {
  transform: translateY(-.5rem)
}
.ints_main_category {
  border: .06rem solid rgba(255,255,255,.3);
    border-radius: 3rem;
    padding: .25rem .65rem;
    font-size: .75rem;
    display: none;
    position: absolute;
    top: .5rem;
    bottom: auto;
    left: auto;
    right: .5rem
}
.ints_main_content {
  grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}
.ints_featured_wrap {
  width: 100%
}
.ints_featured_heading-wrap {
  grid-column-gap: .75rem;
    align-items: center;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    display: flex
}
.ints_featured_heading-icon {
  width: 1.5rem;
    height: 1.5rem;
    /* //color: var(--secondary-color); */
    margin-top: -.38rem
}
.ints_featured_wrapper {
  width: 100%;
    margin-top: 2rem
}
.ints_featured_item-wrap {
  background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-radius: .75rem;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    overflow: hidden
}
.ints_featured_item_content {
  max-width: 27rem;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 3.13rem;
    padding-bottom: 3.13rem;
    padding-left: 3.13rem;
    display: flex
}
.ints_featured_item_image-wrap {
  width: 27.88rem;
    height: 20.63rem;
    position: relative;
    overflow: hidden;
    flex-shrink: 0
}
.ints_featured_item_logo-wrap {
  width: 3.5rem;
    height: 3.5rem;
    border-radius: .75rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
    display: flex;
    position: relative
}
.ints_featured_item_logo {
  width: 100%;
    height: 100%;
    object-fit: contain
}
.ints_featured_item_title {
  font-family: Satoshi Variable,sans-serif;
    font-size: 1.5rem;
    font-weight: 700
}
.ints_featured_item_title-wrap {
  grid-column-gap: .5rem;
    margin-bottom: .5rem;
    display: flex
}
.ints_featured_item_badge {
  height: 1.25rem;
    grid-column-gap: .25rem;
    background-color: var(--secondary-color);
    border-radius: 2rem;
    align-items: center;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: .75rem;
    font-weight: 600;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -1rem;
    left: auto;
    right: auto
}
.ints_featured_item_badge-icon {
  width: .75rem;
    height: .75rem;
    color: #494BCB;
    margin-top: -.2rem
}
.ints_featured_item_text {
  color: var(--text-color);
    margin-bottom: 2rem;
    font-size: .88rem
}
.ints_featured_item_back {
  width: 25.62rem;
    height: 16.94rem;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: -8%;
    right: auto
}
.ints_featured_item_image {
  z-index: 2;
    width: 100%;
    height: 100%;
    position: relative
}
.ints_popular_wrap {
  width: 100%
}
.ints_popular_heading-wrap {
  grid-column-gap: .75rem;
    align-items: center;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    display: flex
}
.ints_popular_star {
  width: 1.5rem;
    height: 1.5rem
}
.ints_popular_wrappper {
  width: 100%;
    margin-top: 1.5rem
}
.ints_popular_list {
  width: 100%;
    grid-column-gap: 2.25rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: grid
}
.ints_popular_item-wrap {
  height: 100%;
    grid-row-gap: 0.5rem;
    color:var(--primary-color);
    background-color: var(--background-color);
    box-shadow: var(--box-shadow);
    border: 1px solid var(--border-color-only);
    border-radius: .38rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 2rem;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    position: relative;
}
.ints_popular_item-wrap:hover {
  box-shadow: none;
    background-color: var(--background-color);
    background-image: none;
    border: 1px solid var(--border-color-only);
    transform: translateY(-.05rem)
}
.ints_popular_item-badge {
  height: 1.25rem;
    grid-column-gap: .25rem;
    /* background-color: var(--primary-color); */
    border: 1px solid var(--primary-color);
    border-radius: 2rem;
    align-items: center;
    padding-left: .6rem;
    padding-right: .6rem;
    font-size: .75rem;
    font-weight: 600;
    display: flex;
    max-width: 100px;
}
.ints_popular_badge-star {
  width: .75rem;
    height: .75rem
}
.ints_popular_item-logo {
  width: 4.13rem;
    height: 4.13rem;
    object-fit: contain
}
.ints_popular_item-title {
  font-family: Satoshi Variable,sans-serif;
    font-size: 1.25rem;
    font-weight: 700
}
.ints_popular_item-description {
  color: var(--text-color);
    max-height: 3rem;
    text-align: center;
    overflow: hidden
}
.ints_categories_wrapper {
  z-index: 3;
    position: relative
}
.ints_categories_list {
  grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}
.ints_categories_item-wrap {
  position: relative
}
.ints_categories_name {
  font-family: "M PLUS 1",sans-serif;
    font-size: 1.5rem;
    font-weight: 700
}
.ints_categories_apps {
  grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 1.25rem;
    display: grid
}
.ints_main_build {
  z-index: 1;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    overflow: visible
}
.ints_main_build-line {
  width: 60rem;
    height: 27.12rem;
    margin-top: -7rem;
    margin-bottom: -9rem
}
.ints_main_build-heading {
  text-align: center;
    /* -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,var(--primary-color-3),#494BCB); */
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.88rem;
    font-weight: 700
}
.ints_apps_wrapper {
  z-index: 3;
    display: none;
    position: relative
}
.ints_apps_list {
  grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.ints_main {
  position: relative;
}
.ints_main::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(circle at center, rgb(0 0 0 / 15%) 0, rgb(0 0 0 / 6%) 1px, transparent 1px);
    background-size: 12px 12px;
    background-position: center center;
}
.ints_featured_item-wrap {
background: white;
}
.ints_popular_item-wrap {
background: white;
}
.ints_apps_item, .ints_popular_item {
    background: white;
    border: 1px solid #ebebeb;
}
.ints_apps_item-category {
  display: block
}
.int_sidebar_categories-list {
  grid-column-gap: 1rem;
    display: flex
}
.section_ints_header {
  /* background: var(--background-color-3); */

    margin-bottom: -5rem;
    padding-bottom: 5rem;
    overflow: hidden;
    .padding-section-medium{
        background: transparent;
    }
}
.collection-list-wrapper {
  display: none
}
.ints_categories_item-scroll {
  width: 0;
    height: 0;
    position: absolute;
    top: -6rem;
    bottom: auto;
    left: 0%;
    right: auto
}
.ints_filters_item-link {
  text-decoration: none
}
.ints_filters_item-link:hover {
  font-weight: 600;
}
.ints_filters_item-link.w--current {
  color: var(--primary-color-2)
}
.int_main_image {
  width: 100%;
    height: 22.31rem
}
.ints_heading-text {
  color: var(--text-color);
    font-size: 1.25rem
}
.int_form_categories {
  display: none
}
.ints_popular_item-link {
  display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}
.int_interested_item-link {
  position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}
.ints_interested_item-link {
  z-index: 2;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}
.bold-text-11,.text-block-42,.text-block-43,.text-block-44,.bold-text-12,.text-block-45,.text-block-46,.text-block-47,.text-block-48,.text-block-49,.text-block-50,.text-block-51,.text-block-52,.text-block-53,.text-block-54,.text-block-55 {
  font-family: Satoshi Variable,sans-serif
}


@media screen and (max-width: 991px) {
  .padding-medium {
    padding: 1.5rem
  }

  .padding-bottom {
    padding-top: 0;
          padding-left: 0;
          padding-right: 0
  }

  .text-size-large {
    font-size: 1.25rem
  }

  .text-size-medium {
    font-size: 1.125rem
  }

  .text-size-medium.text-color-white.header.centered {
    font-size: 1.5rem
  }

  .text-size-medium.text-color-white.brand_subtext {
    text-align: center
  }

  .text-size-medium.text-align-center.build_integration_text {
    width: 90%
  }

  .common_buttons_wrap {
    grid-column-gap: .5rem
  }

  .medium-paragraph-title {
    text-align: center
  }

  .large-paragraph-title {
    font-size: 2rem
  }

  .common_blog_top {
    gap: 1rem
  }

  .common_blog_list {
    grid-column-gap: 1.5rem
  }

  .blog_header_component {
    width: 100%
  }

  .blog_header_featured-image-wrap {
    width: 27.3875rem;
          height: 17.9375rem
  }

  .blog_header_featured-content {
    max-width: 30rem
  }

  .blog_header_wrapper {
    margin-top: 1rem
  }

  .blog_header_list {
    grid-column-gap: 1rem
  }

  .blog_header_item-image-wrap {
    width: 17.675rem;
          height: 14.4375rem
  }

  .blog_header_item-content {
    padding-top: 1rem;
          padding-bottom: 2rem;
          padding-left: 1rem
  }

  .blog_category_heading-wrap {
    max-width: 36rem
  }

  .blog_category_item {
    padding-top: 3rem;
          padding-bottom: 4rem
  }

  .blog_category_featured {
    width: 27.3rem;
          margin-right: 2rem
  }

  .blog_category_featured-image-wrap {
    height: 15.9688rem
  }

  .blog_category_featured-image {
    width: 100%;
          height: 100%
  }

  .blog_category_post-image-wrap {
    width: 9.05625rem;
          height: 8.3125rem;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin-left: 1rem;
          display: flex
  }

  .blog_category_post-content {
    max-width: 19.4rem
  }

  .post_header_component {
    width: 56.7rem;
          height: 19.6875rem
  }

  .post_body_testimonial {
    margin-left: -2rem;
          margin-right: -2rem
  }

  .post_body_testimonial-image {
    width: 15.75rem;
          height: 15.75rem
  }

  .blog_category_post-text {
    max-height: 5.3rem;
          font-size: 1.125rem
  }

  .blog_category_post-text1,.blog_header_item-text {
    font-size: 1.125rem
  }

  .large-paragraph-title-2 {
    font-size: 2rem
  }

  .int_main {
    max-width: 41rem
  }

  .int_main_lightbox {
    height: 15.2rem;
          object-fit: cover
  }

  .int_main_lightbox-image {
    object-fit: cover
  }

  .int_main_list {
    grid-column-gap: 1rem
  }

  .int_main_item-lightbox {
    width: 12.95rem;
          height: 8.53125rem
  }

  .int_interested_item-wrap {
    grid-row-gap: .5rem;
          flex-direction: column;
          padding: 1rem
  }

  .ints_heading-wrap {
    max-width: 28rem
  }

  .ints_header_image {
    width: 48.3rem;
          height: 23.1rem
  }

  .ints_sidebar {
    max-width: 15rem
  }

  .int_form_input {
    padding-right: 0;
          font-size: 1rem
  }

  .ints_main_wrapper {
    display: none
  }

  .ints_main_list {
    grid-column-gap: 1.5rem;
          grid-row-gap: 1.5rem
  }

  .ints_interested_item-wrap {
    grid-row-gap: .5rem;
          flex-direction: column;
          padding: 1rem
  }

  .ints_featured_item_content {
    max-width: 18.9rem;
          padding-top: 2rem;
          padding-bottom: 2rem;
          padding-left: 2rem
  }

  .ints_featured_item_image-wrap {
    width: 19.516rem;
          height: 14.441rem
  }

  .ints_featured_item_back {
    width: 17.934rem;
          height: 11.858rem
  }

  .ints_popular_list {
    grid-column-gap: 1.5rem;
          grid-row-gap: 1.5rem
  }

  .ints_popular_item-wrap {
    grid-row-gap: 1rem
  }

  .ints_popular_item-logo {
    width: 3.5rem;
          height: 3.5rem
  }

  .ints_categories_apps {
    grid-column-gap: 1.5rem;
          grid-row-gap: 1.5rem
  }

  .ints_apps_wrapper {
    display: none
  }

  .ints_apps_list {
    grid-column-gap: 1.5rem;
          grid-row-gap: 1.5rem
  }

  .int_main_image {
    height: 15.2rem
  }

  .card_text.text-align-center {
    text-align: left
  }
}


@media screen and (max-width: 767px) {
  .padding-medium {
    padding: 1.25rem
  }

  .padding-bottom {
    padding-top: 0;
          padding-left: 0;
          padding-right: 0
  }

  .text-color-grey {
    font-size: 1rem
  }

  .text-weight-bold {
    font-size: 1rem
  }

  .text-size-large {
    font-size: 1.25rem
  }

  .text-size-large.text-color-white,.text-size-large.text-color-white.brand-subtext {
    text-align: center
  }

  .heading-style-h2 {
    font-size: 2rem
  }

  .fs-styleguide_version,.heading-style-h5 {
    font-size: .875rem
  }

  .text-size-medium.text-color-white.text-align-center {
    text-align: center
  }

  .text-size-medium.text-align-center.build_integration_text {
    width: 100%
  }

  .medium-paragraph-title.text-color-white {
    font-size: 1rem
  }

  .common_large_title.text-color-white,.common_large_title.text-color-white.align-center {
    font-size: 2rem
  }

  .large-paragraph-title.text-color-white {
    text-align: center;
          font-size: 2rem
  }

  .large-paragraph-title.text-color-white.competitor.reviews {
    flex-direction: column
  }

  .common_blog_list {
    grid-row-gap: 2rem;
          flex-direction: column;
          display: flex
  }

  .text-color-darkblue {
    font-size: 1rem
  }

  .button-font.on-pricing-card.on-enterprise-card {
    display: none;
          left: 0
  }

  .button-font.signup-trusted,.button-font.pricing-breakdown,.pricing_plan_link {
    font-size: 1rem
  }

  .common_testimonials_tab-details,.semi-para-title.logos-sr,.common_accordion_paragraph {
    font-size: 1rem
  }

  .text-color-yellow.text-align-center {
    font-size: 1rem
  }

  .blog_header_featured-image-wrap {
    width: 35.6038rem;
          height: 23.3188rem
  }

  .blog_header_featured-content {
    max-width: 38rem;
          margin-top: 1.5rem
  }

  .blog_header_featured-item-wrap {
    flex-direction: column;
          align-items: center
  }

  .blog_header_wrapper {
    margin-top: 1rem
  }

  .blog_header_list {
    grid-row-gap: 2rem;
          flex-direction: column;
          align-items: center;
          display: flex
  }

  .blog_header_item {
    width: 25rem
  }

  .blog_header_item-wrap {
    align-items: center
  }

  .blog_header_item-image-wrap {
    width: 22.9775rem;
          height: 18.7688rem
  }

  .blog_category_item {
    width: 39rem;
          margin-left: auto;
          margin-right: auto
  }

  .blog_category_item-top {
    flex-direction: column;
          align-items: flex-start
  }

  .blog_category_item-content {
    flex-direction: column;
          align-items: center
  }

  .blog_category_featured {
    width: 35rem;
          margin-right: 0
  }

  .blog_category_post-wrapper {
    margin-top: 1.5rem
  }

  .blog_category_post-list {
    grid-row-gap: 2rem
  }

  .blog_category_post-image-wrap {
    width: 11.7731rem;
          height: 10.8063rem
  }

  .blog_category_post-content {
    max-width: 23rem
  }

  .post_header_component {
    width: 45rem
  }

  .post_body_breadcrumb,.post_body_dd-toggle {
    font-size: 1rem
  }

  .post_body_testimonial {
    margin-left: 0;
          margin-right: 0
  }

  .post_body_testimonial-image {
    width: 13.3875rem;
          height: 13.3875rem
  }

  .int_component {
    grid-column-gap: 1.5rem
  }

  .int_sidebar {
    width: 14rem
  }

  .int_main {
    max-width: 29rem
  }

  .int_main_lightbox {
    height: 10.7rem
  }

  .int_main_richtext {
    margin-top: 2rem;
          margin-bottom: 2rem;
          padding-right: 0
  }

  .int_main_interested-line {
    width: 30rem;
          height: 13.5625rem
  }

  .int_main_interested-wrap {
    margin-top: -4.5125rem;
          margin-bottom: -3.0625rem
  }

  .int_interested_list {
    grid-row-gap: 2rem;
          flex-direction: column;
          display: flex
  }

  .int_interested_item-wrap {
    flex-direction: row;
          align-items: center
  }

  .int_main_images {
    overflow: auto
  }

  .ints_main_wrapper {
    display: none
  }

  .ints_main_list {
    grid-template-columns: 1fr 1fr
  }

  .ints_featured_item-wrap {
    flex-direction: column;
          align-items: center
  }

  .ints_featured_item_content {
    max-width: 100%
  }

  .ints_featured_item_image-wrap {
    margin-left: auto
  }

  .ints_popular_list {
    flex-direction: column;
          display: flex
  }

  .ints_main_build-heading {
    text-align: center
  }

  .ints_apps_wrapper {
    display: none
  }

  .ints_apps_list {
    grid-template-columns: 1fr 1fr
  }

  .int_sidebar_categories-list {
    flex-direction: column;
          align-items: flex-start
  }

  .ints_heading-text {
    font-size: 1rem
  }

  .int_form_categories {
    background-color: #494BCB;
          border-radius: 6px;
          display: none
  }

  .int_form_categories-toggle,.int_form_categories-toggle.w--open {
    width: 100%
  }

  .int_form_categories-dropdown.w--open {
    background-color: #494BCB;
          border-radius: 6px;
          flex-direction: column;
          align-items: stretch;
          display: flex
  }

  .card_text.text-align-center {
    font-size: 1rem
  }

  .text-block-59,.text-block-60,.text-block-61,.text-block-62,.text-block-63 {
    font-size: 1rem
  }

  .collection-list-wrapper-2 {
    line-height: 1.5
  }

  .collection-list-wrapper-3 {
    font-size: 1em
  }
}


@media screen and (max-width: 479px) {
  .padding-bottom {
    padding-top: 0;
          padding-left: 0;
          padding-right: 0
  }

  .hide-mobile-portrait {
    display: none
  }

  .text-size-medium.text-color-white.aasaan-way-hero {
    font-size: 1rem
  }

  .text-size-medium.text-color-white.header.centered {
    font-size: 1.2rem
  }

  .text-size-medium.on-header {
    text-align: center
  }

  .common_buttons_wrap {
    width: 100%;
          grid-row-gap: 1rem;
          flex-direction: column
  }

  .medium-paragraph-title.on-logos {
    font-size: 1rem
  }

  .medium-paragraph-title.in-integrations {
    font-size: 1.25rem
  }

  .medium-paragraph-title.in-pricing-card {
    font-size: 1.5rem
  }

  .medium-paragraph-title.in-pricing,.medium-paragraph-title.in-integrations-dark {
    font-size: 1.25rem
  }

  .text-size-medium.competitor {
    text-align: center;
  }

  .common_large_title.text-color-white.align-center {
    text-align: center
  }

  .large-paragraph-title {
    font-size: 1.75rem
  }

  .large-paragraph-title.text-color-white {
    text-align: center
  }

  .large-paragraph-title.text-color-white.competitor.reviews {
    flex-direction: column
  }

  .large-paragraph-title.text-gradient-primary.text-align-centermobile {
    text-align: center
  }

  .common_blog_top,.common_blog_list {
    flex-direction: column;
          display: flex
  }

  .common_blog_item-image-wrap {
    height: 11.6875rem
  }

  .large-hero-title.text-align-centermobile {
    text-align: center
  }

  .button-font.on-pricing-card,.button-font.pricing-breakdown,.pricing_header_features-link,.section_pricing_plan {
    display: none
  }

  .semi-para-title.logos-sr {
    margin-top: 1rem
  }

  .semi-para-title.logos-sr.hide-mobile-portrait {
    display: none
  }

  .blog_header_topics-wrap {
    grid-column-gap: 1rem;
          grid-row-gap: 1rem;
          flex-direction: column;
          padding-top: 1rem;
          padding-bottom: 1rem;
          padding-left: 1rem;
          display: none
  }

  .blog_header_topics-wrapper {
    display: flex
  }

  .blog_header_topics-list {
    grid-column-gap: 2rem;
          grid-row-gap: 1rem;
          flex-wrap: wrap;
          justify-content: flex-start
  }

  .blog_header_featured-image-wrap {
    width: 24.6488rem;
          height: 16.1438rem
  }

  .blog_header_featured-content {
    margin-top: 1rem
  }

  .blog_header_featured-item-wrap {
    flex-direction: column
  }

  .blog_header_list {
    grid-row-gap: 1rem;
          flex-direction: column;
          display: flex
  }

  .blog_header_item {
    width: auto;
          margin-bottom: 1rem
  }

  .blog_header_item-image-wrap {
    width: 24.745rem;
          height: 17rem
  }

  .blog_category_line {
    width: 25rem
  }

  .blog_category_item {
    width: auto
  }

  .blog_category_wrap {
    align-items: center
  }

  .blog_category_arrow {
    width: 1rem;
          height: 1rem;
          max-width: 100%
  }

  .blog_category_item-top {
    grid-row-gap: 1rem;
          flex-direction: column;
          align-items: flex-start
  }

  .blog_category_item-content {
    flex-direction: column
  }

  .blog_category_featured {
    margin-right: 0
  }

  .blog_category_featured-top {
    grid-row-gap: .5rem;
          flex-direction: column-reverse;
          align-items: flex-start;
          margin-top: 1rem;
          display: flex
  }

  .blog_category_post-wrapper {
    margin-top: 1.5rem
  }

  .blog_category_post-list {
    grid-row-gap: 0rem
  }

  .blog_category_post-content {
    max-width: 14.9rem
  }

  .blog_category_post-date {
    display: none
  }

  .post_header_component {
    width: 24.381rem;
          height: 13rem
  }

  .post_header_cinematic {
    object-fit: cover
  }

  .post_body_top {
    grid-row-gap: 1rem;
          flex-direction: column
  }

  .post_body_head {
    margin-top: 2.5rem
  }

  .post_body_head-details-wrap {
    align-items: flex-end;
          margin-top: 1rem
  }

  .post_body_content {
    margin-top: 2rem
  }

  .post_body_testimonial {
    flex-direction: column-reverse;
          margin-left: 0;
          margin-right: 0
  }

  .post_body_testimonial-image {
    width: 12.6rem;
          height: 12.6rem
  }

  .post_body_testimonial-content {
    max-width: 25rem;
          margin-top: 2rem
  }

  .post_body_topics-list {
    grid-row-gap: .5rem;
          flex-direction: column;
          align-items: flex-start
  }

  .blog_category_post-text {
    max-height: 4.7rem;
          font-size: 1rem
  }

  .blog_header_topics-mobile {
    width: 100%;
          margin-top: 3rem;
          display: block
  }

  .blog_header_topics-toggle {
    padding-left: 1rem;
          font-size: 1.2rem
  }

  .post_header_large {
    object-fit: cover
  }

  .post_body_cta {
    padding-top: 2rem
  }

  .post_body_cta-heading {
    font-size: 2rem
  }

  .post_body_cta-text,.common_footer_copyright-text {
    font-size: 1rem
  }

  .large-paragraph-title-2 {
    font-size: 1.75rem
  }

  .int_component {
    flex-direction: column
  }

  .int_sidebar {
    width: 100%;
          position: static;
  }

  .int_main {
    max-width: 100%;
  }

  .int_main_lightbox,.int_main_lightbox-image {
    height: 9.3rem;
  }

  .int_interested_item-wrap {
    flex-direction: row;
          align-items: center;
          padding-top: 1.8rem;
          padding-bottom: 1.8rem;
  }

  .int_main_images {
    height: 11rem;
          overflow: auto;
  }

  .section_ints {
    /* margin-top: -4rem; */
          padding-top: 0;
  }

  .ints_heading-wrap {
    grid-row-gap: 1rem;
          align-items: center;
  }

  .ints_top {
    flex-direction: column;
          align-items: center;
  }

  .ints_header_image {
    display: none;
  }

  .ints_content {
    flex-direction: column;
          align-items: flex-start;
  }

  .ints_sidebar {
    z-index: 5;
          width: 100%;
          max-width: none;
          background-color: #494BCB;
          position: static;
          top: 4rem
  }

  .ints_main {
    max-width: 100%
  }

  .int_form_input {
    height: 3.7rem;
          padding-left: 2.95rem;
          font-size: 1.125rem
  }

  .ints_filters_list {
    flex-direction: column;
          align-items: flex-start;
          padding-left: 1rem;
          padding-right: 1rem;
          display: flex
  }

  .ints_filters_item {
    width: 100%;
          border-bottom: 1px solid #686878;
  }

  .ints_filters_item:last-child {
    border-bottom-style: none
  }

  .ints_filters_item-wrap {
    width: 100%;
          flex-direction: column;
          padding-top: 0;
          padding-bottom: 0;
          display: flex
  }

  .int_form_input-wrap {
    width: 100%
  }

  .ints_main_wrapper {
    display: none
  }

  .ints_main_list {
    flex-direction: column;
          align-items: stretch;
          display: flex
  }

  .ints_interested_item-wrap {
    flex-direction: row;
          align-items: center;
          padding-top: 1.6rem;
          padding-bottom: 1.6rem
  }

  .ints_popular_item-title {
    font-size: 1.5rem
  }

  .ints_popular_item-description {
    font-size: .88rem
  }

  .ints_categories_wrapper,.ints_categories_item {
    width: 100%
  }

  .ints_categories_apps {
    width: 100%;
          flex-direction: column;
          display: flex
  }

  .ints_main_build {
    overflow: visible
  }

  .ints_main_build-line {
    width: 30rem;
          height: 13.56rem;
          margin-top: -3.5rem;
          margin-bottom: -4.5rem
  }

  .ints_main_build-heading {
    text-align: center
  }

  .ints_apps_wrapper {
    width: 100%;
          display: none
  }

  .ints_apps_list {
    flex-direction: column;
          display: flex
  }

  .section_ints_header {
    padding-bottom: 0
  }

  .ints_categories_item-scroll {
    top: -9rem
  }

  .ints_filters_item-link {
    width: 100%;
          color: #686878;
          text-align: left;
          padding-top: .5rem;
          padding-bottom: .5rem;
          font-size: 1.25rem;
          font-weight: 400
  }

  .int_main_image {
    height: 9.3rem
  }

  .ints_heading-text {
    text-align: center
  }

  .int_form_categories {
    z-index: 9;
          width: 100%;
          background-color: #494BCB;
          border: .0625rem solid #686878;
          border-radius: .375rem;
          margin-top: 0;
          margin-bottom: 2rem;
          display: block;
          position: -webkit-sticky;
          position: sticky;
          top: 4.5rem
  }

  .int_form_categories-toggle {
    width: 100%;
          padding: 1rem 2.5rem 1rem 1.25rem;
          font-size: 1.125rem;
          font-weight: 400
  }

  .int_form_categories-dropdown.w--open {
    max-width: 100%;
          background-color: #494BCB;
          border: .0625rem solid #686878;
          border-top-style: none;
          border-radius: .375rem;
          padding-top: .5rem;
          padding-bottom: .5rem;
          font-size: 1.125rem;
          font-weight: 600;
          display: block;
          top: 4.2rem
  }

  .collection-list-wrapper-2 {
    line-height: 1.5
  }
}