:root {
    --header-color: #494BCB;
    --text-color: #333333;
    --background-color:#F1F1F0;
    --background-color-2: #494BCB;
    --background-color-3: linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(168, 85, 247, 0.05) 100%);
    --header-gradient: linear-gradient(180deg, #a3a4f5 0%, #6b6dd6 100%);
    --gradient-2: linear-gradient(135deg, #f5f6ff 0%, #dadaf9 100%);
    --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --background-linear: linear-gradient(135deg, #fafafa, #eaeaea);
    --border-color: 1px solid #a3a4f5;
    --border-color-only: #e0e0e0;
    --primary-color: #494BCB;
    --primary-color-2: #333333;
    --primary-color-3: #a3a4f5;
    --secondary-color: #ffffff;
  } 
.home-hero-bg-wrap {
    z-index: -1;
    background-color: #ffffff;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    opacity: 0.6;
}

.home-hero-bg-wrap::before, .use-case-card::before, .feature-card::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    will-change: background, opacity;
    transition-duration: 400ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: opacity;
    /* background-image: radial-gradient( 600px at var(--cursor-x) var(--cursor-y), rgba(255, 254, 241, 0.15), transparent 40% ); */
    background-size: auto;
    background-origin: padding-box;
    z-index: 1;
}
.home-hero-bg-tiles {
    z-index: 1;
    /* background-image: url(https://uploads-ssl.webflow.com/63281d362a9501fa6e9f6aae/632835c8722a32c6adef674b_bg-tile.svg); */
    background-position: 50% 0;
    background-repeat: repeat;
    background-size: 142px 71px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    vertical-align: baseline;
    display: inline-block
}

audio:not([controls]) {
    height: 0;
    display: none
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #fff;
    background: #ff0
}

small {
    font-size: 80%
}

sub,sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

@font-face {
    font-family: webflow-icons;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
    font-weight: 400;
    font-style: normal
}

[class^=w-icon-],[class*=\ w-icon-] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: webflow-icons!important
}

.w-icon-slider-right:before {
    content: ""
}

.w-icon-slider-left:before {
    content: ""
}

.w-icon-nav-menu:before {
    content: ""
}

.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before {
    content: ""
}

.w-icon-file-upload-remove:before {
    content: ""
}

.w-icon-file-upload-icon:before {
    content: ""
}

* {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    min-height: 100%;
    color: #333;
    background-color: #494BCB;
    margin: 0;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 20px
}

img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block
}

html.w-mod-touch * {
    background-attachment: scroll!important
}

.w-block {
    display: block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.w-clearfix:before,.w-clearfix:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-clearfix:after {
    clear: both
}

.w-hidden {
    display: none
}

.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[data-w-dynpage] [data-w-cloak] {
    color: transparent!important
}

.w-webflow-badge,.w-webflow-badge * {
    z-index: auto;
    visibility: visible;
    box-sizing: border-box;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    float: none;
    clear: none;
    box-shadow: none;
    opacity: 1;
    direction: ltr;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    text-indent: 0;
    text-transform: inherit;
    text-shadow: none;
    font-smoothing: auto;
    vertical-align: baseline;
    cursor: inherit;
    white-space: inherit;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    background: 0 0;
    border: 0 transparent;
    border-radius: 0;
    margin: 0;
    padding: 0;
    list-style-type: disc;
    transition: none;
    display: block;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: visible;
    transform: none
}

.w-webflow-badge {
    white-space: inherit;
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(255,255,255,.1),0 1px 3px rgba(255,255,255,.1);
    visibility: visible!important;
    z-index: 2147483647!important;
    color: #aaadb0!important;
    opacity: 1!important;
    width: auto!important;
    height: auto!important;
    background-color: #494BCB!important;
    border-radius: 3px!important;
    margin: 0!important;
    padding: 6px 8px 6px 6px!important;
    font-size: 12px!important;
    line-height: 14px!important;
    text-decoration: none!important;
    display: inline-block!important;
    position: fixed!important;
    top: auto!important;
    bottom: 12px!important;
    left: auto!important;
    right: 12px!important;
    overflow: visible!important;
    transform: none!important
}

.w-webflow-badge>img {
    visibility: visible!important;
    opacity: 1!important;
    vertical-align: middle!important;
    display: inline-block!important
}

h1,h2,h3,h4,h5,h6 {
    margin-bottom: 10px;
    font-weight: 700
}

h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px
}

h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px
}

h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px
}

h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px
}

h5 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px
}

h6 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

blockquote {
    border-left: 5px solid #e2e2e2;
    margin: 0 0 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 22px
}

figure {
    margin: 0 0 10px
}

figcaption {
    text-align: center;
    margin-top: 5px
}

ul,ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none
}
.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-video {
    width: 100%;
    padding: 0;
    position: relative
}

.w-video iframe,.w-video object,.w-video embed {
    width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    left: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

button,[type=button],[type=reset] {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0
}

.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
}

label {
    margin-bottom: 5px;
    font-weight: 700;
    display: block
}

.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-select {
    background-color: #f3f3f3
}

.w-select[multiple] {
    height: auto
}

.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block
}

.w-radio {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block
}

.w-radio:before,.w-radio:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-radio:after {
    clear: both
}

.w-radio-input {
    float: left;
    margin: 3px 0 0 -20px;
    line-height: normal
}

.w-file-upload {
    margin-bottom: 10px;
    display: block
}

.w-file-upload-input {
    width: .1px;
    height: .1px;
    opacity: 0;
    z-index: -100;
    position: absolute;
    overflow: hidden
}

.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success {
    color: #333;
    display: inline-block
}

.w-file-upload-error {
    margin-top: 10px;
    display: block
}

.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden {
    display: none
}

.w-file-upload-uploading-btn {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: flex
}

.w-file-upload-file {
    background-color: #fafafa;
    border: 1px solid #ccc;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    display: flex
}

.w-file-upload-file-name {
    font-size: 14px;
    font-weight: 400;
    display: block
}

.w-file-remove-link {
    width: auto;
    height: auto;
    cursor: pointer;
    margin-top: 3px;
    margin-left: 10px;
    padding: 3px;
    display: block
}

.w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px
}

.w-file-upload-error-msg {
    color: #ea384c;
    padding: 2px 0;
    display: inline-block
}

.w-file-upload-info {
    padding: 0 12px;
    line-height: 38px;
    display: inline-block
}

.w-file-upload-label {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}

.w-icon-file-upload-icon,.w-icon-file-upload-uploading {
    width: 20px;
    margin-right: 8px;
    display: inline-block
}

.w-icon-file-upload-uploading {
    height: 20px
}

.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}

.w-container:before,.w-container:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-container:after {
    clear: both
}

.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px
}

.w-row:before,.w-row:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-row:after {
    clear: both
}

.w-row .w-row {
    margin-left: 0;
    margin-right: 0
}

.w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.w-col .w-col {
    padding-left: 0;
    padding-right: 0
}

.w-col-1 {
    width: 8.33333%
}

.w-col-2 {
    width: 16.6667%
}

.w-col-3 {
    width: 25%
}

.w-col-4 {
    width: 33.3333%
}

.w-col-5 {
    width: 41.6667%
}

.w-col-6 {
    width: 50%
}

.w-col-7 {
    width: 58.3333%
}

.w-col-8 {
    width: 66.6667%
}

.w-col-9 {
    width: 75%
}

.w-col-10 {
    width: 83.3333%
}

.w-col-11 {
    width: 91.6667%
}

.w-col-12 {
    width: 100%
}

.w-hidden-main {
    display: none!important
}

@media screen and (max-width: 991px) {
    .w-container {
        max-width:728px
    }

    .w-hidden-main {
        display: inherit!important
    }

    .w-hidden-medium {
        display: none!important
    }

    .w-col-medium-1 {
        width: 8.33333%
    }

    .w-col-medium-2 {
        width: 16.6667%
    }

    .w-col-medium-3 {
        width: 25%
    }

    .w-col-medium-4 {
        width: 33.3333%
    }

    .w-col-medium-5 {
        width: 41.6667%
    }

    .w-col-medium-6 {
        width: 50%
    }

    .w-col-medium-7 {
        width: 58.3333%
    }

    .w-col-medium-8 {
        width: 66.6667%
    }

    .w-col-medium-9 {
        width: 75%
    }

    .w-col-medium-10 {
        width: 83.3333%
    }

    .w-col-medium-11 {
        width: 91.6667%
    }

    .w-col-medium-12 {
        width: 100%
    }

    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto
    }
}

@media screen and (max-width: 767px) {
    .w-hidden-main,.w-hidden-medium {
        display:inherit!important
    }

    .w-hidden-small {
        display: none!important
    }

    .w-row,.w-container .w-row {
        margin-left: 0;
        margin-right: 0
    }

    .w-col {
        width: 100%;
        left: auto;
        right: auto
    }

    .w-col-small-1 {
        width: 8.33333%
    }

    .w-col-small-2 {
        width: 16.6667%
    }

    .w-col-small-3 {
        width: 25%
    }

    .w-col-small-4 {
        width: 33.3333%
    }

    .w-col-small-5 {
        width: 41.6667%
    }

    .w-col-small-6 {
        width: 50%
    }

    .w-col-small-7 {
        width: 58.3333%
    }

    .w-col-small-8 {
        width: 66.6667%
    }

    .w-col-small-9 {
        width: 75%
    }

    .w-col-small-10 {
        width: 83.3333%
    }

    .w-col-small-11 {
        width: 91.6667%
    }

    .w-col-small-12 {
        width: 100%
    }
}

@media screen and (max-width: 479px) {
    .w-container {
        max-width:none
    }

    .w-hidden-main,.w-hidden-medium,.w-hidden-small {
        display: inherit!important
    }

    .w-hidden-tiny {
        display: none!important
    }

    .w-col {
        width: 100%
    }

    .w-col-tiny-1 {
        width: 8.33333%
    }

    .w-col-tiny-2 {
        width: 16.6667%
    }

    .w-col-tiny-3 {
        width: 25%
    }

    .w-col-tiny-4 {
        width: 33.3333%
    }

    .w-col-tiny-5 {
        width: 41.6667%
    }

    .w-col-tiny-6 {
        width: 50%
    }

    .w-col-tiny-7 {
        width: 58.3333%
    }

    .w-col-tiny-8 {
        width: 66.6667%
    }

    .w-col-tiny-9 {
        width: 75%
    }

    .w-col-tiny-10 {
        width: 83.3333%
    }

    .w-col-tiny-11 {
        width: 91.6667%
    }

    .w-col-tiny-12 {
        width: 100%
    }
}

.w-widget {
    position: relative
}

.w-widget-map {
    width: 100%;
    height: 400px
}

.w-widget-map label {
    width: auto;
    display: inline
}

.w-widget-map img {
    max-width: inherit
}

.w-widget-map .gm-style-iw {
    text-align: center
}

.w-widget-map .gm-style-iw>button {
    display: none!important
}

.w-widget-twitter {
    overflow: hidden
}

.w-widget-twitter-count-shim {
    vertical-align: top;
    width: 28px;
    height: 20px;
    text-align: center;
    background: #494BCB;
    border: 1px solid #758696;
    border-radius: 3px;
    display: inline-block;
    position: relative
}

.w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    text-align: center;
    color: #999;
    font-family: serif;
    font-size: 15px;
    line-height: 12px;
    position: relative
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    display: block;
    position: relative
}

.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after {
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
    position: absolute;
    top: 50%;
    left: 0
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: rgba(117,134,150,0) #5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
    margin-top: -4px;
    margin-left: -9px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
    border-width: 4px;
    border-color: rgba(255,255,255,0) #494BCB rgba(255,255,255,0) rgba(255,255,255,0);
    margin-top: -4px;
    margin-left: -8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px
}

.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after {
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
    position: absolute;
    top: 100%;
    left: 50%
}

.w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
    margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #494BCB rgba(255,255,255,0) rgba(255,255,255,0);
    margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px
}

.w-background-video {
    height: 500px;
    color: #494BCB;
    position: relative;
    overflow: hidden
}

.w-background-video>video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    margin: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none!important
}

.w-background-video--control {
    background-color: transparent;
    padding: 0;
    position: absolute;
    bottom: 1em;
    right: 1em
}

.w-background-video--control>[hidden] {
    display: none!important
}

.w-slider {
    height: 300px;
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    background: #ddd;
    position: relative
}

.w-slider-mask {
    z-index: 1;
    height: 100%;
    white-space: nowrap;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-slide {
    vertical-align: top;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: left;
    display: inline-block;
    position: relative
}

.w-slider-nav {
    z-index: 2;
    height: 40px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0
}

.w-slider-nav.w-round>div {
    border-radius: 100%
}

.w-slider-nav.w-num>div {
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit;
    padding: .2em .5em
}

.w-slider-nav.w-shadow>div {
    box-shadow: 0 0 3px rgba(51,51,51,.4)
}

.w-slider-nav-invert {
    color: #494BCB
}

.w-slider-nav-invert>div {
    background-color: rgba(34,34,34,.4)
}

.w-slider-nav-invert>div.w-active {
    background-color: #fff
}

.w-slider-dot {
    width: 1em;
    height: 1em;
    cursor: pointer;
    background-color: rgba(255,255,255,.4);
    margin: 0 3px .5em;
    transition: background-color .1s,color .1s;
    display: inline-block;
    position: relative
}

.w-slider-dot.w-active {
    background-color: #494BCB
}

.w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #494BCB
}

.w-slider-dot:focus.w-active {
    box-shadow: none
}

.w-slider-arrow-left,.w-slider-arrow-right {
    width: 80px;
    cursor: pointer;
    color: #494BCB;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: auto;
    font-size: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-slider-arrow-left [class^=w-icon-],.w-slider-arrow-right [class^=w-icon-],.w-slider-arrow-left [class*=\ w-icon-],.w-slider-arrow-right [class*=\ w-icon-] {
    position: absolute
}

.w-slider-arrow-left:focus,.w-slider-arrow-right:focus {
    outline: 0
}

.w-slider-arrow-left {
    z-index: 3;
    right: auto
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto
}

.w-icon-slider-left,.w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.w-slider-aria-label {
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    border: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.w-slider-force-show {
    display: block!important
}

.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative
}

.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link {
    vertical-align: top;
    color: var(--text-color);
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block
}

.w-dropdown-toggle:focus {
    outline: 0
}

.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.w-dropdown-list {
    min-width: 100%;
    background: #ddd;
    display: none;
    position: absolute
}

.w-dropdown-list.w--open {
    display: block
}

.w-dropdown-link {
    color: var(--text-color);
    padding: 10px 20px;
    display: block
}

.w-dropdown-link.w--current {
    color: #0082f3
}

.w-dropdown-link:focus {
    outline: 0
}

@media screen and (max-width: 767px) {
    .w-nav-brand {
        padding-left:10px
    }
}

.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #494BCB;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0,0,0,.9);
    outline: 0;
    font-family: Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate(0)
}

.w-lightbox-backdrop,.w-lightbox-container {
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.w-lightbox-content {
    height: 100vh;
    position: relative;
    overflow: hidden
}

.w-lightbox-view {
    width: 100vw;
    height: 100vh;
    opacity: 0;
    position: absolute
}

.w-lightbox-view:before {
    content: "";
    height: 100vh
}

.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before {
    height: 86vh
}

.w-lightbox-frame,.w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block
}

.w-lightbox-figure {
    margin: 0;
    position: relative
}

.w-lightbox-group .w-lightbox-figure {
    cursor: pointer
}

.w-lightbox-img {
    width: auto;
    height: auto;
    max-width: none
}

.w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block
}

.w-lightbox-group .w-lightbox-image {
    max-height: 86vh
}

.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0,0,0,.4);
    padding: .5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.w-lightbox-control {
    width: 4em;
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    transition: all .3s;
    position: absolute;
    top: 0
}

.w-lightbox-left {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
    display: none;
    bottom: 0;
    left: 0
}

.w-lightbox-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
    display: none;
    bottom: 0;
    right: 0
}

.w-lightbox-close {
    height: 2.6em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size: 18px;
    right: 0
}

.w-lightbox-strip {
    white-space: nowrap;
    padding: 0 1vh;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: auto;
    overflow-y: hidden
}

.w-lightbox-item {
    width: 10vh;
    box-sizing: content-box;
    cursor: pointer;
    padding: 2vh 1vh;
    display: inline-block;
    -webkit-transform: translate(0,0)
}

.w-lightbox-active {
    opacity: .3
}

.w-lightbox-thumbnail {
    height: 10vh;
    background: #fff;
    position: relative;
    overflow: hidden
}

.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
    height: 100%;
    left: 50%;
    transform: translate(-50%)
}

.w-lightbox-spinner {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border: 5px solid rgba(0,0,0,.4);
    border-radius: 50%;
    margin-top: -20px;
    margin-left: -20px;
    animation: .8s linear infinite spin;
    position: absolute;
    top: 50%;
    left: 50%
}

.w-lightbox-spinner:after {
    content: "";
    border: 3px solid transparent;
    border-bottom-color: #494BCB;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px
}

.w-lightbox-hide {
    display: none
}

.w-lightbox-noscroll {
    overflow: hidden
}

@media (min-width: 768px) {
    .w-lightbox-content {
        height:96vh;
        margin-top: 2vh
    }

    .w-lightbox-view,.w-lightbox-view:before {
        height: 96vh
    }

    .w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before {
        height: 84vh
    }

    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh
    }

    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh
    }

    .w-lightbox-left,.w-lightbox-right {
        opacity: .5;
        display: block
    }

    .w-lightbox-close {
        opacity: .8
    }

    .w-lightbox-control:hover {
        opacity: 1
    }
}

.w-lightbox-inactive,.w-lightbox-inactive:hover {
    opacity: 0
}

.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-nav {
    z-index: 1000;
    background: #ddd;
    position: relative
}

.w-nav:before,.w-nav:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-nav:after {
    clear: both
}

.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative
}

.w-nav-link {
    vertical-align: top;
    color: #fff;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-nav-link.w--current {
    color: #0082f3
}

.w-nav-menu {
    float: right;
    position: relative
}

[data-nav-menu-open] {
    text-align: center;
    min-width: 200px;
    background: #c8c8c8;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block!important
}

.w--nav-link-open {
    display: block;
    position: relative
}

.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-nav-overlay [data-nav-menu-open] {
    top: 0
}

.w-nav[data-animation=over-left] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    left: auto
}

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative
}

.w-nav-button:focus {
    outline: 0
}

.w-nav-button.w--open {
    color: #494BCB;
    background-color: #c8c8c8
}

.w-nav[data-collapse=all] .w-nav-menu {
    display: none
}

.w-nav[data-collapse=all] .w-nav-button,.w--nav-dropdown-open,.w--nav-dropdown-toggle-open {
    display: block
}

.w--nav-dropdown-list-open {
    position: static
}

@media screen and (max-width: 991px) {
    .w-nav[data-collapse=medium] .w-nav-menu {
        display:none
    }

    .w-nav[data-collapse=medium] .w-nav-button {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .w-nav[data-collapse=small] .w-nav-menu {
        display:none
    }

    .w-nav[data-collapse=small] .w-nav-button {
        display: block
    }

    .w-nav-brand {
        padding-left: 10px
    }
}

@media screen and (max-width: 479px) {
    .w-nav[data-collapse=tiny] .w-nav-menu {
        display:none
    }

    .w-nav[data-collapse=tiny] .w-nav-button {
        display: block
    }
}

.w-tabs {
    position: relative
}

.w-tabs:before,.w-tabs:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-tabs:after {
    clear: both
}

.w-tab-menu {
    position: relative
}

.w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: #fff;
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-tab-link.w--current {
    background-color: #c8c8c8
}

.w-tab-link:focus {
    outline: 0
}

.w-tab-content {
    display: block;
    position: relative;
    overflow: hidden
}

.w-tab-pane {
    display: none;
    position: relative
}

.w--tab-active {
    display: block
}

@media screen and (max-width: 479px) {
    .w-tab-link {
        display:block
    }
}

.w-ix-emptyfix:after {
    content: ""
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.w-dyn-empty {
    background-color: #ddd;
    padding: 10px
}

.w-dyn-hide,.w-dyn-bind-empty,.w-condition-invisible {
    display: none!important
}

.wf-layout-layout {
    display: grid
}

.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
}

.w-layout-layout {
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding: 20px
}

.w-layout-cell {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.w-form-formrecaptcha {
    margin-bottom: 8px
}

.w-pagination-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}

.w-pagination-previous {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block
}

.w-pagination-previous-icon {
    margin-right: 4px
}

.w-pagination-next {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block
}

.w-pagination-next-icon {
    margin-left: 4px
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
    outline-offset: 2px;
    border-radius: 50%;
    outline: 2px solid #3b79c3
}

body {
    color: var(--text-color);
    background-color: var(--background-color);
    font-family: Open Sans,sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.1
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2
}

h3 {
    margin-top: 1.5rem;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2
}

h4 {
    margin-top: 1rem;
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4
}

h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5
}

h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5
}

p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.7
}

ul {
    margin-top: .5rem;
    margin-bottom: 0;
    padding-left: 1.5rem
}

ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1.5rem
}

li {
    margin-bottom: .25rem
}

img {
    max-width: 100%;
    display: inline-block
}

label {
    margin-bottom: .25rem;
    font-weight: 500
}

blockquote {
    border-left: .25rem solid #e2e2e2;
    margin-bottom: 0;
    padding: 0 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5
}

figure {
    margin-top: 2rem;
    margin-bottom: 2rem
}

figcaption {
    max-width: 32.125rem;
    color: #7a7c7f;
    text-align: center;
    margin-top: .25rem;
    margin-left: auto;
    margin-right: auto;
    font-size: .875rem
}

.utility-page_component {
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    justify-content: center;
    align-items: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex
}

.utility-page_wrapper {
    max-width: 20rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex
}

.utility-page_form {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex
}

.utility-page_image {
    margin-left: auto;
    margin-right: auto
}

.global-styles {
    display: block;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.margin-custom2 {
    margin: 2.5rem
}

.padding-xlarge {
    padding: 4rem
}

.margin-xlarge {
    margin: 4rem
}

.margin-xsmall {
    margin: .5rem
}

.padding-xhuge {
    padding: 8rem
}

.margin-custom1 {
    margin: 1.5rem
}

.padding-0 {
    padding: 0
}

.padding-xxhuge {
    padding: 12rem
}

.padding-huge {
    padding: 6rem
}

.margin-large {
    margin: 3rem
}

.padding-xxlarge {
    padding: 5rem
}

.margin-xxsmall {
    margin: .25rem
}

.padding-custom3 {
    padding: 3.5rem
}

.padding-large {
    padding: 3rem
}

.margin-tiny {
    margin: .125rem
}

.padding-small {
    padding: 1rem
}

.padding-custom2 {
    padding: 2.5rem
}

.margin-custom3 {
    margin: 3.5rem
}

.padding-custom1 {
    padding: 1.5rem
}

.margin-huge {
    margin: 6rem
}

.padding-medium {
    padding: 2rem
}

.padding-medium.early_access_scroller {
    flex-direction: row;
    display: flex;
    position: relative
}

.padding-xsmall {
    padding: .5rem
}

.margin-xxlarge {
    margin: 5rem
}

.padding-xxsmall {
    padding: .25rem
}

.margin-xhuge {
    margin: 8rem
}

.padding-tiny {
    padding: .125rem
}

.margin-small {
    margin: 1rem
}

.margin-medium {
    margin: 2rem
}

.margin-xxhuge {
    margin: 12rem
}

.margin-0 {
    margin: 0
}

.margin-horizontal {
    margin-top: 0;
    margin-bottom: 0
}

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

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

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

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

.padding-vertical {
    padding-left: 0;
    padding-right: 0
}

.padding-horizontal {
    padding-top: 0;
    padding-bottom: 0
}

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

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

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

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

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

.form_checkbox {
    flex-direction: row;
    align-items: center;
    margin-bottom: .5rem;
    padding-left: 0;
    display: flex
}

.form_checkbox-icon {
    width: .875rem;
    height: .875rem;
    border-radius: .125rem;
    margin: 0 .5rem 0 0
}

.form_checkbox-icon.w--redirected-checked {
    width: .875rem;
    height: .875rem;
    background-size: 90%;
    border-radius: .125rem;
    margin: 0 .5rem 0 0
}

.form_checkbox-icon.w--redirected-focus {
    width: .875rem;
    height: .875rem;
    border-radius: .125rem;
    margin: 0 .5rem 0 0;
    box-shadow: 0 0 .25rem 0 #3898ec
}

.fs-styleguide_background {
    width: 100%;
    border: .0625rem solid rgba(255,255,255,.1);
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    display: flex
}

.fs-styleguide_spacing {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(0,115,230,.1));
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    justify-content: start;
    align-items: start;
    justify-items: stretch;
    display: grid;
    position: relative
}

.icon-1x1-small {
    width: 1rem;
    height: 1rem;
    flex: none
}

.overflow-auto {
    overflow: auto
}

.spacing-clean {
    margin: 0;
    padding: 0
}

.icon-1x1-large {
    width: 2.5rem;
    height: 2.5rem
}

.z-index-2 {
    z-index: 2;
    position: relative
}

.fs-styleguide_background-space {
    width: .0625rem;
    height: .0625rem;
    margin: 5rem
}

.text-weight-semibold {
    font-weight: 600
}

.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-style-strikethrough {
    text-decoration: line-through
}

.fs-styleguide_item {
    grid-column-gap: 1.125rem;
    grid-row-gap: 1.125rem;
    border-bottom: .0625rem solid rgba(255,255,255,.1);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    justify-content: start;
    align-items: start;
    justify-items: start;
    padding-bottom: 3rem;
    display: grid;
    position: relative
}

.fs-styleguide_item.is-stretch {
    justify-items: stretch
}

.max-width-full {
    width: 100%;
    max-width: none
}

.fs-styleguide_item-header {
    width: 100%;
    border-bottom: .0625rem solid rgba(255,255,255,.1);
    padding-bottom: 2rem
}

.fs-styleguide_heading-large {
    font-size: 6rem
}

.background-color-black {
    color: #f5f5f5;
    background-color: #fff
}

.z-index-1 {
    z-index: 1;
    position: relative
}

.text-color-black {
    color: #fff
}

.text-color-grey {
    color: gray
}

.fs-styleguide_2-col {
    width: 100%;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.fs-styleguide_2-col.is-align-start {
    align-items: start
}

.form_message-success {
    padding: 1.25rem
}

.fs-styleguide_row {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.heading-style-h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2
}

.text-rich-text h1,.text-rich-text h2,.text-rich-text h3,.text-rich-text h4 {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

.text-rich-text h5,.text-rich-text h6 {
    margin-top: 1.25rem;
    margin-bottom: 1rem
}

.text-rich-text p {
    margin-bottom: 1rem
}

.text-rich-text ul,.text-rich-text ol {
    margin-bottom: 1.5rem
}

.container-small {
    width: 100%;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto
}

.container-small.aasaan-way {
    z-index: 3;
    margin-bottom: 0;
    position: relative
}

.icon-height-small {
    height: 1rem
}

.icon-1x1-medium {
    width: 2rem;
    height: 2rem
}

.heading-style-h1 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.1
}

.padding-global {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.text-weight-normal {
    font-weight: 400
}

.padding-section-small {
    z-index: 2;
    max-width: 81rem;
    flex-direction: column;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 0;
    display: flex;
    position: relative;
    top: 0
}

.padding-section-small.jira-import {
    padding-bottom: 3rem
}

.max-width-small {
    width: 100%;
    max-width: 20rem
}

.text-color-white {
    color: var(--text-color);
    font-size: .875rem;
    line-height: 1.2;
    text-decoration: none
}

.text-color-white.text-align-center {
    font-size: 1.3rem
}

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

.text-color-white.annual {
    opacity: 1;
    font-size: 1.25rem;
    font-weight: 600
}

.text-color-white.monthly {
    opacity: 0;
    font-size: 1.25rem;
    font-weight: 600;
    display: block;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.text-color-white.ship-it {
    font-size: 1.3rem
}

.text-color-white.free-pricing-breakdown {
    font-size: 1.25rem;
    font-weight: 600
}

.text-color-white.contact-sales-breakdown {
    font-size: 1rem
}

.text-color-white.free-breakdown-price {
    font-size: 1.25rem;
    font-weight: 600;
    position: static
}

.text-style-italic {
    font-style: italic
}

.text-weight-medium {
    font-weight: 500
}

.overflow-hidden {
    overflow: hidden
}

.fs-styleguide_section-header {
    width: 100%;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom: .0625rem solid #fff;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 3rem;
    line-height: 1.4;
    display: grid
}

.text-size-tiny {
    font-size: .75rem
}

.max-width-xxlarge {
    width: 100%;
    max-width: 80rem
}

.fs-styleguide_1-col {
    width: 100%;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.overflow-visible {
    overflow: visible
}

.fs-styleguide_empty-box {
    z-index: -1;
    height: 3rem;
    min-width: 3rem;
    background-color: rgba(0,115,230,.1);
    border: .0625rem dashed #0073e6;
    position: relative
}

.text-weight-light {
    font-weight: 300
}

.fs-styleguide_heading-medium {
    font-size: 4rem
}

.max-width-xsmall {
    width: 100%;
    max-width: 16rem
}

.fs-styleguide_4-col {
    width: 100%;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

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

.text-weight-xbold {
    font-weight: 800
}

.text-align-right {
    text-align: right
}

.text-weight-bold {
    font-weight: 700
}

.max-width-medium {
    width: 100%;
    max-width: 32rem
}

.fs-styleguide_item-wrapper {
    width: 100%;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.max-width-large {
    width: 100%;
    max-width: 48rem
}

.fs-styleguide_header-block {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    justify-items: start;
    display: grid
}

.background-color-#686878 {
    background-color: #494BCB
}

.text-style-muted {
    opacity: .6
}

.text-size-small {
    font-size: .875rem
}

.text-size-small.text-color-white.slider-text {
    padding-bottom: 28px
}

.heading-style-h4 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4
}

.max-width-xlarge {
    width: 100%;
    max-width: 64rem
}

.form_radio-icon {
    width: .875rem;
    height: .875rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: .5rem
}

.form_radio-icon.w--redirected-checked {
    width: .875rem;
    height: .875rem;
    border-width: .25rem
}

.form_radio-icon.w--redirected-focus {
    width: .875rem;
    height: .875rem;
    box-shadow: 0 0 .25rem 0 #3898ec
}

.text-style-nowrap {
    white-space: nowrap
}

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

.background-color-grey {
    background-color: #f5f5f5
}

.form_input {
    min-height: 3rem;
    background-color: transparent;
    margin-bottom: .75rem;
    padding: .5rem 1rem
}

.form_input.is-text-area {
    min-height: 8rem;
    padding-top: .75rem
}

.heading-style-h6 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5
}

.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 0
}

.padding-section-large.switch {
    border: 0 solid #494BCB;
    padding-bottom: 0
}

.padding-section-large.switch.competitor {
    padding-top: 0
}

.fs-styleguide_3-col {
    width: 100%;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid
}

.fs-styleguide_3-col.is-align-start {
    align-items: start
}

.text-style-link {
    color: #fff;
    text-decoration: underline
}

.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
}

.fs-styleguide_header {
    background-color: rgba(255,255,255,.05)
}

.heading-style-h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2
}

.page-wrapper {
    position: relative;
}

.page-wrapper.style_guide {
    background-color: #494BCB
}

.fs-styleguide_label {
    color: #494BCB;
    background-color: #0073e6;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: .25rem .75rem;
    font-weight: 600;
    line-height: 1.4;
    display: flex
}

.fs-styleguide_label.is-tag {
    background-color: #be4aa5
}

.fs-styleguide_label.is-hex {
    color: #fff;
    background-color: #f5f5f5
}

.fs-styleguide_version {
    z-index: 5;
    color: #fff;
    font-weight: 500;
    text-decoration: none
}

.heading-style-h5 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5
}

.container-large {
    z-index: 3;
    max-width: 81rem;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative
}

.container-large.customer-stories {
    max-width: 81rem
}

.container-large.the-aasaan-way {
    z-index: 2;
    min-height: 30rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 6rem;
    display: flex;
    position: relative
}

.container-large.plan {
    display: flex
}

.container-large.cards-postion {
    z-index: 2;
    max-width: 50rem;
    padding-top: 1rem;
    position: absolute;
    left: auto;
    right: auto
}

.container-large.card-position {
    z-index: 1;
    height: auto;
    max-width: 81rem;
    justify-content: center;
    margin-top: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.icon-height-medium {
    height: 2rem
}

.text-style-allcaps {
    text-transform: uppercase
}

.overflow-scroll {
    overflow: scroll
}

.form_message-error {
    margin-top: .75rem;
    padding: .75rem
}

.icon-height-large {
    height: 3rem
}

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

.form_component {
    margin-bottom: 0
}

.max-width-xxsmall {
    width: 100%;
    max-width: 12rem
}

.layer {
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.text-style-quote {
    border-left: .25rem solid #e2e2e2;
    margin-bottom: 0;
    padding: 0 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.align-center {
    margin-left: auto;
    margin-right: auto
}

.button {
    height: 3.125rem;
    color: var(--secondary-color);
    text-align: center;
    background-color: #494BCB;
    border-radius: .375rem;
    padding: .75rem 1.5rem;
    font-family: "M PLUS 1",sans-serif;
    font-weight: 600;
    transition: transform .2s
}

.button.is-text {
    background-color: transparent;
    border: .125rem solid transparent;
    font-size: .875rem;
    transition-property: color
}

.button.is-text:hover {
    color: var(--primary-color-2)
}

.button.is-text.is-light {
    color: #ffffff;
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 600
}

.button.is-text.is-light:hover {
    color: var(--primary-color)
}

.button.is-small {
    padding: .5rem 1.25rem
}

.button.is-large {
    padding: 1rem 2rem
}

.button.is-secondary {
    color: #fff;
    background-color: transparent;
    border: .125rem solid #fff
}

.button.is-icon {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex
}

.button.nav {
    color: var(--secondary-color);
    height: 2.5rem;
    background-color: var(--primary-color);
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: .1rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: .9rem;
    transition: box-shadow .2s,background-color .2s;
    display: flex
}

.button.nav:hover {
    background-color: var(--primary-color-3);
    box-shadow: 0 0 10px rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.3)
}

.button.nav.fonttest {
    font-family: Satoshi Variable,sans-serif
}

.button.nav.button_hero.early_access {
    border: 0 solid #9fbccd;
    margin-top: 1rem;
    transition: box-shadow .8s,background-color .2s
}

.button.nav.button_hero.early_access:hover {
    box-shadow: inset 0 0 5px #5790ff,0 0 90px rgba(87,144,255,.4),inset 0 0 0 1px rgba(255,255,255,.3)
}

.button.nav.button_hero.early_access.footer_cta.w--current {
    width: 18rem;
    position: relative
}

.button.nav.early_access {
    border: 0 solid rgba(255,255,255,.5);
    font-size: 1rem;
    transition-duration: .8s,.2s
}

.button.nav.early_access:hover {
    box-shadow: 0 0 60px rgba(87,144,255,.6),inset 0 0 0 1px rgba(255,255,255,.3)
}

.button.nav.early_access.signup {
    width: 190px;
    height: 70px;
    font-size: 1.5rem
}

.button.primary {
    z-index: 1;
    height: 3.125rem;
    background-color: var(--primary-color);
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: .1rem;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700;
    text-decoration: none;
    transition: all .2s,box-shadow .2s,opacity .2s,background-color .2s;
    display: flex;
    position: static
}

.button.primary:hover {
    background-color: var(--primary-color-3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.15),0 0 10px rgba(255,255,255,.1)
}

.button.primary.on-signup {
    width: 100%
}

.button.primary.press-header {
    margin-top: 2rem
}

.button.primary.in-ints-featured {
    padding-left: 3.4rem;
    padding-right: 3.4rem
}

.button.primary.product_image {
    margin-top: 2rem
}

.button.primary.fonttest {
    font-family: Satoshi Variable,sans-serif
}

.button.primary.early-access-button {
    color: #ffffff;
    -webkit-text-stroke-color: #494BCB;
    background-color:#494BCB;
    border: 2px solid var(--secondary-color);
    transition: opacity .2s,box-shadow .2s,opacity .2s,background-color .2s
}

.button.primary.demo_button {
    margin-right: 0;
    padding-left: 5.6rem;
    padding-right: 5rem
}

.button.is-google {
    height: 3.125rem;
    color: #ffffff;
    background-color: #494BCB;
    background-image: url(/static/img/google_logo.png);
    background-position: 10%;
    background-repeat: no-repeat;
    background-size: 1.125rem 1.15625rem;
    background-attachment: scroll;
    border-radius: .275rem;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: .1rem;
    padding-left: 3.5rem;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700;
    transition: background-color .2s;
    display: flex;
    position: static
}

.button.is-google:hover {
    background-color: #494BCB
}

.button.is-google.on-signup {
    width: 26rem;
    background-position: 28%;
    margin-bottom: 2rem
}

.button.is-google.fonttest {
    font-family: Satoshi Variable,sans-serif
}

.button.on-pricing-card {
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.5);
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: .65rem;
    font-family: "M PLUS 1",sans-serif;
    font-weight: 700
}

.button.on-pricing-card:hover {
    color: var(--primary-color-2)
}

.button.on-pricing-card.is-blue {
    width: 100%;
    background-color: var(--primary-color);
    border-style: none;
    margin-bottom: 0;
    transition-property: background-color
}

.button.on-pricing-card.is-blue:hover {
    color: #ffffff;
    -webkit-text-stroke-color: #494BCB;
    background-color: var(--primary-color-3)
}

.button.on-pricing-card.is-blue.switch-cards {
    width: 100%;
    margin-top: 0;
    margin-bottom: 2rem;
    font-family: Satoshi Variable,sans-serif
}

.button.in-blog {
    height: 3.125rem;
    background-color: var(--primary-color);
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: .1rem;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .2s;
    display: flex
}

.button.in-blog:hover {
    background-color: var(--primary-color-3)
}

.button.sign-up {
    height: 3.125rem;
    background-color: var(--primary-color);
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: .1rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: .875rem;
    transition: background-color .2s;
    display: none
}

.button.sign-up:hover {
    background-color: var(--primary-color-3)
}

.button.is-navtext {
    color: var(--primary-color-2);
    background-color: transparent;
    border: .125rem solid transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: .9rem;
    font-weight: 600;
    transition-property: color
}

.button.is-navtext:hover {
    color: var(--primary-color-2)
}

.button.is-navtext.fonttest {
    font-family: Satoshi Variable,sans-serif;
    font-size: .9rem
}

.button.is-workspaces {
    z-index: 3;
    height: 3rem;
    background-color: transparent;
    border: .05rem solid #494BCB;
    margin-left: 7rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: .875rem;
    transition-property: none;
    display: none;
    position: relative
}

.button.is-workspaces:hover {
    box-shadow: none;
    color: var(--primary-color-2);
    -webkit-text-stroke-color: transparent;
    background-color: transparent;
    border-width: .05rem;
    border-color: var(--primary-color-2)
}

.button.is-workspaces.is-light {
    color: #ffffff;
    border-color: #414042;
    font-family: Satoshi Variable,sans-serif;
    display: none
}

.button.is-workspaces.is-light:hover {
    color:#494BCB
}

.button.is-workspaces-mobile {
    box-shadow: none;
    background-color: transparent;
    background-image: linear-gradient(#293342,#494BCB);
    border: 0 solid #494BCB;
    margin-left: 7rem;
    font-size: .875rem;
    transition-property: all;
    transition-duration: .4s;
    display: none
}

.button.is-workspaces-mobile:hover {
    box-shadow: none;
    color: var(--primary-color-2);
    background-color: #494BCB;
    background-image: linear-gradient(#494BCB,#494BCB);
    border-width: 0
}

.button.secondary {
    margin-left: 1rem
}

.button.secondary.jira_banner_button {
    background-color: #0f1928;
    background-image: linear-gradient(#29313f,#0e1827)
}

.button.secondary.jira_banner_button:hover {
    background-image: none
}

.button.secondary.demo_calendly_button {
    color: var(--primary-color-3)
}

.button.is-calendly {
    color: var(--primary-color);
    -webkit-text-stroke-color: var(--primary-color-3);
    background-color: #494BCB;
    background-image: url(/static/img/bg/calender.png);
    background-position: 16%;
    background-repeat: no-repeat;
    background-size: auto;
    border: .13rem solid var(--primary-color-3);
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: .7rem 4rem .85rem;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700
}

.button.is-calendly:hover {
    background-color: #494BCB
}

.button.primary {
    color: var(--secondary-color);
    z-index: 1;
    height: 3.125rem;
    background-color: var(--primary-color);
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: .1rem;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700;
    text-decoration: none;
    transition: all .2s,box-shadow .2s,opacity .2s,background-color .2s;
    display: flex;
    position: static
}

.button.primary:hover {
    background-color: var(--primary-color-3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.15),0 0 10px rgba(255,255,255,.1)
}

.fs-styleguide_classes {
    grid-column-gap: .0625rem;
    grid-row-gap: .0625rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.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%
}

.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
}

.text-size-medium.events-paragraph {
    width: 100%;
    text-align: left;
    font-size: 1.2rem
}

.fs-styleguide_section {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    justify-items: start;
    display: grid
}

.fs-styleguide_section.is-vertical {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr
}

.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
}

.padding-section-medium {
    background: var(--background-color-3);
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative
}

.padding-section-medium.competitor {
    padding-bottom: 2rem
}

.padding-section-medium.home {
    display: none
}

.padding-section-medium.on-homepage {
    padding-bottom: 0
}

.padding-section-medium.pricing {
    padding-bottom: 4rem
}

.padding-section-medium.hero-padding {
    padding-bottom: 0
}

.padding-section-medium.section-logos {
    justify-content: center;
    display: flex
}

.padding-section-medium.branding-hero {
    padding-bottom: 2rem
}

.padding-section-medium.early_access {
    margin-bottom: 0
}

.padding-section-medium.card {
    z-index: 1
}

.padding-section-medium.card.hero_bg_card {
    cursor: auto;
    background-color: transparent;
    border-width: 0;
    overflow: visible
}

.container-medium {
    width: 100%;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto
}

.form_radio {
    flex-direction: row;
    align-items: center;
    margin-bottom: .5rem;
    padding-left: 0;
    display: flex
}

.fs-styleguide_spacing-all {
    display: none
}

.fs-styleguide_color.is-1 {
    background-color: #fff
}

.fs-styleguide_color.is-2 {
    background-color: #f5f5f5
}

.fs-styleguide_color.is-3 {
    background-color: #494BCB
}

.nav_container {
    z-index: 2;
    width: 100%;
    max-width: 90rem;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.nav_container.early_access {
    max-width: 81rem
}

.nav_link {
    color: var(--text-color);
    text-transform: none;
    padding: 0 1rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
    transition: color .6s
}

.nav_link:hover {
    color: var(--primary-color-2);
    -webkit-text-stroke-color: var(--primary-color-3)
}

.nav_link.w--current {
    color: var(--primary-color-2)
}

.nav_link.light {
    color: #414042;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 600
}

.nav_link.light:hover {
    color: var(--primary-color)
}

.nav_link.fonttest {
    font-family: Satoshi Variable,sans-serif;
    font-size: .9rem
}

.nav_button-wrapper {
    z-index: 11;
    min-width: 16.4rem;
    grid-column-gap: 1rem;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative
}

.nav_button-wrapper.on-signup {
    grid-column-gap: 2rem;
    align-items: center
}

.page-padding {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.nav_component {
    border-bottom: 1px solid rgba(255,254,241,.1);
    z-index: 10;
    width: 100%;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    color: #494BCB;
    background-color: var(--background-color);
    border-radius: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.nav_component.on-sign-up {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.nav_component.light {
    color: #414042;
    background-color: #494BCB;
    background-image: none
}

.nav_menu-wrapper {
    border: .0625rem #fff;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: flex;
    position: static
}

.nav_menu-wrapper.signup {
    justify-content: flex-end
}

.nav_link-wrapper {
    height: 3rem;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: center;
    margin: auto;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.5;
    display: flex
}

.nav_logo {
    width: 9.2rem;
    height: 2.5rem;
    color: #494BCB;
    position: static
}

.nav_logo.test {
    height: auto
}

.section_featured_header {
    background: var(--background-color-3);
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: visible;
    .padding-section-medium{
        background: transparent;
    }
}

.featured_header_component {
    z-index: 5;
    /* padding-top: 2.875rem; */
    position: relative
}

.featured_header_content {
    z-index: 2;
    max-width: 54.25rem;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2rem;
    display: flex;
    position: relative;
    overflow: visible
}

.text-custom-mparatitle {
    margin-bottom: 1rem;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.44792
}

.text-custom-mparatitle.text-color-lightred {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-family: Satoshi Variable,sans-serif
}

.text-custom-mparatitle.text-color-lightblue {
    color: var(--primary-color-2);
    margin-bottom: -1rem
}

.text-custom-mparatitle.text-color-white {
    font-family: Satoshi Variable,sans-serif
}

.text-custom-mparatitle.on-community {
    color: var(--secondary-color);
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-family: Satoshi Variable,sans-serif
}

.text-custom-mparatitle.on-about {
    color: var(--primary-color);
    margin-bottom: -1.5rem;
    margin-left: 0;
    font-family: Satoshi Variable,sans-serif
}

.text-custom-mparatitle.text-color-lightred {
    color: var(--primary-color);
    margin-bottom: -1rem;
    margin-left: 0;
    margin-right: 0
}

.text-custom-mparatitle.on-careers-header {
    color: #414042;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
    font-family: Satoshi Variable,sans-serif
}

.text-custom-mparatitle.text-color-darkblue {
    margin-bottom: 0;
    font-family: Satoshi Variable,sans-serif
}

.text-custom-heading1 {
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-image: var(--header-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 1.5rem;
    padding-bottom: 1rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 3.375rem;
    font-weight: 700;
    line-height: 1.1;
    overflow: visible
}

.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
}

.text-custom-heading1.on-pricing {
    max-width: 41.875rem;
    text-align: left;
    margin-top: 0;
    margin-left: 0
}

.text-custom-heading1.on-community {
    text-align: left
}

.text-custom-heading1.on-signup {
    text-align: center;
    margin-top: 1rem
}

.text-custom-heading1.on-way,.text-custom-heading1.on-careers {
    text-align: left
}

.text-custom-heading1.aasaan-way {
    margin-top: .5rem;
    font-size: 4rem
}

.text-custom-heading1.centered {
    margin-top: 1rem;
    font-size: 3.8rem;
    font-weight: 700
}

.text-custom-heading1.on-integrations {
    text-align: left
}

.text-custom-heading1.text_header_center {
    margin-top: 0;
    font-family: Satoshi Variable,sans-serif;
    font-size: 3.75rem
}

.text-custom-heading1.text_header_center.fonttest {
    font-family: Satoshi Variable,sans-serif;
    font-size: 3.9rem;
    font-weight: 700
}

.text-custom-heading1.on-pricing {
    max-width: 41.875rem;
    text-align: left
}

.text-custom-heading1.branding-header {
    margin-top: 1rem
}

.text-custom-heading1.demo_title {
    margin-top: 0
}

.text-color-lightred {
    color: var(--secondary-color)
}

.featured_header_text-wrap {
    max-width: 45.5rem;
    margin-top: .625rem
}

.common_buttons_wrap {
    grid-column-gap: 1.75rem;
    margin-top: 1.5rem;
    display: flex;
    position: relative
}

.common_buttons_wrap.features_cta {
    margin-top: 2rem
}

.common_lightbox {
    z-index: 2;
    width: 62.5rem;
    height: 41.4738rem;
    margin-top: 4.375rem;
    position: relative
}

.common_lightbox_image {
    width: 62.5rem;
    height: 2.5rem;
    object-fit: fill
}

.common_lightbox_play-overlay {
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.common_lightbox_play-wrap {
    z-index: 3;
    width: 7.2338rem;
    height: 7.2338rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.common_lightbox_play-wrap.int {
    width: 70%;
    height: 70%
}

.common_lightbox_play-icon {
    width: 3.08642rem;
    height: 3.08642rem;
    color: #494BCB;
    justify-content: center;
    align-items: center;
    display: flex
}

.common_lightbox_play-holder {
    width: 12.3457rem;
    height: 12.3457rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.common_lightbox_play-holder.int {
    width: 8rem;
    height: 8rem;
    position: absolute
}

.common_lightbox_play-circle1 {
    z-index: 1;
    width: 7.2338rem;
    height: 7.2338rem;
    background-color: rgba(69,43,91,.05);
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto
}

.common_lightbox_play-circle1.int {
    width: 70%;
    height: 70%
}

.common_lightbox_play-circle2 {
    z-index: 1;
    width: 7.2338rem;
    height: 7.2338rem;
    background-color: rgba(69,43,91,.05);
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto
}

.common_lightbox_play-circle2.int {
    width: 70%;
    height: 70%
}

.common_header-stars {
    z-index: 1;
    width: 100.625rem;
    height: 33rem;
    max-width: none;
    display: block;
    position: absolute;
    top: 2rem;
    bottom: 0%;
    overflow: hidden
}

.common_blue-radial {
    z-index: 1;
    width: 75rem;
    height: 75rem;
    opacity: .4;
    background-image: radial-gradient(circle,var(--primary-color),rgba(58,149,201,.01) 55%);
    border-radius: 50%;
    position: absolute
}

.common_blue-radial.on-featured {
    opacity: .25;
    background-image: radial-gradient(circle,rgb(5 180 144 / 54%),rgba(58,149,201,.01) 55%);
    top: -4.3rem;
    bottom: 0%;
    left: -41.9rem;
    right: auto
}

.common_blue-radial.on-common-large {
    opacity: .3;
    background-image: radial-gradient(circle,var(--primary-color),rgba(58,149,201,.01) 43%);
    top: -32%;
    bottom: auto;
    left: auto;
    right: -45%
}

.common_blue-radial.on-common-large.pointer-events-off {
    opacity: .16;
    background-image: radial-gradient(circle,#5790ff,rgba(58,149,201,.01) 43%);
    border-radius: 50%;
    top: -24%;
    overflow: visible
}

.common_blue-radial.on-jira {
    opacity: .4;
    background-image: radial-gradient(circle,rgb(87 255 162 / 20%),rgba(58,149,201,.01) 37%);
    top: -26%;
    bottom: auto;
    left: -41%;
    right: auto
}

.common_blue-radial.on-jira.switch {
    width: 65rem;
    height: 40rem;
    opacity: .5;
    top: 0;
    bottom: auto;
    left: 0%;
    right: auto
}

.common_blue-radial.on-jira.switch.compare-table-radial {
    width: 100%;
    height: 68rem;
    opacity: .7;
    filter: blur(20px);
    border-radius: 50%
}

.common_blue-radial.on-trello {
    opacity: .4;
    background-image: radial-gradient(circle,rgb(87 255 162 / 20%),rgba(58,149,201,.01) 37%);
    top: -26%;
    bottom: auto;
    left: -23%;
    right: auto
}

.common_blue-radial.on-trello-testimonial {
    background-image: radial-gradient(circle,rgba(87,144,255,.7),rgba(58,149,201,.01) 45%);
    top: auto;
    bottom: -123%;
    left: auto;
    right: auto
}

.common_blue-radial.on-competitors {
    width: 55rem;
    height: 55rem;
    background-image: radial-gradient(circle,rgba(87,144,255,.5),rgba(58,149,201,.01) 63%);
    top: auto;
    bottom: -25%;
    left: auto;
    right: auto
}

.common_blue-radial.competitor-header {
    width: 70rem;
    height: 70rem;
    background-image: radial-gradient(circle,rgb(5 180 144 / 54%),rgba(58,149,201,.01) 55%);
    bottom: -24.325rem;
    left: 6.25rem
}

.common_blue-radial.on-signup {
    width: 60rem;
    height: 60rem;
    opacity: .1;
    bottom: -12%;
    left: 13%
}

.common_blue-radial.on-faqs {
    width: 80rem;
    height: 80rem;
    opacity: .4;
    background-image: radial-gradient(circle,rgba(87,144,255,.8),rgba(58,149,201,.01) 47%);
    top: -11%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.common_blue-radial.on-contact {
    width: 80rem;
    height: 80rem;
    opacity: .4;
    background-image: radial-gradient(circle,rgba(87,144,255,.7),rgba(58,149,201,.01) 47%);
    top: -8%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.common_blue-radial.on-integrations {
    width: 80rem;
    height: 80rem;
    opacity: .4;
    background-image: radial-gradient(circle,rgba(87,144,255,.7),rgba(58,149,201,.01) 47%);
    top: -5%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.common_blue-radial.on-way {
    width: 80rem;
    height: 80rem;
    opacity: .4;
    background-image: radial-gradient(circle,var(--primary-color),rgba(58,149,201,.01) 47%);
    top: -8%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.common_blue-radial.on-about {
    width: 80rem;
    height: 80rem;
    opacity: .4;
    background-image: radial-gradient(circle,var(--primary-color),rgba(58,149,201,.01) 47%);
    top: -30%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.common_blue-radial.on-about.pointer-events-off {
    /* background-image: radial-gradient(circle,rgba(87,144,255,.7),rgba(58,149,201,.01) 47%) */
}

.common_blue-radial.careers-header {
    z-index: 2;
    width: 40rem;
    height: 40rem;
    opacity: 1;
    background-image: radial-gradient(circle,rgba(87,144,255,.3),rgba(138,192,223,0) 69%,transparent);
    bottom: 17.175rem;
    left: 34.15rem
}

.common_blue-radial.on-home {
    width: 70rem;
    height: 70rem;
    opacity: .3;
    filter: blur(10px);
    background-image: radial-gradient(circle,rgb(5 180 144 / 54%),rgba(58,149,201,.01) 55%);
    border-radius: 10%;
    display: block;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.common_blue-radial.home-integrations {
    z-index: 2;
    width: 50rem;
    height: 50rem;
    opacity: .2;
    background-image: radial-gradient(circle,#5790ff,rgba(58,149,201,.01) 55%);
    top: -14.6875rem
}

.common_blue-radial.home-stats {
    width: 25rem;
    height: 25rem;
    opacity: .1;
    background-image: radial-gradient(circle,#5790ff,rgba(58,149,201,.01) 55%);
    top: 52%;
    bottom: auto;
    left: auto;
    right: auto
}

.common_blue-radial.on-medium {
    width: 100%;
    height: 30rem;
    filter: blur(40px);
    background-image: radial-gradient(circle,#5790ff,rgba(58,149,201,.01) 55%);
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.common_blue-radial.on-medium.homepage {
    opacity: .22;
    border-radius: 50%
}

.common_blue-radial.on-medium.homepage.cards {
    width: 100%;
    height: 29rem;
    opacity: .1;
    top: 10%
}

.common_blue-radial.on-medium.automation {
    width: 50%;
    height: 100%;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.common_blue-radial.home-ideate {
    width: 50%;
    height: 30rem;
    min-width: 0;
    opacity: .15;
    filter: blur(20px);
    outline-offset: 0px;
    background-image: radial-gradient(circle,#5790ff,rgba(58,149,201,.01) 55%);
    border-radius: 70%;
    outline: 3px dashed #414042;
    display: none;
    top: -50%;
    bottom: auto;
    left: auto;
    right: auto
}

.common_blue-radial.in-tabs {
    width: 60rem;
    height: 60rem;
    opacity: .3;
    background-image: radial-gradient(circle,rgb(5 180 144 / 54%),rgba(58,149,201,.01) 55%);
    top: -12.7375rem;
    left: 8.875rem
}

.common_blue-radial.home-storyboard {
    width: 30rem;
    height: 30rem;
    opacity: .2;
    background-image: radial-gradient(circle,rgb(5 180 144 / 54%),rgba(58,149,201,.01) 55%);
    top: -6.1rem
}

.common_blue-radial.on-refer {
    width: 50rem;
    height: 50rem;
    min-width: 0;
    opacity: .2;
    background-image: radial-gradient(circle,rgba(87,144,255,.7),rgba(58,149,201,.01) 47%);
    top: -8%;
    bottom: auto;
    left: auto;
    right: auto
}

.common_blue-radial.on-demo {
    width: 50rem;
    height: 50rem;
    min-width: 0;
    opacity: .3;
    background-image: radial-gradient(circle,rgb(5 180 144 / 54%),rgba(58,149,201,.01) 55%);
    top: 13%;
    left: 30%
}

.common_blue-radial.home-integrations {
    z-index: 1;
    width: 50rem;
    height: 50rem;
    opacity: .2;
    background-image: radial-gradient(circle,#5790ff,rgba(58,149,201,.01) 55%);
    top: 0
}

.common_blue-radial.aasaanway {
    width: 54rem;
    height: 54rem;
    background-image: radial-gradient(circle,rgba(88,177,228,.6),rgba(58,149,201,.01) 55%);
    top: 0%;
    bottom: 0%;
    left: auto;
    right: auto
}

.common_blue-radial.homepage-radial {
    z-index: 0;
    width: 100%;
    height: 30rem;
    opacity: .3;
    filter: blur(20px);
    background-image: radial-gradient(circle,rgba(87,144,255,.35),rgba(58,149,201,.01) 55%);
    border-radius: 120%;
    top: 20%;
    bottom: auto;
    left: auto;
    right: auto
}

.common_blue-radial.card_hero.radial-milestones {
    width: 40rem;
    height: 40rem;
    opacity: .15;
    background-image: radial-gradient(circle,#5790ff,rgba(58,149,201,.01) 55%);
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto
}

.common_blue-radial.card_hero.radial-stories {
    width: 31rem;
    height: 24rem;
    opacity: .2;
    background-image: radial-gradient(circle,#5790ff,rgba(58,149,201,.01) 55%);
    top: auto;
    bottom: 0%;
    left: auto;
    right: auto
}

.common_blue-radial.card_hero.radial-rodmaps {
    width: 40rem;
    height: 54rem;
    opacity: .2;
    background-image: radial-gradient(circle,#5790ff,rgba(58,149,201,.01) 55%);
    top: auto;
    bottom: 17%;
    left: auto;
    right: 0%
}

.common_blue-radial.ship_keyboard {
    width: 25rem;
    height: 25rem;
    opacity: .1;
    filter: blur(10px);
    top: -10%;
    bottom: 0%;
    left: auto;
    right: -20%
}

.common_blue-radial.pricing_radial {
    opacity: .2;
    background-image: radial-gradient(circle,#5790ff,rgba(58,149,201,.01) 55%)
}

.common_blue-radial.footer {
    height: 22rem;
    background-image: radial-gradient(circle,#5790ff,rgba(58,149,201,.01) 50%);
    border-radius: 20%;
    top: 0%;
    bottom: 0%;
    left: 10%;
    right: auto
}

.common_blue-radial.branding-header {
    width: 100%;
    height: 50%;
    opacity: 1;
    filter: none;
    background-image: radial-gradient(circle,rgba(58,149,201,.1),rgba(58,149,201,.01) 55%);
    justify-content: center;
    align-items: stretch;
    margin-top: 10rem;
    display: flex;
    top: auto;
    bottom: auto;
    left: auto;
    right: 0%
}

.common_blue-radial.early_access_radial {
    z-index: 2;
    width: 32rem;
    height: 32rem;
    opacity: 1;
    filter: blur(40px);
    background-image: radial-gradient(circle,var(--primary-color),rgba(58,149,201,.01) 55%);
    margin-top: -2.4rem;
    margin-left: -1rem;
    padding-top: 0
}

.common_blue-radial.features_radial {
    width: 100%;
    height: 100%;
    filter: blur(20px);
    background-image: radial-gradient(circle,#5790ff,rgba(58,149,201,.01) 55%);
    margin-top: -4rem;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.common_red-radial {
    z-index: 1;
    width: 70rem;
    height: 70rem;
    opacity: .4;
    background-image: radial-gradient(circle,#e75569,rgba(231,85,105,.01) 38%);
    border-radius: 50%;
    display: block;
    position: absolute
}

.common_red-radial.on-featured {
    width: 75rem;
    top: auto;
    bottom: -22rem;
    left: auto;
    right: 0;
    overflow: visible
}

.common_red-radial.on-feature {
    background-image: radial-gradient(circle,#e75569,rgba(231,85,105,.01) 60%);
    top: auto;
    bottom: -64.6rem;
    left: auto;
    right: auto
}

.common_red-radial.on-common-large {
    background-image: radial-gradient(circle,#e75569,rgba(231,85,105,.01) 43%);
    top: -75%;
    bottom: auto;
    left: -16%;
    right: auto
}

.common_red-radial.on-common-large.pointer-events-off {
    opacity: .3
}

.common_red-radial.in-testimonials {
    width: 60rem;
    height: 60rem;
    opacity: .6;
    background-image: radial-gradient(circle,rgba(231,85,105,.7),rgba(231,85,105,.01) 60%);
    margin-left: auto;
    margin-right: auto;
    top: 12%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.common_red-radial.in-tabs {
    background-image: radial-gradient(circle,rgba(231,85,105,.8),rgba(231,85,105,.01) 40%);
    top: -58%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.common_red-radial.on_team {
    top: auto;
    bottom: -44%;
    left: auto;
    right: auto
}

.common_red-radial.on-stories {
    bottom: -37.6875rem
}

.common_red-radial.home-header {
    width: 70rem;
    height: 70rem;
    opacity: .5;
    background-image: radial-gradient(circle,#e75569,rgba(231,85,105,.01) 48%);
    top: auto;
    bottom: -15%;
    left: auto;
    right: -32%
}

.common_red-radial.automation {
    width: 50%;
    height: 100%;
    filter: blur(5px)blur(10px);
    background-image: radial-gradient(circle,rgba(231,85,105,.9),rgba(231,85,105,.01) 38%);
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.common_red-radial.homepage-header {
    width: 20rem;
    height: 24rem;
    opacity: .05;
    filter: blur(30px);
    background-color: #e75568;
    border-radius: 50%;
    top: -10%;
    bottom: auto;
    left: -10%;
    right: auto
}

.common_red-radial.footer {
    height: 22rem;
    background-image: radial-gradient(circle,#e75569,rgba(231,85,105,.01) 50%);
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 10%
}

.common_red-radial.early_access {
    width: 70%;
    height: 100%;
    filter: blur(20px);
    background-image: radial-gradient(circle,#e75569,rgba(231,85,105,.01));
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.common_red-radial.early_access.footer {
    width: 100%;
    opacity: 1;
    filter: blur(60px);
    background-image: radial-gradient(circle,rgba(87,144,255,.3),rgba(231,85,105,.01));
    border-radius: 0%;
    padding-top: 40px;
    top: 70%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.section_common_logos {
    z-index: 2;
    margin-top: 0;
    padding-top: 0;
    position: relative;
    overflow: hidden
}

.section_common_logos.home-cards {
    margin-top: 0;
    padding-top: 0
}

.common_logos_component {
    z-index: 2;
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    display: flex;
    position: relative
}

.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
}

.common_logos_background-oval {
    z-index: 2;
    width: 115.75rem;
    height: 14rem;
    background-color:#494BCB;
    border-radius: 50%;
    display: none;
    position: absolute;
    top: -4rem
}

.common_logos_background-stroke {
    z-index: 1;
    width: 115.75rem;
    height: 15rem;
    background-color: transparent;
    background-image: linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent);
    border-radius: 50%;
    display: none;
    position: absolute;
    top: -4.1rem
}

.common_logos_background {
    z-index: 2;
    width: 115.75rem;
    height: 16rem;
    background-color:#494BCB;
    border-radius: 50%;
    display: none;
    position: absolute;
    top: -4rem
}

.common_logos_marquee-wrapper {
    z-index: 3;
    width: 81rem;
    height: 6rem;
    margin-top: 3rem;
    position: relative;
    overflow: hidden
}

.common_logos_marquee-track {
    z-index: 1;
    height: 5rem;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.common_logos_marquee-list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    display: flex
}

.common_logos_marquee-item {
    width: 10rem;
    border: .0625rem #fff;
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    margin-right: 2rem;
    display: flex
}

.marquee-code {
    display: none
}

.common_logos_marquee-image {
    max-height: 2rem;
    max-width: 10rem;
    object-fit: contain;
    position: relative;
    overflow: hidden
}

.common_logos_image {
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: contain
}

.common_logos_border {
    z-index: 4;
    width: 25rem;
    height: .0625rem;
    opacity: .1;
    background-color: #494BCB;
    margin-top: 3rem;
    position: relative
}

.section_common_testimonial {
    z-index: 2;
    padding-top: 2rem;
    position: relative;
    overflow: hidden
}

.common_testimonial_component {
    z-index: 3;
    max-width: 62.5rem;
    min-height: 20rem;
    background-color: var(--background-color);
    box-shadow: var(--box-shadow);
    border: 1px solid var(--border-color-only);
    border-radius: .75rem;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem 4rem;
    display: flex;
    position: relative
}

.common_testimonial_quote-icon {
    width: 12rem;
    height: 10rem;
    object-fit: contain;
    position: absolute;
    top: 4rem;
    left: 3.4375rem
}

.common_testimonial_content {
    max-width: 37rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 1.5rem;
    display: flex
}

.common_testimonial_image-wrap {
    width: 12.5rem;
    height: 12.5rem;
    min-height: 12.5px;
    min-width: 12.5rem;
    border-radius: 50%;
    overflow: hidden
}

.common_testimonial_image {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.common_testimonial_wrapper {
    z-index: 3;
    width: 100%;
    position: relative
}

.common_testimonial_list,.common_testimonial_item {
    width: 100%
}

.common_testimonial_item-wrap {
    width: 100%;
    justify-content: space-between;
    display: flex
}

.common_testimonial_text {
    color: #494BCB;
    font-size: 1.25rem;
    font-weight: 400
}

.common_testimonial_author-wrap {
    margin-top: 1.5rem;
    display: flex
}

.common_testimonial_author-text {
    color: var(--primary-color);
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700
}

.common_testimonial_author-text.comma {
    margin-right: .25rem
}

.common_testimonial_company-image {
    width: 10rem;
    height: 3rem;
    max-height: 3rem;
    max-width: 12rem;
    object-fit: contain;
    margin-top: 2rem
}

.section_common_medium1 {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5.5rem;
    display: flex;
    position: relative;
    overflow: visible
}

.section_common_medium1.light-version {
    background-color: #494BCB
}

.common_medium1_component {
    z-index: 4;
    grid-column-gap: 2rem;
    justify-content: center;
    display: flex;
    position: relative
}

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

.common_medium1_image-wrap {
    width: 34.375rem;
    height: 21.5184rem;
    border-radius: .75rem;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
    overflow: visible;
    box-shadow: 1px 1px 1rem rgba(255,255,255,.1)
}

.common_medium1_image {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    position: relative
}

.content_medium1_title {
    color: #414042;
    margin-top: 2rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.25rem;
    font-weight: 700
}

.content_medium1_title.text-color-white {
    color: #494BCB
}

.common_medium1_back-color {
    z-index: 2;
    width: 100%;
    height: 26.0625rem;
    background-color: #494BCB;
    border-bottom: .0625rem solid var(--primary-color-2);
    position: absolute;
    bottom: 0;
    overflow: visible
}

.common_medium1_oval {
    z-index: 1;
    width: 116.922%;
    height: 29.1375rem;
    background-color: #494BCB;
    border-radius: 40%;
    position: absolute;
    bottom: 2.5rem
}

.content_medium1_paragraph {
    max-width: 30rem;
    color: #414042;
    text-align: center;
    margin-top: .75rem
}

.content_medium1_paragraph.text-color-white {
    color: #494BCB
}

.common_medium1_button {
    min-height: 3.125rem;
    min-width: 12rem;
    text-align: center;
    background-color: var(--primary-color);
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    padding: .5rem 1rem .6rem;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700;
    line-height: 1;
    transition: background-color .2s;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 1.375rem;
    left: 2.5rem;
    right: auto
}

.common_medium1_button:hover {
    background-color: var(--primary-color-3)
}

.common_medium1_radial {
    z-index: 1;
    width: 75rem;
    height: 75rem;
    background-image: radial-gradient(circle,rgba(231,85,105,.4),rgba(231,85,105,.01) 48%);
    border-radius: 50%;
    position: absolute;
    top: -39.375rem
}

.common_medium1_radial.blue {
    background-image: radial-gradient(circle,rgba(87,144,255,.1),rgba(231,85,105,.01) 48%)
}

.common_medium1_background {
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    position: absolute;
    bottom: 0;
    overflow: hidden
}

.section_common_large {
    color: #494BCB;
    margin-top: -10rem;
    padding-top: 10rem;
    overflow: hidden
}

.section_common_large.is-light {
    color: #fff;
    background-color: #494BCB;
    margin-top: 0;
    padding-top: 4rem;
    padding-bottom: 4rem
}

.section_common_large.is-light.featured {
    padding-top: 0
}

.common_large_component {
    grid-row-gap: 11.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: inline-block;
    position: relative
}

.common_large_content {
    max-width: 30rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 2rem;
    display: flex
}

.common_large_image-wrap {
    width: 74.125rem;
    height: 46.3125rem;
    margin-right: -26.6rem;
    position: relative
}

.common_large_image-wrap.reverse {
    margin-left: -26.6rem;
    margin-right: 0
}

.common_large_icon {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem
}

.common_large_title {
    color: var(--text-color);
    font-family: Satoshi Variable,sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2
}

.common_large_title.text-color-white {
    color:  var(--text-color);
    font-family: Satoshi Variable,sans-serif;
    font-weight: 900;
    line-height: 1.5
}

.common_large_title.text-color-white.fonttest {
    font-family: Satoshi Variable,sans-serif
}

.common_large_title.text-color-white.subtitle-content {
    opacity: 1;
    color: #332344;
    -webkit-text-fill-color: transparent;
    background-color: #494BCB;
    background-image: linear-gradient(111deg,rgba(255,255,255,.7),var(--primary-color-3));
    -webkit-background-clip: text;
    background-clip: text;
    border-left: 3px solid #494BCB;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-left: 22px
}

.common_large_title.text-color-white.subtitle-content.steps {
    margin-bottom: 0
}

.common_large_title.text-color-white.early-access {
    z-index: 1;
    text-align: center;
    mix-blend-mode: normal;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4rem;
    font-weight: 900;
    line-height: 2;
    position: relative
}

.common_large_title.text-color-white.early-access.waiting_list,.common_large_title.text-color-white.early-access.value_props {
    margin-bottom: 0
}

.common_large_title.text-color-white.early-access.value_props.left-align {
    text-align: left;
    margin-bottom: 1rem;
    line-height: 1
}

.common_large_title.text-color-white.early-access.join_title {
    margin-bottom: 0;
    line-height: 1.5
}

.common_large_title.feature-grid {
    color: var(--secondary-color);
    text-align: center;
    margin-bottom: 2rem
}

.common_large_para {
    color: var(--text-color);
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    font-size: 1.2rem;
    line-height: 1.5em
}

.common_large_para.dark-version {
    opacity: 1;
    color: #494BCB;
    font-size: 1.2rem
}

.common_large_para.list-style {
    margin-top: 0;
    margin-bottom: 0
}

.common_large_testimonial {
    color: #7a7c7f;
    font-size: .875rem
}

.common_large_testimonial.dark-version {
    opacity: .8;
    color: #494BCB
}

.common_large_element {
    grid-column-gap: 6rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    margin-bottom: 8rem;
    display: flex
}

.common_large_element.reverse {
    flex-direction: row-reverse
}

.common_large_element.solutions {
    margin-bottom: 7rem
}

.common_large_author-wrap {
    margin-top: 1rem;
    display: flex
}

.common_large_author-image {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    margin-right: 1rem
}

.common_large_author-details {
    grid-row-gap: .4rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.common_large_author-name {
    font-weight: 600
}

.common_large_author-name.light {
    color: #494BCB
}

.common_large_company-logo {
    max-height: 1.7rem;
    max-width: 8rem
}

.common_large_image {
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: none;
    border: 0 solid #fff;
    border-radius: 12px;
    position: relative;
    box-shadow: 0 1px 10px rgba(65,64,66,.1)
}

.common_large_image-color {
    z-index: 1;
    width: 100%;
    height: 80%;
    opacity: .2;
    filter: blur(50px);
    background-color: #ffcd7b;
    background-image: linear-gradient(135deg,#ffcd78,#5790ff);
    border-radius: .75rem;
    position: absolute;
    top: auto;
    bottom: -3rem;
    left: -3rem;
    right: 0%
}

.common_large_image-color.dark-bg-component {
    opacity: .2
}

.common_large_image-color-reverse {
    z-index: 1;
    width: 100%;
    height: 80%;
    opacity: .2;
    filter: blur(60px);
    background-color: var(--primary-color);
    background-image: linear-gradient(41deg,#e75568,var(--primary-color-3));
    border-radius: .75rem;
    position: absolute;
    top: auto;
    bottom: -2rem;
    left: auto;
    right: -2rem
}

.common_large_image-color-reverse.dark-bg-component {
    opacity: .3
}

.common_footer_component {
    z-index: 2;
    background-color: var(--background-color);
    background-image: none;
    border-top: 1px solid rgba(255,254,241,.1);
    border-radius: 0;
    padding: 5.625rem 3rem 4rem 2rem;
    position: relative
}

.common_footer_container {
    max-width: 81rem;
    margin-left: auto;
    margin-right: auto
}

.common_footer_content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 7fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex
}

.common_footer_links-wrap {
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: -2.0625rem;
    display: flex
}

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

.common_footer_link-head {
    color: var(--primary-color);
    margin-top: 2.0625rem;
    margin-bottom: 1.125rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: .9rem;
    font-weight: 700
}

.common_footer_link {
    color: var(--text-color);
    font-family: Open Sans,sans-serif;
    font-size: .85rem;
    line-height: 1.9;
    text-decoration: none;
    transition: transform .2s,color .2s
}

.common_footer_link:hover {
    color: var(--primary-color-2);
    transform: translate(.25rem)
}

.common_footer_links {
    width: 100%;
    justify-content: space-between;
    display: flex
}

.common_footer_bottom {
    width: 100%;
    justify-content: space-between;
    margin-top: 5.75rem;
    display: flex
}

.common_footer_bottom-text {
    color: #494BCB;
    margin-right: 2.5rem;
    text-decoration: none;
    transition: color .2s
}

.common_footer_bottom-text:hover {
    color: var(--primary-color-2)
}

.common_footer_bottom-links-wrap {
    align-items: center;
    display: flex
}

.common_footer_socials-wrap {
    margin-right: 1rem;
    display: flex
}

.common_footer_social-icon {
    width: 1.6rem;
    height: 1.5rem;
    color: var(--primary-color-3);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.common_footer_social-link {
    margin-right: 2.5rem;
    transition: transform .2s
}

.common_footer_social-link:hover {
    transform: scale(1.2)
}

.community_header_discord-icon {
    width: 1.75rem;
    height: 1.375rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: .5rem;
    display: flex
}

.common_footer_bottom-links {
    font-size: .9rem
}

.common_footer-light {
    z-index: 1;
    height: 42.5rem;
    max-width: 100%;
    background-color: #494BCB;
    justify-content: center;
    align-items: center;
    padding-top: 10rem;
    padding-bottom: 6rem;
    display: flex;
    position: relative
}

.footer-light_component {
    z-index: 2;
    width: 81rem;
    justify-content: space-between;
    align-items: center;
    padding-right: 3rem;
    display: flex;
    position: relative
}

.footer_build {
    z-index: 2;
    max-width: 34.375rem;
    flex-direction: column;
    align-items: center;
    margin-bottom: -12rem;
    display: flex;
    position: relative
}

.footer-light_background {
    z-index: 1;
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    position: absolute;
    top: 5rem;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.footer_build-image {
    width: auto;
    height: 5.5rem;
    margin-bottom: 1rem
}

.footer_build-heading {
    color: var(--text-color);
    -webkit-text-fill-color: transparent;
    background-image: var(--header-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Satoshi Variable,sans-serif;
    font-size: 3.375rem;
    font-weight: 700
}

.footer_build-text {
    color: var(--text-color);
    text-align: center;
    margin-top: 0;
    font-size: 1.25rem
}

.footer_buttons_wrap {
    grid-column-gap: 1.75rem;
    margin-top: 1.5rem;
    display: flex
}

.footer-light_dark-curve {
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: none;
    min-height: 100%;
    min-width: 115.75rem;
    position: absolute
}

.footer-light_red-curve {
    z-index: 1;
    width: 100%;
    height: 100%;
    max-width: none;
    min-height: 100%;
    min-width: 115.75rem;
    position: absolute
}

.footer-light-art {
    width: 45.0563rem;
    height: 23.9625rem;
    margin-top: -20.3rem;
    margin-right: -4.5625rem;
    display: block
}

.section_feature_header {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    margin-bottom: -16rem;
    padding-bottom: 16rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.feature_header_component {
    z-index: 5;
    justify-content: center;
    padding-top: 2.875rem;
    display: flex;
    position: relative
}

.feature_header_content {
    z-index: 2;
    max-width: 54.25rem;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    overflow: visible
}

.feature_header_content.featured_short_heading {
    padding-bottom: 2rem
}

.feature_header_text-wrap {
    max-width: 45.5rem;
    margin-top: .625rem
}

.section_common_logos-st {
    z-index: 2;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative
}

.common_logos-st_component {
    flex-direction: column;
    align-items: center;
    display: flex
}

.common_logos-st_content {
    width: 100%;
    max-width: 70rem;
    margin-top: .5rem
}

.common_logos-st_list {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.common_logos-st_logo {
    width: 9rem;
    height: 2rem;
    max-height: 2rem;
    max-width: 9rem;
    opacity: 1;
    object-fit: contain
}

.nav_dd_toggle {
    color: var(--text-color);
    align-items: center;
    padding: 0;
    transition: all .6s;
    display: flex
}

.nav_dd_toggle:hover {
    color: var(--primary-color-2)
}

.nav_dd_toggle.light {
    color: #414042
}

.nav_dd_toggle.light:hover {
    color: var(--primary-color)
}

.dropdown-icon {
    width: 1.3rem;
    height: 1.375rem
}

.nav_dd_icon {
    object-fit: contain;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .8rem;
    display: flex;
    position: relative;
    top: 2px
}

.nav_dd_container {
    z-index: 1;
    max-width: 95rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: hidden
}

.nav_dd_list {
    z-index: 2;
    max-width: 100%;
    background-color: var(--background-color);
    /* border-top: .8rem solid#494BCB; */
    /* margin-top: -1.15rem; */
    margin-left: auto;
    margin-right: auto;
    display: none;
    top: 4.7rem;
    bottom: auto;
    left: 0;
    right: 0;
    overflow: hidden
}

.nav_dd_list.w--open {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background-color: rgba(255,255,255);
    background-image: linear-gradient(#ffffff,#bcbdf8);
    border-top-style: solid;
    border-top-width: 0rem;
    border-radius: 0;
    /* margin-top: 2.4rem; */
    /* top: 1.5rem; */
    box-shadow: 0 10px 80px rgba(14,24,39,.6)
}

.nav_dd_list.light {
    background-color: #494BCB;
    border-top-color: #494BCB;
    margin-top: 0;
    top: 3.9rem
}

.nav_dd_list.light.w--open {
    background-color: #494BCB;
    border-top-color: #494BCB;
    margin-top: 0;
    top: 3.9rem;
    box-shadow: 0 10px 10px rgba(14,24,39,.1)
}

.dropdown-icon-wrapper {
    margin-right: .75rem
}

.dropdown-link {
    text-transform: none;
    margin-top: 0;
    margin-bottom: .1rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none
}

.dropdown-description-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.dropdown-item {
    color: #494BCB;
    text-align: center;
    border-right: .0625rem #ddd;
    border-radius: .5rem;
    flex-flow: wrap;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: .5rem;
    padding: 1rem .8rem;
    text-decoration: none;
    transition: background-color .3s;
    display: flex
}

.dropdown-item:hover {
    background-color: rgba(58,149,201,.05)
}

.dropdown-item.light {
    color: #414042
}

.dropdown-item.light:hover {
    background-color: rgba(222,239,250,.5)
}

.nav_dd_link-text {
    opacity: .8;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.375rem
}

.nav_dd_wrapper {
    align-items: center;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: static
}

.nav_dd_wrapper.light {
    font-family: Satoshi Variable,sans-serif;
    position: static
}

.nav_dd_text {
    text-transform: none;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    padding: 2rem .5rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    display: flex
}

.nav_dd_text.w--current {
    color: #dc9853
}

.nav_dd_text.fonttest {
    font-family: Satoshi Variable,sans-serif;
    font-size: .9rem
}

.nav_dd_top {
    max-height: 32rem;
    opacity: 1;
    background-image: linear-gradient(rgba(26, 31, 29, 0.95)rgba(24,36,54,.95));
    border-radius: 0;
    padding-top: 1.5rem
}

.nav_dd_top.light {
    background-color: transparent;
    background-image: linear-gradient(#494BCB,#494BCB);
    padding-top: 1.5rem
}

.nav_dd_component {
    width: 100%
}

.nav_dd_heading {
    color: #494BCB;
    margin-left: .75rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1rem;
    font-weight: 600
}

.nav_dd_heading.light {
    color: #414042
}

.nav_dd_content {
    width: 100%;
    grid-column-gap: 1rem;
    grid-row-gap: .75rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: .25rem;
    display: grid
}

.nav_dd_bottom {
    height: 8rem;
    background-color: linear-gradient(rgba(26, 31, 29, 0.95)rgba(24,36,54,.95));
    border-top: .0625rem solid rgba(255,255,255,.1);
    border-bottom: .0625rem rgba(255,255,255,.05);
    padding-top: 1rem;
    padding-bottom: 2.1rem
}

.nav_dd_bottom.light {
    background-color: #494BCB;
    background-image: none;
    border-top: .0625rem solid var(--primary-color-2)
}

.nav_dd_content-resources {
    width: 100%;
    grid-column-gap: 1rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: flex;
    overflow: hidden
}

.nav_dd_content-resources.about {
    grid-row-gap: 1rem;
    align-items: stretch
}

.nav_dd_column {
    margin-bottom: 1rem
}

.nav_dd_component-resources {
    width: 100%;
    justify-content: space-between;
    display: flex
}

.dropdown_item_wrap {
    color: #494BCB;
    text-align: center;
    border-right: .0625rem #ddd;
    border-radius: .5rem;
    flex-flow: wrap;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: .7rem .8rem;
    text-decoration: none;
    transition: background-color .3s;
    display: flex
}

.dropdown_item_wrap:hover {
    background-color: rgba(58,149,201,.05)
}

.dropdown_item_wrap.light {
    color: #414042
}

.dropdown_item_wrap.light:hover {
    background-color: rgba(222,239,250,.5)
}

.dropdown_item_wrap.light.w--current:hover {
    background-color: rgba(222,239,250,.6)
}

.dropdown-link-heading {
    text-transform: none;
    margin-bottom: 0;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none
}

.nav_dd_column-heading-wrap {
    justify-content: space-between;
    display: flex
}

.nav_dd_text-link {
    grid-column-gap: .5rem;
    color: var(--primary-color-2);
    align-items: center;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s;
    display: flex
}

.nav_dd_text-link:hover,.nav_dd_text-link.light-version {
    color: var(--primary-color)
}

.nav_dd_text-link.light-version:hover {
    color: var(--primary-color-3)
}

.nav_dd_resources {
    max-height: 22rem;
    /* background-image: linear-gradient(#0e1827 5%,#494BCB); */
    background-image: linear-gradient(rgba(26, 31, 29, 0.95)rgba(24,36,54,.95));
    padding-top: 1.5rem;
    padding-bottom: .75rem;
    box-shadow: 0 -222px 222px 22px #fff
}

.nav_dd_resources.light {
    background-color: #494BCB;
    background-image: none;
    border: 0 solid #fff;
    border-bottom-color: var(--primary-color);
    padding-top: 1.5rem;
    box-shadow: 0 -20px 20px var(--primary-color-3),0 -222px 222px 22px #fff
}

.nav_dd_stories-wrapper {
    margin-bottom: -.125rem
}

.nav_dd_stories-item {
    border-bottom: .0625rem solid rgba(255,255,255,.05);
    align-items: center;
    display: flex
}

.nav_dd_story-logo-wrap {
    width: 5.625rem;
    background-color: #1f2a3c;
    border: .0625rem solid rgba(14,24,39,.6);
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    margin-right: .75rem;
    padding: 1rem .5rem;
    display: flex
}

.nav_dd_story-logo-wrap.light {
    filter: invert();
    background-color: #fff;
    border-color: #1f1f1f
}

.nav_dd_story-logo {
    max-height: 1.5rem;
    max-width: 4.375rem;
    filter: invert()
}

.nav_dd_story-title {
    max-width: 13.75rem;
    color: #494BCB;
    font-size: .75rem
}

.nav_dd_story-title.light {
    color: #414042
}

.nav_dd_stories-item-wrap {
    grid-column-gap: 0rem;
    border-radius: .75rem;
    align-items: center;
    padding: 1.375rem 1rem 1.375rem .75rem;
    text-decoration: none;
    display: flex
}

.nav_dd_stories-item-wrap:hover {
    background-color: rgba(58,149,201,.05)
}

.nav_dd_stories-item-wrap.light {
    transition: background-color .2s
}

.nav_dd_stories-item-wrap.light:hover {
    background-color: rgba(222,239,250,.5)
}

.nav_dd_text-link-arrow {
    width: 1rem;
    margin-bottom: 0
}

.nav_dd_toggle-switch {
    /* height: auto; */
    color: var(--secondary-color);
    background-color: var(--background-color-2);
    border: .0625rem solid #2b3544;
    border-radius: 8rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* margin-top: .3rem;
    margin-bottom: .4rem; */
    padding: .1rem 1rem .1rem;
    height: 40px;
    transition: color .2s;
    display: flex
}

.nav_dd_toggle-switch:hover {
    color: var(--secondary-color)
}

.nav_dd_toggle-switch.light {
    color: #414042;
    background-color: #deeffa;
    border-style: none
}

.nav_dd_toggle-switch.light:hover {
    color: var(--primary-color)
}

.nav_dd_icon-switch {
    margin-top: .7rem;
    margin-bottom: 1rem;
    margin-right: 0;
    padding-top: .1rem;
    right: .5rem
}

.nav_dd_wand {
    width: .8125rem;
    height: 1rem;
    /* margin-top: auto;
    margin-bottom: auto */
}

.nav_dd_component-switch {
    width: 100%;
    justify-content: space-between;
    padding-left: 4rem;
    padding-right: 4rem;
    display: flex
}

.nav_dd_switch-link {
    max-width: 205rem;
    color: #494BCB;
    border-radius: .375rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding: 1rem;
    text-decoration: none;
    transition: background-color .2s;
    display: flex
}

.nav_dd_switch-link:hover {
    background-color: rgba(58,149,201,.05)
}

.nav_dd_switch-link.light {
    color: #414042;
    display: none
}

.nav_dd_switch-link.light:hover {
    background-color: rgba(222,239,250,.5)
}

.nav_dd_switch-heading-wrap {
    margin-bottom: 1rem;
    display: flex
}

.nav_dd_switch-heading {
    text-transform: none;
    padding-left: .5rem;
    padding-right: .5rem;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 600;
    line-height: 1;
    text-decoration: none
}

.nav_dd_switch-heading.w--current {
    color: #dc9853
}

.nav_dd_swtich-link {
    grid-column-gap: .5rem;
    color: var(--primary-color-2);
    align-items: center;
    font-family: "M PLUS 1",sans-serif;
    font-weight: 600;
    text-decoration: none;
    display: flex
}

.nav_dd_swtich-link.light {
    color: var(--primary-color)
}

.nav_dd_switch-heading-api {
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: .5rem;
    display: flex
}

.nav_dd_switch-headingapi {
    text-transform: none;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 600;
    line-height: 1;
    text-decoration: none
}

.nav_dd_switch-headingapi.w--current {
    color: #dc9853
}

.nav_dd_switch {
    max-height: 22rem;
    /* background-image: linear-gradient(#0e1827 5%,#494BCB); */
    background-image: linear-gradient(rgba(26, 31, 29, 0.95)rgba(24,36,54,.95));
    padding-top: 1.5rem
}

.nav_dd_switch.light {
    max-height: 21.5rem;
    background-image: linear-gradient(#494BCB,#494BCB);
    padding-top: 1.5rem
}

.nav_dd_switch-icon {
    width: 1rem;
    height: 1.2rem;
    object-fit: contain
}

.nav_dd_switch-logo {
    width: 3rem;
    height: 3rem;
    margin-bottom: .5rem
}

.nav_dd_switch-from {
    height: 100%;
    max-width: 21rem;
    color: #494BCB;
    border-radius: .375rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding: 1rem 1rem 2rem;
    text-decoration: none;
    transition: background-color .2s;
    display: flex
}

.nav_dd_switch-from:hover {
    background-color: rgba(58,149,201,.05)
}

.nav_dd_switch-from.light {
    color: #414042
}

.nav_dd_switch-from.light:hover {
    background-color: rgba(222,239,250,.5)
}

.nav_dd_swtich-from-link {
    grid-column-gap: .5rem;
    color: var(--primary-color-2);
    align-items: center;
    margin-top: 1rem;
    font-family: "M PLUS 1",sans-serif;
    font-weight: 600;
    text-decoration: none;
    display: flex
}

.nav_dd_swtich-from-link.light {
    color: var(--primary-color)
}

.nav_dd_text-switch {
    text-transform: none;
    /* margin-top: auto;
    margin-bottom: auto; */
    padding: 0 .5rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none
}

.nav_dd_text-switch.w--current {
    color: #dc9853
}

.nav_dd_text-switch.fonttest {
    font-family: Satoshi Variable,sans-serif;
    font-size: .9rem
}

.section_solutions_header {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-bottom: 2rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.solutions_header_component {
    z-index: 5;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding-top: 2.875rem;
    display: flex;
    position: relative
}

.solutions_header_top {
    z-index: 2;
    max-width: 54.25rem;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    overflow: visible
}

.solutions_header_text-wrap {
    max-width: 52rem;
    margin-top: .625rem
}

.solutions_header_cards {
    z-index: 2;
    width: 100%;
    grid-column-gap: 2.125rem;
    justify-content: space-between;
    margin-top: 5.5rem;
    display: flex;
    position: relative
}

.common_header_card {
    width: 18.5rem;
    background-color: #494BCB;
    border: 0 solid rgba(255,255,255,.1);
    border-radius: .4rem .4rem .75rem .75rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 2.5rem 1.5rem 1.5rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.common_header_card.on-careers {
    width: 25.3125rem
}

.common_header_card.light {
    background-color: rgba(255,255,255,.7);
    background-image: radial-gradient(circle at 50% 100%,rgba(87,144,255,.05),rgba(255,255,255,0) 58%);
    border-color: var(--primary-color-2);
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem
}

.common_header_card.switch_card {
    width: 43%;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    background-image: none;
    justify-content: space-between;
    padding: 3rem 2rem 2rem;
    transition: all .4s;
    overflow: visible
}

.common_header_card.switch_card:hover {
    transform: scale(1.01)
}

.common_header_card-image {
    z-index: 2;
    width: 5rem;
    height: 6.25rem;
    object-fit: contain;
    margin-bottom: 1.5rem;
    position: relative
}

.solutions_header_card-text {
    z-index: 2;
    color: rgba(255,255,255,.8);
    text-align: center;
    margin-top: .75rem;
    margin-left: -11px;
    margin-right: -11px;
    font-size: .875rem;
    line-height: 1.8;
    position: relative
}

.common_header_card-color {
    z-index: 2;
    height: .375rem;
    background-color: #ffcd78;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.common_header_card-color.is-blue {
    background-color: var(--primary-color-3)
}

.common_header_card-color.is-red {
    background-color: #e75568
}

.common_header_card-color.is-green {
    background-color: #71b259
}

.common_header_card-color.is-purple {
    background-color: #494BCB
}

.section_common_integrations {
    background-color: #494BCB;
    padding-top: 2.5rem
}

.section_common_integrations.background-blue {
    position: relative
}

.section_common_integrations.on-home {
    color: #494BCB;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    padding-top: 18rem;
    overflow: hidden
}

.section_common_integrations.competitor-jira {
    background-color: transparent;
}

.section_common_integrations.on-home {
    color: #494BCB;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    overflow: hidden
}

.common_integrations_component {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.common_integrations_heading-wrap {
    z-index: 6;
    max-width: 38.1875rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.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
}

.common_integrations_link-wrap {
    grid-column-gap: .5rem;
    display: flex
}

.common_integrations_link {
    color: var(--primary-color);
    border-bottom: .15rem solid var(--primary-color);
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative
}

.common_integrations_link.dark-mode {
    color: var(--primary-color-2);
    border-bottom-width: .25rem;
    border-bottom-color: var(--primary-color-2);
    transition: color .2s
}

.common_integrations_link.dark-mode:hover {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color)
}

.common_integrations_link-text {
    color: var(--primary-color);
    text-align: center;
    padding-bottom: .25rem;
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none
}

.common_integrations_link-text.dark-mode {
    color: var(--primary-color-2)
}

.common_integrations_arrow {
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: -1rem
}

.common_integrations_logos-wrap {
    z-index: 3;
    width: 100%;
    min-height: 30rem;
    justify-content: center;
    margin-top: 0;
    margin-bottom: -5rem;
    display: flex;
    position: relative
}

.common_integrations_logo-wrap {
    width: 10rem;
    height: 10rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -35%;
    bottom: auto;
    left: auto;
    right: auto
}

.common_integrations_logo-wrap.dropbox {
    top: -15%;
    bottom: auto;
    left: 10%;
    right: auto
}

.common_integrations_logo-wrap.b {
    left: -2%
}

.common_integrations_logo-wrap.clockify {
    top: 0%;
    left: -2%
}

.common_integrations_logo-wrap.box {
    top: 35%;
    left: -2%
}

.common_integrations_logo-wrap._5 {
    top: 20%;
    bottom: auto;
    left: 10%;
    right: auto
}

.common_integrations_logo-wrap.zendesk {
    top: 3%;
    bottom: auto;
    left: 21%;
    right: auto
}

.common_integrations_logo-wrap._7 {
    top: 36%;
    bottom: auto;
    left: 21%;
    right: auto
}

.common_integrations_logo-wrap.drive {
    top: 15%;
    bottom: auto;
    left: 32%;
    right: auto
}

.common_integrations_logo-wrap._9 {
    top: 48%;
    bottom: auto;
    left: 32%;
    right: auto
}

.common_integrations_logo-wrap._10 {
    top: 10%;
    bottom: auto;
    right: auto
}

.common_integrations_logo-wrap._11 {
    top: 42%;
    bottom: auto;
    right: auto
}

.common_integrations_logo-wrap.slack {
    top: 15%;
    bottom: auto;
    left: auto;
    right: 32%
}

.common_integrations_logo-wrap.sheets {
    top: 48%;
    bottom: auto;
    left: auto;
    right: 32%
}

.common_integrations_logo-wrap.github {
    z-index: auto;
    opacity: 1;
    position: absolute;
    top: 3%;
    bottom: auto;
    left: auto;
    right: 21%
}

.common_integrations_logo-wrap._15 {
    top: 36%;
    bottom: auto;
    left: auto;
    right: 21%
}

.common_integrations_logo-wrap._16 {
    top: -15%;
    bottom: auto;
    left: auto;
    right: 10%
}

.common_integrations_logo-wrap._17 {
    top: 20%;
    bottom: auto;
    left: auto;
    right: 10%
}

.common_integrations_logo-wrap._20 {
    top: 35%;
    left: auto;
    right: -2%
}

.common_integrations_logo-wrap._19 {
    top: 0%;
    left: auto;
    right: -2%
}

.common_integrations_logo-wrap.figma {
    left: auto;
    right: -2%
}

.common_integrations_logo-wrap.github {
    z-index: auto;
    top: 3%;
    bottom: auto;
    left: auto;
    right: 21%
}

.common_integrations_logo-back {
    width: 100%;
    height: 100%
}

.common_integrations_logo {
    max-height: 3.3rem;
    max-width: 3.3rem;
    object-fit: contain;
    position: absolute
}

.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: 15rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(6.25rem,42.5rem) minmax(6.25rem,15rem);
    grid-auto-columns: 1fr;
    justify-content: space-between;
    margin-top: 1.25rem;
    display: grid
}

.common_blog_wrapper {
    margin-top: 2.5rem
}

.common_blog_list {
    grid-column-gap: 3rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    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: 11.75rem;
    border-radius: .75rem
}

.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)
}

.section_pricing_header {
    background: var(--background-color-3);
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden;
    .padding-section-medium{
        background: transparent;
    }
}

.pricing_header_component {
    z-index: 5;
    width: 70.7rem;
    flex-direction: column;
    align-items: center;
    padding-top: 2.875rem;
    display: flex;
    position: relative
}

.pricing_header_top {
    z-index: 2;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    overflow: visible
}

.pricing_header_buttons {
    width: 22rem;
    grid-column-gap: 2rem;
    cursor: pointer;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-radius: .375rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.pricing_header_buttons.in-pricing {
    margin-top: 3rem
}

.pricing_header_buttons.pricing-header {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-right: 0
}

.pricing_header_button-annually {
    z-index: 2;
    color: var(--secondary-color) !important;
    white-space: nowrap;
    margin-left: 1rem;
    padding: .8rem;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700;
    position: relative
}

.pricing_header_button-monthly {
    z-index: 2;
    color: var(--primary-color);
    white-space: nowrap;
    margin-right: 1rem;
    padding: .8rem;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700;
    position: relative
}

.pricing_header_button-back {
    width: 11rem;
    height: 100%;
    background-color: #494BCB;
    border-radius: .375rem;
    position: absolute
}

.pricing_header_cards-wrap {
    z-index: 2;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 2.75rem;
    display: flex;
    position: relative
}

.pricing_header_card {
    z-index: 2;
    width: 22.6rem;
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: .75rem;
    flex-direction: column;
    padding: 2rem 1.5rem 4rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.pricing_header_card:hover {
    box-shadow: none
}

.pricing_header_card.is-business {
    width: 23rem;
    background-color: var(--background-color);
    background-image: none;
    border-color: var(--border-color-only);
    margin-top: -1.25rem;
    margin-bottom: 0;
    padding-top: 3rem;
    padding-bottom: 5rem;
    box-shadow: 0 0 20px rgba(58,149,201,.1)
}

.pricing_header_card.on-trello {
    padding-bottom: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.pricing_header_card.pricing_enterprise_card {
    width: 50.6rem;
    flex-direction: row;
    margin-top: 3rem;
    padding-bottom: 1rem
}

.pricing_header_card.pricing_enterprise_card.enterprise_mobile_grid {
    display: none
}

.pricing_header_card.pricing_enterprise_card.enterprise_pricing_desktop {
    width: 75%;
    height: 14.6rem;
    opacity: 1;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    background-image: none;
    margin-top: 2rem
}

.pricing_header_card-line {
    width: 4.3125rem;
    height: .0625rem;
    background-color: rgba(255,255,255,.05);
    margin-top: 1rem;
    margin-bottom: .5rem
}

.large-hero-title {
    font-family: Satoshi Variable,sans-serif;
    font-size: 3.375rem;
    font-weight: 700
}

.large-hero-title.margin-bottom {
    margin-bottom: 1rem
}

.large-hero-title.text-gradient-primary {
    text-align: center;
    margin-bottom: .5rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2.8rem;
    line-height: 1.25
}

.large-hero-title.text-gradient-primary.text-align-center {
    color: #5790ff;
    font-size: 2.7rem
}

.large-hero-title.text-gradient-primary.compare-title {
    width: 70%;
    text-align: center;
    font-family: Satoshi Variable,sans-serif;
    line-height: 125%
}

.large-hero-title.text-align-centermobile {
    font-family: Satoshi Variable,sans-serif
}

.large-hero-title.on-press {
    text-align: center;
    margin-bottom: 1rem
}

.pricing_header_card-list {
    color: #494BCB;
    margin-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.pricing_header_card-list-item {
    background-image: url(/static/img/checkmark_yellow.png);
    background-position: 0 7px;
    background-repeat: no-repeat;
    background-size: 1rem .75rem;
    background-attachment: scroll;
    margin-bottom: .2rem;
    padding-left: 1.6rem;
    font-size: .875rem;
    line-height: 2;
    list-style-type: none
}

.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)
}

.text-color-lightblue {
    color: var(--primary-color-2)
}

.pricing_header_card-accent {
    height: .375rem;
    background-color: #e75568;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.pricing_header_card-accent.is-blue {
    background-color: var(--primary-color-3)
}

.pricing_header_features-link {
    z-index: 2;
    grid-column-gap: 1rem;
    color: #494BCB;
    cursor: pointer;
    align-items: center;
    margin-top: 4rem;
    text-decoration: none;
    transition: color .2s;
    display: flex;
    position: relative
}

.pricing_header_features-link:hover {
    color: var(--primary-color-2)
}

.pricing_header_chevron-wrap {
    width: 2.625rem;
    height: 2.625rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding-top: .125rem;
    display: flex
}

.pricing_header_chevron {
    width: 1rem
}

.section_pricing_plan {
    padding-top: 5rem;
    padding-bottom: 1rem
}

.pricing_plan_component {
    min-height: 50rem
}

.pricing_plan_heading-wrap {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.pricing_plan_link {
    color: #494BCB;
    background-image: url(/static/img/chevron_light_blue_right.svg);
    background-position: 102%;
    background-repeat: no-repeat;
    background-size: auto
}

.pricing_plan_header-link {
    color: var(--primary-color-2);
    font-weight: 700;
    text-decoration: none;
    transition: color .2s
}

.pricing_plan_header-link:hover {
    color: var(--primary-color)
}

.pricing_plan_link-wrap {
    grid-column-gap: .3rem;
    align-items: center;
    display: flex
}

.pricing_plan_link-arrow {
    width: .6rem
}

.pricing_plan_content {
    justify-content: space-between;
    margin-top: 2rem;
    display: flex
}

.pricing_plan_description {
    width: 23rem;
    min-height: 20rem
}

.pricing_plan_card {
    width: 12.5rem;
    min-height: 10rem;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-radius: .75rem
}

.pricing_plan_card.business_breakdown {
    border-color: var(--primary-color)
}
.pricing_plan_buttons .pricing_header_button-annually[style*="255, 255, 255"],
.pricing_plan_buttons .pricing_header_button-monthly[style*="255, 255, 255"] {
  color: var(--primary-color) !important;
}

.pricing_plan_buttons .pricing_header_button-annually[style*="58, 149, 201"],
.pricing_plan_buttons .pricing_header_button-monthly[style*="58, 149, 201"] {
  color: #ffffff !important;
}

  
.pricing_plan_description-top {
    z-index: 2;
    height: 6.25rem;
    background: transparent;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1rem;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 4.5rem
}

.pricing_plan_buttons {
    width: 22rem;
    grid-column-gap: 2rem;
    cursor: pointer;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-radius: .375rem;
    justify-content: space-between;
    display: flex;
    position: relative;
    overflow: hidden
}

.pricing_plan_row-separator {
    height: 5rem;
    justify-content: center;
    align-items: center;
    display: flex
}

.pricing_plan_row-separator.first {
    height: 2rem;
    align-items: flex-start
}

.pricing_plan_row {
    min-height: 1.5rem;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex
}

.pricing_plan_row.description {
    grid-column-gap: .25rem;
    justify-content: flex-start;
    align-items: center;
    padding-left: .5rem;
    padding-right: .5rem
}

.pricing_plan_card-top {
    z-index: 2;
    height: 6.25rem;
    background-color: var(--background-color);
    /* border: 1px solid var(--border-color-only); */
    /* box-shadow: var(--box-shadow); */
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 4.8rem
}

.pricing_plan_card-accent {
    height: .375rem;
    background-color: #e75568;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    display: none;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.pricing_plan_card-accent.is-green {
    background-color: #71b259
}

.pricing_plan_card-accent.is-blue {
    background-color: var(--primary-color-3);
    display: block
}

.pricing_plan_card-accent.is-yellow {
    background-color: #ffcd78
}

.pricing_plan_row-line {
    width: 5.25rem;
    height: .0625rem;
    background-color: rgba(255,255,255,.3);
    margin-left: auto;
    margin-right: auto
}

.pricing_plan_row-heading-wrap {
    width: 100%;
    background-color: rgba(255,255,255,.03);
    border-radius: .4rem;
    padding: .25rem 1.375rem .25rem 1rem
}

.pricing_plan_row-begin.description {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 1rem;
    display: block
}

.pricing_plan_row-checkmark {
    width: 1.25rem;
    height: 1.25rem;
    background-color: transparent;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex
}

.pricing_plan_row-checkmark.is-green {
    background-color: #71b259
}

.pricing_plan_row-checkmark.is-blue {
    background-color: var(--primary-color-3)
}

.pricing_plan_row-checkmark.is-yellow {
    background-color: #ffcd78
}

.pricing_plan_checkmark {
    width: 1rem;
    height: .75rem
}

.section_common_testimonials {
    z-index: 2;
    position: relative;
    overflow: visible
}

.common_testimonials_component {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.common_testimonials_heading-wrap {
    max-width: 45rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.common_testimonials_line {
    width: 25rem;
    height: .0625rem;
    max-width: 25rem;
    background-color: rgba(255,255,255,.1);
    margin-bottom: 6rem;
    margin-left: auto;
    margin-right: auto
}

.common_testimonials_line.dark {
    opacity: .8;
    background-color:#494BCB;
    box-shadow: 0 1px rgba(87,144,255,.3)
}

.common_testimonials_line.cards {
    background-color:#494BCB;
    box-shadow: 0 1px rgba(87,144,255,.1)
}

.common_testimonials_line.cards.below {
    margin-top: 6rem;
    margin-bottom: 0
}

.common_testimonials_tabs {
    z-index: 2;
    max-width: 79.125rem;
    min-height: 32.1875rem;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-radius: .75rem;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 3rem;
    padding: 3rem 5rem 2rem;
    display: flex
}

.common_testimonials_tabs-menu {
    justify-content: center;
    display: flex
}

.common_testimonials_tabs-content {
    min-height: 24rem;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    display: flex;
    overflow: visible
}

.common_testimonials_tab-pane {
    width: 100%
}

.common_testimonials_tab-link {
    max-height: 2.2rem;
    max-width: 13rem;
    opacity: .3;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
    text-decoration: none;
    transition: opacity .2s;
    display: flex
}

.common_testimonials_tab-link:hover {
    opacity: .9
}

.common_testimonials_tab-link.w--current {
    opacity: 1;
    background-color: transparent
}

.common_testimonials_tab-content {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.common_testimonials_tab-details {
    max-width: 45rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.common_testimonials_tab-image-wrap {
    width: 15.625rem;
    height: 15.625rem;
    border-radius: 50%;
    overflow: hidden
}

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

.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_testimonials_story-link {
    grid-column-gap: .3rem;
    color: var(--primary-color-3);
    margin-top: .5rem;
    font-family: "M PLUS 1",sans-serif;
    font-weight: 700;
    text-decoration: none;
    display: flex
}

.common_testimonials_quote {
    width: 13rem;
    position: absolute;
    top: 1%;
    bottom: auto;
    left: -2%;
    right: auto
}

.common_testimonials_image {
    max-height: 100%;
    max-width: 100%;
    opacity: 1;
    filter: invert()
}

.common_testimonials_wrapper {
    display: none
}

.section_pricing_faq {
    background-color: var(--background-color)
}

.pricing_faq_content {
    width: 100%;

    border-radius: .75rem;
    flex-direction: column;
    align-items: center;
    margin-top: 2.1875rem;
    /* padding: 2.5rem 4.25rem 4.8125rem; */
    display: flex
}

.common_footer-light_faint-blue {
    z-index: 0;
    background-color: #494BCB;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.common_accordion_item {
    background: var(--background-color-3);
    /* background-image: linear-gradient(135deg,rgba(250,190,101,.03),rgba(190,127,107,.03) 23%,rgba(131,155,251,.03)); */
    border: 1px solid rgba(255,253,232,.05);
    padding: 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.common_accordion_component {
    width: 100%;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 3.125rem;
    display: block
}

.common_accordion_paragraph {
    margin-bottom: 0
}

.common_accordion_paragraph a {
    color: var(--primary-color)
}

.common_accordion_paragraph ul {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.common_accordion_header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    cursor: pointer;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    display: flex
}

.common_accordion_header:focus-visible {
    outline-offset: 4px;
    outline: 2px solid #9b9b9b
}

.common_accordion_header[data-wf-focus-visible] {
    outline-offset: 4px;
    outline: 2px solid #9b9b9b
}

.common_accordion_body {
    /* background-color: #494BCB; */
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 4rem
}

.common_accordion_label {
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.25rem;
    font-weight: 600
}

.common_accordion_item-wrap {
    /* border-bottom: .0625rem solid #e6e8ec; */
    /* padding-bottom: 1rem */
}

.text-link-blue {
    color: var(--primary-color);
    text-decoration: none
}

.common_testimonials_rotate-logic {
    display: none
}

.pricing_header_card-price {
    position: relative
}

.pricing_header_card-price.on-trello {
    margin-top: .5rem
}

.pricing_plan_card-price {
    position: relative
}

.common_testimonials_nav-wrap {
    z-index: 2;
    grid-column-gap: 2rem;
    display: flex;
    position: relative;
    top: -5.5rem
}

.common_testimonials_nav {
    width: 3.375rem;
    height: 3.375rem;
    cursor: pointer;
    background-color: var(--primary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: transform .2s;
    display: flex
}

.common_testimonials_nav:hover {
    transform: scale(1.1)
}

.common_testimonials_nav.right {
    position: relative;
    transform: rotate(-90deg)
}

.common_testimonials_nav.right:hover {
    transform: scale(1.1)rotate(-90deg)
}

.common_testimonials_nav.left {
    position: relative;
    transform: rotate(90deg)
}

.common_testimonials_nav.left:hover {
    transform: scale(1.1)rotate(90deg)
}

.common_testimonials_nav-image {
    width: 1rem;
    height: .7rem
}

.pricing_plan_row-link {
    min-height: 1.5rem;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex
}

.pricing_plan_row-link.description {
    height: 1.5rem;
    outline-offset: 0px;
    color: #494BCB;
    outline: 0 solid #494BCB;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
    transition: all .2s
}

.pricing_plan_row-link.description:hover {
    color: var(--primary-color);
    outline-color: var(--primary-color)
}

.pricing_plan_rowdash {
    width: 100%;
    height: .5px;
    outline-offset: 0px;
    background-color: #494BCB;
    outline: .03125rem solid #494BCB
}

.pricing_plan_tooltip-wrap {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.pricing_plan_tooltip-icon {
    width: 1rem;
    height: 1rem
}

.pricing_plan_tooltip-message {
    width: 20rem;
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: .75rem;
    justify-content: center;
    padding: .5rem;
    display: none;
    position: absolute;
    top: auto;
    bottom: 1.7rem;
    left: auto;
    right: auto;
    box-shadow: 0 0 .25rem rgba(255,255,255,.2)
}

.pricing_plan_tooltip-text {
    color: #fff;
    text-align: center;
    margin-left: 1px;
    font-size: .875rem;
    line-height: 1.4
}

.pricing_plan_tooltip-notch {
    background-color: #494BCB;
    border-top: .5rem solid #494BCB;
    border-left: .5rem solid#494BCB;
    border-right: .5rem solid#494BCB;
    position: absolute;
    bottom: -.55rem
}

.section_home_header {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: hidden
}

.section_home_header.cards-position {
    min-height: 0;
    min-width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
    display: flex;
    left: 0;
    right: 0;
    overflow: hidden
}

.release_accordion-2_icon-2 {
    margin-right: 0;
    font-size: 1.125rem;
    position: relative
}

.release_accordion-2_header-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    cursor: pointer;
    background-color: transparent;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    /* padding-right: 1.5rem; */
    display: flex
}

.release_accordion-2_header-2:focus-visible {
    outline-offset: 4px;
    outline: 2px solid #9b9b9b
}

.release_accordion-2_header-2[data-wf-focus-visible] {
    outline-offset: 4px;
    outline: 2px solid #9b9b9b
}

.release_accordion-2_content-2 {
    transition: max-height .2s;
    overflow: hidden
}

.release_accordion-2_arrow-wrapper-2 {
    color: var(--primary-color);
    transition: transform .2s
}

.release_accordion-2_embed-2 {
    margin-bottom: 0
}

.section_jira_header {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.switch_header_component {
    z-index: 5;
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.switch_header_top {
    z-index: 2;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    overflow: visible
}

.common_header_cards {
    z-index: 2;
    width: 100%;
    grid-column-gap: 2.125rem;
    justify-content: space-between;
    margin-top: 3rem;
    display: flex;
    position: relative
}

.common_header_cards.switch_cards {
    background-image: radial-gradient(circle,rgba(87,144,255,.15),transparent 60%,transparent 81%);
    justify-content: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
    overflow: visible
}

.common_header_cards.switch_cards.jira {
    background-image: radial-gradient(circle,rgba(87,144,255,.15),transparent 33%,transparent 81%);
    margin-top: 0
}

.switch_header_text-wrap {
    width: 32.75rem;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -4rem;
    display: flex
}

.switch_header_image-wrap {
    width: 42.5625rem;
    height: 33.3125rem;
    margin-right: -3.6125rem;
    position: relative
}

.switch_header_image-wrap.on-trello {
    margin-right: 0
}

.switch_header_image {
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: transform 4s ease-in-out;
    position: relative
}

.common_header_cards-wrap {
    z-index: 2;
    flex-direction: column;
    align-items: center;
    margin-top: 4rem;
    display: flex;
    position: relative
}

.switch_cards_heading {
    max-width: 57.125rem;
    color: #414042;
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,#6db1d7,#494BCB);
    -webkit-background-clip: text;
    background-clip: text;
    margin-left: auto;
    margin-right: auto;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2
}

.switch_cards_heading.inner_card {
    color: #494BCB;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    margin-left: auto;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.8rem
}

.section_common_tabs {
    margin-top: -10rem;
    padding-top: 10rem;
    padding-bottom: 5rem;
    overflow: hidden
}

.section_common_tabs.on-home {
    padding-top: 0;
    padding-bottom: 1rem
}

.common_tabs_component {
    position: relative
}

.common_tabs_heading {
    max-width: 100%;
    color: #414042;
    text-align: left;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,#6db1d7,#494BCB);
    -webkit-background-clip: text;
    background-clip: text;
    margin-left: 0;
    margin-right: auto;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.2;
    position: static
}

.common_tabs_tabs {
    z-index: 2;
    justify-content: flex-start;
    display: flex
}

.common_tabs_menu {
    z-index: 1;
    width: 27.5rem;
    max-width: 27.4375rem;
    flex-direction: column;
    justify-content: center;
    margin-right: 7.375rem;
    padding-top: 3rem;
    display: flex
}

.common_tabs_content {
    margin-top: 0;
    overflow: visible
}

.common_tabs_link {
    background-color: transparent;
    border-bottom: .0625rem solid rgba(255,255,255,.1);
    padding: 0
}

.common_tabs_link.w--current {
    background-color: transparent;
    border-bottom-width: .125rem;
    border-bottom-color: rgba(255,255,255,.2)
}

.common_tabs_pane {
    width: 75.0625rem;
    height: 51.0625rem
}

.common_tabs_accordion-wrap {
    z-index: 2;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative
}

.common_tabs_accordion_logic {
    margin-bottom: 0;
    display: none
}

.common_tabs_item {
    padding-top: .5rem;
    padding-bottom: 0
}

.common_tabs_link-header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    cursor: pointer;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    display: flex
}

.common_tabs_link-header:focus-visible {
    outline-offset: 4px;
    outline: 2px solid #9b9b9b
}

.common_tabs_link-header[data-wf-focus-visible] {
    outline-offset: 4px;
    outline: 2px solid #9b9b9b
}

.common_tabs_link-label {
    color: var(--primary-color-2);
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.3rem;
    font-weight: 700
}

.release_tabs_icon {
    color: #9b9b9b;
    margin-right: 0;
    font-size: 1.125rem;
    position: relative
}

.common_tabs_link-content {
    padding-bottom: 0;
    overflow: hidden
}

.common_tabs_link-body {
    padding: 0 4rem 0 0
}

.common_tabs_link-text {
    color: #494BCB;
    margin-bottom: 0;
    line-height: 1.7
}

.common_tabs_pane-content {
    position: relative
}

.common_tabs_pane-image {
    z-index: 2;
    width: 100%;
    height: 48.5rem;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    margin-top: -.125rem;
    position: relative
}

.common_tabs_pane-back {
    z-index: 1;
    width: 66.0625rem;
    height: 39.6875rem;
    opacity: .15;
    filter: blur(50px);
    background-color: #ffd799;
    border-radius: .75rem;
    position: absolute;
    top: auto;
    bottom: -1rem;
    left: -1rem;
    right: auto
}

.common_tabs_autoplay-logic {
    display: none
}

.common_tabs_loader {
    width: 10%;
    height: .3125rem;
    background-color: #05b490;
    margin-top: 1rem;
    margin-bottom: -.0625rem
}

.common_tabs_wrapper {
    display: none
}

.text-color-yellow {
    color: #05b490;
}

.text-link-lightblue {
    color: var(--primary-color-2);
    font-weight: 700;
    text-decoration: none;
    transition: color .2s
}

.text-link-lightblue:hover {
    color: var(--primary-color)
}

.text-link-lightblue.is-underlined {
    border-bottom: .25rem solid var(--primary-color-2);
    padding-bottom: .25rem;
    transition: border-color .2s,color .2s
}

.text-link-lightblue.is-underlined:hover {
    border-bottom-color: var(--primary-color)
}

.text-link-lightblue.thin-underline {
    border-bottom: .0625rem var(--primary-color-2);
    text-decoration: underline
}

.semi-para-medium {
    z-index: 2;
    color: #494BCB;
    font-size: 1.25rem;
    font-weight: 700;
    position: relative
}

.semi-para-medium.text-color-black {
    color: #414042
}

.common_card-text {
    z-index: 2;
    color: #494BCB;
    text-align: center;
    margin-top: .75rem;
    margin-left: -.6875rem;
    margin-right: -.6875rem;
    font-size: .875rem;
    line-height: 1.8;
    position: relative
}

.common_card-text.text-size-regular {
    font-size: 1rem
}

.common_card-text.switch_card {
    text-align: left;
    margin: 0 0 1.75rem;
    font-size: 1rem
}

.section_trello_steps {
    overflow: hidden
}

.trello_stats_import-images {
    max-width: 56.125rem;
    grid-column-gap: 1rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 5.5rem auto 3rem;
    display: flex
}

.trello_steps_component {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.trello_stats_import {
    max-width: 40.375rem;
    margin-left: auto;
    margin-right: auto
}

.trello_stats_import-trello {
    width: 11.625rem;
    height: 3.5rem
}

.trello_steps_wrap {
    max-width: 57.75rem;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 2.625rem;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.trello_steps-step {
    max-width: 12.7rem;
    flex-direction: column;
    align-items: center;
    display: flex
}

.trello_steps_line {
    width: 5.8125rem;
    height: .0625rem;
    background-color: rgba(255,255,255,.3);
    margin-top: 3rem
}

.trello_steps_text-wrap {
    max-width: 76rem;
    margin-top: 4rem;
    margin-left: auto;
    margin-right: auto
}

.trello_steps_pricing {
    z-index: 2;
    max-width: 51rem;
    flex-direction: column;
    align-items: center;
    margin-top: 7rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.trello_steps_border {
    z-index: 4;
    width: 25rem;
    height: .0625rem;
    opacity: .1;
    background-color: #494BCB;
    margin-top: 0;
    margin-bottom: 5rem;
    position: relative
}

.trello_steps_cards {
    grid-column-gap: 2.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: flex
}

.pricing_heading_trello {
    color: #494BCB;
    margin-bottom: .75rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.875rem;
    font-weight: 700
}

.pricing_header_card-image {
    width: 3.75rem;
    height: 3.75rem;
    margin-bottom: 1rem
}

.background-blue {
    background-color: #494BCB
}

.section_competitors_header {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.section_competitors_header.competitor_light {
    background-image: linear-gradient(#0e1827 21%,#5790ff 35%,#494BCB 41%);
    padding-bottom: 0
}

.competitors_header_component {
    z-index: 5;
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.competitors_header_top {
    z-index: 2;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: visible
}

.competitors_header_text-wrap {
    width: 40rem;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -4rem;
    display: flex
}

.competitors_header_image {
    z-index: 2;
    width: 80%;
    height: 80%;
    transition: transform 4s ease-in-out;
    position: relative
}

.competitors_header_image-wrap {
    width: 38.5625rem;
    height: 30.625rem;
    justify-content: center;
    align-items: center;
    margin-right: -1.7125rem;
    display: flex;
    position: relative
}

.competitors_slider-wrap {
    z-index: 2;
    width: 100%;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-items: start;
    margin-top: 2.5rem;
    position: relative;
    overflow: visible
}

.competitors_image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 12px
}

.competitors_slider_wrapper {
    width: 56.25rem;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.competitors_slider_list {
    max-width: none;
    display: flex
}

.competitors_slider_list.swiper-wrapper {
    grid-column-gap: 0rem
}

.competitors_slider_item {
    height: 39rem;
    min-width: 56.25rem
}

.competitors_slider_item.swiper-slide {
    padding-right: 2rem
}

.competitors_image-wrap {
    width: 100%;
    height: 100%
}

.competitors_header_cards-wrap {
    z-index: 2;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 7.5rem;
    display: flex;
    position: relative
}

.competitors_header_cards-top-wrap {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    display: flex
}

.competitors_header_cards-heading {
    max-width: 57.125rem;
    color: #414042;
    text-align: left;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,#6db1d7,#494BCB);
    -webkit-background-clip: text;
    background-clip: text;
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2
}

.competitors_header_cards-heading.light {
    background-color: #494BCB;
    background-image: none
}

.competitors_header_cards-heading-wrap {
    max-width: 42.25rem
}

.common_large_link {
    color: var(--primary-color-2);
    border-bottom: .125rem solid var(--primary-color-2);
    margin-top: 0;
    margin-bottom: 2rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5em;
    text-decoration: none;
    transition: all .2s
}

.common_large_link:hover,.common_large_link.light-version {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color)
}

.section_community_header {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.community_header_top {
    z-index: 5;
    width: 100%;
    flex-direction: row;
    align-items: center;
    display: flex;
    position: relative
}

.community_header_content {
    z-index: 2;
    max-width: 30.9375rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: auto;
    display: flex;
    overflow: visible
}

.community_header_image-wrap {
    width: 63rem;
    height: 42.625rem;
    margin-right: -15.2125rem;
    position: relative
}

.community_header_text-wrap {
    width: 40rem;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -5.5rem;
    display: flex
}

.community_header_image {
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: transform 4s ease-in-out;
    position: relative
}

.community_header_component {
    width: 81rem;
    position: relative
}

.community_header_bottom {
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    margin-top: 5rem;
    padding-left: 3rem;
    padding-right: 3.25rem;
    display: flex;
    position: relative
}

.community_header_bottom-image {
    z-index: 1;
    width: 86rem;
    height: 38rem;
    max-width: none;
    object-fit: fill;
    margin-bottom: -5.35rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute
}

.community_header_discord-wrap {
    z-index: 2;
    max-width: 34.25rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
    display: flex;
    position: relative
}

.community_header_discord {
    width: 7.5rem;
    height: 5.75rem
}

.community_header_seperator {
    z-index: 2;
    width: .0625rem;
    height: 24.6875rem;
    background-color:#494BCB;
    margin-left: 4rem;
    margin-right: 8rem;
    position: relative
}

.community_testimonial_wrapper {
    z-index: 3;
    width: 31.25rem;
    position: relative
}

.community_testimonial_list,.community_testimonial_item {
    width: 100%
}

.community_testimonial_item-wrap {
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    display: flex
}

.community_testimonial_content {
    max-width: 41.625rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 1.5rem;
    display: flex
}

.community_testimonial_text {
    color: #494BCB;
    font-size: 1.25rem;
    font-weight: 400
}

.community_testimonial_author-wrap {
    grid-row-gap: .25rem;
    flex-direction: column;
    display: flex
}

.community_testimonial_image-wrap {
    grid-column-gap: 1.5rem;
    align-items: center;
    margin-top: 2rem;
    display: flex;
    overflow: hidden
}

.community_testimonial_author-details,.community_testimonial_author-name {
    display: flex
}

.community_testimonial_author-text {
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700
}

.community_testimonial_author-text.comma {
    margin-right: .25rem
}

.community_testimonial_author-details-text {
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 400
}

.community_testimonial_author-details-text.comma {
    margin-right: .25rem
}

.community_testimonial_quote-icon {
    width: 15.1875rem;
    height: 11.625rem;
    position: absolute;
    top: -1rem;
    left: -2.2625rem
}

.section_community_events {
    background-color: #494BCB
}

.community_events_component {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.community_events_list-wrapper {
    display: none
}

.community_events_list {
    grid-column-gap: 2rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    display: grid
}

.community_events_item {
    border: 1px #fff
}

.community_events_item-link {
    height: 100%;
    color: #414042;
    background-color: #494BCB;
    border-radius: .75rem;
    flex-direction: column;
    justify-content: flex-start;
    text-decoration: none;
    display: flex;
    box-shadow: 0 2px 1rem rgba(255,255,255,.1)
}

.community_events_image-wrapper {
    width: 100%;
    justify-content: center;
    align-items: center;
    padding-top: 2.75rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.community_events_image {
    width: 11.25rem;
    height: 11.25rem;
    object-fit: cover;
    border: 1px solid #dfdfe0;
    border-radius: 50%;
    position: static;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.community_events_item-content {
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    padding: 1rem 1.5rem 0;
    display: flex
}

.community_events_item-content-top {
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 6rem;
    display: flex;
    position: relative
}

.community_events_meta-wrapper {
    border-top: .0625rem solid #dfdfe0;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-top: .5rem;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.community_events_location {
    align-items: center;
    margin-right: 1rem;
    padding: .25rem .5rem;
    display: flex
}

.community_events_title-wrapper {
    margin-bottom: .5rem
}

.community_events_pin {
    width: 1.1rem;
    height: 1.1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: .25rem;
    display: flex
}

.community_events_heading-wrap {
    width: 60%;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 0 1rem;
    display: flex
}

.community_events_text {
    color: #7a7c7f;
    text-align: center;
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.8
}

.community_events_title {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5
}

.community_events_date {
    grid-column-gap: .5rem;
    display: flex
}

.community_events_date-icon {
    width: 1rem
}

.section_community_recordings {
    background-color: #494BCB;
    padding-top: 2rem
}

.community_recordings_component {
    justify-content: space-between;
    display: flex
}

.community_recordings_heading-wrap {
    max-width: 29.875rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 0 3.25rem;
    display: flex
}

.community_recordings_wrapper {
    width: 43.375rem
}

.community_recordings_link {
    grid-column-gap: 1rem;
    color: var(--primary-color);
    border-top: 1px solid #dfdfe0;
    justify-content: flex-start;
    align-items: center;
    padding: 2.2rem 1rem;
    text-decoration: none;
    transition: transform .2s;
    display: flex;
    position: relative
}

.community_recordings_link:hover {
    transform: translate(.5rem)
}

.community_recordings_webcast {
    width: 1.5rem;
    height: 1.2rem
}

.community_recordings_arrow {
    width: 1.5rem;
    height: 1rem;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 0%
}

.community_recordings_podcast {
    width: 1.21875rem;
    height: 1.625rem
}

.section_404_header {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 10rem;
    display: flex;
    position: relative;
    overflow: hidden
}

._404_header_component {
    z-index: 1;
    width: auto;
    min-height: 40rem;
    text-align: left;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    display: flex;
    position: relative
}

._404_header_content {
    z-index: 2;
    height: 100%;
    max-width: 42rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
    display: flex;
    overflow: visible
}

._404_header_image-wrap {
    width: 54.25rem;
    height: 40.625rem;
    margin-right: -13rem;
    position: relative
}

._404_header_logo {
    width: 13rem;
    height: 4rem;
    object-fit: contain;
    margin-bottom: 2rem
}

._404_header_404 {
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(110deg,#65acd5,#65acd5 0%,#494BCB 66%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: .5rem;
    padding-bottom: 1rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 7.5rem;
    font-weight: 700;
    line-height: 1.1;
    overflow: visible
}

.medium-hero-title {
    font-family: "M PLUS 1",sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1
}

.medium-hero-title.on-404 {
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,#60a9d4,#494BCB);
    -webkit-background-clip: text;
    background-clip: text;
    margin-bottom: 2rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2.5rem
}

.text-gradient-primary {
    -webkit-text-fill-color: transparent;
    background-image: var(--header-gradient);
    -webkit-background-clip: text;
    background-clip: text
}

._404_header_links {
    align-items: center;
    margin-top: 3.125rem;
    margin-right: -2rem;
    display: flex
}

._404_header_divider {
    width: .125rem;
    height: 1.2rem;
    background-color: #dfdfe0;
    margin-left: .7rem;
    margin-right: .7rem
}

._404_header_line {
    z-index: 2;
    width: 100%;
    height: .0625rem;
    background-color:#494BCB;
    margin-bottom: -8rem;
    position: relative
}

._404_header_image {
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: transform 4s ease-in-out;
    position: relative
}

.section_signup {
    z-index: 2;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.signup_component {
    width: 81rem;
    position: relative
}

.signup-content {
    z-index: 5;
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.signup-text-wrap {
    z-index: 2;
    max-width: 46rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    overflow: visible
}

.signup_form_block {
    width: 26rem;
    flex-direction: column;
    align-items: stretch;
    margin-top: 1.5rem;
    display: flex
}

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

.signup_form_field {
    height: 3.125rem;
    color: #111;
    border-radius: .375rem;
    padding-left: 1.5rem;
    font-weight: 600
}

.signup_form_field::-ms-input-placeholder {
    font-size: 1rem;
    font-weight: 400
}

.signup_form_field::placeholder {
    font-size: 1rem;
    font-weight: 400
}

.signup_form_divider {
    grid-column-gap: 1rem;
    justify-content: center;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: 1rem;
    display: flex
}

.signup_form_line {
    width: 4.25rem;
    height: .0625rem;
    background-color: rgba(255,255,255,.4)
}

.signup-form-text {
    max-width: 30.375rem;
    color: #494BCB;
    text-align: center;
    margin-top: 1rem
}

.signup_bottom {
    margin-top: 4rem
}

.signup_logos-top {
    grid-column-gap: 1rem;
    justify-content: center;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: flex
}

.signup_logo_line {
    width: 6.5625rem;
    height: .09375rem;
    background-color: #494BCB
}

.signup_logos {
    min-height: 0;
    grid-column-gap: 4.25rem;
    margin-top: 1.5rem;
    line-height: 2;
    display: flex
}

.signup_logo {
    max-height: 1.3rem;
    max-width: 9rem;
    min-height: 1rem;
    min-width: 3rem;
    object-fit: contain;
    overflow: visible;
    transform: scale(1.2)
}

.signup_success {
    background-color: #494BCB;
    border-radius: .375rem;
    font-weight: 600
}

.signup_error {
    text-align: center;
    border-radius: .375rem;
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 600
}

.common_footer-dark {
    z-index: 1;
    height: 29rem;
    max-width: 100%;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 8rem;
    display: flex;
    position: relative;
    overflow: visible
}

.footer-dark-art {
    width: 42.5782rem;
    height: 28.8225rem;
    margin-top: 7rem;
    margin-bottom: -7rem;
    display: none
}

.footer-dark_component {
    z-index: 2;
    width: 81rem;
    height: auto;
    min-height: 24rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 3rem;
    display: flex;
    position: relative
}

.footer-dark_line {
    z-index: 2;
    width: 100%;
    height: .0625rem;
    background-color:#494BCB;
    margin-bottom: -8rem;
    position: absolute;
    top: auto;
    bottom: -5%;
    left: 0%;
    right: 0%
}

.section_faqs {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.faqs_component {
    width: 81rem;
    position: relative
}

.faqs-content {
    z-index: 5;
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.faqs_text-wrap {
    z-index: 2;
    max-width: 45.5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    overflow: visible
}

.faqs_wrap {
    width: 100%;
    /* background-color: #494BCB; */
    /* border: .0625rem solid #e6e8ec; */
    border-radius: .75rem;
    flex-direction: column;
    align-items: center;
    margin-top: 6rem;
    padding: 2.5rem 4.25rem 2rem;
    display: flex
}

.section_contact {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.contact_component {
    z-index: 3;
    width: 81rem;
    position: relative
}

.contact-content {
    z-index: 5;
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.contact_text-wrap {
    z-index: 2;
    max-width: 45.5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    overflow: visible
}

.common_cards_wrap {
    z-index: 2;
    width: 100%;
    grid-column-gap: 2.125rem;
    grid-row-gap: 3.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 7.25rem;
    display: grid;
    position: relative
}

.common_cards_wrap.contact-us {
    grid-template-columns: 1fr 1fr
}

.common_card {
    width: 39.375rem;
    min-height: 20rem;
    grid-row-gap: .25rem;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-radius: .75rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 2rem 2.5rem 2rem 2.875rem;
    text-decoration: none;
    display: flex
}

.common_card.bacground-yellow {
    /* background-color: #ffb543 */
}

.common_card.background-red {
    width: 100%;
    min-height: 18rem;
    /* background-color: #e75569; */
    justify-content: center
}

.common_card.background-purple {
    width: 100%;
    min-height: 18rem;
    background-color: #494BCB;
    justify-content: center
}

.common_card.background-green {
    width: 100%;
    min-height: 18rem;
    background-color: #71b259;
    justify-content: center
}

.common_card_heading {
    color: #494BCB;
    margin-bottom: .25rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4
}

.section_integrations {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.integrations_component {
    z-index: 3;
    width: 81rem;
    position: relative
}

.integrations_heading-wrap {
    z-index: 3;
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.integrations_wrapper {
    z-index: 2;
    margin-top: 2rem;
    position: relative
}

.integrations_list {
    grid-column-gap: 3rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.integrations_card {
    width: 100%;
    height: 100%;
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 0 0 .75rem .75rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 3.75rem 3rem 1.25rem;
    text-decoration: none;
    display: flex;
    position: relative
}

.integrations_card-color {
    width: 100.5%;
    height: .375rem;
    background-color: #ffcd78;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    position: absolute;
    top: -1.5%;
    bottom: auto;
    left: auto;
    right: auto
}

.integrations_card-image {
    width: 5.5rem;
    height: 5.5rem;
    object-fit: contain;
    margin-bottom: 1.5rem
}

.integrations_text {
    color: #414042;
    text-align: center;
    margin-top: 1rem;
    line-height: 1.8
}

.integrations_category {
    color: var(--primary-color-3);
    margin-top: 2rem
}

.integrations_wrap {
    z-index: 2;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 2rem;
    display: flex;
    position: relative
}

.integrations_filters_dropdown {
    background-color: #494BCB;
    border-radius: .5rem
}

.integrations_filters_dd-toggle {
    width: 15rem;
    border-radius: .5rem;
    align-items: flex-start;
    padding: .9rem 3.55rem .9rem 1.25rem;
    display: flex;
    overflow: hidden
}

.integrations_filters_dd-toggle.w--open {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.integrations_filters_dd-icon {
    color: var(--primary-color)
}

.integrations_filters_dd-list.w--open {
    background-color: #494BCB;
    border: .0625rem solid #c4c4c4;
    border-top-style: none;
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    margin-top: -.5rem;
    padding-top: .5rem;
    padding-bottom: 0
}

.integrations_filters_checkbox {
    cursor: pointer;
    border-top: .0625rem solid rgba(255,255,255,.1);
    border-bottom: .0625rem rgba(255,255,255,.1);
    align-items: center;
    margin-bottom: 0;
    padding: .8rem 2rem .8rem 1.25rem;
    transition: background-color .1s;
    display: flex
}

.integrations_filters_checkbox:hover {
    color: #494BCB;
    background-color: var(--primary-color-2)
}

.display-none {
    display: none
}

.community_testimonial_image {
    width: 5rem;
    height: 5rem;
    border-radius: 50%
}

.section_way_header {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.way_header_component {
    z-index: 3;
    width: 81rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    padding-left: 27rem;
    display: flex;
    position: relative
}

.way_header_logo {
    width: 3.5625rem;
    height: 3.5625rem;
    margin-bottom: .5rem
}

.way_header_text-wrap {
    z-index: 2;
    max-width: 42rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
    overflow: visible
}

.section_way_details {
    background-color: #494BCB
}

.section_way_details.aasaanway-dark {
    background-color: transparent;
    margin-top: 0;
    padding-top: 4rem;
    padding-bottom: 0
}

.way_details_component {
    position: relative
}

.way_details_#686878-wrap {
    z-index: 1;
    border-bottom: 1px solid rgba(255,255,255,.05);
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: relative
}

.way_details_richtext {
    z-index: 2;
    margin-left: 27rem;
    margin-right: 11rem;
    position: relative
}

.way_details_richtext h2 {
    color: #494BCB;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,var(--primary-color-3),#494BCB);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2rem
}

.way_details_richtext h4 {
    font-size: 1rem
}

.way_details_richtext h3 {
    font-size: 1.5rem
}

.way_details_richtext p {
    color: #494BCB;
    font-size: 1.125rem
}

.way_details_richtext img {
    border-radius: 12px
}

.way_details_richtext figcaption {
    max-width: 25rem;
    color: rgba(255,255,255,.75);
    margin-top: 2rem;
    font-size: .75rem;
    font-weight: 400
}

.way_details_richtext li {
    color: #494BCB
}

.way_details_richtext ul {
    font-size: 1.125rem
}

.way_details_richtext a {
    color: var(--primary-color);
    text-decoration: none
}

.way_details_blue-wrap {
    z-index: 1;
    border-bottom: 1px solid rgba(255,255,255,.05);
    justify-content: center;
    padding: 4rem .4vw 4rem 0;
    display: flex;
    position: relative
}

.way_details_blue-background {
    z-index: 1;
    width: 99vw;
    height: 100%;
    background-color: transparent;
    background-image: radial-gradient(circle at 100% 100%,rgba(87,144,255,.1) 17%,transparent 35%);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: auto
}

.way_details_toc-wrap {
    z-index: 2;
    width: 22.5rem;
    height: 106%;
    margin-top: -24.25rem;
    padding-top: 0;
    padding-bottom: 4rem;
    position: absolute;
    top: .75rem
}

.way_details_toc-wrap.v2 {
    height: 100%;
    margin-top: 0
}

.way_details_toc {
    width: 100%;
    grid-row-gap: 1.5rem;
    background-color: #494BCB;
    border: .0625rem rgba(0,0,0,.3);
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem 1.5rem 2rem 1rem;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 7rem;
    box-shadow: 1px 1px 1rem rgba(255,255,255,.1)
}

.way_details_toc-accent {
    height: .375rem;
    background-color: #ffcd78;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    position: absolute;
    top: -.3rem;
    bottom: auto;
    left: 0%;
    right: 0%
}

.way_details_toc-link {
    color: #414042;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s
}

.way_details_toc-link:hover {
    color: var(--primary-color)
}

.way_details_toc-link.w--current {
    color: var(--primary-color);
    font-weight: 600
}

.way_details_toc-list {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: stretch;
    display: flex
}

.way_details_toc-item {
    margin-bottom: 0;
    padding-left: .5rem;
    font-weight: 600;
    line-height: 1.4
}

.way_details_id {
    width: 1px;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: -4rem
}

.section_about_header {
    z-index: 2;
    background-color: transparent;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 15rem;
    display: flex
}

.about_header_component {
    z-index: 3;
    width: 81rem;
    justify-content: space-between;
    margin-bottom: -27.9rem;
    display: flex;
    position: relative
}

.about_header_content {
    max-width: 39.7rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: -2rem;
    display: flex
}

.about_header_image-wrap {
    width: 24.1938rem;
    height: 54.8625rem;
    margin-top: -5rem
}

.about_header_stats {
    width: 39.3125rem;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-radius: .75rem;
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem 4rem 2rem 2rem;
    display: flex
}

.about_header_stat-wrap {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1rem;
    display: flex
}

.about_header_stat {
    -webkit-text-fill-color: transparent;
    background-image: var(--header-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Satoshi Variable,sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.15
}

.about_header_background {
    z-index: 1;
    width: 100%;
    object-fit: contain;
    position: absolute;
    top: 38.3625rem;
    left: 0;
    right: 0
}

.section_about_values {
    z-index: 2;
    padding-top: 10rem;
    position: relative
}

.about_values_component {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.about_values_heading-wrap {
    max-width: 65.0625rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: center;
    display: flex
}

.section_about_team {
    position: relative
}

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

.about_team_image-wrap {
    width: 16.125rem;
    height: 16.12rem;
    border-radius: .75rem;
    padding-top: 66%;
    position: relative;
    overflow: hidden
}

.about_team_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.about_team_social {
    grid-column-gap: .875rem;
    grid-row-gap: .875rem;
    grid-template-rows: auto;
    grid-template-columns: max-content;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-self: center;
    margin-top: 1.5rem;
    display: grid
}

.social-link {
    color: var(--primary-color-3);
    transition: transform .2s
}

.social-link:hover,.social-link:active {
    transform: scale(1.2)
}

.social-link.is-board {
    color: var(--primary-color)
}

.social-icon {
    width: 1.5rem;
    height: 1.5rem
}

.about_team_wrapper {
    z-index: 2;
    width: 62.4375rem;
    margin-top: 4.625rem;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.about_team_list {
    grid-column-gap: 7rem;
    grid-row-gap: 4rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 3rem;
    display: flex
}

.about_team_item {
    width: 16.125rem
}

.about_team_item-wrap {
    text-align: center;
    flex-direction: column;
    align-items: stretch;
    display: flex
}

.section_about_board {
    z-index: 2;
    background-color: transparent;
    padding-top: 2rem;
    position: relative
}

.section_careers_header {
    z-index: 1;
    background-color: #494BCB;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.careers_header_component {
    width: 81rem;
    flex-direction: column;
    display: flex;
    position: relative
}

.careers_header_top {
    z-index: 5;
    width: 100%;
    flex-direction: row;
    align-items: center;
    display: flex;
    position: relative
}

.careers_header_image-wrap {
    width: 47.6875rem;
    height: 42.9375rem;
    margin-top: -2rem;
    margin-bottom: -2.4rem;
    position: relative
}

.careers_header_text-wrap {
    width: 40rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -5.5rem;
    display: flex
}

.careers_header_content {
    z-index: 2;
    max-width: 30.9375rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: auto;
    display: flex;
    overflow: visible
}

.careers_header_background {
    z-index: 1;
    width: 200rem;
    height: 65rem;
    max-width: none;
    object-fit: contain;
    margin-top: 3.1rem;
    display: block;
    position: absolute;
    top: -24%;
    bottom: auto;
    left: -97%;
    right: auto
}

.career_header_image {
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: transform 4s ease-in-out;
    position: relative
}

.careers_header_bottom {
    z-index: 2;
    justify-content: flex-end;
    margin-top: 6.625rem;
    display: flex;
    position: relative
}

.careers_header_bottom-wrap {
    max-width: 34.0625rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.section_common_slider {
    background-color: #494BCB;
    overflow: hidden
}

.section_common_slider.values {
    background-color: transparent
}

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

.common_slider_wrapper {
    width: 45.5rem;
    display: flex
}

.swiper-wrapper {
    width: 100%;
    grid-column-gap: 2.5rem;
    display: flex
}

.swiper-slide {
    width: 100%
}

.common_slider_item-wrap {
    width: 43.5rem;
    min-height: 23rem;
    border-radius: .75rem;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem 3rem;
    display: flex;
    position: relative
}

.common_slider_testimonials {
    color: #494BCB;
    font-size: 1.25rem
}

.common_slider_testimonials.on-stories {
    font-size: 1.25rem
}

.common_slider_author-details {
    grid-column-gap: 1.25rem;
    align-items: center;
    margin-top: 2.5rem;
    display: flex
}

.common_slider_author_image-wrap {
    width: 5.1875rem;
    height: 5.1875rem;
    border-radius: 50%;
    overflow: hidden
}

.common_slider_author-text {
    grid-row-gap: .25rem;
    flex-direction: column;
    justify-content: center;
    display: flex
}

.common_slider_author-name {
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.125rem;
    font-weight: 600
}

.common_slider_author-title {
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1rem;
    font-weight: 700
}

.common_slider_author-title.margin-left {
    margin-left: .5rem;
    font-family: Satoshi Variable,sans-serif
}

.common_slider_quotes {
    width: 12rem;
    position: absolute;
    top: 2rem;
    left: 2rem
}

.common_slider_nav-wrap {
    z-index: 2;
    grid-column-gap: 2rem;
    justify-content: center;
    margin-top: 3.125rem;
    display: flex;
    position: relative;
    top: 0
}

.common_slider_nav-right {
    width: 3.375rem;
    height: 3.375rem;
    cursor: pointer;
    background-color: var(--primary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: transform .2s;
    display: flex;
    position: relative;
    transform: rotate(-90deg)
}

.common_slider_nav-right:hover {
    transform: scale(1.1)rotate(-90deg)
}

.common_slider_nav-left {
    width: 3.375rem;
    height: 3.375rem;
    cursor: pointer;
    background-color: var(--primary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: transform .2s;
    display: flex;
    position: relative;
    transform: rotate(90deg)
}

.common_slider_nav-left:hover {
    transform: scale(1.1)rotate(90deg)
}

.common_slider_item {
    width: 43.5rem
}

.common_slider_item.swiper-slide {
    width: 45.5rem;
    padding-right: 2rem
}

.common_slider_list {
    display: flex
}

.common_slider_list.swiper-wrapper {
    width: 45.5rem;
    grid-column-gap: 0rem
}

.section_careers_values {
    margin-bottom: 4rem;
    overflow: hidden
}

.careers_values_component {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.careers_values_text-wrap {
    max-width: 60.25rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    margin-right: auto;
    display: flex
}

.careers_values_cars-wrap {
    z-index: 2;
    width: 100%;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: stretch;
    margin-top: 3rem;
    display: flex;
    position: relative
}

.section_careers_perks {
    background-color: #494BCB;
    margin-bottom: -2rem
}

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

.careers_perks_heading-wrap {
    max-width: 53.3125rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 3.25rem;
    display: flex
}

.careers_perks_cards-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.careers_perks_card {
    height: 100%;
    color: #414042;
    border-radius: .75rem;
    flex-direction: column;
    justify-content: flex-start;
    text-decoration: none;
    display: flex
}

.careers_perks_image-wrapper {
    width: 100%;
    border: 1px #fff;
    justify-content: center;
    align-items: center;
    padding-top: 1rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.careers_perks_image {
    width: 5rem;
    height: 5rem;
    object-fit: cover;
    border: 1px #dfdfe0;
    margin-right: 0;
    position: static;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.careers_perks_title {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: .5rem;
    padding-left: 2rem;
    display: flex
}

.careers_perks_text {
    width: 90%;
    text-align: center;
    line-height: 1.8
}

.careers_perks_line {
    z-index: 2;
    width: 32.375rem;
    height: .0625rem;
    background-color: #dfdfe0;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.section_careers_jobs {
    background-color: #494BCB;
    padding-top: 2rem
}

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

.section_stories_header {
    z-index: 1;
    background-color: #494BCB;
    flex-direction: column;
    align-items: center;
    padding-top: 6.3125rem;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.stories_header_component {
    width: 81rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.stories_header_content {
    z-index: 2;
    max-width: 48rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    overflow: visible
}

.stories_header_text-wrap {
    max-width: 40.125rem;
    margin-top: 1rem;
    overflow: visible
}

.common_slider_stories-link {
    grid-column-gap: 0rem;
    text-decoration: none;
    display: flex
}

.section_stories_featured {
    background-color: #494BCB;
    position: relative
}

.stories_featured_lightbox {
    z-index: 2;
    width: 36.75rem;
    height: 26.4375rem;
    text-decoration: none;
    display: block;
    position: relative
}

.stories_featured_lightbox-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .75rem
}

.stories_featured_lightbox-play-overlay {
    z-index: 1;
    border-radius: .75rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.stories_featured_lightbox_play-holder {
    width: 9.6rem;
    height: 9.6rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.stories_featured_lightbox_play-wrap {
    z-index: 3;
    width: 5.625rem;
    height: 5.625rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.stories_featured_lightbox_play-wrap.story-small {
    width: 1.6875rem;
    height: 1.6875rem;
    display: flex
}

.stories_featured_lightbox_play-icon {
    width: 2.4rem;
    height: 2.4rem;
    color: #494BCB;
    justify-content: center;
    align-items: center;
    display: flex
}

.stories_featured_lightbox_play-icon.story-small {
    width: .96rem;
    height: .96rem
}

.stories_featured_lightbox_play-circle1,.stories_featured_lightbox_play-circle2 {
    z-index: 1;
    width: 5.625rem;
    height: 5.625rem;
    background-color: rgba(69,43,91,.05);
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto
}

.stories_featured_item {
    grid-column-gap: 2.75rem;
    align-items: center;
    display: flex
}

.stories_featured_item-details {
    max-width: 38.375rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.stories_featured_author-details {
    grid-column-gap: 1.25rem;
    grid-row-gap: .25rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.stories_featured_author-image-wrap {
    width: 5.1875rem;
    height: 5.1875rem;
    border-radius: 50%;
    overflow: hidden
}

.stories_featured_author-details-wrap {
    grid-column-gap: 1.25rem;
    flex-direction: row;
    align-items: center;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    display: flex
}

.stories_featured_link {
    color: var(--primary-color);
    border-bottom: .25rem solid var(--primary-color);
    font-size: 1.25rem;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s
}

.stories_featured_link:hover {
    color: var(--primary-color-3);
    border-bottom-color: var(--primary-color-3)
}

.section_common_stories {
    background-color: #494BCB;
    padding-top: 1rem
}

.stories_featured_line {
    width: 43.25rem;
    height: .0625rem;
    background-color: #dfdfe0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.common_stories_image-wrap {
    width: 100%;
    height: 22.8125rem;
    border-radius: .75rem;
    position: relative;
    overflow: hidden
}

.common_stories_image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.common_stories_list {
    grid-column-gap: 2.125rem;
    grid-row-gap: 5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.common_stories_item-wrap {
    color: #414042;
    text-decoration: none
}

.common_stories_details {
    grid-row-gap: .75rem;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex
}

.common_stories_link {
    color: var(--primary-color);
    border-bottom: .25rem solid var(--primary-color);
    font-size: 1.25rem;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s
}

.common_stories_link:hover {
    color: var(--primary-color-3);
    border-bottom-color: var(--primary-color-3)
}

.section_stories_stats {
    background-color: #494BCB;
    background-image: linear-gradient(#494BCB,#494BCB 55%,#0e1827 55%,#0e1827);
    overflow: hidden
}

.stories_stats_component {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.stories_stats_background {
    z-index: 2;
    width: 120vw;
    height: 35rem;
    background-color:#494BCB;
    border-radius: 90%;
    position: absolute;
    top: 12.1rem
}

.stories_stats_content {
    z-index: 2;
    background-color: #494BCB;
    border-radius: .75rem;
    flex-direction: column;
    align-items: center;
    padding: 3.5rem 10rem 3.625rem;
    display: flex;
    position: relative
}

.stories_stats_stat-wrap {
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: center;
    margin-top: 1rem;
    display: flex
}

.stories_stats__stat {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,#6cb0d7,#494BCB);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Satoshi Variable,sans-serif;
    font-size: 3.6rem;
    font-weight: 800;
    line-height: 1.15
}

.stories_stats_wrap {
    grid-column-gap: 5rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    display: grid
}

.stories_stats_line {
    z-index: 2;
    width: 100%;
    height: .0625rem;
    background-color:#494BCB;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: static;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.stories_stats_link-wrap {
    z-index: 2;
    grid-column-gap: .5rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.stories_stats_link {
    color: var(--primary-color-2);
    background-image: url(/static/img/chevron_light_blue_right.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto;
    border: 1px #fff;
    border-bottom: .25rem solid var(--primary-color-2);
    padding-bottom: .125rem;
    padding-right: 1.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    text-decoration: none
}

.stories_stats_link:hover {
    border-bottom-color: var(--primary-color)
}

.common_stories_logo-wrap {
    background-color: #494BCB;
    border-radius: 5rem;
    margin-top: 1.75rem;
    margin-left: 1.875rem;
    padding: .5rem 2rem;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.common_stories_logo {
    max-height: 1.4rem;
    max-width: 10rem
}

.section_story_header {
    background-color: #494BCB
}

.section_story_header.customer-stories {
    background-color: #494BCB;
    border-top: 1px solid rgba(155,208,239,.5);
    border-bottom: 1px solid rgba(155,208,239,.5)
}

.story_header_component {
    justify-content: space-between;
    display: flex
}

.story_header_content {
    max-width: 45.125rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 5.5rem;
    display: flex
}

.story_header_image-wrap {
    width: 15.3125rem;
    height: 2.875rem;
    justify-content: flex-start;
    display: flex
}

.story_header_image {
    height: 100%;
    object-fit: contain
}

.story_header_details {
    width: 100%;
    border-top: 1px solid #dfdfe0;
    justify-content: space-between;
    margin-top: 2rem;
    padding-top: 2rem;
    padding-right: 2rem;
    display: flex
}

.story_header_detail {
    grid-column-gap: 1rem;
    align-items: center;
    display: flex
}

.story_header_icon {
    width: 1.7rem;
    height: 1.7rem;
    object-fit: contain
}

.story_header_text {
    grid-row-gap: 0rem;
    flex-direction: column;
    display: flex
}

.section_story_richtext {
    background-color: #494BCB
}

.story_richtext_component {
    justify-content: space-between;
    padding-top: 1rem;
    display: flex
}

.story_richtext_sidebar {
    max-width: 23rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    display: flex
}

.story_richtext_wrapper {
    max-width: 53rem
}

.story_richtext_breadcrumb {
    grid-column-gap: .5rem;
    align-items: center;
    display: flex
}

.story_richtext_sidebar-link {
    color: var(--primary-color);
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s
}

.story_richtext_sidebar-link:hover {
    color: var(--primary-color-3)
}

.story_richtext_sidebar-icon {
    width: .5rem;
    height: .8rem;
    margin-bottom: -.25rem
}

.story_richtext_sidebar-about {
    margin-top: 1rem
}

.story_richtext_sidebar-year {
    grid-row-gap: .25rem;
    border-top: .0625rem solid #dfdfe0;
    border-bottom: .0625rem solid #dfdfe0;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: .5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex
}

.story_richtext_sidebar-features {
    grid-row-gap: .5rem;
    border-bottom: 1px solid #dfdfe0;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: .5rem;
    padding-bottom: 1rem;
    display: flex
}

.story_richtext_features-text {
    color: var(--primary-color);
    margin-top: .25rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none
}

.story_richtext_features-text li {
    color: var(--primary-color);
    text-align: left;
    text-decoration: none
}

.story_richtext_features-text ul,.story_richtext_features-text a {
    color: var(--primary-color);
    text-decoration: none
}

.story_richtext_testimonial-wrap {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.story_richtext_testimonial-content {
    max-width: 30.75rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.story_richtext_testimonial-image {
    object-fit: fill
}

.story_richtext_testimonial-image-wrap {
    width: 16.625rem;
    height: 16.625rem;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden
}

.story_richtext_author-details {
    align-items: center;
    margin-top: 2rem;
    display: flex
}

.story_header_lightbox-wrap {
    grid-column-gap: .3rem;
    color: var(--primary-color);
    justify-content: center;
    align-items: center;
    margin-top: .5rem;
    transition: color .2s;
    display: flex
}

.story_header_lightbox-wrap:hover {
    color: var(--primary-color-3)
}

.common_testimonials_tab-author {
    grid-column-gap: .3rem;
    display: flex
}

.common_slider_author-detail {
    grid-column-gap: .2rem;
    flex-wrap: wrap;
    display: flex
}

.section_blog_header {
    z-index: 1;
    background-color: var(--background-color);
    flex-direction: column;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.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: 39rem;
    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
}

.section_blog_category {
    background-color: var(--background-color)
}

.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-wrap {
    grid-column-gap: .4rem;
    color: var(--primary-color);
    cursor: pointer;
    border: 1px #fff;
    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
}

.blog_category-line {
    width: 39.125rem;
    height: .0625rem;
    background-color: #dfdfe0;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: auto;
    right: 0%
}

.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: 100%;
    object-fit: cover
}

.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%
}

.home_header_component {
    z-index: 4;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
    display: flex;
    position: relative
}

.home_header_top {
    z-index: 2;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: visible
}

.home_header_top.centered {
    min-height: 40rem;
    flex-direction: column;
    justify-content: center
}

.home_header_top.centered.card-position {
    width: 100%;
    min-height: 0;
    justify-content: flex-start
}

.home_header_top.home_haeder_center {
    justify-content: center
}

.home_header_heading-wrap {
    width: 40.3rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -4rem;
    display: flex
}

.home_header_heading-wrap.centered {
    width: 80%;
    align-items: center;
    margin-top: 2rem
}

.home_header_heading-wrap.centered.headers {
    width: 100%
}

.home_header_heading-wrap.home-header-heading-centre {
    width: 57rem;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 3rem
}

.home_header_text-wrap,.home_header_text-wrap.cards-position {
    max-width: 100%
}

.home_header_image-wrap {
    width: 47.375rem;
    height: 35.0625rem;
    margin-right: -2rem;
    position: relative
}

.home_header_image {
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: transform 4s ease-in-out;
    position: relative
}

.home_header_slider-holder {
    z-index: 2;
    width: 100%;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-items: start;
    margin-top: -2rem;
    margin-bottom: 5rem;
    padding-left: 8.1rem;
    padding-right: 8.1rem;
    position: relative
}

.home_header_slider-holder.slider_center {
    z-index: 3;
    margin-top: -3rem;
    margin-left: 0;
    margin-right: 0;
    padding-left: 7.5rem;
    padding-right: 7.5rem
}

.home_header_mask {
    width: 100%;
    height: auto;
    overflow: visible
}

.home_header_slide {
    width: 100%;
    margin-right: 0
}

.home_header_slide-wrap {
    width: 100%;
    height: 100%;
    transition: all .5ms;
    position: relative;
    overflow: hidden
}

.home_header_slide-wrap.second {
    box-shadow: none
}

.home_header_slide-browser {
    width: 100%;
    height: 2.55rem;
    object-fit: fill;
    position: relative
}

.home_header_slide-nav {
    z-index: 3;
    height: 1.75rem;
    color: #494BCB;
    background-color: #494BCB;
    font-size: .5rem;
    display: none;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto
}

.home_header_arrow {
    z-index: 4;
    width: 11rem;
    height: 11rem;
    color: var(--primary-color);
    justify-content: center;
    align-items: center;
    transition: color .2s;
    display: flex;
    right: -8rem
}

.home_header_arrow:hover {
    color: var(--primary-color-3)
}

.home_header_arrow.is-left {
    z-index: 4;
    left: -8rem;
    right: auto
}

.home_header_arrow-icon {
    width: 3rem;
    height: 3rem;
    justify-content: center;
    align-items: center;
    margin-left: .2rem;
    display: flex
}

.home_header_arrow-icon.is-left {
    margin-left: -.1rem;
    transform: rotate(180deg)
}

.home_header_slide-video {
    width: 100%;
    height: 40rem;
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    padding-top: 0;
    top: -1px
}

.home_header_slider-mode {
    width: 11.9375rem;
    height: 3.125rem;
    cursor: pointer;
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 5rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5rem;
    padding: .5rem 1.2rem;
    display: none;
    box-shadow: 1px 1px 1rem rgba(251,212,255,.05)
}

.home_header_slider-text1 {
    color: #494BCB;
    padding-right: 1rem;
    font-family: "M PLUS 1",sans-serif;
    font-weight: 700;
    display: inline-block
}

.home_header_slider-text2 {
    opacity: .3;
    color: #494BCB;
    padding-left: .5rem;
    font-family: "M PLUS 1",sans-serif;
    font-weight: 700;
    display: inline-block
}

.home_header_slider-switch {
    width: 3rem;
    height: .25rem;
    background-image: linear-gradient(90deg,#172436,rgba(155,208,239,.7) 50%,#494BCB);
    align-items: center;
    display: flex
}

.home_header_slider-switch-circle {
    width: 1.125rem;
    height: 1.125rem;
    background-color: var(--primary-color-2);
    border-radius: 50%
}

.home_header_slider-switch-wrap {
    height: 1.2rem;
    align-items: center;
    display: flex
}

.home_header_slider-wrap {
    width: 100%;
    height: 42.5rem;
    border-radius: 24px;
    margin-top: 3rem;
    margin-bottom: 2.5rem;
    position: relative
}

.home_header_slider-light {
    width: 100%;
    height: 100%;
    background-color: transparent;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute
}

.home_header_slider-dark {
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute
}

.home_integrations_lines {
    z-index: 1;
    width: 76.25rem;
    height: 29.75rem;
    margin-left: auto;
    margin-right: auto;
    display: none;
    position: absolute;
    top: -51%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.section_home_stats {
    z-index: 1;
    margin-top: 0;
    display: block;
    position: relative
}

.home_stats_component {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.home_stats_content {
    z-index: 2;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 3.75rem;
    display: grid;
    position: relative
}

.home_stats_card {
    width: 25.3125rem;
    height: 10rem;
    background-color: rgba(24,36,54,.5);
    background-image: radial-gradient(circle at 0 100%,rgba(87,144,255,.03),transparent 40%);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: .75rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.home_stats_card-accent {
    width: 100%;
    height: .375rem;
    background-color: var(--primary-color-3);
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.home_stats_card-accent.is-green {
    background-color: #71b259
}

.home_stats_card-accent.is-red {
    background-color: #e75568
}

.home_stats_title {
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,#68aed6,#494BCB);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 1rem;
    font-family: "M PLUS 1",sans-serif;
    font-size: 4rem;
    font-weight: 800
}

.home_stats_text {
    color: #eaeafa;
    margin-bottom: 0;
    font-size: 1.1rem
}

.section_common_medium2.light-version {
    color: #fff;
    background-color: #494BCB
}

.section_common_medium2.reports {
    padding-bottom: 3rem
}

.common_medium2_component {
    z-index: 2;
    justify-content: space-between;
    display: flex;
    position: relative
}

.common_medium2_card {
    width: 37rem;
    flex-direction: column;
    text-decoration: none;
    display: flex
}

.common_medium2_card-image-wrap {
    z-index: 1;
    width: 37rem;
    height: 16rem;
    border-radius: .75rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.common_medium2_card-image {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.common_medium2_card-content {
    z-index: 2;
    grid-row-gap: 1rem;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 2.375rem;
    display: flex;
    position: relative
}

.common_medium2_link {
    color: var(--primary-color-2);
    border-bottom: .25rem solid var(--primary-color-2);
    align-items: center;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    position: relative
}

.common_medium2_link:hover,.common_medium2_link.light-version {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color)
}

.common_medium2_link.footer_demo_link {
    border-bottom-width: .125rem;
    display: inline-block
}

.common_medium2_link-text {
    color: var(--primary-color-2);
    text-align: center;
    padding-bottom: .25rem;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    text-decoration: none
}

.section_home_security {
    margin-bottom: 5rem
}

.home_automate_component {
    width: 100%;
    justify-content: center;
    margin-top: 10px;
    display: flex
}

.home_automate_content {
    width: 100%;
    grid-row-gap: 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 5rem;
    display: flex
}

.home_automate_link-wrap {
    font-size: 1.25rem;
    font-weight: 700;
    display: flex
}

.home_automate_link {
    color: var(--primary-color-2);
    border-bottom: .25rem solid var(--primary-color-2);
    align-items: center;
    margin-left: .5rem;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    position: relative
}

.home_automate_link:hover {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color)
}

.home_automate_link-text {
    color: var(--primary-color-2);
    text-align: center;
    padding-bottom: .25rem;
    font-weight: 700;
    text-decoration: none
}

.home_automate_link-arrow {
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: -1rem
}

.section_home_ship.homepage {
    margin-bottom: 0;
    position: relative
}

.home_ship_component {
    flex-direction: column;
    align-items: center;
    margin-top: 4rem;
    display: flex
}

.home_ship_line-wrap {
    display: none;
    position: relative;
    overflow: hidden
}

.home_ship_line {
    width: 7.3rem;
    height: 20.5rem
}

.home_ship_text-wrap {
    max-width: 48.4375rem;
    margin-top: 1rem
}

.home_ship_video-wrap {
    background-color: rgba(24,36,54,.5);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: .75rem;
    margin-top: 3rem;
    padding: 3rem 1rem;
    display: block;
    position: relative
}

.home_ship_video {
    z-index: 1;
    width: 81rem;
    height: 26.4375rem
}

.home_ship_logo {
    z-index: 2;
    width: 5.125rem;
    height: 5.125rem;
    position: absolute;
    bottom: 6%
}

.home_ship_logo._2 {
    right: 3%
}

.common_medium2_card-text-wrap {
    grid-row-gap: 1rem;
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.section_home_ideate {
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible
}

.home_ideate_component {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    margin-left: auto;
    display: flex
}

.home_ideate_line-wrap {
    display: none;
    position: relative;
    overflow: hidden
}

.home_ideate_text-wrap {
    z-index: 2;
    max-width: 48.4375rem;
    margin-top: 1rem;
    position: relative
}

.home_ideate_cards-wrap {
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 4rem;
    display: flex
}

.home_ideate_video-wrap {
    width: 120rem;
    height: 28rem;
    max-width: 81rem;
    object-fit: fill;
    background-image: none;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    display: block;
    position: relative
}

.home_ideate_video {
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: 81rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.common_tabs_heading-wrap {
    z-index: 3;
    max-width: 29.6875rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: absolute;
    top: 4rem
}

.common_tabs_heading-wrap.on-homepage {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    top: 5.5rem
}

.home_tabs_line-wrap {
    width: 60rem;
    height: 22rem;
    margin-top: 0;
    margin-left: -5rem;
    margin-right: auto;
    position: relative;
    overflow: hidden
}

.home_tabs_line {
    width: 100%;
    height: 100%
}

.section_home_storyboard {
    padding-top: 4rem;
    display: none;
    overflow: hidden
}

.section_home_storyboard.aasaan-way {
    padding-top: 0
}

.home_storyboard_component {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.home_storyboard_image {
    z-index: 2;
    width: 107rem;
    height: 27.5rem;
    max-width: none;
    position: relative;
    overflow: visible
}

.section_home_build {
    margin-top: 4rem;
    transition: all .7s
}

.home_build_component {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.home_build_line-wrap {
    width: 53rem;
    height: 21.7rem;
    margin-left: -22.5625rem;
    position: relative;
    overflow: hidden
}

.home_build_line {
    width: 100%;
    height: 100%
}

.home_build_text-wrap {
    max-width: 48.4375rem;
    margin-top: 1rem
}

.home_build_content {
    z-index: 2;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 3rem;
    padding-left: 0;
    display: flex;
    position: relative
}

.home_build_testimonial {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: none
}

.home_build_cards {
    width: 50.6875rem;
    grid-row-gap: 2.25rem;
    flex-direction: column;
    align-items: flex-start;
    display: block
}

.home_build_wraper {
    margin-bottom: 2.5rem
}

.home_build_item-wrap {
    max-width: 21.0625rem;
    position: relative
}

.home_build_item-image {
    max-height: 3rem;
    max-width: 10rem;
    object-fit: fill;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: block
}

.home_build_item-quote {
    width: 12rem;
    height: 8rem;
    position: absolute;
    top: 4.6rem;
    left: -2.8625rem
}

.home_build_item-author-wrap {
    margin-top: 2.6875rem;
    display: flex
}

.home_build_item-author-image {
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 50%
}

.home_build_item-author-details {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 1rem;
    display: flex
}

.home_build_card {
    width: 100%;
    cursor: pointer;
    background-color: rgba(24,36,54,.5);
    background-image: radial-gradient(circle at 50% 100%,rgba(87,144,255,.03),transparent 40%);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: .75rem;
    justify-content: space-between;
    padding: 2rem 2rem 2rem 2.5rem;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 -10px 10px #494BCB
}

.home_build_card:hover {
    background-color: rgba(24,36,54,.6);
    background-image: radial-gradient(circle at 50% 100%,rgba(87,144,255,.05),transparent);
    transform: translateY(-.1rem)
}

.home_build_card-image {
    width: 6.25rem;
    height: 6.25rem;
    object-fit: contain
}

.home_build_card-arrow {
    width: 1rem;
    height: 6rem
}

.home_build_card-text-wrap {
    width: 32.5rem;
    grid-row-gap: .25rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.home_build_accent {
    width: .375rem;
    height: 100%;
    background-color: #ffcd78;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.home_build_accent.background-color-blue {
    z-index: 4;
    width: .3rem;
    background-color: var(--primary-color);
    background-image: linear-gradient(var(--primary-color-3),var(--primary-color-2))
}

.home_build_accent.background-color-red {
    z-index: 3;
    width: .3rem;
    background-color: #e75568;
    background-image: linear-gradient(#e75568,var(--secondary-color));
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.home_build_accent.background-color-green {
    z-index: 4;
    background-color: #71b259
}

.home_build_accent.background-color-yellow {
    z-index: 4;
    width: .3rem;
    background-image: linear-gradient(#f5d5a0,#f5d5a0)
}

.home_build_accent.background-color-purple {
    width: .3rem;
    background-color: #dad5de;
    background-image: linear-gradient(#494BCB,#dad5de)
}

.section_home_steps {
    z-index: 10;
    background-color: transparent;
    padding-top: 5rem
}

.home_steps_component {
    z-index: 9;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: none
}

.home_steps_content {
    height: 3.8rem;
    max-width: 44rem;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(255,255,255,.9);
    background-image: radial-gradient(circle at 0 100%,rgba(87,144,255,.03),transparent);
    border: .0625rem solid rgba(255,255,255,.06);
    border-radius: 8rem;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: .125rem;
    padding-bottom: .125rem;
    display: flex;
    box-shadow: inset 0 0 20px 20px rgba(14,24,39,.2),1px 1px 1rem rgba(255,255,255,.8)
}

.home_steps_link {
    width: 13.75rem;
    color: #494BCB;
    text-align: center;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s
}

.home_steps_link:hover {
    color: var(--primary-color-2)
}

.home_steps_link.w--current {
    color: var(--primary-color-3);
    font-size: 1.1rem
}

.home_steps_line {
    width: .0625rem;
    height: 2.625rem;
    background-color: rgba(210,212,215,.1)
}

.home_ideate_line {
    width: 7.3rem;
    height: 20.5rem
}

.home_ideate_line-overlay,.home_tabs_line-overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color:#494BCB;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.home_build_line-overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color:#494BCB;
    border-radius: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.home_ship_line-overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color:#494BCB;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.home_integrations_line-overlay1 {
    z-index: 1;
    width: 52%;
    height: 100%;
    background-color:#494BCB;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.home_integrations_line-overlay2 {
    z-index: 1;
    width: 52%;
    height: 100%;
    background-color:#494BCB;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.section_category_header {
    z-index: 1;
    background-color: var(--background-color);
    flex-direction: column;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 5rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.category_header_component {
    width: 81rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative
}

.category_header_top {
    z-index: 2;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    overflow: visible
}

.category_header_topics-wrap {
    width: 100%;
    grid-column-gap: 0rem;
    /* border-top: .0625rem solid #dfdfe0; */
    /* border-bottom: .0625rem solid #dfdfe0; */
    /* margin-top: 1.1875rem; */
    /* padding-top: 1.875rem; */
    padding-bottom: 1.875rem;
    display: flex
}

.category_header_link {
    grid-column-gap: .5rem;
    color: var(--primary-color);
    padding-right: .5rem;
    font-family: Open Sans,sans-serif;
    font-weight: 600;
    text-decoration: none;
    display: flex
}

.category_header_icon {
    width: 1.3rem;
    height: 1.5rem
}

.category_header_topics-line {
    width: .0625rem;
    height: 1.875rem;
    background-color: #e6e8ec;
    margin-left: 3rem
}

.common_positive_spacing {
    padding-top: 2rem;
    padding-bottom: 2rem
}

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

.pricing_header_price {
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2.5rem;
    font-weight: 700
}

.pricing_header_price.annual {
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif
}

.pricing_header_price.monthly {
    opacity: 0;
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

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

.common_integrations_#686878-bg {
    background-color: #494BCB;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.nav_overlay {
    z-index: 2;
    width: 100%;
    height: 100vh;
    opacity: 1;
    background-color: rgba(14,24,39,.5);
    display: none;
    position: absolute
}

.nav_overlay.light-version {
    background-color: rgba(0,0,0,.3)
}

.competitors_slider_nav-right {
    width: 2.6rem;
    height: 2.6rem;
    cursor: pointer;
    background-color: var(--primary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: transform .2s;
    display: flex;
    position: relative;
    transform: rotate(-90deg)
}

.competitors_slider_nav-right:hover {
    transform: scale(1.1)rotate(-90deg)
}

.competitors_slider_nav-left {
    width: 2.6rem;
    height: 2.6rem;
    cursor: pointer;
    background-color: var(--primary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: transform .2s;
    display: flex;
    position: relative;
    transform: rotate(90deg)
}

.competitors_slider_nav-left:hover {
    transform: scale(1.1)rotate(90deg)
}

.competitors_slider_nav-wrap {
    z-index: 2;
    grid-column-gap: 2rem;
    justify-content: center;
    margin-top: 2rem;
    display: flex;
    position: relative;
    top: 0
}

.pricing_plan_row-text {
    color: #494BCB;
    text-align: center
}

.nav_dd_switch-wrap {
    height: 100%;
    max-width: 25rem;
    color: #494BCB;
    border-radius: .375rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0;
    padding: 1rem 1rem 2rem;
    text-decoration: none;
    display: flex
}

.nav_dd_switch-wrap:hover {
    background-color: rgba(58,149,201,.05)
}

.nav_dd_switch-wrap.light {
    height: 100%;
    color: #414042
}

.nav_dd_switch-wrap.light:hover {
    background-color: rgba(222,239,250,.5)
}

.nav_dd_switch-wrap.switch-now {
    display: none
}

.stories_stats_link-text {
    color: #494BCB;
    text-align: left;
    font-size: 1.25rem;
    font-weight: 700
}

.footer-light_dark-mobile {
    display: none
}

.community_header_bottom-image-mobile {
    z-index: 1;
    width: 86rem;
    height: 38rem;
    max-width: none;
    object-fit: fill;
    margin-bottom: -5.35rem;
    margin-left: auto;
    margin-right: auto;
    display: none;
    position: absolute
}

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

.common_lightbox_image-wrap {
    z-index: 2;
    width: 62.5rem;
    height: 41.4738rem;
    margin-top: 0;
    position: relative
}

.common_lightbox_browser-image {
    width: 100%;
    height: 39.09rem;
    object-fit: cover;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    margin-top: -.1rem
}

.common_tabs_pane-browser {
    width: 100%;
    height: 3rem
}

.blog-category_title {
    padding-bottom: .5rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2
}

.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_shadow {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    box-shadow: 1px 1px 3px rgba(255,255,255,.1)
}

.nav_light_shadow-trigger {
    height: 0
}

.home_header_slide-text {
    z-index: 4;
    color: var(--primary-color-2);
    text-align: center;
    margin-top: 1rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    position: relative
}

.home_header_slide-text.fonttest {
    margin-top: 1rem;
    font-family: Satoshi Variable,sans-serif
}

.home_build_title {
    color: var(--primary-color-2);
    text-align: left;
    margin-bottom: .25rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.5rem;
    font-weight: 700
}

.common_medium2_card-heading {
    color: #414042;
    padding-bottom: .5rem;
    font-family: "M PLUS 1",sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2
}

.common_medium2_card-heading.text-color-white {
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.8rem
}

.section_refer {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.refer_component {
    z-index: 3;
    width: 81rem;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.refer_heading-wrap {
    z-index: 5;
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.refer_cards-wrap {
    z-index: 2;
    grid-column-gap: .75rem;
    grid-row-gap: 3.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 7.25rem;
    display: flex;
    position: relative
}

.refer_text-wrap {
    z-index: 2;
    max-width: 45.5rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    display: flex;
    overflow: visible
}

.refer_card {
    width: 25.3125rem;
    background-color: rgba(24,36,54,.7);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 0 0 .75rem .75rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 2rem 2rem 1.25rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.refer_card-color {
    height: .375rem;
    background-color: #ffcd78;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.refer_card-color.is-blue {
    background-color: var(--primary-color-3)
}

.refer_card-color.is-red {
    background-color: #e75568
}

.refer_card-color.is-green {
    background-color: #71b259
}

.refer_card-text {
    color: #494BCB;
    text-align: center;
    font-size: .875rem;
    line-height: 1.8
}

.refer_card_title {
    color: #494BCB;
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2.875rem;
    font-weight: 600;
    line-height: 1.13043em
}

.refer_card-subtitle {
    color: #494BCB;
    text-align: center;
    margin-bottom: .5rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.44444em
}

.refer_card-line {
    width: 7.8125rem;
    height: .0625rem;
    background-color: rgba(255,255,255,.1);
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.refer_add {
    color: #494BCB;
    text-align: center;
    align-items: center;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1.875rem;
    font-weight: 800;
    display: flex
}

.refer_card_text-top {
    color: #494BCB;
    font-size: 1.25rem
}

.section_template_header {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.template_header_component {
    z-index: 3;
    width: 81rem;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.template_header_heading-wrap {
    z-index: 5;
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.template_header_text-wrap {
    z-index: 2;
    max-width: 45.5rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    display: flex;
    overflow: visible
}

.template_header_content {
    margin-top: 6rem;
    display: flex
}

.template_header_links {
    width: 19.75rem;
    grid-row-gap: .75rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.template_header_link {
    color: var(--primary-color-2);
    text-decoration: none
}

.template_header_link.w--current {
    color: #494BCB
}

.template_header_rich-wrap {
    max-width: 60.125rem;
    color: #494BCB
}

.template_header_rich-text a {
    color: var(--primary-color-2);
    text-decoration: none
}

.section_demo {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.demo_component {
    z-index: 3;
    width: 81rem;
    min-height: 47rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative
}

.demo_content {
    z-index: 5;
    width: 100%;
    max-width: 34.9375rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    display: flex;
    position: relative
}

.demo_line {
    width: 16.9375rem;
    height: .0625rem;
    background-color: rgba(255,255,255,.1);
    margin-top: 2rem;
    margin-bottom: 2rem
}

.demo_content-text {
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.25rem;
    font-weight: 600
}

.demo_logos-wrap {
    width: 100%;
    max-width: 100%;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 3rem;
    display: grid
}

.demo_logo {
    width: 100%;
    height: 100%;
    max-height: 2rem;
    max-width: 8.875rem;
    object-fit: contain
}

.demo_form-block {
    width: 38.8125rem;
    min-height: 47rem;
    background-color: #494BCB;
    border-radius: .75rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2.5rem 2rem 3rem;
    display: flex
}

.demo_form {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    display: flex
}

.demo_form-fields {
    margin-top: .5rem;
    margin-bottom: 2rem
}

.demo_form-title {
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.5rem;
    font-weight: 700
}

.demo_form_field-wrap {
    margin-top: .75rem
}

.demo_form_fields-wrap {
    grid-column-gap: 2.25rem;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.demo_form_field-title {
    font-size: .875rem;
    font-weight: 600
}

.demo_form_field-input {
    height: 3.125rem;
    background-color: transparent;
    border: 1px solid #dfdfe0;
    border-radius: .125rem;
    margin-bottom: 0;
    padding: .5rem .75rem;
    box-shadow: inset 1px 1px 3px rgba(255,255,255,.05)
}

.demo_form_field-input.message {
    min-height: 6rem
}

.demo_form-captcha {
    margin-bottom: 2rem
}

.demo_form_success {
    color: #414042;
    background-color: transparent;
    border-radius: .75rem;
    padding: 2rem 2.5rem;
    font-size: 1.25rem
}

.demo_form_error {
    background-color: var(--secondary-color);
    border-radius: .5rem;
    margin-top: 1rem;
    padding: .5rem 1rem;
    font-weight: 600
}

.section_press_header {
    z-index: 1;
    background-color: #494BCB;
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.press_header_component {
    width: 81rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5rem;
    display: flex;
    position: relative
}

.press_header_top {
    z-index: 2;
    max-width: 57.75rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    overflow: visible
}

.press_header_link {
    color: #414042
}

.press_header_highlights-wrap {
    margin-top: 7.5rem
}

.press_header_highlights-list {
    grid-column-gap: 2.75rem;
    display: flex
}

.press_header_highlights-item-wrap {
    color: #414042;
    flex-direction: column;
    align-items: flex-start;
    text-decoration: none;
    transition: transform .2s;
    display: flex
}

.press_header_highlights-item-wrap:hover {
    transform: translateY(-.5rem)
}

.press_header_highlights-image-wrap {
    height: 22.8125rem;
    border-radius: .75rem;
    overflow: hidden
}

.press_header_highlights-image {
    object-fit: cover
}

.press_header_highlights-title {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.5rem;
    font-weight: 700
}

.press_header_highlights-link {
    color: var(--primary-color);
    border-bottom: .25rem solid var(--primary-color);
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s
}

.press_header_highlights-link:hover {
    color: var(--primary-color-3);
    border-bottom-color: var(--primary-color-3)
}

.press_header_contact-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 7.5rem;
    display: grid
}

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

.press_header_highlights-wrapper {
    margin-top: 3.75rem
}

.press_header_contact-link {
    color: var(--primary-color-3);
    transition: color .1s
}

.press_header_contact-link:hover {
    color: var(--primary-color)
}

.section_press_recent {
    background-color: #494BCB;
    border-top: 1px solid var(--primary-color-2)
}

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

.press_recent_content {
    width: 60.25rem;
    background-color: #494BCB;
    border-radius: .75rem;
    margin-top: 2.5rem;
    padding: 3.625rem 4.5rem 4.375rem
}

.press_recent_item {
    border-bottom: .0625rem solid #dfdfe0
}

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

.press_recent_item-wrap {
    color: #414042;
    cursor: pointer;
    border-bottom: .0625rem #dfdfe0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 2.8125rem;
    padding-bottom: 1.9375rem;
    text-decoration: none;
    transition: opacity .2s;
    display: flex;
    position: relative
}

.press_recent_item-wrap:hover {
    opacity: .7
}

.press_recent_item-details {
    grid-column-gap: .25rem;
    display: flex
}

.press_recent_item-text {
    color: #7a7c7f
}

.press_recent_item-arrow {
    width: 1rem;
    position: absolute;
    top: 44%;
    bottom: auto;
    left: auto;
    right: 0%
}

.section_release {
    z-index: 1;
    background-color: #494BCB;
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.release_component {
    width: 81rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.release_top {
    z-index: 2;
    max-width: 57.75rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    overflow: visible
}

.release_wrapper {
    width: 57.5625rem;
    margin-top: 7rem
}

.release_item {
    border-bottom: .0625rem solid #dfdfe0;
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

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

.release_accordion_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.release_accordion_body {
    background-color: #494BCB;
    padding: 1rem 1.5rem
}

.release_accordion_icon {
    color: var(--primary-color-3);
    margin-right: 0;
    font-size: 1.125rem;
    position: relative
}

.release_accordion_label {
    font-size: 1.25rem;
    font-weight: 700
}

.release_accordion_embed {
    margin-bottom: 0;
    display: none
}

.release_accordion_content {
    overflow: hidden
}

.release_accordion_header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    cursor: pointer;
    background-color: transparent;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    display: flex
}

.release_accordion_header:focus-visible {
    outline-offset: 4px;
    outline: 2px solid #9b9b9b
}

.release_accordion_header[data-wf-focus-visible] {
    outline-offset: 4px;
    outline: 2px solid #9b9b9b
}

.release_accordion_richtext {
    font-size: 1.25rem
}

.release_accordion_richtext img {
    border-radius: .75rem;
    overflow: hidden
}

.release_accordion_richtext a {
    color: var(--primary-color-3);
    font-weight: 700
}

.story_richtext {
    font-size: 1.125rem
}

.story_richtext a {
    color: var(--primary-color);
    text-decoration: none
}

.way_details_toc-mobile,.home_header_animation-trigger {
    display: none
}

.section_common_logos-on-switch {
    padding-top: 3rem
}

.common_tabs_mobile-logic,.pricing_header_dropdown {
    display: none
}

.careers_embed {
    width: 64.375rem;
    margin-top: 4rem
}

.common_blog_title {
    text-align: left;
    font-size: 1.25rem;
    font-weight: 700
}

.banner_wrapper {
    display: none
}

.banner_item {
    width: 100%;
    background-color: #494BCB;
    background-image: linear-gradient(90deg,var(--primary-color-3),#e7f2fa 90%);
    border-bottom: 1px solid rgba(110,178,216,.3)
}

.banner_container {
    z-index: 2;
    width: 100%;
    max-width: 90rem;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.banner_component {
    width: 100%;
    min-height: 2.8125rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.banner_text {
    width: 100%;
    max-width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: .875rem
}

.banner_text a {
    color: var(--primary-color);
    font-weight: 700;
    text-decoration: none
}

.banner_text p {
    color: #414042
}

.banner_close_wrap {
    width: .75rem;
    height: .75rem;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    right: 1.75rem
}

.banner_close {
    width: 100%;
    height: 100%
}

.signup_reason-text {
    opacity: 1;
    color: #e75568;
    margin-top: -1rem
}

.home_header_video-toggle {
    width: 2rem;
    height: 2rem;
    opacity: 0
}

.linear_gradient {
    z-index: 3;
    width: 100%;
    height: 50%;
    /* background-image: linear-gradient(transparent,#0e1827 80%); */
    margin-bottom: -30px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.linear_gradient.linear_right {
    z-index: 4;
    width: 10%;
    height: 100%;
    background-image: linear-gradient(90deg,transparent,#0e1827 88%);
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.linear_gradient.linear_bottom {
    z-index: 4;
    height: 10%;
    opacity: 1;
    bottom: 0%
}

.linear_gradient.hero_slider_gradient_bottom {
    z-index: 1;
    height: 60%
}

.linear_gradient.hero_slider_gradient_bottom.sharp_bg {
    z-index: 2;
    opacity: 1;
    /* background-image: linear-gradient(transparent,#0e1827 88%); */
    margin-bottom: 0;
    bottom: -1%
}

.linear_gradient.hero_slider_gradient_bottom.sharp_bg.signup {
    height: 70%;
    opacity: .52;
    background-image: linear-gradient(transparent,#0e1827)
}

.linear_gradient.hero_slider_gradient_bottom.sharp_bg.home-intro {
    height: 84%
}

.linear_gradient.hero_slider_gradient_bottom.sharp_bg.homepage {
    z-index: 2;
    background-image: linear-gradient(transparent,#0e1827 52%)
}

.linear_gradient.hero_slider_gradient_top {
    z-index: 1;
    background-image: linear-gradient(#0e1827 12%,transparent);
    top: 0;
    bottom: auto
}

.linear_gradient.hero_slider_gradient_top.sharp_bg {
    height: 50%;
    background-image: linear-gradient(#0e1827,transparent)
}

.linear_gradient.hero_slider_gradient_left {
    z-index: 4;
    width: 8%;
    height: 100%;
    opacity: .8;
    background-image: linear-gradient(270deg,transparent,#0e1827 48%);
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto
}

.linear_gradient.hero_slider_gradient_left.sharp_bg {
    z-index: 2;
    width: 14%;
    opacity: 1;
    background-image: linear-gradient(270deg,transparent,#0e1827 98%)
}

.linear_gradient.hero_slider_gradient_right {
    z-index: 4;
    width: 8%;
    height: 100%;
    opacity: .8;
    background-image: linear-gradient(90deg,transparent,#0e1827 88%);
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.linear_gradient.hero_slider_gradient_right.sharp_bg {
    z-index: 2;
    width: 14%;
    opacity: 1
}

.linear_gradient.homepage-linear-right {
    width: 55%;
    height: 100%;
    background-image: linear-gradient(90deg,transparent,#0e1827 80%);
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.linear_gradient.homepage-linear-right.roadmap-card {
    width: 27%;
    opacity: 0
}

.linear_gradient.homepage-linear-right.teams_linear {
    width: 20%;
    opacity: .7;
    background-image: linear-gradient(90deg,transparent,#494BCB 80%)
}

.linear_gradient.homepage-linear-bottom {
    z-index: 5;
    height: 30%;
    background-image: linear-gradient(transparent,#0e1827 72%);
    bottom: 0%
}

.linear_gradient.roadmap-linear {
    height: 30%;
    opacity: .5;
    background-image: linear-gradient(transparent,#494BCB 80%)
}

.linear_gradient.roadmap-linear.milestone {
    height: 20%;
    opacity: .6
}

.linear_gradient.linear_left {
    width: 30%;
    height: 100%;
    background-image: linear-gradient(270deg,transparent,#0e1827 80%);
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.linear_gradient.early-access {
    height: 40%;
    opacity: .8;
    background-image: linear-gradient(transparent,#0e1827 79%);
    margin-bottom: -1rem;
    bottom: -8%
}

.linear_gradient.linear_top {
    background-image: linear-gradient(#0e1827,transparent 94%);
    margin-bottom: 0;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.linear_gradient.linear_top.hero_homepage {
    z-index: 2;
    height: 20%;
    opacity: .7
}

.common_medium1_arcade {
    z-index: 70;
    width: 100%;
    height: 100%;
    display: block
}

.section_rough {
    z-index: 2;
    padding-top: 2rem;
    padding-bottom: 5rem;
    position: relative
}

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

.background-video {
    width: 100%;
    display: none
}

.common_medium1_arcade-holder {
    z-index: 10;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.section_common_medium1-wrap {
    display: none
}

.common_medium1_arcade-wrap {
    width: 76rem;
    height: 48.1rem;
    background-color: #494BCB;
    border-radius: 1rem;
    padding: 3rem;
    position: relative
}

.common_medium1_arcade-close {
    width: 1.5rem;
    height: 1.5rem;
    color: #160042;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 1rem;
    bottom: auto;
    left: auto;
    right: 1rem
}

.common_medium1_arcade-logic {
    display: none
}

.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
}

.story_header_featured-image-wrap {
    width: 36.75rem;
    height: 26.4375rem;
    justify-content: flex-start;
    display: flex
}

.story_header_featured-image {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.banner_logic,.banner_published_date {
    display: none
}

.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
}

.category_header_pagination {
    margin-top: 3rem
}

.category_header_pagination-button {
    color: #494BCB;
    background-color: var(--primary-color);
    border-radius: .25rem;
    margin-left: .625rem;
    margin-right: .625rem;
    padding: .5rem 1.25rem .6rem;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1rem;
    font-weight: 700
}

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

.common_footer_copyright-text {
    color: #494BCB;
    margin-right: 2.5rem;
    font-size: .9rem;
    text-decoration: none;
    transition: color .2s
}

.stories_featured_image {
    width: 36.75rem;
    height: 26.4375rem;
    object-fit: cover;
    border-radius: .75rem;
    display: block
}

.recommended-tag {
    width: 7rem;
    height: 1.5rem;
    color: #fff;
    background-color: var(--primary-color-3);
    background-image: linear-gradient(45deg,var(--primary-color),#b57a95);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    font-family: "M PLUS 1",sans-serif;
    font-size: .9rem;
    font-weight: 600;
    display: flex;
    position: absolute;
    top: -1.5rem;
    bottom: auto;
    left: auto;
    right: 0
}

.text-block {
    -webkit-text-stroke-color: #494BCB;
    border: 0 solid #494BCB;
    font-size: .7rem
}

.feature-content-grid {
    min-height: 22rem;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    border-top: 0 solid rgba(155,208,239,.5);
    border-bottom: 1px solid rgba(155,208,239,.5);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    align-items: center;
    justify-items: center;
    padding-bottom: 3rem;
    font-family: "M PLUS 1",sans-serif;
    display: grid
}

.feature-content-gird-card {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.feature-content-text {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.bold-text {
    font-family: "M PLUS 1",sans-serif;
    font-size: 1.2rem
}

.bold-text.switch-card-video-link {
    height: auto;
    outline-offset: 0px;
    color: var(--primary-color-2);
    -webkit-text-stroke-width: 0px;
    text-transform: none;
    white-space: normal;
    border: 0 #fff;
    border-radius: 0;
    outline: 3px var(--primary-color-2);
    padding-left: .5rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    position: static
}

.section-feature-content {
    background-color: #494BCB;
    justify-content: center;
    display: none
}

.bold-text-3 {
    text-align: left
}

.feature_icon {
    margin-bottom: 1rem;
    margin-right: auto
}

.feature-content-header {
    margin-top: 0;
    margin-bottom: .3rem;
    font-size: 1.2rem
}

.replace_content_outter {
    flex-direction: row;
    align-items: center;
    margin-top: 1.5rem;
    display: flex
}

.replace_content_outter.branding-pills {
    margin-top: 3rem
}

.replace_content_outter.card.pill-card-hero {
    width: auto;
    box-shadow: none;
    background-color: transparent;
    border-width: 0;
    flex-direction: row;
    justify-content: center
}

.replaces-text {
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-size: .875rem;
    font-weight: 500
}

.replaces-text.fonttest {
    font-family: Satoshi Variable,sans-serif
}

.replace-tag {
    height: auto;
    min-height: 1.4rem;
    opacity: .9;
    color: #494BCB;
    -webkit-text-stroke-color: #494BCB;
    background-color: var(--background-color);
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 2rem;
    align-items: center;
    margin-left: .5rem;
    padding: .3rem 1rem;
    font-size: .875rem;
    display: flex;
    box-shadow: 0 0 10px rgba(58,149,201,.04)
}

.replace-tag.csv {
    margin-bottom: .5rem;
    margin-left: .3rem;
    padding-top: .3rem;
    padding-left: .8rem;
    padding-right: .8rem;
    display: inline-block
}

.replace-tag.csv.first {
    min-height: 1.4rem;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: .8rem;
    padding-right: .8rem;
    display: inline-block
}

.replace-tag.csv.first.light-replace-tag {
    background-color: #494BCB;
    border-color: var(--primary-color-3)
}

.replace-tag.csv.light-replace-tag {
    background-color: #494BCB;
    border-color: rgba(88,177,228,.5)
}

.replace-tag.brand-anchor {
    transition: all .2s
}

.replace-tag.brand-anchor:hover {
    background-color: #494BCB
}

.replace-tag.card.pilll_card_hero {
    width: auto;
    box-shadow: none;
    cursor: auto;
    background-color: rgba(24,36,54,.2);
    border-radius: 2rem;
    flex-direction: row;
    justify-content: center
}

.replace-tag-text {
    color: var(--primary-color-2);
    font-family: Open Sans,sans-serif;
    display: inline-block;
    position: static
}

.replace-tag-text.fonttest {
    font-family: Satoshi Variable,sans-serif;
    font-weight: 500
}

.image,.image-2,.image-3,.image-4 {
    width: .8rem;
    height: .8rem;
    margin-right: .4rem
}

.stats-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 1rem;
    position: relative
}

.stats-grid-colour-card {
    min-height: 15rem;
    background-color: var(--primary-color-3);
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    box-shadow: inset 0 2px rgba(255,255,255,.5)
}

.stats-grid-dark-card {
    min-height: 15rem;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    background-image: none;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.stat-number {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 1rem;
    display: flex
}

.stat-dark-number {
    color:#494BCB;
    text-shadow: 0 1px rgba(255,255,255,.5);
    justify-content: center;
    font-family: Satoshi Variable,sans-serif;
    font-size: 3.75rem;
    font-weight: 700;
    display: flex;
    position: relative
}

.stat-content {
    align-items: center;
    padding-right: 0;
    display: flex
}

.stat-content-inner {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.stat-content-title-dark {
    color:#494BCB;
    margin-top: 0;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.5rem
}

.stat-content-paragraph-dark {
    color:#494BCB;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2
}

.stat-light-number {
    color: #494BCB;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(153deg,var(--primary-color-3),#494BCB);
    -webkit-background-clip: text;
    background-clip: text;
    justify-content: center;
    font-family: Satoshi Variable,sans-serif;
    font-size: 3.75rem;
    font-weight: 600;
    display: flex;
    position: relative
}

.stat-content-title-light {
    color: #494BCB;
    margin-top: 0;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.5rem
}

.stat-content-paragraph-light {
    color: #494BCB;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1rem
}

.section-stats {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex
}

.competitor-stats-text-wrap {
    padding-bottom: 2rem
}

.stats-link-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: space-between;
    margin-top: 1.5rem;
    display: flex
}

.light-card {
    color: #414042
}

.competitor-customerlogos-wrap {
    width: 100%;
    max-width: 81rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
    display: flex
}

.competitor-cust-logos-title {
    text-transform: uppercase;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1rem
}

.competitor-cust-logos-wrap {
    width: 50%;
    justify-content: center;
    margin-top: 1rem;
    display: flex
}
.white_gradient_bottom {
    z-index: 5;
    width: 500%;
    height: 10rem;
    background-image: linear-gradient(transparent,#494BCB);
    display: flex;
    position: absolute;
    top: auto;
    bottom: 10%;
    left: -2000px;
    right: 0;
    overflow: visible
}

.section-testimonials {
    width: 100%;
    min-height: 10rem;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 4rem;
    display: flex
}

.text-block-3 {
    text-align: left;
    padding-bottom: 0;
    line-height: 2
}

.text-block-3.text-gradient-primary {
    font-size: 2.7rem
}

.reviews_grid {
    background-color: var(--background-color);
    background-image: none;
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-radius: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 0;
    margin-bottom: 0;
    padding: 3rem 2rem;
    position: relative
}

.reviews_wrap {
    background-image: none;
    margin-top: 0
}

.review_text {
    min-height: 6.4rem;
    padding-top: 1rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.3
}

.review_date {
    margin-top: 1.5rem;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 400
}

.review_contributor {
    align-items: center;
    margin-top: 1rem;
    display: flex
}

.testimonial-avatar-1 {
    padding-right: 1.5rem
}

.g2-badges {
    max-width: 82%
}

.review_imageblock {
    justify-content: flex-end;
    align-items: flex-end;
    display: flex
}

.review_bar {
    width: 100%;
    height: .05rem;
    opacity: .25;
    background-image: linear-gradient(90deg,transparent 25%,rgba(255,255,255,.75) 50%,transparent 75%);
    margin-top: 0;
    position: relative;
    top: 0;
    bottom: 0
}

.text-block-4,.text-block-5,.text-block-6 {
    font-weight: 700
}

.text-block-7,.text-block-8,.text-block-9 {
    opacity: .7
}

.common_medium3_card {
    width: 37rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    position: relative
}

.common_medium3_card-content {
    z-index: 2;
    color: transparent;
    background-image: radial-gradient(circle at 50% 100%,rgba(87,144,255,.05),transparent 57%);
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem;
    display: flex;
    position: relative;
    box-shadow: 7px 7px 90px#494BCB
}

.common_medium3_image {
    z-index: 1;
    position: relative
}

.text-block-10 {
    color: #494BCB;
    padding-bottom: .5rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.8rem;
    font-weight: 700
}

.common_home_card {
    z-index: 3;
    width: 37rem;
    color: #494BCB;
    background-color: rgba(24,36,54,.5);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    position: relative
}

.arrow_1 {
    z-index: 3;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 40%;
    left: 20%
}

.arrow2 {
    z-index: 3;
    width: 3rem;
    position: absolute;
    top: 60%;
    bottom: auto;
    left: auto;
    right: 20%
}

.arrow3 {
    z-index: 3;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    right: 50%
}

.common_card_image_block {
    position: relative
}

.prd-image {
    z-index: 3;
    position: absolute;
    top: 26%;
    bottom: auto;
    left: 19.4%;
    right: auto
}

.tooltip-image {
    z-index: 3;
    max-width: 35rem;
    position: absolute;
    top: 40%;
    bottom: auto;
    left: 3%;
    right: auto
}

.common_medium3_component {
    justify-content: space-between;
    display: flex
}

.common_medium3_component.automations {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    position: relative
}

.common_medium3_component.homepage-cards {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: center
}

.home_automate_animation {
    width: 29.8rem;
    height: auto;
    transition: opacity .4s;
    display: block;
    position: relative
}

.github {
    z-index: 2;
    opacity: .4;
    position: relative
}

.github:hover {
    opacity: .4
}

.gitlab {
    z-index: 2;
    opacity: .4;
    position: relative;
    top: -20px
}

.gitlab:hover {
    opacity: .4
}

.bitbucket {
    z-index: 2;
    opacity: .4;
    position: relative;
    top: -10%;
    bottom: auto;
    left: 0%;
    right: auto
}

.bitbucket:hover {
    opacity: .4
}

.aasaan_logo1 {
    z-index: 3;
    max-width: 100%;
    opacity: 1;
    position: absolute;
    top: 25%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.aasaan-logo-2 {
    z-index: 2;
    position: absolute;
    top: 25%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.side_gradient_dark {
    z-index: 2;
    width: 14rem;
    background-image: linear-gradient(270deg,#0e1827,transparent);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.side_gradient_dark.right {
    z-index: 3;
    width: 40rem;
    right: 0%
}

.side_gradient_dark.left {
    z-index: 3;
    width: 30rem;
    background-image: linear-gradient(270deg,transparent,#0e1827);
    top: 0%;
    bottom: 0%;
    left: -10%;
    right: auto
}

.home_integrations_overlay2-2 {
    z-index: 1;
    background-image: linear-gradient(transparent,transparent 59%,#0e1827 91%);
    position: absolute;
    top: -30%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.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
}

.padding-section-medium-2 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.home_integrations_overlay-2 {
    z-index: 1;
    background-image: radial-gradient(circle,transparent,transparent 59%,#0e1827);
    position: absolute;
    top: -30%;
    bottom: 17%;
    left: 0%;
    right: 0%
}

.common_integrations_link-text-2 {
    color: var(--primary-color);
    text-align: center;
    padding-bottom: .25rem;
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none
}

.common_integrations_link-text-2.dark-mode {
    color: var(--primary-color-2)
}

.common_integrations_link-2 {
    color: var(--primary-color);
    border-bottom: .15rem solid var(--primary-color);
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative
}

.common_integrations_link-2.dark-mode {
    color: var(--primary-color-2);
    border-bottom-width: .25rem;
    border-bottom-color: var(--primary-color-2);
    transition: color .2s
}

.common_integrations_link-2.dark-mode:hover {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color)
}

.button-workspaces-wrapper {
    display: none
}

.security-image {
    max-width: none
}

.switch_card_list {
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    padding-bottom: .5rem;
    display: flex
}

.switch_card_bullet_number {
    width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    min-width: 1.5rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    flex-direction: column;
    align-items: center;
    margin-right: .8rem;
    display: flex
}

.switch_card_list_text {
    color: #494BCB;
    padding-bottom: 1rem
}

.switch_card_list_number {
    color: #494BCB;
    font-weight: 700
}

.sync-from-animation {
    width: 100%;
    height: 11rem;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.aasaan_sync {
    z-index: 2;
    width: 7rem;
    transition: all .2s;
    position: relative
}

.jira_sync {
    z-index: 2;
    width: 7rem;
    max-width: 80%;
    text-shadow: 1px 1px 7px #fff;
    transition: all .2s;
    position: relative
}

.switch_from_animation_line {
    width: 100%;
    height: 2rem;
    border: 2px dashed rgba(255,255,255,.1);
    border-left: 0 solid #fff;
    border-right: 0 solid #fff
}

.switch_from_animation_line.import_from {
    height: 0;
    border-top-width: 0
}

.arrow_animation {
    z-index: 1;
    width: 13px;
    opacity: .6;
    position: absolute;
    top: 35%;
    bottom: 0%;
    left: 38%;
    right: 0%
}

.arrow_animation_right_left {
    z-index: 1;
    width: 13px;
    max-width: 80%;
    opacity: .6;
    position: absolute;
    top: 53%;
    bottom: 0%;
    left: auto;
    right: 40%
}

.import_from_arrow {
    width: 13px;
    opacity: .6;
    padding-left: 0;
    position: absolute;
    left: 162px
}

.import_from_arrow.switch {
    left: 160px
}

.switch_lightbox {
    width: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.switch_lightbox_image-wrap {
    text-decoration: none !important;
    width: 100%;
    height: 2rem;
    text-align: center;
    flex-direction: row;
    flex: none;
    justify-content: center;
    align-items: center;
    font-family: "M PLUS 1",sans-serif;
    display: flex;
    position: relative
}

.switch_gradient {
    width: 6rem;
    height: 7rem;
    filter: blur(20px);
    background-color:var(--primary-color-3);
    border-radius: 50%;
    margin-top: 1rem;
    margin-left: 1rem;
    padding-top: 0;
    position: absolute
}

.switch_gradient.left {
    height: 6rem;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto
}

.switch_gradient.right {
    height: 6rem;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: 1rem;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.play-icon {
    width: 2rem;
    display: inline-block;
    position: relative
}

.tablink {
    width: 200px;
    grid-column-gap: 12px;
    color: #494BCB;
    background-color: transparent;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    font-weight: 600;
    display: flex
}

.tablink.w--current {
    color: #1ac500;
    background-color: transparent
}

.competitor-logos {
    width: 85%;
    height: auto;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 2rem;
    display: flex
}

.competitor-logo-list {
    width: 100%;
    padding-top: 2rem
}

.competitor-logo-image {
    width: 10.7rem;
    margin-right: 2rem
}

.image-60 {
    width: 4.7rem;
    margin-right: 2rem
}

.competitor-logo-image-2 {
    width: 4.5rem;
    max-width: 4.5rem;
    margin-right: 2rem;
    padding-top: 0
}

.image-64 {
    width: 4rem;
    margin-right: 2rem
}

.competitor-logos-row {
    width: 80%;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .8rem;
    display: flex
}

.linear_gradient-2 {
    z-index: 3;
    width: 100%;
    height: 40%;
    background-image: linear-gradient(transparent,#0e1827 88%);
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.linear_gradient-2.earth-bg {
    z-index: 3;
    height: 40%;
    background-image: linear-gradient(transparent,#0e1827 82%);
    position: absolute;
    top: auto;
    bottom: -1%;
    left: 0%;
    right: 0%;
    overflow: visible
}

.gradient_bottom-2 {
    width: 81rem;
    height: 420px;
    background-image: linear-gradient(transparent,#0e1827);
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: auto;
    overflow: hidden
}

.way_details_toc-item-2 {
    color: #494BCB;
    border: 0 solid #fff;
    border-bottom: 1px solid rgba(255,255,255,.05);
    margin-bottom: 0;
    padding-bottom: 1rem;
    padding-left: .5rem;
    font-weight: 600;
    line-height: 1.4
}

.intro-paragraph {
    color: #494BCB;
    padding-bottom: 4rem;
    font-size: 1.3rem
}

.section_way_hero {
    z-index: 2;
    justify-content: center;
    display: flex;
    position: relative;
    top: 0;
    overflow: visible
}

.way_details_toc-link-2 {
    color: #494BCB;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s;
    display: inline-block
}

.way_details_toc-link-2:hover {
    color: var(--primary-color)
}

.way_details_toc-link-2.w--current {
    color: var(--primary-color-3);
    font-weight: 600;
    transition: all .2s,color .2s;
    transform: translate(10px)
}

.section-introduction {
    z-index: 2;
    background-image: radial-gradient(circle,rgba(87,144,255,.05),transparent 37%);
    position: relative;
    overflow: visible
}

.section_way_header-2 {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 0;
    display: none;
    position: relative;
    overflow: hidden
}

.way_details_toc-2 {
    width: 100%;
    grid-row-gap: 1.5rem;
    background-color:#494BCB;
    border: .0625rem rgba(0,0,0,.3);
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: 0;
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem 1.5rem 2rem 1rem;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 7rem;
    box-shadow: 12px 0 1rem -5px rgba(8,14,24,.2)
}

.aasaanway-hero-browser {
    z-index: 2;
    width: 60rem;
    max-width: 100%;
    background-color: #494BCB;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    position: relative;
    top: -1px;
    overflow: hidden
}

.way_header_text-wrap-2 {
    z-index: 2;
    max-width: 70rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
    overflow: visible
}

.way_header_logo-2 {
    width: 3.7rem;
    height: 3.7rem;
    margin-bottom: 0
}

.image-68 {
    width: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.earth {
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    opacity: 1;
    display: block;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: auto
}

.line-shine {
    z-index: 4;
    width: 98%;
    height: 2px;
    opacity: .6;
    background-image: linear-gradient(90deg,transparent 10%,#494BCB 52%,transparent 90%);
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.shimmer-card {
    z-index: 3;
    width: 90%;
    height: 2px;
    opacity: 1;
    background-image: linear-gradient(90deg,transparent,rgba(88,177,228,.2) 50%,transparent);
    border-top: 0 solid rgba(255,255,255,.2);
    border-radius: 22px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: hidden
}

.shimmer-card.thin {
    height: 2px;
    opacity: 1;
    background-image: linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent)
}

.shimmer-card.homepage {
    height: 1px;
    opacity: .5;
    background-image: linear-gradient(90deg,transparent,rgba(88,177,228,.6) 50%,transparent)
}

.shimmer-card.homepage.hero_slider {
    opacity: .3
}

.section-pill {
    z-index: 2;
    height: 2rem;
    min-width: 2rem;
    -webkit-text-fill-color: inherit;
    background-color: rgba(24,36,54,.7);
    background-clip: border-box;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    padding-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    position: relative
}

.section-pill-text {
    z-index: 2;
    color: #5790ff;
    text-align: center;
    letter-spacing: 8px;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,#5790ff,#494BCB);
    -webkit-background-clip: text;
    background-clip: text;
    padding-left: 0;
    padding-right: 0;
    font-size: .8rem;
    line-height: 1;
    position: relative
}

.compare-text-wrapper {
    width: 70%
}

.section-switch {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-top: 5rem;
    display: flex
}

.line {
    width: 3px;
    height: 260px;
    opacity: 1;
    background-color: transparent;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(251,181,67,.2) 46%,var(--primary-color-3) 84%);
    border: 1px #fff;
    border-radius: 12px 12px 0 0
}

.line.early-access {
    width: 3px;
    height: 100%;
    background-image: linear-gradient(rgba(255,255,255,0),#494BCB 46%,var(--primary-color-3) 84%);
    border-width: 0;
    border-radius: 20px;
    margin-right: 5rem;
    display: flex
}

.circle {
    width: .75rem;
    height: 1.5rem;
    opacity: 1;
    text-align: center;
    background-color: var(--primary-color-3);
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 2;
    transition: all 1s;
    display: flex
}

.circle:hover {
    opacity: 1
}

.bg_image_compare_table {
    z-index: 1;
    width: 81rem;
    height: 250px;
    max-width: 85%;
    opacity: .5;
    margin-top: -80px;
    margin-bottom: -80px;
    display: block;
    position: relative;
    overflow: hidden
}

.gradient-line-2 {
    height: 10rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
    position: relative
}

.blur-line-2 {
    width: 2px;
    height: 100%;
    opacity: .1;
    filter: blur(20px);
    background-color: transparent;
    background-image: linear-gradient(rgba(255,255,255,0),#f7e7cd);
    display: block;
    position: absolute
}

.blur-circle-2 {
    width: 1rem;
    height: 1rem;
    opacity: 1;
    filter: blur(20px);
    background-color: #f7e7cd;
    border-radius: 20px;
    display: block;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.compare-grid_2 {
    z-index: 2;
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-radius: 12px;
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 3rem;
    display: flex;
    position: relative;
    top: 0
}

.compare-title-grid {
    z-index: 9999999;
    width: 100%;
    min-height: 8rem;
    background-color: rgba(87,144,255,.03);
    border: 0 solid rgba(255,255,255,.1);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    flex-direction: row;
    justify-content: space-between;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

._3-col-iinner-compare-title {
    min-height: 8rem;
    box-shadow: none;
    background-color: #0c0c0c80;
    border-bottom: 1px solid rgba(255,255,255,.05);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.compare-row {
    color: transparent;
    /* background-color: rgba(87,144,255,.03); */
    border-left: 0 solid rgba(255,255,255,.1);
    border-right: 0 solid rgba(255,255,255,.1);
    border-bottom-left-radius: 12px;
    padding-left: 2rem;
    padding-right: 2rem
}

.compare-row.light {
    /* background-color: rgba(87,144,255,.03); */
    border-top: 1px solid rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(255,255,255,.03);
    border-bottom-left-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    box-shadow: inset 0 0 40px var(--background-color-2)
}

.compare-row.last {
    border-bottom-right-radius: 12px
}

._3-col-compare-inner {
    min-height: 7rem;
    color: transparent;
    background-color: transparent;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex
}

.compare-vs {
    font-family: "M PLUS 1",sans-serif;
    font-size: 2rem;
    font-weight: 700
}

.compare-list {
    width: auto;
    color: #494BCB;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.8
}

.compare-left {
    width: 30%;
    justify-content: center;
    align-items: center;
    display: flex
}

.compare-centre {
    width: 19%;
    border-left: 1px solid rgba(255,255,255,.08);
    border-right: 1px solid rgba(255,255,255,.08);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 2rem;
    margin-right: 2rem;
    display: flex
}

.compare-right {
    width: 30%;
    justify-content: center;
    align-items: center;
    display: flex
}

.aasaan-logo {
    max-width: 60%
}

.vs-text {
    color: var(--primary-color-2);
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1rem;
    font-weight: 700
}

.vs-image {
    width: 3.5rem;
    padding-bottom: .5rem;
    display: none
}

.vs-image.docs {
    width: 2.9rem
}

.shimmer-card-2 {
    z-index: 3;
    width: 120px;
    height: 2px;
    background-image: linear-gradient(270deg,rgba(255,255,255,.2),transparent);
    border-top: 0 solid rgba(255,255,255,.2);
    border-radius: 0;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 10%;
    right: auto;
    overflow: hidden
}

.build-grid {
    grid-column-gap: .85rem;
    grid-row-gap: .85rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.build-grid.contained {
    width: 100%;
    max-width: 90rem;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

.build-grid.contained.top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem
}

.build-grid.contained.bottom {
    z-index: 2;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 2fr 3.25fr;
    margin-top: 2rem;
    position: relative
}

.card {
    width: 100%;
    height: auto;
    max-height: none;
    min-height: 0;
    cursor: pointer;
    background-color: var(--background-color);
    border: var(--border-color);
    border-radius: .63rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: var(--box-shadow);
}

.card:hover {
    background-color: var(--background-color-hover);
    background-image: none;
    border-color: var(--box-shadow-hover);
}

.card.teams {
    z-index: 2;
    height: auto;
    min-height: auto;
    background-image: radial-gradient(circle at 100% 100%,rgba(87,144,255,.05),#0e1827 98%);
    text-decoration: none
}

.card.teams:hover {
    background-image: radial-gradient(circle at 100% 100%,rgba(87,144,255,.05),#0e1827 98%);
    transform: translateY(-2px)
}

.card.reporting {
    background-image: radial-gradient(circle at 0 100%,rgba(87,144,255,.05),#0e1827 98%);
    justify-content: space-between
}

.card.boards {
    background-image: radial-gradient(circle at 0 100%,rgba(87,144,255,.05),#0e1827 98%);
    border-color: rgba(255,255,255,.15)
}

.card.sprints {
    background-image: radial-gradient(circle at 100% 100%,rgba(87,144,255,.05),#0e1827 98%)
}

.card.roadmap {
    max-height: 27.5rem;
    max-width: 81rem;
    min-height: 27.5rem;
    min-width: 81rem;
    border-color: rgba(255,255,255,.15);
    position: relative
}

.card.small-card {
    height: 21rem;
    border-radius: .75rem;
    background-color: var(--background-color);
    border-width: 1px;
    border-color: var(--border-color-only);
    box-shadow: var(--box-shadow);
    flex-direction: column
}

.card.small-card:hover {
    border-color: rgba(255,255,255,.15)
}

.card.small-card.ship-it-lower {
    /* border-width: 0 */
}

.card.small-card.ship-it-lower:hover {
    border-color: rgba(255,255,255,.15)
}

.card.integration-card {
    height: 8rem;
    box-shadow: none;
    background-color: #494BCB;
    border-width: .063rem;
    border-color: rgba(255,255,255,.05);
    border-radius: .75rem;
    flex-direction: row;
    justify-content: space-between
}

.card.integration-card:hover {
    border-color: rgba(255,255,255,.1)
}

.card.large-card {
    z-index: 2;
    height: 25rem;
    box-shadow: none;
    background-color: var(--background-color);
    border-width: 1px;
    border-color: var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-radius: .7563rem;
    flex-direction: column;
    justify-content: space-between
}

.card.large-card:hover {
    background-image: none;
    border-color: rgba(255,255,255,.15)
}

.card.large-card.roadmap-1-col:hover {
    border-color: rgba(255,255,255,.15)
}

.card.large-card.plan_card_mobile {
    /* box-shadow: none */
}

.card.large-card.plan_card_mobile:hover,.card.large-card.plan_card_mobile.backlog-card:hover {
    border-color: rgba(255,255,255,.15)
}

.card.pricing_header_card {
    width: 22.8rem;
    /* box-shadow: none; */
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 0
}

.card.pricing_header_card.is-business {
    border-color: var(--primary-color);
    justify-content: center;
    margin-top: -1.25rem;
    padding-top: 3.125rem;
    box-shadow: var(--box-shadow);
}

.card.pricing_header_card.pricing_enterprise_card.enterprise_pricing_desktop {
    width: 70%;
    height: 16rem;
    flex-direction: column
}

.card.grid_feature_cards {
    height: auto;
    min-height: 20rem;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    box-shadow: none;
    cursor: auto;
    border-width: 0;
    border-color: rgba(255,255,255,.05)
}

.card.grid_feature_cards.w--current {
    height: auto;
    min-height: 20rem;
    box-shadow: none;
    cursor: auto;
    border-color: rgba(255,255,255,.05)
}

.card-content {
    width: 100%;
    height: 100%;
    opacity: .85;
    justify-content: center;
    align-items: center;
    position: relative
}

.card-content.teams {
    width: 100%;
    min-height: 20rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative
}

.card-content.teams:hover {
    opacity: 1
}

.card-content.plan {
    max-height: 27.5rem;
    flex-direction: column;
    justify-content: flex-start;
    display: flex
}

.card-content.plan.roadmap-card {
    max-height: 27.5rem;
    max-width: 81rem;
    background-color: transparent;
    background-image: linear-gradient(149deg,#72acdc 29%,#e75568 71%);
    box-shadow: inset 0 2px rgba(255,255,255,.2)
}

.content-wrapper {
    z-index: 2;
    max-width: 100%;
    color: #c2cadd;
    text-align: left;
    padding: 2rem 2rem 0 3rem;
    line-height: 1.3;
    position: relative
}

.content-wrapper.teams {
    max-width: 60%;
    padding-top: 0;
    padding-left: 3rem
}

.content-wrapper.plan_2_col {
    max-height: 100%;
    min-height: 0;
    flex-direction: column;
    align-items: center;
    display: flex;
    overflow: visible
}

.content-wrapper.plan_2_col.top {
    width: 100%;
    min-height: 9rem;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 2rem
}

.content-wrapper.plan_2_col.backlog-header {
    padding-top: 3rem
}

.card-heading {
    color: var(--header-color);
    text-align: left;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 16px;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1.6rem;
    line-height: 1.2
}

.card-heading.card-heading_dark-text {
    color: var(--text-color);
    text-shadow: 0 1px 1px rgba(255,255,255,.5)
}

.card-heading.homepage {
    text-align: center;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.4rem;
    font-weight: 900
}

.card-heading.homepage.header-text-left {
    text-align: left
}

.card-heading.homepage.header-text-left.integration-header {
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 400
}

.card-heading.homepage.fonttest {
    font-family: Satoshi Variable,sans-serif
}

.inner_card_paragraph {
    color: rgba(255,255,255,.8);
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.5
}

.inner_card_paragraph.reports-build-card {
    width: 75%
}

.inner_card_paragraph.plan_desc {
    width: 80%;
    text-align: center;
    justify-content: center;
    display: flex
}

.inner_card_paragraph.plan_desc.roadmap {
    width: 100%;
    color: #0f192a;
    text-shadow: 0 1px 1px rgba(255,255,255,.3)
}

.custom-styles-2 {
    display: none
}

.image-74 {
    z-index: 2;
    width: 39%;
    max-width: 90%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
    overflow: visible
}

.link-learn-more {
    color: var(--primary-color-2);
    text-align: left;
    margin-top: .8rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    display: inline-block
}

.link-learn-more:hover {
    color: var(--primary-color)
}

.link-learn-more.roadmaps {
    color: #0f192a;
    margin-top: 0;
    padding-left: .5rem
}

.link-learn-more.text-align-center {
    text-align: center
}

.link-learn-more.integration-link {
    margin-top: .3rem
}

.link-learn-more.fonttest {
    font-family: Satoshi Variable,sans-serif
}

.boards-image {
    z-index: 2;
    width: 45rem;
    height: 100%;
    max-width: none;
    object-fit: fill;
    display: block;
    position: relative;
    top: auto;
    bottom: -30px;
    left: 0%;
    right: 0%;
    overflow: visible
}

.sprints-image {
    z-index: 2;
    width: 34rem;
    height: 100%;
    max-width: 35rem;
    position: relative;
    top: auto;
    bottom: -40px;
    left: 20px;
    right: 0%;
    overflow: visible
}

.glowing-line-image {
    z-index: 1;
    height: 30rem;
    position: absolute;
    top: auto;
    bottom: 22%;
    left: auto;
    right: auto
}

.glowing-line-image.plan {
    bottom: 32%
}

.header_pill_callout {
    color: var(--secondary-color);
    font-family: Satoshi Variable,sans-serif;
    font-size: 1rem;
    font-weight: 400
}

.header_pill_callout.replace-tag {
    background-color: var(--background-color-2);
    background-image: radial-gradient(202.04% 202.04% at 50% 111.22%, rgba(255, 254, 241, 0.2) 0%, rgba(120, 120, 120, 0.2) 23.95%);
    justify-content: space-between;
    margin-bottom: .5rem;
    margin-left: 0;
    padding-right: 0;
    text-decoration: none;
    transition: all .5s
}

.header_pill_callout.replace-tag:hover {
    background-color: #1e2e46;
    border-color: rgba(255,255,255,.14)
}

.header_pill_callout.yellow {
    color: #ffcd78;
    -webkit-text-stroke-color: var(--primary-color-2);
    color: #ffcd78;
    -webkit-text-stroke-color: var(--primary-color-2);
    padding-right: .3rem
}

.header_pill_callout.replace-tag {
    background-color: var(--background-color-2);
    justify-content: space-between;
    margin-bottom: .5rem;
    margin-left: 0;
    padding-right: 0;
    text-decoration: none;
    transition: all .5s
}

.header_pill_callout.replace-tag:hover {
    background-color: var(--background-color);
    border-color: rgba(255,255,255,.14)
}

.header_pill_callout.fonttest {
    font-family: Satoshi Variable,sans-serif;
    font-weight: 500
}

.header_callout-pill_arrow_container {
    width: 1.3rem;
    height: 1.3rem;
    background-color: var(--secondary-color);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-left: 0;
    display: flex
}

.image-79 {
    z-index: 4;
    max-width: 80%;
    opacity: 0;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.image-80 {
    z-index: 3;
    width: 39%;
    opacity: 0;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.image-81 {
    width: 1510px;
    max-width: none;
    opacity: .8;
    position: relative;
    top: auto;
    bottom: 0%;
    left: -10%;
    right: 0%
}

.section-value {
    flex-direction: column;
    align-items: center;
    margin-top: 5rem;
    display: flex
}

.value-container {
    width: 100%;
    min-height: 7.5rem;
    background-color: rgba(24,36,54,.85);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 50px 12px 12px 50px;
    display: flex
}

.value-container.jira {
    width: auto;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px
}

.value-container.aasaan {
    width: auto;
    background-color: var(--background-color);
    border: 1px solid var(--border-color-only);
    box-shadow: var(--box-shadow);
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    flex-wrap: wrap
}

.value-logo {
    display: flex
}

.value-logo.jira {
    width: auto
}

.value-mini-title {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    padding-top: 1rem;
    display: flex
}

.value-mini-title-text {
    color: rgba(255,255,255,.5);
    letter-spacing: 8px;
    text-transform: uppercase;
    font-family: Satoshi Variable,sans-serif;
    font-size: .8rem
}

.value-mini-title-vs {
    margin-left: 1rem;
    margin-right: 1rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2
}

.value-mini-title-line {
    width: 20%;
    height: 1px;
    background-color: rgba(255,255,255,.1)
}

.aassan-app-icon {
    position: relative;
    left: -1px
}

.value-item {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex
}

.html-embed {
    font-size: 1rem
}

.value-item-text {
    text-align: center;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 600
}

.value-item-text.plus {
    color: rgba(255,255,255,.5);
    font-size: 1.6rem;
    line-height: 1
}

.value-item-text.price {
    font-size: 3rem
}

.value-item-text.per-user-text {
    color: rgba(255,255,255,.5)
}

.build-anything-bottom-image {
    z-index: 0;
    width: 100%;
    height: 200px;
    margin-top: -40px;
    margin-bottom: -4rem;
    padding-top: 0;
    position: relative
}

.build-anything-bottom-image.hero-bottom {
    width: 40rem;
    height: 230px
}

.build-anything-bottom-image.hero-bottom.left {
    width: 80rem;
    margin-top: -2rem;
    margin-left: 0
}

.jira-app-icon {
    position: relative;
    left: -1px
}

.testimonial-gradient-left {
    z-index: 2;
    width: 2rem;
    height: 100%;
    background-image: linear-gradient(90deg,#17181d 3%,transparent);
    position: absolute
}

.testimonial-gradient-right {
    z-index: 2;
    width: 2rem;
    height: 100%;
    background-image: linear-gradient(270deg,#17181d,transparent);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.common_feature_grid_3col {
    width: 81rem;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 2rem
}

.common_feature_grid_element {
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    position: relative
}

.heading {
    font-family: "M PLUS 1",sans-serif
}

.heading.feature_grid_header {
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.4rem;
    line-height: 1.5
}

.heading.feature_grid_header._4_col {
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.3rem;
    display: inline-block
}

.feature-grid-subetxt {
    color: var(--text-color);
    -webkit-text-stroke-color: #494BCB;
    font-size: 1rem;
    line-height: 2
}

.section-feature-grid {
    background-color: transparent;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 3rem;
    padding-top: 4rem;
    padding-bottom: 3rem;
    display: flex
}

.feature_grid_icon {
    width: 2rem;
    height: 2rem;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: .5rem;
    padding-top: .5rem;
    padding-right: .5rem;
    display: flex;
    position: relative;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

.feature_col_image {
    z-index: 2;
    position: absolute
}

.container_features_grid {
    width: 100%;
    max-width: 81rem;
    flex-direction: column;
    align-items: center;
    display: flex
}

.feature_grid_divider {
    width: 75%;
    height: .1rem;
    opacity: .05;
    background-color: #494BCB;
    margin-top: 6rem;
    margin-bottom: 3rem
}

.common_feature_grid_4col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-top: 2rem
}

.yellow {
    color: #ffcd78;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#ffcd78,#ffcd78);
    -webkit-background-clip: text;
    background-clip: text
}

.header-collection {
    width: 100%;
    justify-content: center;
    display: flex
}

.home_plan_component {
    z-index: 2;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.section_home_plan {
    height: auto;
    margin-top: 0;
    position: relative
}

.plan-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.plan-grid.bottom {
    z-index: 2;
    width: 81rem;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 0;
    position: relative
}

.plan-grid.top {
    z-index: 2;
    width: 100%;
    height: 27.5rem;
    max-height: none;
    grid-template-columns: 1fr;
    display: block;
    position: static
}

.roadmap-image {
    width: 140%;
    height: auto;
    max-height: none;
    max-width: none;
    object-fit: contain;
    padding-left: 0;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0
}

.backlog-image {
    z-index: 3;
    max-width: 90%;
    padding-top: 3rem;
    position: relative;
    top: 0
}

.home_plan_content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
    display: flex
}

.list {
    color: #494BCB;
    margin-top: 1rem
}

.milestone-image {
    width: 110%;
    max-width: none;
    position: relative;
    top: 75px
}

.backlog-background-cards-image {
    z-index: 1;
    max-width: 70%;
    opacity: 1;
    position: absolute;
    top: 50%
}

.backlog-image-mobile {
    display: none
}

.section_splitter {
    width: 30%;
    height: .075rem;
    opacity: .04;
    background-color: #494BCB;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    display: flex
}

.wire-background {
    z-index: 0;
    max-width: none;
    min-width: 75%;
    opacity: .5;
    position: absolute;
    top: auto;
    bottom: 11%;
    left: auto;
    right: auto
}

.card-background {
    width: auto;
    height: auto;
    max-width: none;
    min-height: 56rem;
    min-width: 2070px;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.milestone_card {
    z-index: 3;
    width: 378px;
    height: 371px;
    cursor: grab;
    position: absolute;
    top: auto;
    bottom: 10px;
    left: 340px;
    right: 0%
}

.card-images {
    z-index: 3;
    width: auto;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto
}

.story_cards {
    z-index: 3;
    width: 290px;
    height: 320px;
    max-height: 330px;
    max-width: 290px;
    cursor: grab;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 810px;
    right: 0%
}

.roadmap_cards {
    z-index: 3;
    width: 690px;
    height: 270px;
    cursor: grab;
    position: absolute;
    top: auto;
    bottom: 22px;
    left: 1190px;
    right: 0%
}

.docs_card {
    z-index: 3;
    width: 310px;
    height: 248px;
    cursor: grab;
    position: absolute;
    top: auto;
    bottom: 49%;
    left: 9%;
    right: auto
}

.bold-text-7 {
    -webkit-text-fill-color: transparent;
    background-color: #ffcd78;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 700
}

.sarah-cursor,.karl-cursor {
    z-index: 4;
    width: 40px;
    max-width: 60%;
    display: none;
    position: absolute
}

.peter-cursor {
    z-index: 5;
    width: 40px;
    max-width: 60%;
    display: none;
    position: absolute
}

.arrow-hero {
    width: 35px;
    height: 35px
}

.arrow-hero.arrow-down {
    width: 35px;
    height: 35px;
    position: absolute;
    top: auto;
    bottom: 40%;
    left: 13%;
    right: auto
}

.arrow-hero.arrow-down.arrow-first {
    z-index: 2;
    width: 50px;
    height: 40px;
    bottom: 40%;
    left: 12.8%
}

.arrow-hero.arrow-right {
    width: 50px;
    height: 40px;
    transition: opacity .2s;
    position: absolute;
    top: auto;
    bottom: 22.75%;
    left: 36%;
    right: auto;
    transform: rotate(-90deg)
}

.arrow-hero.arrow-up {
    width: 50px;
    height: 40px;
    position: absolute;
    top: auto;
    bottom: 39%;
    left: auto;
    right: 13%;
    transform: rotate(180deg)
}

.arrow-hero.arrow-down-second {
    width: 50px;
    height: 40px;
    position: absolute;
    bottom: 16%;
    left: 54%
}

.dot-hero-image {
    z-index: 4;
    width: 71px;
    height: 70px;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto
}

.dot-hero {
    z-index: 2;
    width: 71px;
    height: 70px;
    position: absolute;
    top: auto;
    bottom: 257px;
    left: auto;
    right: 270px
}

.insights_card {
    z-index: 4;
    width: 338px;
    height: 296px;
    max-height: none;
    min-height: 0;
    min-width: 0;
    cursor: grab;
    object-fit: contain;
    background-image: url(/static/img/bg/insights-min.png);
    background-position: 50%;
    background-size: 338px;
    position: absolute;
    top: 23%;
    bottom: auto;
    left: auto;
    right: 10%
}

.light_blur_bg {
    width: 1290px;
    max-width: 100%;
    opacity: 1;
    filter: blur(10px);
    display: block;
    position: absolute;
    top: 8%;
    bottom: auto;
    left: auto;
    right: auto
}

.section-ground-hero {
    z-index: 5;
    height: 200px;
    opacity: .75;
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.section_int {
    color: #494BCB;
    padding-top: 3rem
}

.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;
    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: #494BCB;
    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
}

.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
}

.ints_featured_item_logo-wrap {
    width: 5.31rem;
    height: 5.31rem;
    background-color: rgba(24,36,54,.5);
    border: .06rem solid rgba(255,255,255,.1);
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1rem;
    display: flex;
    position: relative
}

.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 {
    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: 1.5rem;
    color: #494BCB;
    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-radius: 2rem;
    align-items: center;
    padding-left: .6rem;
    padding-right: .6rem;
    font-size: .75rem;
    font-weight: 600;
    display: flex
}

.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 {
    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_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
}

.text-block-15 {
    font-size: 1rem
}

.gradient-line-3 {
    height: 7rem;
    border-radius: 10rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    position: relative
}

.line-2 {
    width: .18rem;
    height: 10rem;
    opacity: 1;
    background-color: transparent;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(88,177,228,.8) 78%);
    border: 1px #fff;
    border-radius: 12px 12px 0 0
}

.blur-line-3 {
    width: .1rem;
    height: 10rem;
    opacity: 1;
    filter: blur(20px);
    background-color: transparent;
    background-image: linear-gradient(rgba(255,255,255,0),#f7e7cd);
    display: block;
    position: absolute
}

.shimmer_line_pill {
    width: 80%;
    height: .06rem;
    opacity: 1;
    background-image: linear-gradient(270deg,transparent,var(--primary-color-3) 54%,transparent);
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: auto
}

.shimmer_radial_pill {
    z-index: 1;
    width: 100%;
    height: 30px;
    background-image: radial-gradient(circle at 50% 0,rgba(255,205,120,.1),transparent 56%);
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.ints_categories_item-scroll {
    width: 0;
    height: 0;
    position: absolute;
    top: -6rem;
    bottom: auto;
    left: 0%;
    right: auto
}

.ints_filters_item-link {
    color: #494BCB;
    text-decoration: none
}

.ints_filters_item-link.w--current {
    color: var(--primary-color-2)
}

.int_main_image {
    width: 100%;
    height: 22.31rem
}

.ints_heading-text {
    color: #494BCB;
    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%
}

.integration_external_link {
    opacity: 0;
    display: block
}

.switch-now-logos {
    max-height: none;
    min-height: 0;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: relative
}

.csv-logos {
    width: 3rem;
    padding-right: .5rem;
    display: none
}

.csv-logos.last {
    padding-right: 0
}

.text-block-16 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
    display: inline-block
}

.text-block-16.more {
    padding-left: 10px
}

.retro-body {
    background-color: var(--primary-color-3);
    flex-direction: column;
    justify-content: space-between;
    font-family: Chicagoflf1,sans-serif;
    font-size: .85rem;
    display: flex;
    overflow: visible
}

.container-top-toolbar {
    width: 100%;
    height: 2rem;
    background-color: #e8e8f0;
    background-image: linear-gradient(#494BCB 55%,transparent 63%);
    border-bottom: 2px solid #fff;
    justify-content: space-between;
    display: flex
}

.section-bottom-toolbar {
    width: 100%;
    height: 6rem;
    justify-content: center;
    margin-bottom: 0;
    display: flex
}

.container-bottom-toolbar {
    width: auto;
    height: 100%;
    min-width: 53rem;
    background-color: transparent;
    background-image: url(/static/img/bg/bottombar.svg);
    background-position: 27% -100%;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    border: 0 solid #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
}

.section-main-viewport {
    z-index: 3;
    width: 100vw;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: relative;
    overflow: hidden
}

.container-main-viewport {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 3rem;
    display: flex;
    overflow: visible
}

.desktop-icons {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 5rem;
    bottom: auto;
    left: 2rem;
    right: auto
}

.desktop-icons.my-aasaan {
    max-width: 8rem;
    min-width: 7rem;
    color: #fff;
    text-transform: none;
    align-items: center;
    margin-bottom: 2rem;
    text-decoration: none;
    transition: all 50ms;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    right: auto
}

.desktop-icons.my-aasaan:hover {
    text-transform: none;
    transform: scale(1.04)
}

.desktop-icons.my-aasaan:focus {
    background-color: transparent
}

.desktop-icons.my-music {
    max-width: 8rem;
    min-width: 7rem;
    color: #fff;
    align-items: center;
    margin-bottom: 2rem;
    text-decoration: none;
    transition: all 50ms;
    display: none;
    position: relative;
    top: auto;
    left: auto
}

.desktop-icons.my-music:hover {
    transform: scale(1.04)
}

.desktop-icons.switch-from-jira-icon {
    max-width: 9rem;
    min-width: 7rem;
    color: #fff;
    align-items: center;
    margin-bottom: 2rem;
    text-decoration: none;
    transition: all 50ms;
    position: relative;
    top: auto;
    left: auto
}

.desktop-icons.switch-from-jira-icon:hover {
    color: #fff;
    transform: scale(1.04)
}

.desktop-icons.aasaan-stats {
    max-width: 8rem;
    min-height: 0;
    min-width: 7rem;
    color: #fff;
    align-items: center;
    margin-bottom: 2rem;
    text-decoration: none;
    transition: all 50ms;
    position: relative;
    top: auto;
    left: auto
}

.desktop-icons.aasaan-stats:hover {
    color: #fff;
    transform: scale(1.04)
}

.desktop-icons.setup-jira {
    max-width: 8rem;
    min-width: 7rem;
    color: #fff;
    text-decoration: none;
    transition: all 50ms;
    position: relative;
    top: auto;
    left: auto
}

.desktop-icons.setup-jira:hover {
    transform: scale(1.04)
}

.desktop-icon {
    max-height: 4.5rem;
    min-height: 3rem;
    padding-bottom: .8rem
}

.toolbar-icons {
    color: #fff;
    text-transform: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-right: 0;
    text-decoration: none;
    transition: all .2s;
    display: flex
}

.toolbar-icons:hover {
    transform: translateY(-2px)
}

.toolbar-icons.lines {
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 2rem
}

.toolbar-icon {
    width: auto;
    height: auto;
    max-height: 3.5rem;
    max-width: 100%;
    min-height: 3rem;
    min-width: auto;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.toolbar-icon-line {
    width: .1rem;
    height: 2rem;
    background-color: #fff;
    margin-right: .5rem
}

.topbar-text {
    align-items: center;
    margin-right: 1rem;
    font-size: .85rem;
    display: flex
}

.topbar-text.change-date {
    font-size: .85rem
}

.container-topbar-left {
    width: 50rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 1rem;
    font-size: 1rem;
    display: flex
}

.container-topbar-right {
    justify-content: flex-end;
    display: flex
}

.text-block-17 {
    text-align: center;
    -webkit-text-stroke-color: #fff;
    font-size: .8rem
}

.text-block-17:hover {
    -webkit-text-stroke-color: #fff
}

.popup-content {
    width: 41rem;
    height: 23rem;
    background-color: #fff;
    border-radius: 2px;
    position: absolute;
    top: 34.4rem;
    bottom: auto;
    left: 20rem;
    right: auto
}

.popup-content.notepad_popup {
    z-index: 3;
    width: 33rem;
    height: auto;
    cursor: grab;
    border: 2px solid #fff;
    border-radius: 0;
    top: 20%;
    left: 40%;
    box-shadow: 6px 8px #fff
}

.popup-content.transfer_from_jira_popup {
    z-index: 2;
    height: auto;
    cursor: grab;
    border: 2px solid #fff;
    display: block;
    top: 10%;
    bottom: auto;
    left: auto;
    right: 5%;
    box-shadow: 6px 8px #fff
}

.popup-content.aasaan_web_popup_card {
    z-index: 4;
    width: 31rem;
    height: auto;
    cursor: pointer;
    border: 2px solid #fff;
    top: 60%;
    bottom: auto;
    left: 55%;
    right: auto;
    box-shadow: 7px 7px #fff
}

.popup-content.jira_kanban {
    z-index: 2;
    width: 34rem;
    height: auto;
    cursor: pointer;
    border: 2px solid #fff;
    top: 40%;
    left: 25%;
    box-shadow: 6px 8px #fff
}

.popup-content.netgifs_popup {
    z-index: 4;
    width: 24rem;
    height: auto;
    cursor: pointer;
    border: 2px solid #fff;
    top: 30%;
    bottom: auto;
    left: 10%;
    right: auto;
    box-shadow: 5px 9px #fff
}

.popup-content.testimonials {
    z-index: 6;
    width: 41rem;
    height: auto;
    cursor: pointer;
    border: 2px solid #fff;
    top: 10%;
    bottom: auto;
    left: 20%;
    right: auto;
    box-shadow: 5px 9px #fff
}

.popup-content.chatbot {
    z-index: 86;
    width: 33rem;
    height: auto;
    cursor: pointer;
    border: 2px solid #fff;
    top: 40%;
    bottom: auto;
    left: 70%;
    right: auto;
    box-shadow: 5px 9px #fff
}

.popup-topbar-panel {
    width: 100%;
    height: 2rem;
    background-image: linear-gradient(#f5f3f3 45%,#dbdada 48%);
    border: 0 solid #fff;
    border-bottom-width: 2px;
    align-items: center;
    display: flex
}

.close-circle {
    width: 1rem;
    height: 1rem;
    background-color: #d67c6a;
    border: 2px solid #fff;
    border-radius: 22px;
    margin-right: .2rem;
    box-shadow: inset -1px -1px 1px 1px rgba(0,0,0,.5)
}

.close-circle.green {
    min-height: 1rem;
    min-width: 1rem;
    background-color: #bae67e
}

.close-circle.yellow-circle {
    min-height: 1rem;
    min-width: 1rem;
    background-color: #fcfa9e
}

.close-circle.red-circle {
    min-height: 1rem;
    min-width: 1rem;
    cursor: pointer;
    margin-left: .4rem
}

.popup-hori-lines {
    width: 100%;
    height: 100%;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex
}

.popup-topbar-lines {
    width: 100%;
    height: .1rem;
    color: #fff;
    background-color: #fff;
    margin-top: .2rem;
    margin-bottom: .2rem;
    padding-top: 0;
    padding-bottom: 0
}

.popup-title-heading {
    width: 100%;
    text-align: center;
    font-size: .8rem
}

.popup-title-bar-content {
    width: 100%;
    flex-direction: row;
    flex: 0 auto;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.popup-circles {
    flex-direction: row;
    display: flex
}

.popup-title-scrollbar {
    width: 2rem;
    height: 2rem;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 0 solid #fff;
    justify-content: center;
    align-items: center;
    display: flex
}

.popup-title-scrollbar.top {
    width: 6.6rem;
    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 2px
}

.popup-title-scrollbar.bottom {
    width: 1.8rem;
    border-bottom-width: 0
}

.popup-scroll-col {
    width: 2rem;
    background-color: #f5eded;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff
}

.popup-scroll-col.bottom {
    width: 1.9rem;
    border-left-width: 2px;
    border-right-width: 0;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex
}

.popup-maincontent {
    width: 100%;
    background-color: #494BCB;
    border-bottom: 0 solid #fff;
    border-left: 0 solid #fff
}

.popup-maincontent.notepad {
    min-height: 5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    display: flex
}

.popup-maincontent.aasaan_popup_innercontent {
    height: auto;
    align-items: center;
    display: flex
}

.popup-maincontent.aasaan_popup_innercontent.transfer-content {
    flex-direction: column;
    justify-content: center;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.popup-maincontent.aasaan_web {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex
}

.popup-maincontent.netgifs_content {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex
}

.popup-content-inner {
    height: auto;
    display: flex;
    overflow: visible
}

.popup-content-inner.aasaan_popup_inner_content {
    height: 88%;
    flex-direction: row
}

.notepad-content {
    color: #fff;
    font-size: 1rem;
    line-height: 2
}

.notepad-heading {
    color: #fff;
    font-size: 2rem;
    line-height: 1.4
}

.aasaan_popup_content {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.image-84 {
    width: 12rem;
    max-width: 100%;
    padding: 2rem
}

.retro_aasaan_button {
    color: #fff;
    -webkit-text-stroke-color: black;
    background-color: var(--primary-color-3);
    background-image: linear-gradient(#494BCB 49%,#e8e8ef 54%);
    border: 2px solid #fff;
    font-size: .8rem;
    box-shadow: 7px 7px #fff
}

.retro_aasaan_button:hover {
    background-image: none;
    box-shadow: 4px 4px #fff
}

.aasaan-com-content {
    width: 90%;
    color: #fff;
    margin-bottom: .5rem;
    font-size: .85rem
}

.transfer-image {
    margin-left: 2rem;
    margin-right: 2rem
}

.transfer-imagery {
    align-items: center;
    margin-bottom: 1rem;
    display: flex
}

.text-block-18 {
    color: #fff;
    margin-bottom: 1rem;
    font-family: Chicagoflf1,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 3
}

.responsive-error-screen {
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: #5790ff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute
}

.text-block-19 {
    color: #494BCB;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    text-shadow: 0 2px 1px #fff;
    font-size: 1.6rem
}

.image-85 {
    margin-bottom: 1rem
}

.grid {
    width: 100%;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr
}

.kanban-card {
    width: 8rem;
    height: auto;
    border: 2px solid #fff;
    padding: .2rem .4rem;
    box-shadow: 0 2px #fff
}

.kanban-card:hover {
    transform: translateY(-2px)
}

.job-title {
    border-bottom: 1px solid #fff;
    font-size: .8rem
}

.card_info {
    padding-top: .3rem;
    font-size: .9rem
}

.workflow-title {
    font-size: .7rem
}

.under-construction-gif {
    max-width: 80%;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.navbar-logo-center-container {
    z-index: 5;
    width: 1030px;
    max-width: 100%;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}

.navbar-logo-center-container.shadow-three {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0
}

.container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.navbar-wrapper-three {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.nav-menu-wrapper-three {
    width: 100%;
    display: flex
}

.nav-menu-three {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    display: flex
}

.nav-menu-block {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    display: flex
}

.nav-dropdown-2 {
    margin-left: 5px;
    margin-right: 5px
}

.nav-dropdown-toggle-2 {
    color: #fff;
    letter-spacing: .25px;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

.nav-dropdown-toggle-2:hover {
    color: #57595c;
    background-color: transparent
}

.nav-dropdown-toggle-2:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}

.nav-dropdown-toggle-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}

.nav-dropdown-toggle-2.w--open:hover {
    color: #7a7c7f;
    background-color: transparent
}

.nav-dropdown-list-2 {
    background-color: #494BCB;
    border-radius: 12px
}

.nav-dropdown-list-2.w--open {
    padding-top: 10px;
    padding-bottom: 10px
}

.nav-dropdown-list-2.shadow-three.mobile-shadow-hide.w--open {
    background-color: #494BCB;
    border: 2px solid #fff;
    border-radius: 0;
    top: 24px;
    box-shadow: 3px 4px #fff
}

.nav-dropdown-link-2 {
    background-color: rgba(255,255,255,.5);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px
}

.nav-dropdown-link-2:hover {
    background-color: rgba(232,232,239,.5)
}

.nav-dropdown-link-2:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}

.nav-dropdown-link-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}

.aasaan-logo-os {
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    display: flex
}

.list-item,.list-item-2,.list-item-3 {
    margin-bottom: 0
}

.right-arrow {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    font-size: 14px;
    transition: all .2s;
    top: 0;
    right: -17px;
    box-shadow: -5px 9px rgba(0,0,0,.2)
}

.right-arrow:hover {
    background-color: var(--primary-color);
    transform: translate(2px);
    box-shadow: -3px 4px rgba(0,0,0,.2)
}

.slider-horizontal {
    width: 100%;
    height: 100%;
    background-color: transparent
}

.horizontal-quote-h4 {
    width: 100%;
    color: #151c34;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Chicagoflf1,sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4
}

.left-arrow {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    transition: all .2s;
    display: flex;
    top: 0;
    left: -17px;
    box-shadow: 6px 8px rgba(0,0,0,.2)
}

.left-arrow:hover {
    background-color: var(--primary-color);
    transform: translate(-2px);
    box-shadow: 3px 4px rgba(0,0,0,.2)
}

.column-wrap {
    width: 33rem;
    display: flex
}

.author-name {
    color: #151c34;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .9rem;
    font-weight: 500
}

.author-job {
    color: rgba(21,28,52,.5);
    font-size: .7rem
}

.mask-horizontal {
    overflow: visible
}

.slide-nav {
    max-width: 150px;
    background-color: #494BCB;
    border-radius: 500px;
    display: none;
    top: 575.901px;
    box-shadow: 1px 1px 3px rgba(255,255,255,.05)
}

.author-image {
    width: 50px;
    border-radius: 100px;
    margin-right: 14px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.14)
}

.author-block {
    align-items: center;
    margin-top: 25px;
    display: flex
}

.icon-2 {
    color: #494BCB;
    background-color: transparent
}

.testimonial-card-2 {
    height: 100%;
    justify-content: center;
    padding-left: 75px;
    padding-right: 75px;
    display: flex
}

.horizontal-content-block-2 {
    width: 100%;
    background-image: url(/static/img/bg/quoteMark.svg);
    background-position: 30px 30px;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: fixed;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 0;
    text-decoration: none;
    display: flex
}

.horizontal-fixed-height-2 {
    min-height: 80px;
    align-items: center;
    display: flex
}

.chatters {
    padding: 1rem
}

.image-86,.image-87 {
    padding-bottom: 1rem
}

.image-88 {
    padding-bottom: 0
}

.image-89 {
    margin-bottom: 1rem
}

.text-block-23 {
    font-size: .8rem
}

.text-block-24 {
    text-align: center;
    font-size: .8rem
}

.text-block-25 {
    text-align: center;
    font-family: Chicagoflf1,sans-serif;
    font-size: .8rem
}

.csv_logo_image {
    padding-right: .3rem
}

.replace-tag-csv {
    font-size: .875rem
}

.replace-tag-csv.light-replace-tag-text {
    color: #414042
}

.text-block-26 {
    font-size: .7rem
}

.text-block-27,.text-block-28,.text-block-29,.text-block-30,.text-block-31,.text-block-32 {
    font-size: .8rem
}

.text-block-33,.text-block-34,.text-block-35 {
    font-size: .85rem
}

.slider_image {
    max-width: 100%;
    border: 0 rgba(255,255,255,.02);
    border-radius: 12px;
    padding-top: .5px;
    padding-left: .5px;
    padding-right: .5px
}

.red {
    color: #e75568;
    white-space: normal;
    -webkit-text-fill-color: transparent;
    background-color: var(--secondary-color);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 700
}

.background-video-2 {
    width: 100%;
    height: 100%;
    opacity: .05;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.workflow_states {
    max-width: 89%;
    position: absolute;
    top: 12%;
    bottom: auto;
    left: 7.5%;
    right: 0%
}

.row-1 {
    max-width: 90%;
    position: absolute;
    top: 16%;
    bottom: auto;
    left: 6.5%;
    right: 0%
}

.row-2 {
    max-width: 90%;
    position: absolute;
    top: 33%;
    bottom: auto;
    left: 6.5%;
    right: 0%
}

.row-3 {
    max-width: 67%;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 6.5%;
    right: 0%
}

.row-4 {
    max-width: 21%;
    position: absolute;
    top: 65%;
    bottom: auto;
    left: 29.7%;
    right: 0%
}

.blue-button-hover-slider {
    z-index: 3;
    width: 33%;
    height: 1rem;
    opacity: .2;
    filter: blur(12px);
    background-image: radial-gradient(circle at 50% 0,#5790ff 1%,transparent 48%,transparent 56%);
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 24%;
    right: 0%
}

.white-button-hover-slider {
    z-index: 4;
    width: 13%;
    height: 1rem;
    opacity: .2;
    filter: blur(12px);
    background-image: radial-gradient(circle,#494BCB,transparent);
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 55%;
    right: auto
}
.common_footer-dark{
    background-color: var(--background-color);
}
.bold-text-8 {
    color: var(--secondary-color);
    -webkit-text-fill-color: transparent;
    /* background-color: var(--primary-color-2); */
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Satoshi Variable,sans-serif
}

.customer-story-modal {
    max-width: 45.5%;
    display: inline-block;
    position: absolute;
    top: 46.3%;
    bottom: auto;
    left: 25.5%;
    right: auto
}

.mobile-kanban-image {
    display: none
}

.folder {
    position: absolute
}

.contact_sales {
    -webkit-text-fill-color: transparent;
    background-color: var(--primary-color-2);
    -webkit-background-clip: text;
    background-clip: text;
    text-decoration: none
}

.contact_sales:hover {
    -webkit-text-fill-color: transparent;
    background-color: var(--primary-color-2);
    -webkit-background-clip: text;
    background-clip: text
}

.home_ideate_content {
    width: 100%;
    height: auto
}

.home-plan-content {
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex
}

.home-build-content {
    width: 100%
}

.homepage-splitter {
    height: 10rem;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex
}

.homepage-splitter-bar {
    width: 30%;
    height: .063rem;
    opacity: .3;
    background-image: linear-gradient(90deg,transparent,rgba(255,255,255,.5) 50%,transparent)
}

.card-content {
    z-index: 3;
    opacity: 1;
    flex-flow: column wrap;
    justify-content: space-between;
    text-decoration: none;
    transition: all .2s;
    display: flex
}

.card-content:hover {
    transform: translateY(-2px)
}

.card-content.plan {
    max-height: 27.75rem;
    flex-direction: row;
    justify-content: center;
    display: flex
}

.card-content.ideate-card {
    flex-direction: column;
    justify-content: space-between
}

.card-content.plan-card {
    opacity: 1;
    flex-direction: column;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: flex
}

.card-content.plan-card.plan-1-col {
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 0;
    padding-right: 0;
    overflow: hidden
}

.card-content.teams-card-1-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    justify-content: center;
    display: flex;
    overflow: visible
}

.card-content.report-card-1-2 {
    opacity: 1;
    flex-direction: row;
    justify-content: space-between
}

.card-content.ship-cards-lower {
    flex-flow: wrap;
    justify-content: center
}

.card-content.build-content {
    flex-flow: column
}

.hero {
    width: 100vw;
    height: 100%;
    min-height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex
}

.investor-grid {
    grid-column-gap: .85rem;
    grid-row-gap: .85rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.investor-grid.contained {
    width: 100%;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

.card-2 {
    width: 100%;
    height: 16rem;
    min-height: 600px;
    min-width: 460px;
    cursor: pointer;
    background-color: rgba(255,255,255,.05);
    background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.05));
    border-radius: .63rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.card-content-2 {
    opacity: .85;
    justify-content: center;
    align-items: center;
    position: relative
}

.content-wrapper-2 {
    z-index: 2;
    max-width: 420px;
    color: #c2cadd;
    text-align: center;
    padding: 2rem;
    line-height: 1.3;
    position: relative
}

.card-heading-2 {
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 1.5rem;
    line-height: 1.2
}

.heading-3 {
    text-align: center;
    letter-spacing: -.04em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#494BCB 30%,rgba(255,255,255,.38));
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 2rem;
    font-size: 5rem;
    font-weight: 400;
    line-height: 1.1;
    transition: transform .96s cubic-bezier(.3,1.17,.55,.99)
}

.grid-2-1 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: .75fr .5fr
}

.grid-1-2 {
    grid-template-rows: auto;
    grid-template-columns: .5fr .75fr
}

.grid-1-1 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto
}

.grid-1-1.integration-cards {
    width: 100%;
    display: flex
}

.homepage-build-grid {
    z-index: 2;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 1.4rem;
    position: relative
}

.homepage-plan-grid {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 2rem;
    display: flex
}

.grid-1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-top: 0;
    position: relative
}

.homepage-ideate-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 2rem;
    position: relative
}

.homepage-ship-grid {
    z-index: 2;
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 2rem;
    position: relative
}

.homepage_ship_component {
    z-index: 2;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.homepage_plan_component {
    width: 100%
}

.homepage-title-ideate {
    min-height: 33rem;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.homepage-title-ideate.new {
    min-height: 28rem;
    justify-content: space-between;
    margin-top: 2rem
}

.homepage-title {
    width: 40%;
    height: 100%;
    position: relative
}

.homepage-title.left-aligned {
    width: 41%
}

.homepage-title.center {
    width: 60%;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.homepage-title-right {
    width: 50%;
    position: relative
}

.title-icon-bg {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.ideate-title-icon {
    z-index: 2;
    width: 60%;
    height: 60%;
    transition: all .2s;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.ideate-title-icon:hover {
    transform: scale(1.05)
}

.title-icon {
    width: 4.8rem;
    height: 4.75rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.header-title-sub {
    color: var(--secondary-color);
    letter-spacing: 10px;
    font-size: .75rem;
    line-height: 1.5rem
}

.header-title-sub.text-title-sub-blue {
    color: var(--primary-color-3)
}

.header-title-sub.text-title-sub-yellow {
    color: #ffcd78
}

.homepage-softer-bgstroke {
    z-index: 2;
    width: auto;
    height: 30rem;
    background-image: linear-gradient(157deg,rgba(255,255,255,.15),transparent 27%);
    border-radius: .75rem;
    padding-top: .625rem;
    padding-left: .625rem;
    padding-right: .625rem;
    position: relative;
    right: -25px
}

.homepage-softer-bgstroke-inner {
    width: 100%;
    height: 100%;
    background-color:#494BCB;
    background-image: linear-gradient(144deg,#494BCB,#0e1827 37%);
    border-radius: .6rem;
    position: absolute
}

.homepage-softer-#686878blur {
    z-index: 2;
    width: 90%;
    height: 5%;
    opacity: .25;
    filter: blur(30px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: transparent;
    background-image: linear-gradient(98deg,rgba(255,255,255,.8),transparent 70%);
    position: absolute;
    left: 3rem
}

.docs-img {
    z-index: 3;
    width: 108%;
    max-width: none;
    display: block;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.commond-yellow-radial {
    width: 20rem;
    height: 20rem;
    opacity: .08;
    filter: blur(30px);
    background-color: #ffcd78;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.kanban-img {
    z-index: 3;
    max-width: 90%;
    position: absolute;
    top: auto;
    bottom: 17%;
    left: 10%;
    right: auto
}

.common-blue-radial.plan-radial-bg {
    z-index: 1;
    width: 30rem;
    height: 30rem;
    opacity: .05;
    filter: blur(40px);
    mix-blend-mode: normal;
    background-color: #5790ff;
    background-image: linear-gradient(#5790ff,#e75568);
    border-radius: 50%;
    position: absolute;
    top: -20%;
    left: -10%
}

.common-blue-radial.plan-radial-bg.roadmapbg {
    width: 20rem;
    height: 20rem;
    opacity: .08;
    overflow: visible
}

.common-blue-radial.build-radial-bg {
    z-index: 1;
    width: 20rem;
    height: 20rem;
    opacity: .2;
    filter: blur(100px);
    background-color: #ffcd78;
    background-image: linear-gradient(#ffcd78,var(--primary-color));
    position: absolute;
    top: auto;
    bottom: 1%;
    left: auto;
    right: 1%
}

.common-blue-radial.ship-radial-img {
    width: 30rem;
    height: 30rem;
    opacity: .05;
    filter: blur(60px);
    background-image: linear-gradient(#59b1dc,#9a9fa9);
    position: absolute;
    top: auto;
    bottom: -10%;
    left: auto;
    right: auto
}

.ideate-card-img {
    width: 100%;
    height: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.ideate-card-img.ideate-integreation-img {
    align-items: flex-start
}

.ideate-card-content {
    width: 90%;
    height: 45%;
    max-height: 50%;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.ideate-image {
    width: auto;
    max-width: 90%;
    padding-top: 1rem
}

.ideate-image.lets-collab-img {
    width: auto;
    max-width: 100%
}

.ideate-image.ideate-int-img {
    padding-top: 0
}

.card_text {
    color: #494BCB;
    -webkit-text-stroke-color: #494BCB
}

.card_text.text_centered {
    width: 90%;
    color: #494BCB;
    text-align: center;
    -webkit-text-stroke-color: #494BCB;
    line-height: 1.5
}

.plan-card-content {
    z-index: 2;
    width: 80%;
    height: 100%;
    background-color: transparent;
    flex-direction: column;
    justify-content: center;
    margin-right: 1rem;
    display: flex;
    position: relative
}

.plan-card-content.milestone-card {
    width: 80%;
    height: 50%;
    align-items: center
}

.plan-card-img {
    width: 100%;
    height: 100%;
    background-color: transparent;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    position: relative
}

.plan-card-img.milestone-img-card {
    height: 50%;
    justify-content: center;
    align-items: flex-start
}

.plan-card-img.milestone-img-card.milestone-img {
    align-items: flex-end
}

.plan-img {
    z-index: 2;
    width: 95%;
    height: auto;
    max-width: none;
    min-height: 22rem;
    position: relative;
    top: 0
}

.roadmap-grid {
    width: 100%;
    height: 100%;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    justify-items: center
}

.plan-img-mobile {
    display: none
}

.milestoneimg {
    z-index: 2;
    max-width: 90%;
    display: block;
    position: relative
}

.backlog_img {
    max-width: 100%
}

.backlog_img.top_linear {
    position: relative;
    top: 0
}

.team-card-content {
    width: 40%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex
}

.team-img {
    width: 100%;
    height: 20rem;
    max-width: 100%;
    border-radius: 0;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.team-img-card {
    width: 50%;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.biuld-card-content {
    width: 80%;
    height: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.biuld-card-content.boards-card {
    width: 80%;
    height: 60%;
    align-items: flex-start
}

.build-img-card {
    width: 100%;
    height: 40%;
    justify-content: center;
    align-items: center;
    display: flex
}

.baords-img {
    max-width: 100%;
    margin-left: 6rem
}

.boards_icon,.teams_icon {
    display: none
}

.video-overflow {
    width: 100%;
    max-width: 81rem;
    overflow: hidden
}

.report-card-content {
    width: 50%;
    padding-left: 4.5rem
}

.reports-img-card {
    width: 50%;
    height: 100%;
    flex-direction: column;
    align-items: flex-end;
    display: flex
}

.milestones-img {
    max-width: 92%
}

.reports-icon {
    display: none
}

.reports-image {
    width: 100%;
    height: 100%;
    max-width: 80%
}

.keyboard-content1 {
    width: 70%
}

.title-icon-bg-2 {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.ship-it-lower-img-2 {
    width: 50%;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.grid-1-3 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto
}

.card-heading-3 {
    color: #494BCB;
    text-align: left;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 16px;
    font-family: "M PLUS 1",sans-serif;
    font-size: 1.6rem;
    line-height: 1.2
}

.card-heading-3.homepage {
    text-align: center;
    font-size: 1.4rem
}

.card-heading-3.homepage.header-text-left {
    text-align: left;
    font-family: Satoshi Variable,sans-serif
}

.card-heading-3.homepage.header-text-left.fonttest {
    font-family: Satoshi Variable,sans-serif
}

.keyboard_img-2 {
    z-index: 2;
    width: 90%;
    position: relative
}

.ship-it-lower-content-2 {
    width: 50%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex
}

.speed-mobile-img {
    display: none
}

.speed-img-2 {
    width: 90%;
    height: 100%;
    max-width: none
}

.header-title-sub-2 {
    color: var(--secondary-color);
    letter-spacing: 10px;
    font-size: .75rem;
    line-height: 1.5rem
}

.header-title-sub-2.integration-title {
    color: var(--primary-color-3)
}

.header-title-sub-2.text-color-purple {
    /* color: #dad5de;
    -webkit-text-stroke-color: #dad5de */
}

.header-title-sub-2.text-color-lightblue {
    color: var(--primary-color)
}

.keyboards_mobile_img {
    display: none
}

.integration_card_img {
    width: 20%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.integration_card_content {
    width: 80%;
    height: 100%;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.slack_icon {
    height: 100%;
    max-width: 100%
}

.testimonial-gradient {
    z-index: 4;
    opacity: .75;
    padding-bottom: 4rem;
    position: relative
}

.splitter.about_splitter {
    height: 4rem;
    opacity: 1
}

.reporting-ship-img {
    max-width: 100%
}

.inetgrations-ship-img {
    max-width: 80%
}

.plan-integrations-img {
    max-width: 90%
}

.sprint-img {
    width: 100%;
    height: auto;
    min-height: 10.625rem
}

.grid-3-col {
    z-index: 2;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative
}

.build-card-img {
    width: 100%;
    height: 50%;
    justify-content: center;
    display: flex
}

.build-card-img.sprint-img {
    height: auto
}

.build-card-img.build-reports-image {
    align-items: center
}

.build-reports-img {
    width: 23.125px;
    height: 10.625rem;
    min-width: 23.125rem;
    margin-top: 2rem
}

.build-int-img {
    width: 25.5rem;
    height: 11.313rem;
    min-height: 11.313rem;
    min-width: 25.5rem
}

.bill_annually_text.text-color-white {
    font-size: .875rem
}

.security_card_content {
    width: 90%;
    flex-direction: column;
    align-items: center;
    display: flex
}

.lock_icon {
    width: 4rem;
    height: 4rem;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.star_enterprise {
    width: 5.6rem;
    height: 6.25rem;
    margin-right: 2rem;
    display: block
}

.pricing_enterprise_content {
    z-index: 4;
    width: 81%;
    flex-direction: column;
    text-decoration: none;
    display: flex;
    position: relative
}

.pricing-enterprise-contact {
    flex-direction: row;
    align-items: center;
    margin-top: 1rem;
    padding-top: 0;
    display: flex
}

.footer_stroke {
    width: 100%;
    height: 1px;
    opacity: .1;
    background-image: linear-gradient(45deg,var(--primary-color-2),var(--secondary-color));
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.enterprise_pricing_card_text {
    color: #494BCB;
    font-size: .875rem;
    line-height: 1.7
}

.enterprise_pricing_card_text.enterprise-feature-text {
    border-right: 1px solid rgba(255,255,255,.25);
    padding-left: .5rem;
    padding-right: .8rem
}

.enterprise_pricing_card_text.enterprise-feature-text.last-enterprise-element {
    border-right-style: none;
    border-right-width: 0
}

.bold-text-9 {
    color: #494BCB;
    text-align: center;
    text-decoration: none
}

.pricing_header_button-annually-2 {
    z-index: 2;
    color: var(--secondary-color);
    white-space: nowrap;
    margin-left: 1rem;
    padding: .8rem;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 700;
    position: relative
}
.pricing_plan_buttons [style*="255, 255, 255"],
.pricing_plan_buttons [style*="255,255,255"],
.pricing_header_buttons [style*="255, 255, 255"],
.pricing_header_buttons [style*="255,255,255"] {
  color: var(--primary-color) !important;
}

.pricing_plan_buttons [style*="58, 149, 201"],
.pricing_plan_buttons [style*="58,149,201"],
.pricing_header_buttons [style*="58, 149, 201"],
.pricing_header_buttons [style*="58,149,201"] {
  color: #ffffff !important;
}


.pricing_header_card-line-2 {
    width: 4.3125rem;
    height: .0625rem;
    background-color: rgba(255,255,255,.1);
    margin-top: 2.25rem;
    margin-bottom: 1.375rem
}

.text-block-36 {
    font-size: .7rem
}

.pricing_header_card-2 {
    width: 20.5rem;
    background-color: #494BCB;
    background-image: radial-gradient(circle at 50% 100%,rgba(255,255,255,.1),transparent 42%);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: .75rem;
    flex-direction: column;
    padding: 1.75rem .8rem 5rem 1rem;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 30px 5px rgba(14,24,39,.3)
}

.pricing_header_card-2.is-business {
    box-shadow: none;
    background-image: radial-gradient(circle at 50% 100%,rgba(255,255,255,.1),transparent 40%,transparent 50%);
    margin-top: -1.25rem;
    margin-bottom: -2rem;
    padding-top: 3rem
}

.padding-section-medium-3 {
    padding-top: 2rem;
    padding-bottom: 3rem;
    position: relative
}

.padding-section-medium-3.pricing {
    padding-bottom: 4rem
}

.recommended-tag-2 {
    width: 7rem;
    height: 1.5rem;
    background-color: var(--primary-color-3);
    background-image: linear-gradient(45deg,#6cb0d7,#494BCB);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    font-family: "M PLUS 1",sans-serif;
    font-size: .9rem;
    font-weight: 600;
    display: flex;
    position: absolute;
    top: 1.3rem;
    bottom: auto;
    left: auto;
    right: 1rem
}

.section_pricing_header-2 {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.pricing_header_card-list-item-2 {
    background-image: url(/static/img/checkmark_yellow.png);
    background-position: 0 7px;
    background-repeat: no-repeat;
    background-size: 1rem .75rem;
    background-attachment: scroll;
    margin-bottom: .5rem;
    padding-left: 1.6rem;
    font-size: .875rem;
    line-height: 2;
    list-style-type: none
}

.text-color-white-2 {
    color: #494BCB;
    text-decoration: none
}

.pricing_header_cards-wrap-2 {
    z-index: 2;
    grid-column-gap: 1.5rem;
    margin-top: 3.3125rem;
    display: flex;
    position: relative
}

.pricing_header_chevron-wrap-2 {
    width: 2.625rem;
    height: 2.625rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding-top: .125rem;
    display: flex
}

.pricing_header_component-2 {
    z-index: 5;
    width: 81rem;
    flex-direction: column;
    align-items: center;
    padding-top: 2.875rem;
    display: flex;
    position: relative
}

.red-2 {
    color: #e75568;
    white-space: normal;
    -webkit-text-fill-color: transparent;
    background-color: var(--secondary-color);
    -webkit-background-clip: text;
    background-clip: text
}

.pricing_tabs_wrapper-2 {
    flex-direction: column;
    align-items: flex-end;
    margin-right: 0;
    display: flex
}

.pricing_header_features-link-2 {
    z-index: 2;
    grid-column-gap: 1rem;
    color: #494BCB;
    cursor: pointer;
    align-items: center;
    margin-top: 4rem;
    text-decoration: none;
    transition: color .2s;
    display: flex;
    position: relative
}

.pricing_header_features-link-2:hover {
    color: var(--primary-color-2)
}

.pricing_header_card-accent-2 {
    height: .375rem;
    background-color: #e75568;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.pricing_header_card-accent-2.is-blue {
    background-color: var(--primary-color-3)
}

.pricing_header_card-accent-2.is-yellow {
    background-color: #ffcd78
}

.pricing_header_card-accent-2.is-green {
    background-color: #71b259
}

.button-3 {
    height: 3.125rem;
    color: var(--secondary-color);
    text-align: center;
    background-color: #131d2d;
    border-radius: .375rem;
    padding: .75rem 1.5rem;
    font-family: "M PLUS 1",sans-serif;
    font-weight: 600;
    transition: transform .2s
}

.button-3.on-pricing-card {
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.5);
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    padding-top: .65rem;
    font-family: "M PLUS 1",sans-serif;
    font-weight: 700
}

.button-3.on-pricing-card.is-blue {
    background-color: var(--primary-color);
    border-style: none;
    transition-property: background-color
}

.button-3.on-pricing-card.is-blue:hover {
    background-color: var(--primary-color-3)
}

.text-block-37 {
    color: #494BCB
}

.pricing_card_container {
    z-index: 4;
    width: 100%;
    height: 32rem;
    text-transform: none;
    border: 1px #fff;
    flex-direction: column;
    justify-content: flex-start;
    text-decoration: none;
    display: flex;
    position: relative
}

.button-pricing {
    width: 100%;
    height: 3.125rem;
    color: var(--primary-color);
    border: 1px solid #494BCB;
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    /* margin-top: 2.9rem; */
    font-family: "M PLUS 1",sans-serif;
    line-height: 1.5;
    transition: all .2s;
    display: flex;
    position: relative;
    padding: 8px 0;
}

.button-pricing:hover {
    color: var(--secondary-color);
    background-color: var(--background-color-2)
}

.button-pricing.business_button {
    -webkit-text-stroke-color: var(--primary-color-3);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    /* margin-top: 1.8rem */
}

.button-pricing.business_button:hover {
    color: #ffffff;
    background-color: var(--primary-color-3);
    border-color: var(--primary-color-3)
}

.button-pricing.enterprise_button {
    width: 12rem;
    margin-top: 0
}

.button-pricing.team {
    margin-top: 3.7rem
}

.button-pricing.free {
    margin-top: 4.7rem
}

.text-block-38 {
    margin-top: 0;
    padding-top: 0;
    font-family: Satoshi Variable,sans-serif;
    font-weight: 600;
    line-height: 1.5
}

.text-block-39,.text-block-40 {
    font-size: .875rem
}

.enterprise-card-features {
    z-index: 4;
    width: 100%;
    opacity: .5;
    justify-content: space-between;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: flex;
    position: relative
}

.enterprise_pricing_content {
    justify-content: center;
    display: flex
}

.background-video_bg,.video_bg {
    width: 100%;
    height: 100%;
    opacity: .05;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.video_bg.brand_video_bg {
    opacity: .05
}

.icon_header {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.bold-text-10 {
    font-size: 2.7rem
}

.section_brand_header {
    position: relative
}

.brand_header_wrapper {
    margin-top: 4rem;
    margin-bottom: 0
}

.image-51 {
    position: absolute;
    top: -74px;
    bottom: auto;
    left: auto;
    right: 80px
}

.mark-paragraph {
    color: #494BCB;
    font-size: 20px;
    line-height: 140%
}

.thelogo-grid {
    width: 100%;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 2rem
}

.div-block-13 {
    width: 80%;
    height: auto;
    margin-top: 30px
}

.mark-grid-outter {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px
}

.heading-30 {
    text-align: center;
    background-color: #494BCB;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 60px;
    font-weight: 600;
    line-height: 140%
}

.logo-#686878 {
    max-height: 270px;
    min-height: 270px;
    background-color: #494BCB;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    display: flex
}

.title-section-header {
    z-index: 3;
    max-width: 70%;
    min-width: 70%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.title-section-header.fonts {
    min-width: 100%;
    align-items: flex-start;
    font-family: Satoshi Variable,sans-serif
}

.image-47 {
    max-height: 50%;
    max-width: 50%
}

.subtitle-2 {
    text-align: center;
    letter-spacing: 14px;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(9080deg,var(--primary-color),#494BCB);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: "M PLUS 1",sans-serif
}

.container-logo {
    max-width: 1296px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 32px;
    padding-right: 32px;
    display: flex
}

.title-paragraph {
    width: auto;
    color: #494BCB;
    text-align: center;
    margin-bottom: 60px;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    line-height: 34px
}

.logo-blue {
    min-height: 270px;
    background-color: var(--primary-color-3);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    display: flex
}

.main-button-2 {
    width: 300px;
    height: 60px;
    text-align: center;
    background-color: var(--primary-color);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    font-family: "M PLUS 1",sans-serif;
    font-size: 16px;
    font-weight: 700;
    transition: all .2s;
    display: flex
}

.main-button-2:hover {
    background-color: var(--primary-color-3);
    box-shadow: 1px 1px 20px rgba(255,255,255,.05)
}

.main-button-2.full {
    font-family: Satoshi Variable,sans-serif
}

.text-grid {
    grid-template-columns: 1fr;
    justify-items: start
}

.logo-dark {
    max-height: 270px;
    min-height: 270px;
    background-color: rgba(255,255,255,.8);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.mark-image-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}

.section_logo {
    flex-direction: column;
    justify-content: center;
    display: flex
}

.container-large-brand {
    width: 81rem;
    height: 100%;
    max-width: 81rem;
    flex-direction: column;
    align-items: center;
    display: flex
}

.green-color {
    width: 130px;
    height: 130px;
    background-color: #71b259;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex
}

.yellow-color {
    width: 130px;
    min-height: 130px;
    color: #fff080;
    background-color: #ffcd7b;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
    position: relative
}

.blue-color {
    width: 130px;
    height: 130px;
    background-color: var(--primary-color-3);
    border-radius: 5050%;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex
}

.purple-color {
    width: 130px;
    height: 130px;
    background-color: #494BCB;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex
}

.light-red {
    width: 80px;
    height: 80px;
    background-color: var(--secondary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex
}

.color-grid {
    width: 100%;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-items: center
}

.red-color {
    width: 130px;
    height: 130px;
    background-color: #e75569;
    border-radius: 222px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex
}

.light-blue {
    width: 80px;
    height: 80px;
    background-color: var(--primary-color-2);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex
}

.color-container {
    z-index: 2;
    width: 100%;
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 3rem 1rem;
    position: relative
}

.inner-color-text {
    color: #494BCB;
    font-size: 12px
}

.inner-color-text.white {
    color: rgba(255,255,255,.3)
}

.dark-navy {
    width: 130px;
    min-height: 130px;
    background-color:#494BCB;
    border: 0 solid rgba(255,255,255,.05);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex
}

.stroke-shimmer {
    z-index: 3;
    width: 100%;
    height: 1px;
    opacity: .2;
    background-color: transparent;
    background-image: linear-gradient(270deg,transparent,#494BCB 53%,transparent);
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.color-title-text {
    color: #494BCB;
    text-align: center;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 600
}

.light-yellow {
    width: 80px;
    height: 80px;
    background-color: #ffd799;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex
}

.light-navy {
    width: 80px;
    height: 80px;
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex
}

.light-purple {
    width: 80px;
    height: 80px;
    background-color: #dad5de;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex
}

.color-block {
    flex-direction: column;
    align-items: center;
    display: flex
}

.light-green {
    width: 80px;
    height: 80px;
    background-color: #aad19b;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex
}

.icon_grid_branding {
    grid-column-gap: 64px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin-top: 2rem
}

.icon_grid_branding.light {
    grid-column-gap: 128px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.brand_icons {
    width: 4rem
}

.image-98 {
    border-radius: 1rem
}

.product_image_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.grid-5 {
    grid-template-rows: auto;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.heading-31 {
    text-align: center;
    background-color: #494BCB;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 60px;
    font-weight: 600;
    line-height: 140%
}

.typography-divider-2 {
    width: 170px;
    height: 1px;
    background-color: rgba(235,235,236,.1);
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 24px;
    right: auto
}

.typography-weight-wrap-2 {
    padding: 20px 24px 20px 0;
    position: relative
}

.typography-weight-wrap-2.last {
    margin-bottom: 20px
}

.letter-container {
    width: 95%;
    height: 100%;
    background-image: linear-gradient(157deg,#72addc,#d47480);
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.font-overview-text {
    padding: 20px 40px 40px;
    font-size: 26px;
    line-height: 180%
}

.font-description {
    margin-bottom: 0;
    font-size: 19px;
    line-height: 28px
}

.font-description.medium {
    color: #494BCB;
    font-weight: 600
}

.font-description.bold {
    color: #494BCB;
    font-weight: 900
}

.font-description.soft-bold {
    color: #494BCB;
    font-weight: 700
}

.font-description.regular {
    color: #494BCB;
    font-weight: 400
}

.text-block-41 {
    text-shadow: 0 1px rgba(255,255,255,.3)
}

.typography-types-wrap-2 {
    width: 100%;
    background-color: transparent;
    margin-left: 0
}

.font-type {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 22px;
    line-height: 30px
}

.font-type.medium {
    color: #494BCB;
    font-weight: 600
}

.font-type.regular {
    color: #494BCB;
    font-weight: 400
}

.font-type.bold {
    color: #494BCB;
    font-weight: 900
}

.font-type.soft-bold {
    color: #494BCB;
    font-weight: 700
}

.large-letter {
    width: 100%;
    padding: 40px
}

.brand_top_image {
    width: 81rem;
    max-width: 60rem
}

.image-slider {
    z-index: 2;
    height: 306px;
    max-width: 300px;
    object-fit: none;
    flex-direction: column;
    flex: 1;
    display: block;
    position: relative;
    top: 57px;
    overflow: visible
}

.drag {
    z-index: 5;
    width: 1%;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    cursor: grab;
    background-color: rgba(255,255,255,.55);
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 50%;
    right: auto
}

.icon {
    width: 50px;
    height: 38px;
    min-height: 38px;
    min-width: 37px;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background-color: rgba(255,255,255,.89);
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    padding: 5px;
    display: flex
}

.before {
    z-index: 2;
    width: 50%;
    height: 100%;
    object-fit: contain;
    background-image: url(/static/img/bg/blueprint_logo.svg);
    background-position: 1% 0;
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: absolute;
    top: 0;
    overflow: hidden
}

.before_mobile {
    z-index: 2;
    width: 100%;
    height: 100%;
    filter: grayscale();
    background-image: url(/static/img/bg/blueprint_logo.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    display: none;
    position: absolute;
    overflow: hidden
}

.after {
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(/static/img/bg/colored_logo.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    display: flex;
    position: absolute;
    top: 0;
    overflow: visible
}

.after_mobile {
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(/static/img/bg/colored_logo.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: none;
    position: absolute
}

.logo_mobile {
    width: 124px;
    display: none
}

.grid_lines {
    width: 65%;
    opacity: .07
}

.quick-stack {
    z-index: 2;
    width: 90%;
    position: relative
}

.image-99,.image-100,.image-101,.image-102 {
    border-radius: 12px
}

.sharp_bg-svg {
    z-index: 1;
    width: 100%;
    height: auto;
    max-width: 100%;
    opacity: .2;
    object-fit: cover;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible
}

.sharp_bg-svg._404-bg {
    opacity: .3
}

.sharp_bg-svg.signup {
    opacity: 1;
    left: 0%
}

.sharp_bg-svg.homepage-bg {
    width: 100%;
    margin-left: -1.5rem;
    padding-top: 2.5rem;
    top: 0%;
    bottom: auto;
    left: .3%;
    right: 0%
}

.image-103 {
    position: absolute
}

.text-link {
    color: var(--primary-color);
    font-weight: 600;
    text-decoration: none
}

.text-link:hover {
    text-decoration: underline
}

.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
}

.shaped_bg {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute
}

.shaped_bg.about-us-bg {
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.shaped_bg.signup {
    padding-top: 0;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.shaped_bg.home_intro {
    opacity: .4
}

.shaped_bg.early_access-bg {
    width: 100%;
    height: 100%;
    padding-top: 0;
    overflow: hidden
}

.shaped_bg.roadmaps_bg {
    height: 90%
}

.footer_right_img {
    justify-content: flex-end;
    display: flex;
    position: relative;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.footer_right_img._404-footer {
    position: absolute
}

.right_footer {
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
}

.right_footer._404-footer {
    z-index: 2;
    width: 34rem;
    position: absolute
}

.left_footer {
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto
}

.left_footer._4040-footer {
    z-index: 2;
    width: 34rem;
    display: flex;
    position: absolute
}

.bold-text-13 {
    font-size: 2rem;
    line-height: 1.4
}

.bold-text-14 {
    font-size: 2rem
}

.about-img {
    position: relative;
    top: -30px
}

.about_splitter {
    height: 10rem;
    justify-content: center;
    align-items: center;
    display: flex
}

.visual {
    width: auto;
    border: 1px solid #494BCB;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
    padding: 1rem;
    display: inline-block;
    position: relative;
    overflow: visible
}

.header-text {
    opacity: 1;
    color: #494BCB;
    letter-spacing: 0;
    -webkit-text-fill-color: transparent;
    background-color: #494BCB;
    background-image: linear-gradient(#494BCB,var(--primary-color-3));
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Satoshi Variable,sans-serif;
    font-size: 15rem;
    font-weight: 900;
    line-height: 13rem;
    display: inline-block
}

.hero-box {
    width: .8rem;
    height: .8rem;
    background-color: #494BCB;
    border: 1px solid #494BCB;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

.hero-box.bottom-right {
    width: .6rem;
    height: .6rem;
    top: auto;
    bottom: -5px;
    left: auto;
    right: -5px
}

.hero-box.bottom-right:hover {
    background-color: #494BCB
}

.hero-box.bottom-right:active {
    background-color: #3dcf30
}

.hero-box.bottom-left {
    width: .6rem;
    height: .6rem;
    top: auto;
    bottom: -5px;
    left: -5px;
    right: auto
}

.hero-box.bottom-left:hover {
    background-color: #494BCB
}

.hero-box.bottom-left:active {
    background-color: #3dcf30
}

.hero-box.top-right {
    width: .6rem;
    height: .6rem;
    border-radius: 0;
    top: -5px;
    bottom: auto;
    left: auto;
    right: -5px
}

.hero-box.top-right:hover {
    background-color: #494BCB;
    border-radius: 20px
}

.hero-box.top-right:active {
    background-color: #3dcf30
}

.hero-box.top-left {
    width: .6rem;
    height: .6rem;
    top: -5px;
    left: -5px
}

.hero-box.top-left:hover {
    background-color: #494BCB
}

.hero-box.top-left:active {
    background-color: #3dcf30
}

.c-hero-slide-details {
    perspective: 1000px;
    position: absolute;
    top: auto;
    bottom: 20%;
    left: auto;
    right: 5%;
    transform: perspective(1000px)
}

.slide-cta-curtain {
    background-color: #ff5b5b;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translateY(101%)
}

.c-hero-slide-stripes {
    margin-bottom: 5px;
    padding-left: 10px;
    display: flex
}

.hero-slide {
    perspective: 1000px;
    overflow: hidden;
    transform: perspective(1000px)
}

.c-hero-slide-content {
    height: 100%;
    background-image: linear-gradient(rgba(19,19,19,.35),rgba(19,19,19,.35)),url(/static/img/bg/background-image.svg);
    background-position: 0 0,50%;
    background-repeat: repeat,no-repeat;
    background-size: auto,cover;
    position: relative
}

.c-hero-slide-content._2 {
    background-image: url(/static/img/bg/group_min.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-hero-slide-content._4 {
    background-image: linear-gradient(90deg,rgba(255,255,255,0),rgba(19,19,19,.75) 75%),url(/static/img/bg/banner-4.jpg);
    background-position: 0 0,50%;
    background-repeat: repeat,no-repeat;
    background-size: auto,cover
}

.c-hero-slide-content._3 {
    background-image: linear-gradient(90deg,rgba(255,255,255,0),rgba(19,19,19,.75) 75%),url(/static/img/bg/banner-3.jpg);
    background-position: 0 0,50%;
    background-repeat: repeat,no-repeat;
    background-size: auto,cover
}

.c-hero-slide-content._1 {
    background-image: url(/static/img/bg/Group_min.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 1295px
}

.hero-slider-nav-subtitle {
    color:#686878;
    text-align: left;
    font-size: 12px;
    line-height: 1.5em
}

.slide-cta {
    color: #494BCB;
    text-transform: uppercase;
    border: 1px solid rgba(255,255,255,.5);
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    font-size: 13px;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden
}

.slide-cta:hover {
    color: #494BCB;
    text-decoration: none
}

.hero-slide-p {
    z-index: 10;
    -webkit-text-stroke-color: #686878;
    margin-bottom: 30px;
    font-family: Open Sans,sans-serif;
    font-size: 13px;
    line-height: 1.5em;
    position: relative
}

.slider-nav-indicator {
    z-index: 5;
    width: 5px;
    height: 5px;
    opacity: 0;
    background-color: #686878;
    margin-top: 10px;
    margin-right: 10px;
    transition: all .2s;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
    transform: translateY(20px)
}

.slider-nav-indicator.active {
    opacity: 1;
    transform: translate(0)
}

.cloneable-area {
    z-index: 4;
    min-height: 50vh;
    position: relative
}

._w-hero-slider-nav {
    z-index: 15;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-right: 1px solid #686878;
    padding: 20px 15%;
    position: relative;
    overflow: hidden
}

.hero-slider-nav-curtain {
    background-color: rgba(51,51,51,.5);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translateY(101%)
}

.c-hero-slider-nav-content {
    z-index: 10;
    position: relative
}

.hero-slide-highlight-text {
    opacity: .25;
    letter-spacing: .5em;
    text-transform: uppercase;
    font-family: Montserrat,sans-serif;
    font-size: 5em;
    font-weight: 700;
    line-height: 1em;
    position: absolute
}

.hero-slider-arrow {
    width: 50px;
    height: 50px;
    opacity: .25;
    font-size: 20px;
    transition: all .2s
}

.hero-slider-arrow:hover {
    opacity: 1
}

.wo-hero-slider-nav {
    width: 25%;
    position: relative
}

.hero-slide-header {
    z-index: 10;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: .5em;
    font-family: Satoshi Variable,sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 1em;
    position: relative
}

.c-slide-cta {
    display: inline-block
}

.hero-slider-nav-title {
    text-align: left;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
    transition: all .2s
}

.hero-slider-nav-title.active {
    color: #494BCB;
    -webkit-text-stroke-color: #686878
}

.hero-slide-bg-no {
    opacity: .1;
    text-align: right;
    border: 1px solid #ff5b5b;
    font-size: 18px;
    font-weight: 400;
    line-height: 1em;
    position: absolute;
    top: .25vw;
    bottom: auto;
    left: auto;
    right: .25vw
}

.slide-cta-text {
    z-index: 10;
    position: relative
}

._w-hero-slide-details {
    width: 450px;
    background-color: #494BCB;
    border-left: 5px solid #ff5b5b;
    padding: 30px 40px;
    font-family: Montserrat,sans-serif;
    position: relative
}

.hero-slider-nav-number {
    z-index: 5;
    opacity: .2;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.hero-slider-nav {
    display: none
}

.c-hero-slider-navbar {
    z-index: 15;
    background-color: #494BCB;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.c-hero-slider {
    height: 870px;
    opacity: 1;
    font-size: 1vw;
    line-height: 1.5em;
    position: relative
}

.hero-slide-stripe {
    width: 10px;
    height: 15px;
    opacity: .35;
    background-color: #494BCB;
    margin-right: 10px;
    transform: skew(-45deg)
}

.hero-slider {
    height: 908px;
    background-color: transparent
}

.image-slider-2 {
    z-index: 2;
    height: 306px;
    max-width: 283px;
    object-fit: none;
    flex-direction: column;
    flex: 1;
    display: block;
    position: relative;
    top: 57px;
    overflow: visible
}

.drag-2 {
    z-index: 5;
    width: 1%;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    cursor: grab;
    background-color: rgba(255,255,255,.55);
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 6px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 50%;
    right: auto
}

.before-2 {
    z-index: 2;
    width: 50%;
    height: 100%;
    object-fit: contain;
    background-image: url(https://cdn.aasaan.app/website/static/new-images/logo-#686878/aasaan-mark-green.webp);
    background-position: 1% 0;
    background-repeat: no-repeat;
    background-size: 272px;
    background-attachment: scroll;
    margin-top: 16px;
    margin-left: 6px;
    position: absolute;
    top: 0;
    overflow: hidden
}

.after-2 {
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.aasaan.app/website/static/new-images/logo-#686878/aasaan-mark-green.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 272px;
    background-attachment: scroll;
    display: flex;
    position: absolute;
    top: 0;
    overflow: visible
}

.image-104 {
    max-height: 50%;
    max-width: 50%
}

.content-fade {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.prod_eng_fade-in-title {
    text-align: center
}

.prod_eng_fade-in-title.text-gradient-primary {
    font-size: 4rem;
    line-height: 2
}

.together-title {
    z-index: 2;
    color: var(--secondary-color);
    -webkit-text-fill-color: inherit;
    mix-blend-mode: overlay;
    background-clip: content-box;
    margin-top: -3.1rem;
    margin-left: -148px;
    padding-left: 0;
    font-size: 10rem;
    position: relative
}

.large_browser_img {
    z-index: 1;
    margin-top: -40px;
    position: relative
}

.docs_bg_img {
    width: 80%;
    margin-top: 400px;
    margin-left: -800px;
    position: absolute
}

.roadmap_bg_img {
    width: 80%;
    filter: blur();
    margin-top: 400px;
    margin-right: -800px;
    padding-top: 0;
    position: absolute
}

.subtitle-content.earlya-ccess {
    height: 14rem;
    flex-direction: row;
    align-items: center;
    display: flex
}

.context-menu {
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 6px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 5px;
    padding: 10px;
    position: absolute;
    box-shadow: 0 10px 20px rgba(255,255,255,.05)
}

.context-menu.visible {
    z-index: 10;
    opacity: 1;
    display: block
}

.context-menu.hidden {
    display: none
}

.menu_link_wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    align-items: flex-start;
    transition: all .2s;
    display: flex
}

.menu_link_title {
    margin-top: 10px;
    padding-left: 10px;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1rem;
    font-weight: 600
}

.menulink {
    color: #494BCB;
    border: 0 solid #686878;
    border-radius: 0;
    padding: 5px 10px;
    line-height: 2;
    text-decoration: none;
    transition: background-color .2s;
    display: inline-block
}

.menulink:hover {
    background-color: rgba(255,255,255,.1);
    border-radius: 4px
}

.dropdown_link_block {
    width: 100%;
    align-items: center;
    margin-top: .3rem;
    margin-bottom: .3rem;
    padding-left: .625rem;
    padding-right: .625rem;
    text-decoration: none;
    display: flex
}

.dropdown_link_block:hover {
    background-color: rgba(255,255,255,.05)
}

.image-105 {
    width: 1.5rem;
    height: 1.5rem
}

.nav_dropdown_text {
    direction: ltr;
    color: #494BCB;
    text-transform: none;
    border: 0 solid #686878;
    border-radius: 0;
    padding: .625rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1rem;
    text-decoration: none
}

.early-access-title-container {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.early-access-title-text {
    z-index: 2;
    width: 40%;
    position: relative
}

.early-access-title-image-wrapper {
    min-height: 30rem;
    min-width: 30rem;
    margin-right: 6rem;
    position: relative
}

.early-access-image {
    width: 560px
}

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

.early-access-title {
    font-family: Satoshi Variable,sans-serif
}

.early-access-title.text-gradient-primary {
    color: var(--secondary-color);
    margin-bottom: .7rem
}

.early-access-title.title {
    -webkit-text-stroke-color: #686878;
    -webkit-text-fill-color: transparent;
    background-color: #494BCB;
    -webkit-background-clip: text;
    background-clip: text;
    border: 0 solid #494BCB;
    margin-bottom: .75rem;
    font-size: 4rem;
    font-weight: 900
}

.front_early_access-card {
    z-index: 3;
    width: 20px;
    min-height: 30rem;
    min-width: 24rem;
    background-color: #686878;
    background-image: linear-gradient(#494BCB,#686878);
    border: 0 solid rgba(255,255,255,.04);
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 3rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
    box-shadow: 0 20px 20px 20px rgba(255,255,255,.8),inset 0 1px 20px 11px rgba(255,255,255,.1)
}

.front_early_access-card.card {
    cursor: auto;
    background-color: #494BCB;
    background-image: none;
    border-width: 1px;
    border-color: rgba(255,255,255,.05);
    box-shadow: 0 20px 20px 20px rgba(255,255,255,.8),inset 0 0 50px 11px rgba(255,255,255,.6)
}

.front_early_access-card.card:hover {
    background-color: #686878;
    box-shadow: 0 20px 20px 20px rgba(255,255,255.8),inset 0 1px 20px 11px rgba(255,255,255,.1)
}

.image-106 {
    width: 5rem;
    height: 5rem
}

.back_early_access_card {
    width: 100%;
    min-height: 28rem;
    min-width: 21rem;
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 6px
}

.back_early_access_card.left {
    z-index: 1;
    width: 19rem;
    min-width: 19rem;
    opacity: 1;
    background-color: transparent;
    background-image: linear-gradient(#494BCB,rgba(15,26,43,0));
    border-width: 0;
    border-radius: 12px;
    margin-top: 2rem;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%
}

.back_early_access_card.right {
    z-index: 1;
    width: 19rem;
    min-width: 19rem;
    opacity: 1;
    background-color: transparent;
    background-image: linear-gradient(#494BCB,rgba(29,43,65,0));
    border-width: 0;
    border-radius: 12px;
    margin-top: 2rem;
    position: absolute
}

.back_early_access_card.cards {
    margin-bottom: 3rem
}

.bold-text-15 {
    -webkit-text-fill-color: transparent;
    background-color: var(--secondary-color);
    background-image: linear-gradient(var(--secondary-color),#f195a2 99%);
    -webkit-background-clip: text;
    background-clip: text
}

.image-107 {
    max-width: 87%
}

.section_objectives_early_header {
    z-index: 6;
    position: relative
}

.section_objectives_intro {
    z-index: 1;
    justify-content: center;
    display: flex;
    position: relative;
    overflow: visible
}

.objectives_into_content {
    z-index: 2;
    width: 100%;
    margin-bottom: 0;
    position: relative
}

.bold-text-16 {
    color: #686878;
    font-weight: 900
}

.section-splitter {
    height: 5rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: visible
}

.glowing-wrapper {
    border-radius: 62.5rem;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.button-text {
    z-index: 2;
    color: transparent;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgba(255,255,255,.4),#494BCB);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 400;
    position: relative
}

.glowing-wrapper-borders {
    width: 100%;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.glowing-wrapper-button {
    z-index: 1;
    color: #494BCB;
    letter-spacing: -.01em;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 62.5rem;
    padding: .75rem 2rem;
    font-size: 1.15rem;
    line-height: 1.42;
    text-decoration: none;
    position: relative
}

.glowing-wrapper-borders-masker {
    width: 100%;
    opacity: 0;
    border-radius: 62.5rem;
    padding: .06rem;
    line-height: 100%;
    transition: opacity 1s;
    position: absolute;
    top: 0;
    left: 0
}

.glowing-wrapper-mask-wrapper {
    opacity: 1
}

.glowing-wrapper-animations {
    width: 100%;
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.glowing-wrapper-mask {
    opacity: 1
}

.glowing-wrapper-glow {
    opacity: .12;
    filter: blur(8px)
}

.browser_bg {
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    background-color: rgba(24,35,54,.5);
    border: 1px solid rgba(255,255,255,.05);
    border-bottom-width: 0;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.objetives_img {
    max-height: 95%;
    max-width: 95%;
    border-radius: 12px;
    margin-top: 1.5rem;
    padding-top: 0
}

.blue_radial_bg {
    z-index: 1;
    width: 80%;
    height: 100%;
    opacity: .5;
    filter: blur(20px);
    background-image: radial-gradient(circle,#5790ff,rgba(14,24,39,0) 69%);
    margin-top: -4rem;
    position: absolute;
    overflow: visible
}

.blue_radial_bg.hero_cards {
    width: 100%;
    opacity: 1;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.triangle_gradient {
    width: 30rem;
    height: 80%;
    opacity: 1;
    margin-top: -70px
}

.graph_container {
    width: 9rem;
    height: 9rem;
    margin-bottom: 1.5rem;
    position: relative
}

.image-108 {
    width: 70%
}

.graph_centre_wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.graph_text {
    color: #494BCB;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2rem;
    font-weight: 700
}

.text-block-68 {
    color: rgba(255,255,255,.6);
    font-family: Satoshi Variable,sans-serif
}

.section_early_access-value_props {
    margin-top: 0;
    display: none;
    position: relative
}

.steps-cont {
    justify-content: center;
    display: flex;
    overflow: visible
}

.step-content {
    width: 75%;
    min-height: 200px;
    border: 1px solid #686878;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 110px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 10px;
    display: flex;
    position: static;
    top: 0
}

.button-4 {
    margin-top: 20px
}

.left-content {
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 40%
}

.steps-left {
    width: 50%;
    height: 1240px;
    min-height: 100%;
    flex: 0 auto;
    align-self: auto;
    margin-top: 0;
    padding-bottom: 154px;
    position: static;
    top: 100px
}

.steps-right {
    width: 50%;
    height: auto;
    flex-direction: column;
    align-items: center;
    display: flex;
    overflow: hidden
}

.steps-section {
    z-index: 3;
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    overflow: visible
}

.subtitle-steps {
    color: #494BCB
}

.bold-text-17 {
    color: #686878;
    font-weight: 900;
    line-height: 1
}

.early_value_prop_card {
    grid-column-gap: 0px;
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 6px;
    display: block
}

.early_card_content {
    min-height: 20rem
}

.spotlight {
    z-index: 1;
    max-height: 100%;
    max-width: 80%;
    opacity: .6;
    filter: blur(20px);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.image-109 {
    width: 100%;
    height: 40%;
    min-width: 100%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.shine {
    width: 14rem;
    height: 14rem;
    opacity: .1;
    filter: blur(60px);
    mix-blend-mode: normal;
    background-color: #494BCB;
    border-radius: 50%;
    position: absolute
}

.image-wrap {
    z-index: 1;
    perspective: 1000px;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.image-110 {
    width: 100%
}

.shine-2 {
    width: 14rem;
    height: 14rem;
    opacity: .6;
    filter: blur(60px);
    background-color: #494BCB;
    border-radius: 50%;
    position: absolute
}

.bold-text-19 {
    color: var(--secondary-color);
    -webkit-text-fill-color: transparent;
    background-color: var(--secondary-color);
    -webkit-background-clip: text;
    background-clip: text
}

.text-block-69 {
    height: 100%;
    font-size: 5rem
}

.animation-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    justify-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: grid
}

.animation-section.feature_scrollingtext {
    z-index: 3;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative;
}
.feature_scrollingtext .char[style*="255, 255, 255"] {
    color: var(--primary-color) !important;
  }
  
  .feature_scrollingtext .char[style*="102, 105, 119"],
  .feature_scrollingtext .char[style*="178, 179, 186"] {
    color: var(--text-color) !important;
  }
      

.container-2 {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
}

.text-hl-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.reveal-type {
    color: #686878;
    text-align: left;
    border-left: 3px solid #494BCB;
    padding-left: 3rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.3
}

.reveal-type.feature-scroll {
    font-size: 2.4rem
}

.reveal-type.feature-scroll.reporting_scroll {
    font-size: 2.3rem
}

.bold-text-20 {
    color: #494BCB;
    -webkit-text-stroke-color: #686878
}

.join_form_content {
    z-index: 3;
    height: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.subtext_join {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.subtext_form_paragraph {
    width: 70%;
    color: #494BCB;
    text-align: center
}

.sign-up-card {
    width: 70%;
    height: 10rem;
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 6px;
    flex-direction: column;
    margin-top: 2rem;
    display: block
}

.form {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex
}

.field-label {
    color: #494BCB
}

.text-field {
    width: 390px;
    height: 70px;
    border-radius: 6px;
    margin-bottom: 0;
    margin-right: 12px;
    font-size: 1.5rem
}

.form-block {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

._3d-tablet-wrap {
    perspective: 1000px;
    perspective-origin: 50%
}

.screenshot-scroll {
    width: 100%
}

.tablet-mockup-animation {
    z-index: 2;
    position: relative
}

.ipad-mockup {
    position: relative
}

.container-w2 {
    width: 100%;
    max-width: 83.125em;
    margin-left: auto;
    margin-right: auto
}

.container-w2.gutter-outside {
    width: 100%;
    max-width: 70em;
    position: relative
}

.section-screenflip {
    z-index: 5;
    width: 100%;
    height: 540px;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    display: block;
    position: relative;
    overflow: hidden
}

.ipad-screen {
    z-index: 1;
    width: 93.8%;
    height: 91.6%;
    object-fit: cover;
    position: absolute;
    top: 4%;
    left: 3%
}

.ipad-screen.overflow-hidden {
    overflow: hidden
}

.ipad-shape {
    z-index: 2;
    width: 100%;
    max-width: 100%;
    position: relative
}

.left_content {
    width: 50%
}

.right_content {
    height: 50rem
}

.image-52 {
    width: 100%;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding-top: 0;
    padding-bottom: 0
}

.content-sticky-left {
    width: 30%;
    height: auto;
    min-height: 100%;
    align-self: auto;
    padding-top: 4rem;
    position: -webkit-sticky;
    position: sticky;
    top: 20rem
}

.sticky-nav {
    position: -webkit-sticky;
    position: sticky
}

.sticky {
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    overflow: visible
}

.image-111 {
    width: 100%;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    margin-top: 1rem;
    margin-bottom: 2rem
}

.content-scrolling-images {
    width: 100%;
    max-width: 81rem;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative
}

.inner-paragraph-left {
    color: #686878;
    font-size: 1rem;
    line-height: 1.8rem;
    position: -webkit-sticky;
    position: sticky
}

.header-text-2 {
    opacity: 1;
    color: #494BCB;
    letter-spacing: 0;
    -webkit-text-fill-color: transparent;
    background-color: #494BCB;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 9rem;
    font-weight: 900;
    line-height: 11.7rem;
    display: inline-block
}

.header-text-2.inner-header {
    color: #fff;
    letter-spacing: -1px;
    text-shadow: none;
    background-color: #fff;
    font-size: 2rem;
    line-height: 4rem
}

.header-text-2.inner-header.space {
    padding-left: 1rem
}

.image-53 {
    width: 100%;
    border-radius: 12px
}

.content-sticky-right {
    width: 63%;
    flex-direction: column;
    align-self: flex-start;
    align-items: flex-end;
    display: flex;
    position: static
}

.faq-menu {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
    display: flex
}

.faq-menu-item-label {
    max-width: 64ch;
    background-color: transparent;
    text-decoration: none
}

.faq-container {
    width: 100%;
    max-width: 1140px;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.faq-answer-p {
    line-height: 1.5em
}

.faq-group-row {
    width: 100%;
    padding-top: 5rem;
    padding-bottom: 5rem
}

.faq-answer {
    padding: 0 2rem;
    overflow: hidden
}

.faq-menu-title {
    width: 100%;
    padding: 1rem 2rem
}

.sticky-title {
    width: 100%;
    height: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 10rem
}

.faq-section {
    background-image: linear-gradient(#686878,#494BCB);
    padding: 6rem 2rem;
    position: relative
}

.faq-groups-wrapper {
    width: 70%;
    padding: 1rem;
    position: static;
    left: 30%
}

.faq-arrow {
    z-index: 0;
    position: relative
}

.faq-question {
    cursor: pointer;
    justify-content: space-between;
    padding: 1.5rem 2rem;
    display: flex
}

.faq-menu-item {
    color: rgba(32,32,36,.4);
    flex: none;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding: 1rem 2rem;
    font-size: 1.25rem;
    font-weight: 700;
    text-decoration: none;
    display: flex
}

.faq-menu-item.w--current {
    box-shadow: none;
    color:#686878;
    border-radius: 999px;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.3rem;
    font-weight: 700;
    transition: color .3s,font-size .3s
}

.faq-question-label {
    color: #686878;
    background-color: transparent;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5em;
    text-decoration: none
}

.faq-menu-title-label {
    font-size: 2rem;
    line-height: 1.5em
}

.accent-color {
    color: #454dec
}

.section_sticky_value_props {
    display: none
}

.features-card {
    transform-origin: 50% 0;
    text-align: center;
    -webkit-text-fill-color: inherit;
    background-color: #494BCB;
    background-clip: border-box;
    border-radius: 15px;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 150px
}

.features-card.fourth {
    background-color:  #494BCB;
    border: 1px solid rgba(255,255,255,.1);
    align-items: flex-start;
    top: 195px;
    box-shadow: 0 0 50px  #494BCB
}

.features-card.fourth.card {
    min-height: 330px;
    cursor: auto;
    border-color: rgba(255,255,255,.05)
}

.features-card.second {
    height: 400px;
    background-color:  #494BCB;
    border: 1px solid rgba(255,255,255,.1);
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 30px;
    top: 165px;
    box-shadow: 0 0 50px 20px  #494BCB
}

.features-card.second.card {
    height: 100%;
    min-height: 330px;
    cursor: auto;
    border-color: rgba(255,255,255,.05)
}

.features-card.third {
    height: 400px;
    background-color: #494BCB;
    border: 1px solid rgba(255,255,255,.1);
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 15px;
    top: 180px;
    box-shadow: 0 0 50px 20px  #494BCB
}

.features-card.third.card {
    height: 100%;
    min-height: 330px;
    cursor: auto;
    border-color: rgba(255,255,255,.05)
}

.features-card.first {
    height: 400px;
    min-height: 0;
    background-color:  #494BCB;
    border: 1px solid rgba(255,255,255,.1);
    align-items: flex-start;
    margin-bottom: 45px
}

.features-card.first.card {
    height: 100%;
    min-height: 330px;
    cursor: auto;
    border-color: rgba(255,255,255,.05)
}

.features-card-title {
    color: #494BCB;
    text-align: left;
    letter-spacing: -1px;
    -webkit-text-stroke-color: #686878;
    margin-bottom: 12px;
    font-family: Satoshi Variable,sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px
}

.features-left {
    max-width: 380px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 4rem;
    padding-top: 4rem;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 150px
}

.features-right {
    width: 44%;
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex;
    position: relative
}

.container-3 {
    width: 67rem;
    max-width: none;
    margin-left: auto;
    margin-right: auto
}

.features-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 30px;
    display: flex
}

.features-card-img {
    z-index: 2;
    margin-bottom: 30px;
    position: relative
}

.section {
    z-index: 2;
    background-color: transparent;
    padding: 50px 20px;
    position: relative
}

.bold-text-21 {
    color: var(--primary-color)
}

.paragraph,.paragraph-2 {
    color: #494BCB;
    text-align: left
}

.bold-text-22 {
    color: #686878
}

.paragraph-3 {
    color: #494BCB;
    text-align: left;
    border: 0 solid #fff
}

.bold-text-23 {
    color: #ffcd78;
    -webkit-text-stroke-color: #ffcd78
}

.paragraph-4 {
    color: #494BCB;
    text-align: left;
    -webkit-text-stroke-color: #686878
}

.bold-text-24 {
    color: #686878
}

.banner-jira-wrapper {
    width: 100%;
    height: 4.7rem;
    text-transform: none;
    background-image: linear-gradient(225deg,#494BCB,#686878);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    box-shadow: inset 0 1px rgba(255,255,255,.1),inset 0 0 60px 10px rgba(255,255,255,.84)
}

.banner-jira-wrapper:hover {
    background-image: linear-gradient(225deg,#6493ed,#5790ff);
    transform: scale(1.01)
}

.jira_banner_link {
    color: #494BCB;
    text-align: center;
    text-transform: none;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    transition: all .4s
}

.text-span {
    color: var(--primary-color-2);
    -webkit-text-stroke-color: var(--primary-color-2);
    text-decoration: underline
}

.text-span:hover {
    color: #494BCB;
    text-decoration: underline
}

.nammer_jira_arrow {
    padding-left: .8rem
}

.red_bold {
    color: var(--secondary-color)
}

.sarah_arrow {
    z-index: 11;
    width: 3rem;
    height: 3rem;
    position: absolute
}

.karl_arrow {
    z-index: 11;
    width: 3rem;
    height: 3rem;
    max-height: 50%;
    max-width: 50%;
    position: absolute
}

.background-color-red {
    width: .3rem;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto
}

.color-accent {
    z-index: 1;
    width: 100%;
    height: 20%;
    background-color: var(--secondary-color);
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto
}

.karl_arrow1,.sarah_arrow1 {
    position: absolute
}

.image-114 {
    width: auto;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto
}

.div-block-14 {
    z-index: 10;
    width: 20rem;
    position: absolute
}

.ob_pop1 {
    z-index: 10;
    width: 310px;
    height: 360px;
    max-height: none;
    max-width: none;
    margin-bottom: -10px;
    margin-left: -5%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto
}

.btn-outer {
    z-index: 2;
    color: #494BCB;
    background-color: var(--primary-color);
    border-radius: 6px;
    padding: 2px;
    text-decoration: none;
    position: relative;
    overflow: hidden
}

.glow-border {
    width: 20%;
    height: 100%;
    filter: blur(16px);
    background-color: #494BCB;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
}

.btn-inner {
    color: #494BCB;
    background-color: var(--primary-color);
    border-radius: 4px;
    padding: 14px 26px;
    font-weight: 700;
    position: relative;
    overflow: hidden
}

.btn-text {
    z-index: 1;
    font-family: Satoshi Variable,sans-serif;
    position: relative
}

.glow-inner {
    width: 30%;
    height: 80%;
    opacity: .5;
    filter: blur(16px);
    background-color: var(--primary-color-2);
    position: absolute;
    top: -10%;
    bottom: auto;
    left: -10%;
    right: auto
}

.buttons_wrapper {
    width: 100%;
    height: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.or-text-demo {
    margin-left: 1.3rem;
    margin-right: 1.3rem;
    display: inline-block
}

.slider-img-container {
    width: 100%;
    height: 100%
}

.slider {
    height: 100%;
    background-color: transparent
}

.mask {
    overflow: visible
}

.slide {
    padding-left: 3rem;
    padding-right: 3rem
}

.slider-section {
    width: 100%;
    height: 913px;
    padding-top: 20px;
    padding-bottom: 180px;
    overflow: hidden
}

.slider-2 {
    z-index: 4;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    overflow: visible
}

.slider-2.home_copy {
    display: block
}

.slider-2.card.slider_card {
    box-shadow: none;
    background-color: transparent;
    border-width: 0
}

.bg_image {
    z-index: 2;
    width: auto;
    height: 850px;
    max-height: 850px;
    max-width: 100%;
    min-height: 0%;
    object-fit: scale-down;
    /* background-image: url(/static/img/bg/background-image.svg); */
    background-position: 50%;
    background-size: cover;
    padding: 3rem;
    position: relative;
    overflow: visible
}

.collection-item {
    width: 100%;
    height: 100%
}

.bg-browser-wrapper {
    z-index: 1;
    width: 100%;
    height: 500px;
    background-color: #e52323;
    border-radius: 12px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.hero_description-text {
    color: var(--primary-color-2);
    text-align: center;
    margin-right: .635rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    display: inline-block
}

.slider_browser_wrapper {
    width: 100%;
    height: 100%;
    background-color: #ee0303;
    border-radius: 24px
}

.image-115 {
    border-radius: 24px;
    margin-left: 0;
    margin-right: 0;
    padding: 1.5rem
}

.browser_bg_slider {
    z-index: 1;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background-color: rgb(255 255 255 / 2%);
    border: 1px solid #686878;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 30px rgba(255,255,255,.3), inset 0 0 0px rgba(255,255,255,.2);
}

.browser_bg_slider.feature_her0_bg {
    margin-top: 3rem
}

.slider_description {
    z-index: 3;
    text-align: center;
    padding-bottom: 1rem;
    position: relative
}

.slider---link {
    color: var(--primary-color-3);
    text-transform: none;
    margin-left: .5rem;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    text-decoration: none;
    transition: all .4s;
    display: inline-block
}

.slider---link:hover {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    font-weight: 600
}

.text-block-70 {
    color: var(--primary-color-3);
    -webkit-text-stroke-color: var(--primary-color-3);
    margin-left: .3rem;
    display: inline-block
}

.link-text {
    z-index: 99;
    color: #494BCB;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.35;
    text-decoration: none;
    display: flex;
    position: relative;
    transform: perspective(725px)
}

.link-text:hover {
    text-transform: none;
    align-self: center;
    padding-top: 0;
    padding-bottom: 0;
    transform: perspective(725px)
}

.arrow-wrapper {
    width: auto;
    height: 100%;
    max-height: 100%;
    flex: none;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
    position: relative;
    top: 2px
}

.arrow-wrapper.is-before {
    height: auto;
    max-height: 100%;
    flex-flow: row;
    flex: none;
    align-self: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 20%;
    left: -1.5rem;
    right: auto
}

.link-09_underline {
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.link-09 {
    grid-column-gap: 1rem;
    color: #ffffff;
    justify-content: flex-start;
    align-self: center;
    align-items: baseline;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.arrow_image {
    width: auto;
    height: auto;
    object-fit: contain;
    background-color: transparent;
    border: 1px solid transparent
}

.link-08 {
    width: auto;
    color: #ffffff;
    background-color: transparent;
    flex: 0 auto;
    justify-content: flex-start;
    line-height: 2;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.link-text-2 {
    z-index: 99;
    color: #494BCB;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-family: Satoshi Variable,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
    display: flex;
    position: relative;
    transform: perspective(725px)
}

.link-text-2:hover {
    text-transform: none;
    align-self: center;
    padding-top: 0;
    padding-bottom: 0;
    transform: perspective(725px)
}

.link-08_underline {
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.link-08_underline.is-currentcolor {
    transform-origin: 0%;
    background-color: #494BCB
}

.link-08_underline.is-#686878 {
    transform-origin: 0%;
    background-color: #ffffff
}

.hero_slider_gradient_bottom {
    z-index: 2;
    position: absolute
}

.linear_gradient_bottom {
    z-index: 2;
    height: 30%;
    /* background-image: linear-gradient(rgba(255,255,255,0) 19%,rgb(23 24 29 / 30%) 60%,rgb(23 24 29 / 14%)); */
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.linear_gradient_bottom.docs_card {
    z-index: 3;
    width: 100%;
    height: 35%;
    background-image: linear-gradient(rgba(255,255,255,0) 19%,#494BCB)
}

.image-116 {
    display: none
}

.common_feature_hero_img {
    max-width: 95%;
    border: 0 solid rgba(255,255,255,.1);
    border-radius: 12px;
    margin: 2rem;
    padding: 0
}

.feature_hero_img {
    min-height: 34rem;
    justify-content: center;
    margin-top: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    position: relative;
    overflow: visible
}

.feature_boards_img {
    z-index: 2;
    position: relative
}

.bold-text-25 {
    color: #494BCB
}

.image-117 {
    width: 33rem
}

.grid_feature_cards {
    width: 100%;
    min-height: 50rem;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr
}

.feature_grid_cards_content {
    width: 90%;
    height: auto;
    min-height: 9rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: 0;
    display: flex
}

.feature_card_img {
    width: 100%;
    min-height: auto;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: relative
}

.feature_grid_title {
    color: #494BCB
}

.feature_hero_icon {
    width: 4rem;
    margin-bottom: .3rem
}

.bold_feature_scroll {
    color: #494BCB;
    font-weight: 700
}

.book_demo_text {
    color: #494BCB;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.book_demo_text.footer_demo_link {
    display: inline-block
}

.link-10 {
    text-transform: none
}

.demo_icon {
    width: 5rem;
    max-width: 100%
}

.feature_middle {
    z-index: 3;
    max-width: 90%;
    position: relative
}

.feature_left_img {
    max-height: 90%;
    max-width: 100%;
    margin-top: 2rem;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto
}

.feature_right_img {
    max-height: 90%;
    margin-top: 2rem;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

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

    .margin-xlarge {
        margin: 3rem
    }

    .padding-xhuge {
        padding: 6rem
    }

    .padding-xxhuge {
        padding: 8rem
    }

    .padding-huge {
        padding: 5rem
    }

    .margin-large {
        margin: 2.5rem
    }

    .padding-xxlarge {
        padding: 4rem
    }

    .padding-large {
        padding: 2.5rem
    }

    .margin-huge {
        margin: 5rem
    }

    .padding-medium {
        padding: 1.5rem
    }

    .margin-xxlarge {
        margin: 4rem
    }

    .margin-xhuge {
        margin: 6rem
    }

    .margin-medium {
        margin: 1.5rem
    }

    .margin-xxhuge {
        margin: 8rem
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

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

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

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

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

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

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

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

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

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

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

    .hide-tablet {
        display: none
    }

    .fs-styleguide_2-col {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr
    }

    .max-width-full-tablet {
        width: 100%;
        max-width: none
    }

    .padding-section-small {
        max-width: 100%;
        flex-direction: column;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .fs-styleguide_1-col {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .fs-styleguide_heading-medium {
        font-size: 3rem
    }

    .fs-styleguide_4-col {
        grid-template-columns: 1fr
    }

    .padding-section-large {
        padding-top: 6rem;
        padding-bottom: 4rem
    }

    .padding-section-large.footer {
        padding-bottom: 0
    }

    .fs-styleguide_3-col {
        grid-template-columns: 1fr
    }

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

    .container-large {
        max-width: 95%
    }

    .container-large.cards-postion {
        position: relative
    }

    .container-large.card-position {
        display: none
    }

    .container-large.pricing_tablet {
        width: 100%;
        max-width: 100%;
        margin-left: auto
    }

    .button.is-text.is-light {
        font-size: 1rem
    }

    .button.nav {
        font-size: 1.25rem
    }

    .button.primary.demo_button {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .button.on-pricing-card {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .button.sign-up {
        width: 8rem;
        height: 3rem;
        margin-left: auto;
        margin-right: 1rem;
        font-size: 1rem;
        display: flex
    }

    .button.is-navtext {
        height: auto;
        font-size: 1.25rem
    }

    .button.is-workspaces {
        width: 59rem;
        height: auto;
        margin-top: 2rem;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.25rem
    }

    .button.is-workspaces.is-light {
        font-size: 1rem
    }

    .button.is-workspaces-mobile {
        height: 3rem;
        background-image: none;
        border-width: .0625rem;
        align-items: center;
        margin-left: 0;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1rem;
        transition-property: none;
        display: flex
    }

    .button.is-workspaces-mobile:hover {
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        border-width: .0625rem;
        border-color: var(--primary-color-2)
    }

    .button.secondary.jira_banner_button {
        width: 14rem
    }

    .button.is-calendly {
        background-position: 10%;
        padding-left: 2.8rem;
        padding-right: 2.8rem
    }

    .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%
    }

    .fs-styleguide_section {
        grid-column-gap: 2.5rem;
        grid-template-columns: 1fr
    }

    .padding-section-medium {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .padding-section-medium.pricing {
        justify-content: center;
        display: flex
    }

    .padding-section-medium.hero-padding {
        padding-bottom: 4rem
    }

    .nav_container {
        justify-content: space-between
    }

    .nav_link {
        width: 100%;
        border-bottom: .0625rem solid rgba(255,255,255,.1);
        padding-top: 2rem;
        padding-bottom: 2rem;
        font-size: 1.3rem;
        display: flex
    }

    .nav_link.light {
        border-bottom-color: rgba(255,255,255,.1)
    }

    .nav_button-wrapper {
        width: 95%;
        min-width: 0;
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-direction: column-reverse;
        align-items: stretch;
        margin-top: 4rem;
        margin-left: auto;
        margin-right: auto
    }

    .page-padding.nav {
        padding-right: 1rem
    }

    .nav_menu-button.w--open {
        color: var(--primary-color);
        background-color: transparent
    }

    .nav_menu-button-icon {
        transform: scale(1.2)
    }

    .nav_menu-wrapper {
        max-height: 95vh;
        min-height: 95vh;
        background-color: var(--background-color);
        flex-direction: column;
        margin-left: 0;
        padding-bottom: 2rem;
        display: flex;
        position: absolute;
        overflow: auto
    }

    .nav_menu-wrapper.light-version {
        background-color: #494BCB
    }

    .nav_link-wrapper {
        width: 61.5rem;
        height: 100%;
        grid-column-gap: 0px;
        grid-row-gap: 0rem;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        align-items: flex-start;
        justify-items: start;
        display: grid
    }

    .section_featured_header {
        padding-bottom: 1rem
    }

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

    .featured_header_content {
        max-width: 43.4rem
    }

    .text-custom-mparatitle.text-color-lightblue {
        margin-bottom: -.5rem
    }

    .text-custom-heading1 {
        font-size: 2.3625rem
    }

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

    .common_lightbox {
        width: 50rem;
        height: 33.179rem
    }

    .common_lightbox_image {
        height: 2.2rem
    }

    .common_lightbox_play-holder.int {
        width: 6rem;
        height: 6rem
    }

    .common_header-stars {
        width: 100%
    }

    .common_blue-radial.on-featured {
        display: none
    }

    .common_blue-radial.competitor-header {
        width: 49rem;
        height: 49rem;
        bottom: -13.825rem;
        left: 5.35rem
    }

    .common_blue-radial.on-faqs {
        width: 56rem;
        height: 56rem;
        top: -8%
    }

    .common_blue-radial.on-integrations {
        width: 56rem;
        height: 56rem;
        top: -5%
    }

    .common_blue-radial.careers-header {
        bottom: 2.475rem;
        left: 26.35rem
    }

    .common_blue-radial.on-home {
        width: 42rem;
        height: 42rem;
        top: 21%;
        left: -16%
    }

    .common_blue-radial.home-integrations {
        width: 100%
    }

    .common_blue-radial.home-ideate {
        width: 28rem;
        height: 28rem;
        top: -4%
    }

    .common_blue-radial.footer {
        width: 40rem;
        height: 40rem;
        display: none
    }

    .common_blue-radial.branding-productbg,.common_red-radial.on-featured {
        display: none
    }

    .common_red-radial.on-feature {
        width: 50rem;
        height: 50rem;
        bottom: -49.6rem
    }

    .common_red-radial.in-testimonials {
        width: 50rem;
        height: 50rem
    }

    .common_red-radial.on-stories {
        width: 52.5rem;
        height: 52.5rem;
        opacity: .3;
        bottom: -23.4875rem
    }

    .common_red-radial.home-header {
        width: 52.5rem;
        height: 52.5rem
    }

    .common_red-radial.footer {
        width: 40rem;
        height: 40rem;
        display: none
    }

    .section_common_logos {
        margin-top: -6rem
    }

    .common_logos_component {
        padding-top: 1rem
    }

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

    .common_logos_marquee-wrapper {
        width: 100vw
    }

    .common_logos_marquee-item {
        margin-right: 2rem
    }

    .common_testimonial_component {
        max-width: 50rem
    }

    .section_common_medium1 {
        padding-bottom: 2rem;
        overflow: hidden
    }

    .common_medium1_component {
        grid-column-gap: 2rem
    }

    .common_medium1_image-wrap {
        width: 27.5rem;
        height: 17.2147rem
    }

    .common_medium1_image {
        border-radius: 6px
    }

    .common_medium1_back-color {
        height: 16.68rem
    }

    .common_medium1_oval {
        bottom: -6.1rem
    }

    .content_medium1_paragraph {
        max-width: 24rem
    }

    .section_common_large.is-light {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .common_large_component {
        width: 100%;
        grid-row-gap: 8rem
    }

    .common_large_content {
        max-width: 24rem
    }

    .common_large_image-wrap {
        width: 51.8875rem;
        height: 32.4188rem;
        margin-right: -22rem
    }

    .common_large_image-wrap.reverse {
        margin-left: -22rem
    }

    .common_large_icon {
        width: 4rem;
        height: 4rem
    }

    .common_large_title {
        font-size: 2rem
    }

    .common_large_para {
        margin-top: 1.5rem;
        margin-bottom: 1rem
    }

    .common_large_testimonial {
        font-size: 1rem
    }

    .common_large_element {
        width: 100%;
        grid-column-gap: 4.8rem;
        align-items: center
    }

    .common_large_author-wrap {
        margin-top: 1.5rem
    }

    .common_large_image {
        border-radius: 6px
    }

    .common_footer_component {
        margin-top: 0
    }

    .common_footer_link {
        cursor: none
    }

    .common_footer_bottom-text {
        margin-right: 1rem;
        font-size: .875rem
    }

    .common_footer_socials-wrap {
        margin-right: 4rem
    }

    .common_footer_social-link {
        margin-right: 1.5rem
    }

    .common_footer_bottom-links {
        grid-column-gap: .5rem;
        display: flex
    }

    .common_footer-light {
        height: 32rem;
        overflow: hidden
    }

    .footer-light_component {
        width: 59rem
    }

    .footer_build {
        max-width: 24.0625rem;
        margin-bottom: -5rem;
        margin-right: 0
    }

    .footer_build-image {
        width: auto;
        height: 4.4rem
    }

    .footer_build-heading {
        font-size: 2.7rem
    }

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

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

    .footer-light_dark-curve,.footer-light_red-curve {
        min-width: 81.025rem
    }

    .footer-light-art {
        width: 31.5394rem;
        height: 16.7738rem;
        margin-top: -15.5rem;
        margin-right: -5.9rem
    }

    .section_feature_header {
        margin-bottom: -17rem;
        padding-bottom: 17rem
    }

    .section_common_logos-st {
        padding-bottom: 4rem
    }

    .common_logos-st_wrapper {
        width: 55rem;
        margin-left: auto;
        margin-right: auto
    }

    .common_logos-st_logo {
        width: 7.2rem;
        height: 1.6rem;
        max-height: 1.6rem;
        max-width: 7.2rem
    }

    .nav_dd_toggle {
        width: 100%;
        justify-content: space-between;
        padding-left: 0;
        padding-right: 1rem;
        font-size: 1.5rem
    }

    .nav_dd_toggle.w--open {
        margin-left: 0;
        margin-right: auto
    }

    .nav_dd_toggle.light {
        width: 100%;
        justify-content: space-between;
        padding-left: 0;
        padding-right: 2rem
    }

    .nav_dd_icon {
        margin-left: 0;
        right: 1rem
    }

    .nav_dd_list.w--open {
        width: 100%;
        background-color: var(--background-color-2);
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 0;
        margin: 1rem 0;
        padding-top: 0;
        padding-bottom: 1rem;
        position: static;
    }

    .nav_dd_list.light.w--open {
        box-shadow: none;
        background-color: #494BCB;
        padding-top: 0;
        padding-bottom: 0
    }

    .dropdown-icon-wrapper {
        margin-bottom: 0;
        margin-right: 1.5rem
    }

    .dropdown-link {
        font-size: 1.125rem
    }

    .dropdown-description-wrapper {
        justify-content: center
    }

    .dropdown-item {
        flex-direction: row;
        align-items: center;
        margin-bottom: 0;
        padding-top: .7rem;
        padding-bottom: .7rem;
        padding-left: 0
    }

    .nav_dd_link-text {
        display: none
    }

    .nav_dd_wrapper {
        width: 100%;
        cursor: none;
        border-bottom: .0625rem solid rgba(255,255,255,.1);
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem 0
    }

    .nav_dd_wrapper.light {
        border-bottom-color: rgba(255,255,255,.1)
    }

    .nav_dd_text {
        padding-left: 0;
        font-size: 1.3rem
    }

    .nav_dd_top {
        max-height: none;
        padding-top: 1rem
    }

    .nav_dd_component {
        padding-left: 2rem
    }

    .nav_dd_heading {
        margin-left: 0;
        font-size: 1rem;
        font-weight: 700
    }

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

    .nav_dd_bottom {
        height: auto;
        background-color: transparent;
        display: none
    }

    .nav_dd_content-resources {
        margin-top: 1rem
    }

    .nav_dd_column {
        border-bottom: .0625rem solid rgba(255,255,255,.1);
        padding-bottom: .5rem
    }

    .nav_dd_column.last {
        border-bottom-style: none
    }

    .nav_dd_component-resources {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        flex-direction: column;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .dropdown-link-heading {
        font-size: 1.125rem
    }

    .nav_dd_resources {
        max-height: none;
        padding-top: 1rem
    }

    .nav_dd_story-title {
        max-width: none;
        font-size: 1rem
    }

    .nav_dd_toggle-switch {
        color: var(--primary-color);
        width: 100%;
        background-color: transparent;
        border-style: none;
        justify-content: space-between;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        font-size: 1.3rem
    }

    .nav_dd_toggle-switch.w--open {
        margin-left: 0;
        margin-right: auto
    }

    .nav_dd_toggle-switch.light {
        background-color: transparent;
        justify-content: space-between;
        align-items: center;
        padding-left: 0;
        padding-right: 2rem
    }

    .nav_dd_icon-switch {
        margin-top: 1rem;
        right: 1rem
    }

    .nav_dd_wand {
        display: none
    }

    .nav_dd_component-switch {
        flex-direction: column;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .nav_dd_switch-link {
        max-width: 100%
    }

    .nav_dd_switch {
        max-height: none;
        padding-top: 1rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .nav_dd_switch.light {
        max-height: none
    }

    .nav_dd_switch-from {
        max-width: 100%
    }

    .nav_dd_text-switch {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 0;
        font-size: 1.3rem
    }

    .solutions_header_cards {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .common_header_card {
        width: 100%;
        padding-top: 2.5rem
    }

    .common_header_card.on-careers {
        width: 18.4rem
    }

    .common_header_card.switch_card {
        width: 100%
    }

    .common_header_card-image {
        width: 5rem;
        height: 5rem
    }

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

    .common_integrations_logo-wrap {
        width: 8rem;
        height: 8rem
    }

    .common_integrations_logo {
        max-height: 2.5rem;
        max-width: 2.5rem
    }

    .common_blog_top {
        grid-column-gap: 5rem;
        grid-template-columns: 3.5fr 1.5fr
    }

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

    .section_pricing_header {
        padding-bottom: 2rem;
        display: flex
    }

    .pricing_header_component {
        width: 90%;
        align-items: center;
        padding-top: 1rem
    }

    .pricing_header_buttons.pricing-header {
        margin-right: 0
    }

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

    .pricing_header_card {
        width: 33%;
        padding-left: .75rem;
        padding-right: .5rem
    }

    .pricing_header_card.is-business {
        width: 33%;
        flex-wrap: nowrap
    }

    .pricing_header_card.pricing_enterprise_card {
        width: 100%;
        padding-top: 1rem
    }

    .pricing_header_card.pricing_enterprise_card.enterprise_mobile_grid {
        display: none
    }

    .large-hero-title {
        font-size: 2.5rem
    }

    .pricing_header_card-list-item {
        background-position: 0 9px;
        background-size: auto .6rem;
        padding-left: 1.3rem
    }

    .pricing_header_features-link {
        margin-left: auto;
        margin-right: auto
    }

    .pricing_plan_card {
        width: 9rem;
        margin-right: .5rem
    }

    .pricing_plan_description-top {
        height: 6rem;
        padding-left: 0;
        top: 4rem
    }

    .pricing_plan_buttons {
        width: 21rem
    }

    .pricing_plan_card-top {
        top: 4.8rem
    }

    .pricing_plan_row-begin.description {
        z-index: 3;
        padding-left: 0
    }

    .common_testimonials_heading-wrap {
        position: relative
    }

    .common_testimonials_line.cards.below {
        margin-bottom: 2rem
    }

    .common_testimonials_tabs {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .common_testimonials_tab-link {
        max-height: 1.54rem;
        max-width: 9.1rem;
        padding-left: 0;
        padding-right: 0
    }

    .common_testimonials_tab-details {
        max-width: 32rem
    }

    .common_testimonials_tab-image-wrap {
        width: 10.9375rem;
        height: 10.9375rem
    }

    .common_testimonials_nav.right,.common_testimonials_nav.left {
        width: 3rem;
        height: 3rem
    }

    .pricing_plan_tooltip-wrap {
        margin-left: .5rem
    }

    .pricing_plan_tooltip-icon {
        width: 1.2rem;
        height: 1.2rem
    }

    .pricing_plan_tooltip-message {
        width: 15rem;
        display: none
    }

    .pricing_plan_row-list {
        max-width: 19rem
    }

    .common_header_cards {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1rem;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .common_header_cards.switch_cards.jira {
        grid-template-columns: 1fr 1fr 1fr
    }

    .switch_header_image-wrap {
        width: 29.7938rem;
        height: 23.3188rem
    }

    .switch_header_image-wrap.on-trello {
        width: 20.8556rem;
        height: 16.3231rem
    }

    .switch_cards_heading {
        max-width: 45.7rem;
        font-size: 1.8rem
    }

    .common_tabs_heading {
        font-size: 1.75rem
    }

    .common_tabs_menu {
        padding-top: 8rem
    }

    .common_tabs_link {
        cursor: none
    }

    .common_tabs_pane {
        width: 52.5438rem;
        height: 35.7438rem
    }

    .common_tabs_link-header {
        cursor: none
    }

    .common_tabs_pane-image {
        height: 33.6267rem
    }

    .common_tabs_pane-back {
        width: 46.2438rem;
        height: 27.7813rem
    }

    .text-link-lightblue {
        padding-right: 1rem
    }

    .text-link-lightblue.thin-underline.signup {
        padding-right: .2rem
    }

    .trello_stats_import-images {
        margin-top: 2rem
    }

    .trello_steps_text-wrap {
        max-width: 53.2rem
    }

    .competitors_header_text-wrap {
        width: 33rem
    }

    .competitors_header_image-wrap {
        width: 26.9938rem;
        height: 21.4375rem
    }

    .competitors_slider_wrapper {
        width: 45rem
    }

    .competitors_slider_item.swiper-slide {
        height: 31.2rem;
        min-width: 45rem
    }

    .competitors_header_cards-heading-wrap {
        max-width: 39rem
    }

    .section_community_header {
        padding-top: 2rem
    }

    .community_header_image-wrap {
        width: 30.87rem;
        height: 20.8863rem;
        margin-right: 0
    }

    .community_header_text-wrap {
        width: 27rem
    }

    .community_header_component {
        width: 100%
    }

    .community_header_bottom-image {
        width: 60.2rem;
        height: 26.6rem;
        margin-bottom: -3.35rem
    }

    .community_header_discord-wrap {
        max-width: 30rem;
        grid-row-gap: .75rem
    }

    .community_header_discord {
        width: 3.675rem;
        height: 2.8175rem
    }

    .community_header_seperator {
        height: 12.0969rem;
        margin-left: 1rem;
        margin-right: 1rem
    }

    .community_testimonial_text {
        font-size: 1rem
    }

    .community_testimonial_image-wrap {
        margin-top: 1rem
    }

    .community_testimonial_author-details {
        flex-direction: column
    }

    .community_testimonial_author-details-text.comma {
        display: none
    }

    .community_testimonial_quote-icon {
        width: 7.44188rem;
        height: 5.69625rem;
        left: .0375rem
    }

    .community_events_list {
        grid-column-gap: 1rem;
        grid-template-columns: 1fr 1fr 1fr
    }

    .community_events_image-wrapper {
        padding-top: 1.925rem
    }

    .community_events_image {
        width: 7.875rem;
        height: 7.875rem
    }

    .community_events_item-content {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .community_events_meta-wrapper {
        margin-top: 1.4rem
    }

    .community_events_heading-wrap {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .community_events_title {
        margin-top: 1rem
    }

    .section_community_recordings {
        padding-top: 0
    }

    .community_recordings_heading-wrap {
        max-width: 20.9125rem;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    ._404_header_content {
        max-width: 100%;
        margin-right: 0
    }

    ._404_header_image-wrap {
        width: 37.975rem;
        height: 28.4375rem;
        margin-left: -1.5625rem;
        margin-right: 0
    }

    ._404_header_logo {
        width: 18rem;
        height: 6rem
    }

    ._404_header_404 {
        font-size: 5.25rem
    }

    .medium-hero-title.on-404 {
        font-size: 1.96rem
    }

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

    ._404_header_divider {
        width: 1.2rem;
        height: .0625rem;
        opacity: .5;
        margin-top: .5rem;
        margin-bottom: .5rem;
        margin-left: 0
    }

    .signup_component {
        width: 59rem
    }

    .common_footer-dark {
        height: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
        padding-top: 2rem;
        padding-bottom: 7.2rem
    }

    .footer-dark-art {
        width: 29.8047rem;
        height: 20.1758rem;
        margin-bottom: -3.8rem
    }

    .footer-dark_component {
        width: 100%;
        justify-content: center;
        margin-bottom: 0
    }

    .faqs_component {
        width: 59rem
    }

    .section_contact {
        padding-top: 0
    }

    .contact_component {
        width: 59rem
    }

    .common_cards_wrap {
        width: 100%;
        margin-top: 4rem
    }

    .common_card {
        width: 100%;
        min-height: 17rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .common_card.background-red,.common_card.background-purple {
        min-height: 100%
    }

    .common_card_heading {
        font-size: 2rem
    }

    .integrations_component {
        width: 100%
    }

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

    .integrations_card {
        padding-top: 2rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .integrations_card-image {
        width: 3.85rem;
        height: 3.85rem;
        margin-bottom: 0
    }

    .community_testimonial_image {
        width: 3.5rem;
        height: 3.5rem
    }

    .way_header_component {
        width: 100%;
        padding-left: 22rem
    }

    .way_details_richtext {
        margin-left: 22rem;
        margin-right: 6rem
    }

    .way_details_toc-wrap {
        width: 20rem;
        margin-top: -19.35rem
    }

    .about_header_component {
        width: 59rem;
        padding-right: 0
    }

    .about_header_content {
        max-width: 100rem
    }

    .about_header_stats {
        width: 100%
    }

    .about_header_stat {
        font-size: 2.45rem
    }

    .section_about_values {
        overflow: hidden
    }

    .about_values_heading-wrap {
        max-width: 45.5438rem
    }

    .section_about_team {
        overflow: hidden
    }

    .about_team_component,.about_team_wrapper {
        width: 100%
    }

    .about_team_list {
        grid-column-gap: 4.25rem
    }

    .section_about_board {
        padding-top: 0;
        overflow: hidden
    }

    .careers_header_component {
        width: 100%;
        padding-top: 5rem
    }

    .careers_header_image-wrap {
        width: 23.3669rem;
        height: 21.0394rem
    }

    .careers_header_background {
        width: 140rem;
        height: 45.5rem;
        top: -30%;
        left: -102%
    }

    .careers_header_bottom-wrap {
        max-width: 30rem
    }

    .common_slider_item-wrap {
        min-height: 20rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .common_slider_testimonials.on-stories,.common_slider_author-name {
        font-size: 1rem
    }

    .common_slider_nav-wrap {
        margin-top: 2rem
    }

    .careers_values_cars-wrap {
        grid-column-gap: 1.25rem
    }

    .careers_perks_heading-wrap {
        margin: 0 0 2rem
    }

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

    .careers_perks_image {
        margin-right: 2rem;
        display: block
    }

    .careers_perks_title {
        padding-left: 0
    }

    .careers_perks_text {
        text-align: center
    }

    .section_stories_header {
        padding-top: 2rem
    }

    .stories_header_component {
        width: 100%
    }

    .stories_header_content {
        grid-row-gap: 0rem
    }

    .stories_featured_component {
        width: 100%
    }

    .stories_featured_lightbox {
        width: 25.725rem;
        height: 18.5063rem
    }

    .stories_featured_item {
        grid-column-gap: 1.925rem
    }

    .stories_featured_item-details {
        max-width: 31rem
    }

    .stories_featured_author-details-wrap {
        margin-top: 1rem;
        margin-bottom: .75rem
    }

    .common_stories_image-wrap {
        height: 15.9688rem
    }

    .stories_stats_background {
        top: 9.8rem
    }

    .stories_stats_content {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .stories_stats__stat {
        font-size: 3.28125rem
    }

    .stories_stats_wrap {
        grid-column-gap: 3.5rem;
        grid-row-gap: 2.8rem;
        margin-top: 0
    }

    .stories_stats_line {
        margin-bottom: 1rem
    }

    .story_header_component {
        width: 100%;
        margin-right: 0;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .story_header_content {
        max-width: 33rem;
        padding-right: 2rem
    }

    .story_header_image-wrap {
        width: 10.7188rem;
        height: 2.0125rem
    }

    .story_header_details {
        margin-top: 1rem;
        padding-top: 1rem
    }

    .story_richtext_sidebar {
        max-width: 23rem;
        margin-top: -2rem
    }

    .story_richtext_wrapper {
        margin-left: 1rem
    }

    .story_richtext_testimonial-wrap {
        margin-top: 2rem
    }

    .story_richtext_testimonial-content {
        max-width: 28rem
    }

    .story_richtext_testimonial-image-wrap {
        width: 11.6375rem;
        height: 11.6375rem
    }

    .section_blog_header {
        padding-top: 2rem
    }

    .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
    }

    .blog_category-line {
        width: 30rem
    }

    .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
    }

    .home_header_component {
        padding-bottom: 2rem
    }

    .home_header_top.centered.card-position {
        min-height: auto
    }

    .home_header_heading-wrap {
        width: 31.6rem
    }

    .home_header_heading-wrap.centered.headers {
        width: 100%
    }

    .home_header_image-wrap {
        width: 33.1625rem;
        height: 24.5438rem;
        margin-right: -5rem
    }

    .home_header_slider-holder {
        padding-left: 5.67rem;
        padding-right: 5.67rem
    }

    .home_header_slider-holder.slider_center {
        margin-bottom: 0
    }

    .home_header_slide-browser {
        height: 1.785rem
    }

    .home_header_slide-video {
        height: 28rem
    }

    .home_header_slider-wrap {
        height: 29.75rem
    }

    .home_integrations_lines {
        width: 53.375rem;
        height: 20.825rem;
        top: -49%
    }

    .home_stats_card {
        width: 17.7188rem;
        height: auto;
        padding-bottom: 1rem
    }

    .home_stats_title {
        font-size: 3.28125rem
    }

    .home_stats_text {
        max-width: 90%;
        text-align: center
    }

    .common_medium2_card {
        width: 28rem
    }

    .common_medium2_card-image-wrap {
        width: 28.49rem;
        height: 12.32rem
    }

    .common_medium2_card-content {
        padding-top: 2rem
    }

    .home_automate_component {
        max-width: 100%;
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        flex-flow: wrap;
        justify-content: center;
        align-items: center
    }

    .home_automate_content {
        width: 90%;
        margin-left: 1rem
    }

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

    .home_ship_line {
        width: 5.11rem;
        height: 14.35rem
    }

    .home_ship_video {
        width: 55.5625rem;
        height: 18.5063rem
    }

    .home_ship_logo {
        width: 3.5875rem;
        height: 3.5875rem
    }

    .home_ideate_video-wrap {
        width: 100%;
        height: 17rem;
        overflow: visible
    }

    .home_ideate_video {
        max-width: 100%
    }

    .common_tabs_heading-wrap {
        top: 2rem
    }

    .common_tabs_heading-wrap.on-homepage {
        top: 5rem
    }

    .home_tabs_line-wrap {
        width: 42rem;
        height: 15.4rem;
        margin-top: 4rem;
        margin-left: -3.5rem
    }

    .section_home_storyboard {
        padding-top: 4rem
    }

    .home_storyboard_image {
        width: 80.0625rem;
        height: 21.4375rem
    }

    .home_build_component {
        position: relative
    }

    .home_build_line-wrap {
        width: 37.1rem;
        height: 15.19rem;
        margin-left: -15.7938rem
    }

    .home_build_content {
        padding-left: 0
    }

    .home_build_cards {
        width: 38rem
    }

    .home_build_item-wrap {
        max-width: 20rem
    }

    .home_build_item-quote {
        width: 10.6313rem;
        height: 8.1375rem;
        top: 1.2rem
    }

    .home_build_card {
        align-items: center;
        padding-left: 1.75rem;
        padding-right: 1.4rem
    }

    .home_build_card-image {
        width: 4.375rem;
        height: 4.375rem
    }

    .home_build_card-arrow {
        height: 5rem
    }

    .home_build_card-text-wrap {
        width: 25rem
    }

    .home_steps_content {
        padding-top: .8rem;
        padding-bottom: .8rem
    }

    .home_steps_link {
        cursor: none
    }

    .home_ideate_line {
        width: 5.11rem;
        height: 14.35rem
    }

    .category_header_component {
        width: 59rem
    }

    .common_positive_spacing {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .common_negative_spacing {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }

    .pricing_plan_row-text {
        font-size: .875rem
    }

    .nav_dd_switch-wrap {
        max-width: 100%;
        border-bottom: .0625rem solid rgba(255,255,255,.1);
        border-radius: 0;
        padding-bottom: 2rem;
        display: block
    }

    .nav_dd_switch-wrap.light {
        border-bottom-color: rgba(255,255,255,.1)
    }

    .community_header_bottom-image-mobile {
        width: 60.2rem;
        height: 26.6rem;
        margin-bottom: -3.35rem
    }

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

    .common_lightbox_image-wrap {
        width: 90%;
        height: 90%
    }

    .common_lightbox_browser-image {
        height: 100%;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        margin-top: 0
    }

    .common_tabs_pane-browser {
        height: 2rem;
        min-height: 2rem
    }

    .blog-category_title,.common_medium2_card-heading {
        font-size: 2rem
    }

    .section_refer {
        padding-top: 0
    }

    .refer_component {
        width: 59rem
    }

    .refer_cards-wrap {
        width: 100%;
        margin-top: 4rem
    }

    .refer_card {
        width: 100%;
        padding-top: 2.5rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .refer_card_title {
        font-size: 2rem
    }

    .section_template_header {
        padding-top: 0
    }

    .template_header_component {
        width: 59rem
    }

    .template_header_rich-wrap {
        max-width: 42.0875rem
    }

    .section_demo {
        padding-top: 0
    }

    .demo_component {
        width: 59rem;
        padding-right: 1rem
    }

    .demo_content {
        max-width: 24rem
    }

    .demo_form-block {
        width: 33rem;
        min-height: 51rem
    }

    .section_press_header {
        padding-top: 2rem
    }

    .press_header_component {
        width: 100%
    }

    .press_header_highlights-list {
        grid-column-gap: 2rem
    }

    .press_header_highlights-image-wrap {
        height: 16.5rem
    }

    .press_header_highlights-title {
        margin-top: 1.25rem
    }

    .press_recent_content {
        width: 100%;
        padding: 1rem 2rem
    }

    .section_release {
        padding-top: 2rem
    }

    .release_component {
        width: 100%
    }

    .section_common_logos-on-switch {
        margin-top: 3rem
    }

    .careers_embed {
        width: 100%
    }

    .banner_container {
        justify-content: space-between
    }

    .banner_component {
        height: auto;
        min-height: 3.125rem;
        flex-direction: column
    }

    .linear_gradient.homepage-linear-right.roadmap-card,.linear_gradient.homepage-linear-right.teams_linear,.linear_gradient.roadmap-linear.milestone {
        display: none
    }

    .section_rough {
        padding-bottom: 4rem
    }

    .common_medium1_arcade-wrap {
        width: 58.52rem;
        height: 39.6rem
    }

    .story_header_featured-image-wrap {
        width: 25.725rem;
        height: 18.5063rem
    }

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

    .common_footer_copyright-text {
        margin-right: 1rem;
        font-size: .875rem
    }

    .stories_featured_image {
        width: 25.725rem;
        height: 18.5063rem
    }

    .feature-content-grid {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .bold-text-3 {
        text-align: left
    }

    .bold-text-4,.bold-text-5 {
        text-align: center
    }

    .feature_icon {
        padding-right: 1rem
    }

    .replace-tag {
        margin-left: .8rem
    }

    .stats-grid {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr
    }

    .stat-dark-number,.stat-light-number {
        font-size: 3.4rem
    }

    .section-stats {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .white_gradient_bottom {
        bottom: 0%
    }

    .review_text {
        min-height: 6.3rem;
        font-size: 1.5rem
    }

    .testimonial-avatar-1 {
        max-width: 100%;
        padding-right: 1rem
    }

    .common_medium3_card {
        width: 28rem
    }

    .common_medium3_card-content {
        box-shadow: none;
        color: transparent
    }

    .common_home_card {
        width: 28rem
    }

    .tooltip-image {
        max-width: 94%
    }

    .home_automate_animation {
        width: 30rem;
        max-width: 30rem
    }

    .gitlab {
        top: -10px
    }

    .bitbucket {
        display: block;
        position: relative;
        top: -10px
    }

    .aasaan_logo1,.aasaan-logo-2 {
        top: 28%;
        right: 3%
    }

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

    .padding-section-medium-2 {
        padding-top: 2rem;
        padding-bottom: 4rem
    }

    .button-workspaces-wrapper {
        margin-left: auto;
        display: none
    }

    .security-image {
        max-width: 27rem;
        display: none
    }

    .tablink {
        width: 160px;
        padding-left: 16px;
        padding-right: 16px
    }

    .gradient_bottom-2 {
        height: 100px
    }

    .line-shine {
        width: 80%;
        display: none
    }

    .bg_image_compare_table {
        margin-bottom: -75px
    }

    .compare-grid_2 {
        width: 95%
    }

    .aasaan-logo {
        max-width: 70%
    }

    .build-grid.contained {
        grid-template-columns: 1fr 1fr
    }

    .build-grid.contained.top {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .build-grid.contained.bottom {
        grid-template-rows: auto auto;
        grid-template-columns: 3.25fr
    }

    .card {
        height: 100%;
        align-items: flex-start
    }

    .card.teams {
        height: 100%
    }

    .card.boards {
        min-height: 23rem
    }

    .card.roadmap {
        max-height: 100%;
        max-width: 100%;
        min-height: 0;
        min-width: 0
    }

    .card.small-card.ship-it-lower {
        height: 13rem
    }

    .card.large-card {
        height: auto;
        min-height: 25rem
    }

    .card.large-card:hover {
        transform: translateY(-4px)
    }

    .card.large-card.roadmap-1-col {
        min-height: 28rem
    }

    .card.large-card.plan_card_mobile {
        min-height: 23rem
    }

    .card.pricing_header_card {
        width: 33%;
        padding-left: .5rem;
        padding-right: .5rem
    }

    .card.pricing_header_card.is-business {
        margin-top: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .card.pricing_header_card.pricing_enterprise_card.enterprise_pricing_desktop {
        width: 100%
    }

    .card-content {
        width: 100%;
        height: 100%;
        flex-direction: column;
        align-items: flex-start;
        display: flex
    }

    .card-content.teams {
        min-height: 20rem;
        position: static
    }

    .card-content.plan {
        min-height: 22rem;
        min-width: auto;
        justify-content: space-between
    }

    .content-wrapper {
        padding-left: 0
    }

    .content-wrapper.teams {
        max-width: 72%
    }

    .content-wrapper.plan_2_col {
        padding-left: 2rem;
        overflow: visible
    }

    .card-heading.homepage {
        text-align: left;
        font-size: 1.5rem
    }

    .inner_card_paragraph.plan_desc {
        width: 100%
    }

    .image-74 {
        width: 26%;
        max-width: 80%
    }

    .boards-image {
        width: 100%;
        max-width: 100%;
        bottom: -17%;
        left: 0%
    }

    .sprints-image {
        width: 49rem;
        max-width: 100%;
        object-fit: none;
        bottom: -50px;
        left: auto;
        right: auto
    }

    .glowing-line-image {
        width: auto;
        height: auto;
        max-width: none;
        min-height: 470px;
        display: none;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .image-81 {
        top: 10px
    }

    .value-container.jira {
        border-radius: 12px;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .value-container.aasaan {
        min-height: 7.5rem;
        border-radius: 12px;
        flex-wrap: nowrap;
        justify-content: center;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .value-logo {
        flex-wrap: nowrap;
        align-content: center;
        display: flex
    }

    .aassan-app-icon {
        display: none
    }

    .value-item {
        padding-left: 0
    }

    .value-item-text {
        font-size: .8rem
    }

    .build-anything-bottom-image.hero-bottom.left {
        margin-left: 0
    }

    .jira-app-icon {
        display: none
    }

    .common_feature_grid_3col {
        width: 100%
    }

    .common_feature_grid_element {
        margin-bottom: 0
    }

    .heading.feature_grid_header._4_col {
        font-size: 1.2rem
    }

    .feature-grid-subetxt {
        font-size: 1rem
    }

    .feature_grid_icon {
        top: 0;
        left: 0
    }

    .container_features_grid {
        max-width: 120%;
        padding-right: 0
    }

    .common_feature_grid_4col {
        grid-column-gap: 8px;
        grid-row-gap: 8px
    }

    .plan-grid.bottom {
        width: auto;
        margin-top: 2rem
    }

    .plan-grid.top {
        width: 100%;
        height: 100%
    }

    .backlog-image {
        max-width: 100%;
        display: none
    }

    .milestone-image {
        width: 100%;
        top: 0
    }

    .backlog-background-cards-image {
        display: none;
        position: relative
    }

    .backlog-image-mobile {
        display: block
    }

    .section_splitter {
        margin-top: 0
    }

    .section-ground-hero {
        justify-content: center;
        align-items: center
    }

    .section_int {
        padding-top: 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
    }

    .popup-title-scrollbar {
        width: 2rem
    }

    .responsive-error-screen {
        background-color: #fff;
        display: none
    }

    .text-block-19 {
        width: 90%;
        text-align: center;
        margin-bottom: 2rem;
        padding-bottom: 0
    }

    .link-3 {
        color: var(--primary-color)
    }

    .navbar-logo-center-container.shadow-three {
        width: 100%;
        display: none
    }

    .container {
        max-width: 728px
    }

    .navbar-wrapper-three {
        justify-content: space-between
    }

    .nav-menu-wrapper-three {
        background-color: transparent;
        top: 70px
    }

    .nav-menu-three {
        background-color: #494BCB;
        border-radius: 50px;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
        padding: 20px;
        display: flex;
        box-shadow: 0 8px 50px rgba(255,255,255,.05)
    }

    .nav-dropdown-list-2.shadow-three.w--open {
        position: absolute
    }

    .menu-button-2 {
        padding: 12px;
        display: none
    }

    .menu-button-2.w--open {
        color: #494BCB;
        background-color: #a6b1bf
    }

    .column-wrap {
        flex-wrap: wrap
    }

    .horizontal-content-block-2 {
        padding-left: 25px;
        padding-right: 40px
    }

    .slider_image {
        border-radius: 6px
    }

    .homepage-splitter-bar {
        width: 70%;
        height: 1.5px
    }

    .card-content {
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

    .card-content:hover {
        transform: translate(0)
    }

    .card-content.ideate-card {
        flex-wrap: nowrap
    }

    .card-content.plan-card {
        flex-wrap: nowrap;
        align-items: center
    }

    .card-content.report-card-1-2 {
        justify-content: center
    }

    .card-content.ship-cards-lower {
        flex-flow: column wrap;
        justify-content: center;
        align-items: flex-end
    }

    .investor-grid.contained {
        grid-template-columns: 1fr 1fr
    }

    .card-2 {
        height: 10rem
    }

    .heading-3 {
        font-size: 4.5rem
    }

    .grid-2-1,.grid-1-2 {
        grid-template-columns: .5fr .5fr
    }

    .grid-1-1 {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr
    }

    .grid-1 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr;
        justify-items: center
    }

    .homepage-title-ideate {
        min-height: auto;
        flex-direction: column
    }

    .homepage-title-ideate.new {
        min-height: 0
    }

    .homepage-title {
        width: 80%;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .homepage-title.left-aligned,.homepage-title.center {
        width: 80%
    }

    .homepage-title-right {
        display: none
    }

    .title-icon-bg {
        width: 100%;
        height: 100%
    }

    .ideate-title-icon {
        width: 50%;
        height: 50%
    }

    .title-icon {
        width: 6rem;
        height: 6rem
    }

    .docs-img {
        max-width: 100%
    }

    .common-blue-radial.plan-radial-bg.roadmapbg {
        display: none
    }

    .ideate-card-img {
        height: 50%
    }

    .ideate-card-img.ideate-integreation-img {
        height: 50%;
        flex-direction: row;
        align-items: center;
        display: flex
    }

    .ideate-card-content {
        width: 95%;
        height: 50%;
        max-height: 100%;
        justify-content: center
    }

    .ideate-image {
        width: 100%;
        height: auto;
        max-width: 100%
    }

    .ideate-image.lets-collab-img {
        max-width: 80%
    }

    .card_text.text_centered {
        width: 95%
    }

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

    .plan-card-content {
        align-items: center;
        margin-top: 1rem;
        margin-right: 0
    }

    .plan-card-content.milestone-card {
        width: 90%;
        height: 50%
    }

    .plan-card-img {
        justify-content: center
    }

    .plan-card-img.milestone-img-card {
        height: 50%;
        align-items: center
    }

    .plan-img {
        max-width: 100%;
        padding-top: 1rem;
        display: none;
        position: relative
    }

    .roadmap-grid {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .plan-img-mobile {
        width: 80%;
        height: 100%;
        margin-top: 1rem;
        padding-top: 0;
        display: block
    }

    .milestoneimg {
        width: 100%;
        max-width: 110%
    }

    .backlog_img.top_linear {
        width: 70%;
        top: 2rem
    }

    .team-card-content {
        width: 80%;
        height: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .team-img,.team-img-card {
        display: none
    }

    .biuld-card-content {
        width: 90%;
        align-items: flex-start
    }

    .biuld-card-content.boards-card {
        height: 100%
    }

    .build-img-card {
        display: none
    }

    .boards_icon,.teams_icon {
        width: 5rem;
        height: 5rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        display: block
    }

    .report-card-content {
        width: 80%;
        padding-left: 0
    }

    .reports-img-card {
        display: none
    }

    .reports-icon {
        width: 5rem;
        height: 5rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        display: block
    }

    .reports-image {
        display: none
    }

    .keyboard-content1 {
        width: 80%
    }

    .title-icon-bg-2 {
        width: 100%;
        height: 100%
    }

    .ship-it-lower-img-2 {
        width: 40%
    }

    .grid-1-3 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .keyboard_img-2 {
        width: 0%;
        max-width: 90%;
        min-width: 13rem;
        display: block
    }

    .speed-img-2 {
        width: 0%;
        height: 0%;
        min-height: 17rem;
        min-width: 15rem
    }

    .integration_card_content {
        padding-left: 1rem
    }

    .testimonial-gradient {
        opacity: .75
    }

    .reporting-ship-img {
        max-width: 80%
    }

    .sprint-img {
        min-height: 0;
        display: none
    }

    .build-card-img,.build-card-img.build-reports-image {
        display: none
    }

    .pricing_enterprise_content {
        width: 83%;
        margin-top: 1rem;
        margin-bottom: .5rem
    }

    .pricing-enterprise-contact {
        height: auto
    }

    .enterprise_pricing_card_text {
        line-height: 1.7
    }

    .pricing_header_card-2 {
        width: 14.4rem;
        padding-left: .75rem;
        padding-right: .5rem
    }

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

    .section_pricing_header-2 {
        padding-bottom: 2rem
    }

    .pricing_header_card-list-item-2 {
        background-position: 0 9px;
        background-size: auto .6rem;
        padding-left: 1.3rem
    }

    .pricing_header_cards-wrap-2 {
        grid-column-gap: .5rem
    }

    .pricing_header_component-2 {
        width: 100%;
        align-items: flex-start;
        padding-top: 1rem
    }

    .pricing_tabs_wrapper-2 {
        margin-right: 0
    }

    .pricing_header_features-link-2 {
        margin-left: auto;
        margin-right: auto
    }

    .pricing_card_container {
        min-height: 36rem;
        justify-content: space-between
    }

    .enterprise-card-features {
        justify-content: center
    }

    .image-97 {
        width: 5rem;
        height: 5rem
    }

    .mark-paragraph {
        text-align: center;
        padding-top: 20px
    }

    .thelogo-grid {
        width: 90%;
        grid-template-columns: 1fr
    }

    .div-block-13 {
        height: auto
    }

    .mark-grid-outter {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .heading-30 {
        margin-bottom: 0
    }

    .title-section-header {
        min-width: 90%
    }

    .title-section-header.fonts {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .container-logo {
        max-width: 100%;
        margin-bottom: 100px
    }

    .text-grid {
        justify-items: center;
        padding-top: 2rem
    }

    .mark-image-grid {
        justify-items: center
    }

    .container-large-brand {
        align-items: center
    }

    .green-color {
        width: 110px;
        height: 110px
    }

    .yellow-color {
        width: 110px;
        height: 110px;
        min-height: 0
    }

    .blue-color,.purple-color {
        width: 110px;
        height: 110px
    }

    .color-grid {
        grid-row-gap: 48px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr
    }

    .red-color {
        width: 110px;
        height: 110px
    }

    .color-container {
        width: 90%
    }

    .dark-navy {
        width: 110px;
        height: 0;
        min-height: 110px
    }

    .stroke-shimmer {
        width: 60%;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto
    }

    .color-block {
        margin-bottom: 20px
    }

    .icon_grid_branding.light {
        grid-column-gap: 64px;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }

    .product_image_grid {
        width: 90%;
        grid-template-columns: 1fr
    }

    .grid-5 {
        width: 90%;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .heading-31 {
        margin-bottom: 0
    }

    .typography-weight-wrap-2.first {
        padding-top: 0
    }

    .letter-container {
        width: 100%
    }

    .typography-types-wrap-2 {
        margin-top: 20px;
        margin-left: 0
    }

    .image-slider {
        display: none
    }

    .before {
        background-image: none;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto;
        background-attachment: scroll
    }

    .before_mobile {
        width: 400px;
        height: 408px;
        filter: none;
        display: block;
        overflow: visible
    }

    .after {
        background-image: none
    }

    .after_mobile {
        width: 400px;
        height: 408px;
        display: block
    }

    .logo_mobile {
        width: 210px;
        display: block
    }

    .sharp_bg-svg.homepage-bg {
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .shaped_bg.about-us-bg,.right_footer._404-footer,.left_footer._4040-footer,.about-img {
        display: none
    }

    .visual {
        overflow: visible
    }

    .header-text {
        letter-spacing: 0;
        font-size: 12rem;
        line-height: 11rem
    }

    .c-hero-slide-details {
        padding-left: 5%;
        padding-right: 5%;
        bottom: 12%;
        right: auto
    }

    .hero-slide-highlight-text {
        font-size: 10em
    }

    .hero-slider-arrow {
        opacity: .75;
        font-size: 25px
    }

    ._w-hero-slide-details {
        width: 100%
    }

    .image-slider-2 {
        display: none
    }

    .before-2 {
        background-image: none;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto;
        background-attachment: scroll
    }

    .after-2 {
        background-image: none
    }

    .prod_eng_fade-in-title.text-gradient-primary {
        font-size: 3.2rem
    }

    .together-title {
        font-size: 8rem
    }

    .large_browser_img {
        margin-top: -20px
    }

    .docs_bg_img,.roadmap_bg_img {
        opacity: .4;
        margin-top: 300px
    }

    .early-access-title-container {
        flex-direction: column
    }

    .early-access-title-text {
        width: 70%;
        display: flex
    }

    .early-access-title-image-wrapper {
        display: none
    }

    .early_access_title_wrapper {
        text-align: center;
        align-items: center
    }

    .animation-section {
        height: auto;
        margin-bottom: 2rem;
        padding-bottom: 3rem;
        padding-left: 20px;
        padding-right: 20px
    }

    .reveal-type {
        font-size: 30px
    }

    .container-w2.gutter-outside {
        width: 90%;
        max-width: 100%
    }

    .section-screenflip {
        height: auto;
        display: flex
    }

    .ipad-screen {
        border-radius: 7px
    }

    .content-sticky-left {
        width: 37%
    }

    .header-text-2 {
        letter-spacing: 0;
        font-size: 6rem;
        line-height: 11rem
    }

    .content-sticky-right {
        width: 56%
    }

    .faq-menu {
        z-index: 9999999;
        max-width: none;
        flex-direction: row;
        justify-content: flex-start;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        overflow: auto
    }

    .faq-item-wrapper {
        z-index: 8888;
        position: static
    }

    .faq-container {
        flex-direction: column
    }

    .faq-group-row {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .faq-answer {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .faq-menu-title {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: .5rem 2rem;
        display: flex;
        position: relative
    }

    .sticky-title {
        z-index: 9999;
        width: 100%;
        background-color: transparent;
        border-radius: .5rem;
        top: 1rem;
        box-shadow: 0 25px 50px -12px rgba(255,255,255,.15)
    }

    .faq-groups-wrapper {
        width: 100%
    }

    .faq-arrow {
        z-index: 0;
        position: relative
    }

    .faq-question {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .faq-menu-item.w--current {
        margin-top: .5rem;
        margin-bottom: .5rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1.25rem
    }

    .features-left {
        height: 32rem;
        max-width: 60%;
        padding-top: 0;
        position: relative
    }

    .features-right {
        width: 60%;
        height: 100%
    }

    .container-3 {
        width: 100%
    }

    .features-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-top: 0
    }

    .section {
        z-index: 4;
        position: relative
    }

    .banner-jira-wrapper {
        width: 100%;
        margin-bottom: 3rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .jira_banner_link {
        font-size: 1.2rem
    }

    .sarah_arrow,.karl_arrow {
        display: none
    }

    .buttons_wrapper {
        flex-direction: row;
        justify-content: space-between
    }

    .link-text,.link-text-2 {
        width: 100%;
        flex: none
    }

    .feature_hero_img {
        min-height: auto;
        margin-left: 1rem;
        margin-right: 1rem
    }

    .image-117 {
        width: 300px
    }

    .grid_feature_cards {
        width: 90%;
        margin-left: 1rem;
        margin-right: 1rem
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size:2.5rem
    }

    h2 {
        font-size: 2rem
    }

    h3 {
        font-size: 1.5rem
    }

    h4 {
        font-size: 1rem
    }

    .padding-xlarge {
        padding: 2rem
    }

    .margin-xlarge {
        margin: 2rem
    }

    .padding-xhuge {
        padding: 4rem
    }

    .padding-xxhuge {
        padding: 4.5rem
    }

    .padding-huge {
        padding: 3.5rem
    }

    .margin-large {
        margin: 1.5rem
    }

    .padding-xxlarge {
        padding: 3rem
    }

    .padding-large {
        padding: 1.5rem
    }

    .margin-huge {
        margin: 3.5rem
    }

    .padding-medium {
        padding: 1.25rem
    }

    .margin-xxlarge {
        margin: 3rem
    }

    .margin-xhuge {
        margin: 4rem
    }

    .margin-medium {
        margin: 1.25rem
    }

    .margin-xxhuge {
        margin: 4.5rem
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

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

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

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

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

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

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

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

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

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

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

    .hide-mobile-landscape {
        display: none
    }

    .fs-styleguide_heading-large {
        font-size: 3rem
    }

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

    .heading-style-h3 {
        font-size: 1.5rem
    }

    .heading-style-h1 {
        font-size: 2.5rem
    }

    .padding-global {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .padding-section-small {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .text-color-white {
        text-align: left;
        font-size: .875rem;
        line-height: 1.5
    }

    .fs-styleguide_section-header {
        font-size: .875rem
    }

    .fs-styleguide_heading-medium {
        font-size: 2rem
    }

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

    .max-width-full-mobile-landscape {
        width: 100%;
        max-width: none
    }

    .heading-style-h4 {
        font-size: 1rem
    }

    .text-style-nowrap {
        white-space: normal
    }

    .heading-style-h6 {
        font-size: .75rem
    }

    .padding-section-large {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .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
    }

    .container-large {
        max-width: 45rem
    }

    .main-wrapper {
        font-size: 2rem
    }

    .button.primary {
        font-size: 1rem
    }

    .button.primary.hide-mobile {
        display: none
    }

    .button.primary.fonttest {
        font-size: 1rem
    }

    .button.primary.demo_button {
        width: 45%;
        padding-left: 5rem;
        padding-right: 5rem
    }

    .button.is-google,.button.is-google.fonttest,.button.on-pricing-card,.button.in-blog {
        font-size: 1rem
    }

    .button.is-workspaces {
        width: 45rem
    }

    .button.is-workspaces-mobile {
        width: auto;
        background-image: none;
        border-width: .0625rem;
        transition-property: none
    }

    .button.is-workspaces-mobile:hover {
        background-color: transparent;
        background-image: none;
        border-width: .0625rem;
        border-color: var(--primary-color-3)
    }

    .button.secondary.jira_banner_button {
        font-size: 1rem
    }

    .button.is-calendly {
        width: 45%;
        padding-left: 4rem;
        padding-right: 4rem;
        font-size: 1rem
    }

    .button.primary {
        font-size: 1rem
    }

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

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

    .padding-section-medium {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .nav_button-wrapper {
        width: 45rem
    }

    .page-padding {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .nav_logo-link.w--current {
        padding-left: 0
    }

    .nav_link-wrapper {
        width: 45rem
    }

    .nav_logo {
        width: 10.625rem;
        height: 2.5rem
    }

    .text-custom-heading1.aasaan-way {
        font-size: 4.7rem
    }

    .text-custom-heading1.text_header_center {
        font-size: 3rem
    }

    .common_lightbox {
        width: 42.5rem;
        height: 28.2022rem
    }

    .common_lightbox_image {
        width: 100%;
        height: 100%
    }

    .common_blue-radial.on-featured {
        display: none
    }

    .common_blue-radial.on-integrations {
        width: 45rem;
        height: 45rem;
        top: -1%
    }

    .common_blue-radial.on-home {
        width: 40rem;
        height: 39rem
    }

    .common_blue-radial.pricing_radial {
        display: none
    }

    .common_red-radial {
        width: 73rem;
        display: none
    }

    .common_red-radial.on-feature {
        width: 35rem;
        height: 35rem;
        opacity: .3;
        bottom: -27.6rem
    }

    .common_red-radial.in-testimonials {
        width: 35rem;
        height: 35rem;
        top: 18%
    }

    .common_red-radial.in-tabs {
        width: 44rem;
        height: 45rem;
        background-image: radial-gradient(circle,rgba(231,85,105,.8),rgba(255,255,255,.01) 58%);
        top: -9%;
        left: 16%
    }

    .common_red-radial.on-stories {
        display: none
    }

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

    .common_logos_marquee-wrapper {
        width: 100vw;
        font-size: .7em
    }

    .common_logos_marquee-image {
        line-height: 1
    }

    .common_logos_image {
        line-height: 1.5
    }

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

    .common_medium1_component {
        flex-direction: column
    }

    .common_medium1_item {
        margin-bottom: 2.5rem
    }

    .common_medium1_image-wrap {
        width: 33rem;
        height: 20.6577rem
    }

    .common_medium1_back-color {
        height: 30rem
    }

    .common_medium1_oval {
        height: 31rem;
        bottom: 22.2rem
    }

    .common_medium1_radial.blue {
        width: 50rem;
        height: 50rem
    }

    .common_large_component {
        grid-row-gap: 6rem
    }

    .common_large_content {
        max-width: 34rem
    }

    .common_large_image-wrap {
        width: 44.1044rem;
        height: 27.5559rem;
        margin-right: -2rem
    }

    .common_large_image-wrap.reverse {
        margin-left: 0
    }

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

    .common_large_element {
        grid-row-gap: 2.5rem;
        flex-direction: column-reverse;
        margin-bottom: 4rem
    }

    .common_large_element.reverse {
        flex-direction: column-reverse;
        margin-bottom: 4rem
    }

    .common_large_author-name {
        font-size: 1rem
    }

    .common_footer_link-head,.common_footer_link {
        font-size: 1.25rem
    }

    .common_footer_links {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

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

    .common_footer_bottom-text {
        font-size: 1.2rem
    }

    .common_footer_bottom-links-wrap {
        grid-row-gap: 1rem;
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .common_footer_social-icon {
        width: 2rem;
        height: 2rem
    }

    .footer_build {
        min-width: 30rem
    }

    .footer-light-art {
        width: 26.8085rem;
        height: 14.2577rem;
        margin-left: -13.65rem;
        margin-right: 8.2rem
    }

    .section_feature_header {
        margin-bottom: 0;
        padding-bottom: 0;
        overflow: visible
    }

    .common_logos-st_content {
        margin-top: 1.5rem
    }

    .common_logos-st_wrapper {
        width: 70%
    }

    .common_logos-st_list {
        grid-column-gap: 5rem;
        grid-row-gap: 2rem;
        flex-wrap: wrap;
        justify-content: center
    }

    .common_logos-st_logo {
        width: 8rem;
        height: 2rem;
        max-height: 2rem;
        max-width: 8rem
    }

    .nav_dd_toggle {
        justify-content: space-between;
        padding-left: 0
    }

    .nav_dd_toggle.light {
        padding-left: 0
    }

    .nav_dd_list.w--open {
        background-color: transparent;
        background: var(--background-color-3)
    }

    .nav_dd_list.light.w--open {
        box-shadow: none;
        background-image: none
    }

    .nav_dd_wrapper.light {
        border-bottom-color: rgba(255,255,255,.1)
    }

    .nav_dd_top.light {
        background-image: none
    }

    .nav_dd_resources.light {
        background-color: transparent
    }

    .nav_dd_toggle-switch {
        justify-content: space-between;
        padding-left: 0
    }

    .nav_dd_toggle-switch.light {
        padding-left: 0;
        padding-right: 2rem
    }

    .nav_dd_switch.light {
        background-image: none
    }

    .common_header_card.switch_card {
        width: 100%
    }

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

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

    .common_integrations_logos-wrap {
        min-height: 30rem;
        margin-top: 6rem
    }

    .common_integrations_logo-wrap {
        width: 6rem;
        height: 6rem
    }

    .common_integrations_logo-wrap.b {
        top: -27%
    }

    .common_integrations_logo-wrap.clockify {
        top: -5%
    }

    .common_integrations_logo-wrap.box {
        top: 25%
    }

    .common_integrations_logo-wrap._5 {
        top: 15%
    }

    .common_integrations_logo-wrap._7 {
        top: 30%
    }

    .common_integrations_logo-wrap._9 {
        top: 40%
    }

    .common_integrations_logo-wrap._11 {
        top: 35%
    }

    .common_integrations_logo-wrap.sheets {
        top: 40%
    }

    .common_integrations_logo-wrap._15 {
        top: 30%
    }

    .common_integrations_logo-wrap._17 {
        top: 15%
    }

    .common_integrations_logo-wrap._20 {
        top: 25%
    }

    .common_integrations_logo-wrap._19 {
        top: -5%
    }

    .common_integrations_logo-wrap.figma {
        top: -27%
    }

    .common_integrations_logo {
        max-height: 2rem;
        max-width: 2rem
    }

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

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

    .pricing_header_top {
        grid-row-gap: 1.5rem;
        flex-direction: column;
        align-items: center
    }

    .pricing_header_button-annually,.pricing_header_button-monthly {
        font-size: 1rem
    }

    .pricing_header_cards-wrap {
        grid-column-gap: 1.5rem;
        grid-row-gap: 16px;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .pricing_header_card {
        width: 20.6rem
    }

    .pricing_header_card.is-business {
        width: 100%;
        margin-top: 0
    }

    .pricing_header_card.on-trello {
        width: 19rem
    }

    .pricing_header_card.pricing_enterprise_card.enterprise_mobile_grid {
        flex-direction: column;
        justify-content: center;
        margin-top: 0;
        display: flex
    }

    .pricing_header_card.pricing_enterprise_card.enterprise_pricing_desktop {
        display: none
    }

    .large-hero-title.text-gradient-primary.compare-title {
        width: 90%
    }

    .pricing_header_card-list-item {
        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_heading-wrap {
        max-width: 40rem
    }

    .common_testimonials_tabs {
        padding-bottom: 7rem
    }

    .common_testimonials_tab-link {
        width: 0;
        height: 0
    }

    .common_testimonials_tab-link.w--current {
        min-height: 2rem;
        min-width: 12rem
    }

    .common_testimonials_tab-content {
        grid-row-gap: 2rem;
        flex-direction: column-reverse;
        margin-top: 4rem
    }

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

    .common_testimonials_nav-wrap {
        top: -5rem
    }

    .switch_header_top {
        flex-direction: column-reverse
    }

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

    .common_header_cards.switch_cards {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        justify-items: center
    }

    .common_header_cards.switch_cards.jira {
        grid-template-columns: 1fr
    }

    .switch_header_text-wrap {
        margin-top: 0
    }

    .common_tabs_heading {
        margin-left: 0
    }

    .common_tabs_tabs {
        width: 45rem;
        max-width: 100%;
        flex-direction: column-reverse;
        padding-top: 8rem
    }

    .common_tabs_tabs.on-home-page {
        padding-top: 12rem
    }

    .common_tabs_menu {
        width: 35.75rem;
        max-width: 35.6688rem;
        margin-left: auto;
        margin-right: auto;
        padding-top: 4rem
    }

    .common_tabs_pane {
        width: 44.6622rem;
        height: 30.3822rem
    }

    .common_tabs_pane-image {
        height: 28.5827rem
    }

    .common_tabs_pane-back {
        width: 39.3072rem;
        height: 23.6141rem
    }

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

    .text-link-lightblue {
        font-size: 1.4rem
    }

    .text-link-lightblue.thin-underline {
        font-size: 1rem
    }

    .text-link-lightblue.thin-underline.signup {
        padding-right: .2rem;
        font-size: 1rem
    }

    .competitors_header_top {
        flex-direction: column-reverse
    }

    .competitors_header_text-wrap {
        margin-top: 0
    }

    .competitors_header_image {
        width: 100%;
        height: 100%
    }

    .community_header_top {
        flex-direction: column-reverse
    }

    .community_header_content {
        margin-top: 1rem;
        margin-left: auto;
        margin-right: auto
    }

    .community_header_image-wrap {
        width: 34.1114rem;
        height: 23.0793rem
    }

    .community_header_text-wrap {
        width: 31rem;
        margin-top: 0
    }

    .community_header_bottom {
        flex-direction: column;
        align-items: center;
        margin-top: 5.9rem
    }

    .community_header_bottom-image,.community_header_seperator {
        display: none
    }

    .community_testimonial_wrapper {
        margin-top: 4rem
    }

    .community_testimonial_author-text,.community_testimonial_author-details-text {
        font-size: 1rem
    }

    .community_events_list {
        grid-row-gap: 3rem;
        grid-template-columns: 1fr
    }

    .community_events_heading-wrap {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .community_recordings_component {
        flex-direction: column
    }

    .community_recordings_heading-wrap {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .medium-hero-title.on-404 {
        font-size: 2rem
    }

    .signup_component {
        width: 45rem
    }

    .signup-form-text {
        font-size: 1rem
    }

    .common_footer-dark {
        margin-bottom: 3rem
    }

    .footer-dark-art {
        width: 25.334rem;
        height: 17.1494rem;
        margin-top: -23.8rem;
        margin-left: -13.7rem
    }

    .footer-dark_component {
        width: 100%;
        padding-top: 0
    }

    .faqs_component {
        width: 45rem
    }

    .contact_component {
        width: 100%
    }

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

    .common_card {
        min-height: 13rem;
        padding: 1rem
    }

    .common_card.background-red,.common_card.background-purple,.common_card.background-green {
        min-height: 13rem;
        justify-content: center
    }

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

    .way_header_component {
        padding-left: 2rem
    }

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

    .way_details_blue-wrap {
        padding-right: 0
    }

    .way_details_toc {
        display: none
    }

    .about_header_component {
        width: 100%
    }

    .about_header_content {
        max-width: 40rem
    }

    .about_header_image-wrap {
        display: none
    }

    .about_team_image-wrap {
        width: 18rem;
        height: 100%
    }

    .about_team_list {
        grid-row-gap: 2.5rem
    }

    .about_team_item {
        width: auto
    }

    .careers_header_image-wrap {
        display: none
    }

    .careers_header_background {
        margin-top: 5.9rem;
        top: -38%;
        left: -170%
    }

    .careers_header_bottom {
        margin-top: 20.725rem
    }

    .common_slider_testimonials.on-stories {
        font-size: 1.5rem
    }

    .careers_values_text-wrap {
        max-width: 40rem;
        margin-left: auto;
        margin-right: auto
    }

    .careers_perks_heading-wrap {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .careers_perks_image {
        display: block
    }

    .careers_perks_text {
        font-size: 1rem
    }

    .stories_featured_lightbox {
        width: 33.4425rem;
        height: 24.0581rem
    }

    .stories_featured_item {
        flex-direction: column
    }

    .stories_featured_item-details {
        max-width: 37rem;
        margin-top: 2rem
    }

    .common_stories_image-wrap {
        height: 20.7594rem
    }

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

    .stories_stats_background {
        height: 23rem;
        top: 4.5rem
    }

    .stories_stats_content {
        width: 100%;
        padding-left: 4rem;
        padding-right: 4rem
    }

    .stories_stats__stat {
        font-size: 3rem
    }

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

    .story_header_content {
        margin-top: 4rem;
        padding-right: 0
    }

    .story_richtext_sidebar {
        display: none
    }

    .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
    }

    .blog_category-line {
        display: none
    }

    .post_header_component {
        width: 45rem
    }

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

    .page-styles {
        display: none
    }

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

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

    .home_header_component {
        width: 100%;
        padding-bottom: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .home_header_top {
        flex-direction: column-reverse
    }

    .home_header_heading-wrap {
        width: 34rem;
        margin-top: -1rem
    }

    .home_header_heading-wrap.centered.headers,.home_header_heading-wrap.home-header-heading-centre {
        width: 100%
    }

    .home_header_image-wrap {
        width: 39.795rem;
        height: 29.4525rem;
        margin-right: 1rem
    }

    .home_header_slider-holder {
        margin-top: 2.5rem;
        padding-left: 4rem;
        padding-right: 4rem
    }

    .home_header_mask {
        width: 100%
    }

    .home_header_slide {
        padding-right: .5rem
    }

    .home_header_slide-browser {
        height: 1.3rem
    }

    .home_header_slide-video {
        height: 21rem
    }

    .home_header_slider-wrap {
        height: 24rem
    }

    .home_integrations_lines {
        width: 42.7rem;
        height: 16.66rem;
        top: -41%
    }

    .section_home_stats {
        margin-top: -5rem
    }

    .home_stats_content {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: flex
    }

    .home_stats_card {
        width: 30rem;
        padding-bottom: 1.5rem
    }

    .common_medium2_component {
        grid-row-gap: 3rem;
        flex-direction: column;
        align-items: center
    }

    .common_medium2_card {
        width: 33.6rem;
        align-items: center
    }

    .common_medium2_card-image-wrap {
        width: 34.188rem;
        height: 14.784rem
    }

    .section_home_security {
        display: none
    }

    .home_automate_component {
        width: 100%;
        flex-direction: column;
        align-items: center
    }

    .home_automate_content {
        width: 100%;
        align-items: center;
        margin-top: 1rem;
        margin-left: 0
    }

    .home_ship_video {
        width: 40.1439rem;
        height: 13.3708rem
    }

    .home_ideate_text-wrap {
        max-width: 40rem
    }

    .home_ideate_cards-wrap {
        grid-row-gap: 3rem;
        flex-direction: column;
        align-items: center
    }

    .home_ideate_video-wrap {
        display: none
    }

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

    .common_tabs_heading-wrap.on-homepage {
        top: 3rem
    }

    .section_home_build {
        margin-top: -5rem
    }

    .home_build_line-wrap {
        width: 31.535rem;
        height: 12.9115rem;
        margin-left: 0
    }

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

    .home_build_testimonial {
        margin-top: 2rem
    }

    .home_build_cards {
        width: 40rem
    }

    .home_build_item-wrap {
        max-width: 32rem
    }

    .category_header_component {
        width: 45rem
    }

    .community_header_bottom-image-mobile {
        width: 36.89rem;
        height: 34rem;
        margin-bottom: .85rem;
        display: block
    }

    .common_lightbox_image-wrap {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        display: flex
    }

    .common_lightbox_browser-image {
        height: 100%;
        margin-top: 0
    }

    .common_tabs_pane-browser {
        height: 1.7rem;
        min-height: 1.7rem
    }

    .refer_component {
        width: 45rem
    }

    .refer_cards-wrap {
        grid-row-gap: 1rem;
        flex-direction: column;
        align-items: center
    }

    .template_header_component {
        width: 45rem
    }

    .template_header_content {
        grid-row-gap: 2rem;
        flex-direction: column-reverse
    }

    .template_header_link {
        font-size: 1rem
    }

    .template_header_rich-wrap {
        max-width: 40rem
    }

    .template_header_rich-text p {
        font-size: 1rem
    }

    .demo_component {
        width: 40rem;
        flex-direction: column
    }

    .demo_content {
        max-width: 39rem
    }

    .demo_form-block {
        width: 40rem;
        margin-top: 4rem
    }

    .press_recent_item-wrap {
        font-size: 1rem
    }

    .release_wrapper {
        width: 45rem
    }

    .way_details_toc-mobile {
        background-color: #494BCB;
        border-radius: 6px;
        display: block
    }

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

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

    .banner_wrapper {
        display: none
    }

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

    .linear_gradient.hero_slider_gradient_right.sharp_bg,.linear_gradient.homepage-linear-right.teams_linear {
        display: none
    }

    .linear_gradient.roadmap-linear.milestone {
        height: 40%
    }

    .common_medium1_arcade-wrap {
        width: 40.964rem;
        height: 29rem
    }

    .story_header_featured-image-wrap {
        width: 33.4425rem;
        height: 24.0581rem
    }

    .common_footer_copyright-text {
        font-size: 1.2rem
    }

    .stories_featured_image {
        width: 33.4425rem;
        height: 24.0581rem
    }

    .feature-content-grid {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr
    }

    .feature_icon {
        padding-right: 0
    }

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

    .stats-grid-colour-card,.stats-grid-dark-card {
        border-radius: 6px
    }

    .section-testimonials {
        flex-direction: column;
        align-items: center;
        margin-left: 0;
        margin-right: 0
    }

    .text-block-3.text-gradient-primary {
        font-size: 2.7rem
    }

    .reviews_grid {
        background-image: radial-gradient(circle closest-side,rgba(255,255,255,.9),transparent 95%);
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .reviews_wrap {
        margin-bottom: 2rem
    }

    .review_text {
        min-height: 6.1rem;
        font-size: 2rem
    }

    .stars {
        max-width: 70%
    }

    .review_date {
        margin-top: .5rem;
        font-size: 1rem
    }

    .review_contributor {
        font-size: 1rem
    }

    .g2-badges {
        max-width: 100%;
        padding-top: 1.5rem
    }

    .review_imageblock {
        justify-content: center
    }

    .text-block-4,.text-block-6,.text-block-8,.text-block-9 {
        font-size: 1rem
    }

    .common_medium3_card {
        width: 33.6rem;
        align-items: flex-start
    }

    .common_medium3_card-content {
        justify-content: space-between
    }

    .common_medium3_image {
        width: 100%
    }

    .common_home_card {
        width: 33.6rem;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        align-items: center;
        display: grid
    }

    .common_home_card.ship_bottom {
        margin-top: 3rem
    }

    .common_card_image_block {
        width: 100%
    }

    .tooltip-image {
        max-width: 94%
    }

    .common_medium3_component {
        z-index: 2;
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
        position: relative
    }

    .home_automate_animation {
        width: 32rem
    }

    .bitbucket {
        top: -13px
    }

    .side_gradient_dark.right,.side_gradient_dark.left {
        display: none
    }

    .padding-section-medium-2 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .button-workspaces-wrapper {
        display: none
    }

    .switch_card_list_text,.switch_card_list_number {
        font-size: 1rem
    }

    .tablink {
        width: 50px;
        height: 50px;
        grid-column-gap: 8px;
        padding: 8px 12px;
        font-size: 14px
    }

    .intro-paragraph {
        font-size: 1.125rem
    }

    .way_details_toc-link-2 {
        color: #fff
    }

    .way_details_toc-link-2.w--current {
        flex-direction: row;
        justify-content: space-between;
        display: block
    }

    .way_details_toc-2 {
        display: none
    }

    .aasaanway-hero-browser {
        max-width: 93%;
        padding-top: 1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .intro-content {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .text-block-11 {
        font-size: 1.125rem;
        font-weight: 600
    }

    .aasaan-logo {
        max-width: 100%
    }

    .build-grid.contained.top {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        padding-top: 2rem
    }

    .build-grid.contained.bottom {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        margin-top: 2rem
    }

    .card.teams {
        display: flex
    }

    .card.large-card {
        height: 100%;
        min-height: 24rem;
        flex-direction: row
    }

    .card.large-card.roadmap-1-col {
        height: 27rem;
        max-height: 100%;
        min-height: 27rem
    }

    .card.large-card.plan_card_mobile {
        height: 100%;
        min-height: 29rem
    }

    .card.large-card.plan_card_mobile.backlog-card {
        display: block
    }

    .card.large-card.backlog-hompage-mobile {
        min-height: 20rem;
        display: none
    }

    .card.large-card.security_card {
        min-height: 32rem
    }

    .card.pricing_header_card {
        width: 100%
    }

    .card.grid_feature_cards {
        width: 100%;
        min-height: 25rem;
        margin-left: 0;
        margin-right: 0
    }

    .card.grid_feature_cards.w--current {
        margin-left: 0;
        margin-right: 0
    }

    .card-content.plan,.card-content.plan.roadmap-card {
        align-items: center
    }

    .content-wrapper {
        padding-left: 2rem
    }

    .content-wrapper.plan_2_col.top {
        flex-direction: column
    }

    .card-heading.homepage {
        text-align: center
    }

    .card-heading.homepage.header-text-left {
        text-align: left
    }

    .inner_card_paragraph.plan_desc.roadmap {
        flex-direction: column;
        align-items: center
    }

    .link-learn-more {
        text-align: center
    }

    .sprints-image {
        bottom: -60px
    }

    .value-container.jira {
        width: auto;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-top: 2rem;
        padding-bottom: 2rem;
        display: grid
    }

    .value-container.aasaan {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-top: 2rem;
        padding-bottom: 2rem;
        display: grid
    }

    .value-logo {
        display: none
    }

    .aassan-app-icon {
        max-width: 70%;
        display: block
    }

    .value-item.plus {
        display: none
    }

    .build-anything-bottom-image {
        margin-top: 0;
        margin-bottom: 0
    }

    .jira-app-icon {
        max-width: 70%;
        display: block
    }

    .common_feature_grid_3col {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr
    }

    .heading.feature_grid_header._4_col {
        font-size: 1.2rem
    }

    .feature-grid-subetxt {
        line-height: 1.5
    }

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

    .plan-grid.bottom {
        grid-template-rows: auto;
        grid-template-columns: 1fr
    }

    .roadmap-image {
        width: 140%
    }

    .milestone-image {
        width: 100%;
        top: 50px
    }

    .backlog-image-mobile {
        max-width: 70%
    }

    .section_splitter {
        margin-top: -80px
    }

    .section_int {
        padding-top: 2rem
    }

    .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
    }

    .responsive-error-screen {
        display: flex
    }

    .nav-menu-three {
        border-radius: 20px;
        flex-direction: column;
        padding-bottom: 30px
    }

    .nav-menu-block {
        flex-direction: column
    }

    .nav-dropdown-2 {
        flex-direction: column;
        align-items: center;
        display: flex
    }

    .nav-dropdown-toggle-2 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .nav-dropdown-list-2.shadow-three {
        box-shadow: 0 8px 50px rgba(255,255,255,.05)
    }

    .nav-dropdown-list-2.shadow-three.w--open {
        position: relative
    }

    .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
        box-shadow: none
    }

    .slider-horizontal {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }

    .testimonial-card-2 {
        flex-wrap: wrap
    }

    .horizontal-content-block-2 {
        width: 100%;
        padding: 45px
    }

    .slider_image {
        border-radius: 4px
    }

    .background-video-2 {
        top: auto
    }

    .home_ideate_content {
        height: 100%
    }

    .homepage-splitter {
        height: 7rem
    }

    .card-content {
        justify-content: center
    }

    .card-content.ideate-card {
        flex-wrap: wrap
    }

    .card-content.plan-card {
        justify-content: space-between
    }

    .card-content.plan-card.plan-1-col {
        flex-direction: column
    }

    .card-content.teams-card-1-2 {
        display: flex
    }

    .heading-3 {
        font-size: 3.25rem
    }

    .grid-2-1 {
        grid-column-gap: 24px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr
    }

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

    .grid-1-1 {
        grid-template-rows: auto;
        grid-template-columns: 1fr
    }

    .homepage-ideate-grid {
        grid-template-columns: 1fr
    }

    .homepage_ship_component {
        padding-top: 2rem
    }

    .common-blue-radial.build-radial-bg {
        opacity: .1
    }

    .ideate-card-img {
        height: 50%
    }

    .ideate-card-content {
        height: 40%;
        justify-content: center
    }

    .ideate-image {
        width: auto;
        max-width: 60%
    }

    .ideate-image.lets-collab-img {
        max-width: 50%
    }

    .card_text {
        font-size: 1rem
    }

    .card_text.text_centered {
        text-align: center
    }

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

    .plan-card-content {
        width: 70%;
        text-align: center;
        position: static
    }

    .plan-card-content.milestone-card {
        width: 100%;
        height: 50%
    }

    .plan-card-img {
        width: 100%;
        height: 100%
    }

    .plan-card-img.milestone-img-card {
        height: auto;
        align-items: flex-start
    }

    .plan-img {
        padding-top: 0
    }

    .milestoneimg {
        width: 100%;
        max-width: none;
        top: 0
    }

    .backlog_img.top_linear {
        width: 222px;
        top: 0
    }

    .team-card-content {
        height: 100%;
        flex-flow: column;
        padding-right: 0
    }

    .team-img,.team-img-card {
        display: none
    }

    .biuld-card-content {
        width: 90%;
        align-items: flex-start
    }

    .biuld-card-content.boards-card {
        height: 100%
    }

    .baords-img {
        display: none
    }

    .boards_icon {
        width: 6rem;
        height: 6rem;
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .teams_icon {
        width: 6rem;
        height: 6rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-top: 0
    }

    .reports-icon {
        width: 6rem;
        height: 6rem;
        margin-top: 1rem
    }

    .reports-image {
        display: none
    }

    .card-heading-3.homepage {
        text-align: center
    }

    .card-heading-3.homepage.header-text-left {
        text-align: left
    }

    .keyboard_img-2 {
        max-width: 100%
    }

    .speed-img-2 {
        width: 0%;
        min-width: 15rem
    }

    .testimonial-gradient {
        opacity: .75;
        justify-content: center;
        display: flex
    }

    .splitter {
        max-width: 60%
    }

    .plan-integrations-img {
        max-width: 90%;
        padding-bottom: 2rem
    }

    .grid-3-col {
        grid-template-columns: 1fr 1fr
    }

    .pricing_enterprise_content {
        width: 100%
    }

    .pricing-enterprise-contact {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        display: flex
    }

    .pricing_header_button-annually-2 {
        font-size: 1rem
    }

    .pricing_header_card-2 {
        width: 22rem
    }

    .pricing_header_card-2.is-business {
        margin-top: 0
    }

    .padding-section-medium-3 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .pricing_header_card-list-item-2 {
        font-size: 1rem
    }

    .pricing_header_cards-wrap-2 {
        grid-column-gap: 1.5rem;
        grid-row-gap: 16px;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .pricing_tabs_wrapper-2 {
        align-items: center;
        margin-right: 0
    }

    .text-block-37,.text-block-38 {
        font-size: 1rem
    }

    .div-block-13 {
        height: auto
    }

    .mark-grid-outter {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .container-logo {
        margin-bottom: 100px
    }

    .green-color,.yellow-color,.blue-color,.purple-color,.red-color {
        width: 110px;
        height: 110px
    }

    .color-container {
        padding: 20px
    }

    .dark-navy {
        width: 110px;
        height: 110px
    }

    .image-slider {
        height: 400px
    }

    .shaped_bg.about-us-bg,.shaped_bg.early_access-bg,.right_footer,.left_footer {
        display: none
    }

    .text-block-56,.text-block-57,.text-block-58 {
        font-size: 1rem
    }

    .quick-stack-2 {
        padding-bottom: 0
    }

    .header-text {
        letter-spacing: 0;
        font-size: 9rem;
        line-height: 11rem
    }

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

    .text-block-64 {
        font-size: 1.4rem
    }

    .text-block-65 {
        font-size: 1rem
    }

    .c-hero-slide-content {
        min-height: 100vh
    }

    .hero-slider-arrow {
        display: none
    }

    .c-hero-slider-navbar {
        position: relative
    }

    .c-hero-slider {
        height: auto
    }

    .image-slider-2 {
        height: 400px
    }

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

    .prod_eng_fade-in-title.text-gradient-primary {
        font-size: 2.5rem
    }

    .together-title {
        margin-top: -2.1rem;
        margin-left: 0
    }

    .section-splitter {
        display: none
    }

    .animation-section {
        padding-top: 1rem;
        padding-bottom: 3rem
    }

    .reveal-type,.bold-text-20 {
        font-size: 24px
    }

    .subtext_form_paragraph {
        font-size: 1.5rem
    }

    .ipad-screen {
        border-radius: 6px
    }

    .content-sticky-left {
        width: 100%;
        padding-top: 2rem;
        position: relative;
        top: 0
    }

    .content-scrolling-images {
        height: 100%;
        flex-direction: column;
        padding-top: 3rem
    }

    .header-text-2 {
        letter-spacing: 0;
        font-size: 4rem;
        line-height: 6rem
    }

    .content-sticky-right {
        width: 100%
    }

    .faq-answer-p {
        font-size: .875rem
    }

    .faq-group-row {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .faq-answer {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .faq-menu-title {
        padding: 1rem 1rem .5rem
    }

    .faq-section {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .faq-question {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .faq-menu-item {
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 1rem
    }

    .faq-menu-item.w--current {
        padding-left: .5rem;
        padding-right: .5rem;
        font-size: 1rem
    }

    .faq-question-label {
        font-size: 1rem
    }

    .faq-menu-title-label {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.5rem
    }

    .features-card-title {
        text-align: left;
        font-size: 2rem
    }

    .features-left {
        max-width: 90%
    }

    .features-right {
        width: 90%
    }

    .section {
        padding-top: 0
    }

    .paragraph,.paragraph-2,.paragraph-3,.paragraph-4 {
        font-size: 1.5rem
    }

    .jira_banner_link {
        font-size: 1rem
    }

    .nammer_jira_arrow {
        display: none
    }

    .buttons_wrapper {
        justify-content: space-between
    }

    .or-text-demo {
        width: 5%;
        margin-left: 1rem;
        margin-right: 1rem;
        font-size: 1rem;
        display: none
    }

    .image-115 {
        padding: .5rem
    }

    .browser_bg_slider {
        border-radius: 12px
    }

    .image-117 {
        width: 250px
    }

    .grid_feature_cards {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr;
        margin-left: 1rem;
        margin-right: 1rem
    }

    .feature_grid_cards_content {
        justify-content: flex-start
    }

    .book_demo_text {
        font-size: 1rem
    }

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

    .feature_right_img {
        max-height: 90%
    }

    .text-block-71,.text-block-72,.text-block-73 {
        font-size: 1rem
    }
}

@media screen and (max-width: 479px) {
    .margin-horizontal {
        margin-top:0;
        margin-bottom: 0
    }

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

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

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

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

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

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

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

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

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

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

    .container-small.aasaan-way {
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .max-width-full-mobile-portrait {
        width: 100%;
        max-width: none
    }

    .text-color-white {
        font-size: 1rem;
        line-height: 1.7
    }

    .text-color-white.ship-it {
        text-align: center
    }

    .hide-mobile-portrait {
        display: none
    }

    .padding-section-large {
        padding-bottom: 0
    }

    .container-large {
        max-width: 25rem
    }

    .container-large.cards-postion {
        max-width: 100%
    }

    .button.is-text,.button.nav {
        font-size: 1rem
    }

    .button.primary {
        padding-left: .8rem;
        padding-right: .8rem;
        font-size: .875rem
    }

    .button.primary.hide-mobile {
        display: none
    }

    .button.primary.demo_button,.button.primary.in-events {
        width: 100%
    }

    .button.is-google {
        background-position: 29%;
        background-size: 1rem;
        padding-left: 2rem;
        padding-right: .8rem;
        font-size: .875rem
    }

    .button.is-google.on-signup {
        width: 25rem
    }

    .button.is-google.on-post {
        background-position: 20%;
        padding-left: .1rem
    }

    .button.is-google.fonttest {
        padding-right: 0
    }

    .button.in-blog {
        padding-left: .8rem;
        padding-right: .8rem;
        font-size: .875rem;
        display: none
    }

    .button.sign-up {
        width: 6rem;
        height: 2.5rem;
        margin-right: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 1rem;
        display: flex
    }

    .button.is-navtext {
        font-size: 1rem
    }

    .button.is-workspaces {
        width: 25rem;
        font-size: 1.25rem
    }

    .button.is-workspaces-mobile {
        width: auto;
        box-shadow: none;
        background-image: none;
        border-width: .0625rem;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        padding: .5rem;
        font-size: .85rem;
        transition-property: none
    }

    .button.is-workspaces-mobile:hover {
        background-color: transparent;
        background-image: none;
        border-width: .0625rem;
        border-color: var(--primary-color-3)
    }

    .button.secondary.jira_banner_button {
        margin-top: 1rem
    }

    .button.is-calendly {
        width: 100%;
        margin-top: 1rem;
        font-size: .875rem
    }

    .button.primary {
        padding-left: .8rem;
        padding-right: .8rem;
        font-size: .875rem
    }

    .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
    }

    .padding-section-medium {
        padding-bottom: 1rem
    }

    .padding-section-medium.hero-padding {
        padding-bottom: 0
    }

    .nav_container {
        max-width: 25rem
    }

    .nav_link {
        padding-left: 0;
        font-size: 1.25rem
    }

    .nav_link.light {
        border-bottom-color: rgba(255,255,255,.1)
    }

    .nav_button-wrapper {
        width: 95%;
        margin-top: 4rem;
        margin-bottom: 10rem;
        position: relative
    }

    .page-padding.nav {
        padding-left: 1rem;
        padding-right: 0
    }

    .nav_menu-button {
        padding: 1.1rem
    }

    .nav_menu-button.w--open {
        color: var(--primary-color)
    }

    .nav_menu-button-icon {
        transform: scale(1.2)
    }

    .nav_logo-link {
        padding-left: 0
    }

    .nav_menu-wrapper {
        max-height: 100vh;
        min-height: 95vh;
        justify-content: space-between;
        padding-top: 0;
        padding-bottom: 2rem;
        display: block;
        overflow: auto
    }

    .nav_link-wrapper {
        width: 95%
    }

    .nav_logo {
        width: 9.5rem;
        height: 2.5rem
    }

    .featured_header_component,.featured_header_content {
        width: 100%
    }

    .text-custom-heading1 {
        margin-top: 1rem;
        font-size: 2rem
    }

    .text-custom-heading1.on-pricing {
        text-align: center
    }

    .text-custom-heading1.aasaan-way {
        font-size: 3rem
    }

    .text-custom-heading1.centered {
        font-size: 2.8rem
    }

    .text-custom-heading1.on-integrations,.text-custom-heading1.text_header_center {
        font-size: 2.5rem
    }

    .text-custom-heading1.text_header_center.fonttest {
        font-size: 3rem
    }

    .text-custom-heading1.on-pricing {
        text-align: center
    }

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

    .common_lightbox {
        width: 25rem;
        height: 16.5895rem;
        margin-top: 2rem
    }

    .common_lightbox_image {
        height: 1.2rem
    }

    .common_lightbox_play-wrap {
        width: 3.6169rem;
        height: 3.6169rem
    }

    .common_lightbox_play-icon {
        width: 2rem;
        height: 2rem
    }

    .common_lightbox_play-holder {
        width: 6.17284rem;
        height: 6.17284rem
    }

    .common_lightbox_play-circle1,.common_lightbox_play-circle2 {
        width: 3.6169rem;
        height: 3.6169rem
    }

    .common_blue-radial.on-featured {
        width: 40rem;
        height: 40rem;
        left: -20.3rem
    }

    .common_blue-radial.on-jira {
        width: 37.5rem;
        height: 37.5rem;
        left: -33%
    }

    .common_blue-radial.on-trello {
        width: 37.5rem;
        height: 37.5rem;
        left: -38%
    }

    .common_blue-radial.on-competitors {
        width: 27.5rem;
        height: 27.5rem;
        bottom: -16%
    }

    .common_blue-radial.on-faqs,.common_blue-radial.on-integrations {
        width: 25rem;
        height: 25rem;
        top: 1%
    }

    .common_blue-radial.on-home {
        display: none
    }

    .common_blue-radial.home-integrations {
        width: 100%
    }

    .common_blue-radial.on-medium {
        top: -6.3125rem
    }

    .common_blue-radial.home-ideate,.common_blue-radial.on-refer,.common_blue-radial.aasaanway,.common_red-radial {
        display: none
    }

    .common_red-radial.on-feature {
        width: 25rem;
        height: 25rem;
        bottom: -8.1rem
    }

    .common_red-radial.in-testimonials {
        width: 25rem;
        height: 25rem;
        top: 15%
    }

    .common_red-radial.in-tabs {
        width: 37.5rem;
        height: 37.5rem;
        background-image: radial-gradient(circle,rgba(231,85,105,.8),rgba(255,255,255,.01) 40%);
        top: -21%
    }

    .common_red-radial.on_team {
        width: 30rem;
        height: 30rem;
        bottom: -16%
    }

    .common_red-radial.on-stories {
        width: 25rem;
        height: 25rem
    }

    .section_common_logos {
        margin-top: 0;
        padding-top: 0
    }

    .common_logos_component {
        padding-top: 0
    }

    .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
    }

    .common_logos_background-oval {
        top: -3rem
    }

    .common_logos_background-stroke {
        top: -3.1rem
    }

    .common_logos_background {
        height: 16rem;
        top: -3rem
    }

    .common_logos_marquee-wrapper {
        margin-top: 2rem
    }

    .common_logos_marquee-track {
        height: 5rem;
        line-height: 2
    }

    .common_logos_marquee-item {
        width: 10rem;
        justify-content: center;
        margin-right: 0
    }

    .common_logos_marquee-image {
        max-height: 3rem;
        max-width: 7rem;
        line-height: 1.5
    }

    .section_common_testimonial {
        padding-top: 0
    }

    .common_testimonial_component {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .common_testimonial_quote-icon {
        width: 6rem;
        height: 5rem;
        top: 13.7rem;
        left: .7375rem
    }

    .common_testimonial_content {
        align-items: center
    }

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

    .common_testimonial_text {
        text-align: center
    }

    .common_testimonial_author-text {
        font-size: .7rem
    }

    .common_medium1_component {
        flex-direction: column
    }

    .common_medium1_item {
        margin-bottom: 2rem
    }

    .common_medium1_image-wrap {
        width: 24.75rem;
        height: 15.4933rem
    }

    .common_medium1_back-color {
        height: 36rem
    }

    .common_medium1_oval {
        height: 14.5688rem;
        bottom: 32.3rem
    }

    .content_medium1_paragraph {
        font-size: 1rem
    }

    .common_medium1_button {
        min-width: 10rem;
        font-size: 1rem
    }

    .section_common_large.is-light {
        padding-top: 2rem;
        padding-bottom: 0
    }

    .common_large_component {
        grid-row-gap: 4rem
    }

    .common_large_image-wrap {
        width: 25.9438rem;
        height: 16.2094rem;
        margin-right: -3rem
    }

    .common_large_image-wrap.reverse {
        margin-left: -3rem
    }

    .common_large_title.text-color-white {
        text-align: center;
        font-size: 2rem
    }
.text-block-3{
text-align: center;
line-height: 1;
}
.text-size-medium.competitor{
    text-align: center;
}
    .common_large_title.text-color-white.align-center {
        text-align: center
    }

    .common_large_title.text-color-white.early-access {
        margin-bottom: -1rem;
        font-size: 2rem;
        line-height: 1
    }

    .common_large_title.feature-grid {
        width: 90%
    }

    .common_large_element {
        grid-row-gap: 2.5rem;
        flex-direction: column-reverse;
        margin-bottom: 2rem
    }

    .common_large_element.reverse {
        flex-direction: column-reverse
    }

    .common_large_image-color {
        bottom: -.5rem;
        left: -.5rem
    }

    .common_large_image-color-reverse {
        bottom: -.5rem;
        right: -.5rem
    }

    .common_footer_component {
        padding-left: 0;
        padding-right: 0
    }

    .common_footer_container {
        max-width: 25rem
    }

    .common_footer_content {
        width: 25rem
    }

    .common_footer_link {
        font-size: 1rem
    }

    .common_footer_links {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

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

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

    .common_footer_bottom-links-wrap {
        grid-row-gap: 1rem;
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .common_footer-light {
        padding-top: 6rem
    }

    .footer-light_component {
        width: 100%;
        padding-right: 4.9rem
    }

    .footer_build {
        min-width: 25rem;
        margin-right: -14rem
    }

    .footer_build.dark_footer {
        margin-right: 0
    }

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

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

    .footer_buttons_wrap {
        width: 100%
    }

    .footer-light_dark-curve {
        height: 50%;
        min-height: auto;
        min-width: 40rem
    }

    .footer-light_red-curve {
        height: 50%;
        min-height: 50%;
        min-width: 42rem
    }

    .footer-light-art {
        width: 14.1927rem;
        height: 7.54819rem;
        margin-top: -16.9rem;
        margin-left: .8125rem;
        margin-right: -5.1rem
    }

    .common_logos-st_content {
        margin-top: 1rem
    }

    .common_logos-st_wrapper {
        width: 100%
    }

    .common_logos-st_list {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-wrap: wrap;
        align-content: stretch;
        justify-content: center
    }

    .nav_dd_toggle {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0
    }

    .nav_dd_toggle.light {
        justify-content: space-between;
        padding-left: 0;
        padding-right: 0
    }

    .nav_dd_icon {
        justify-content: space-between;
        margin-left: 0
    }

    .nav_dd_list.w--open {
        width: 100%
    }

    .nav_dd_list.light.w--open {
        background-color: #494BCB;
        padding-top: 0
    }

    .nav_dd_wrapper {
        width: 100%;
        text-align: left;
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0
    }

    .nav_dd_wrapper.light {
        border-bottom-color: rgba(255,255,255,.1)
    }

    .nav_dd_text {
        font-size: 1.25rem
    }

    .nav_dd_top {
        padding-top: 0
    }

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

    .nav_dd_bottom.light {
        background-color: transparent
    }

    .nav_dd_column {
        border-bottom-color: rgba(255,255,255,.1);
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .nav_dd_component-resources {
        flex-direction: column;
        padding-bottom: 1rem
    }

    .nav_dd_text-link {
        padding-left: 1rem
    }

    .nav_dd_resources {
        padding-top: 0
    }

    .nav_dd_toggle-switch {
        width: 100%;
        border-radius: .5rem;
        justify-content: space-between;
        margin: .5rem auto .5rem 0;
        padding-left: 0;
        padding-right: 0
    }

    .nav_dd_toggle-switch.light {
        background-color: transparent;
        justify-content: space-between;
        padding-left: 0;
        padding-right: 0
    }

    .nav_dd_component-switch {
        flex-direction: column;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .nav_dd_switch-heading,.nav_dd_switch-headingapi {
        font-size: 1.25rem
    }

    .nav_dd_switch {
        max-height: none;
        padding-top: 0
    }

    .nav_dd_switch.light {
        max-height: none
    }

    .nav_dd_text-switch {
        font-size: 1.25rem
    }

    .solutions_header_component {
        padding-top: 1rem
    }

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

    .common_header_card {
        padding-top: 1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .common_header_card.on-careers,.common_header_card.switch_card {
        width: 100%
    }

    .common_header_card-image {
        width: 4rem;
        height: 4rem
    }

    .section_common_integrations.background-blue,.section_common_integrations.on-home {
        padding-top: 0
    }

    .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_integrations_link-text {
        font-size: 1.25rem
    }

    .common_integrations_arrow {
        width: .6rem
    }

    .common_integrations_logos-wrap {
        min-height: 23rem;
        margin-top: 6.525rem
    }

    .common_integrations_logo-wrap {
        width: 5rem;
        height: 5rem
    }

    .common_integrations_logo-wrap.b {
        top: -25%
    }

    .common_integrations_logo-wrap.clockify {
        top: -2%
    }

    .common_integrations_logo-wrap.box {
        top: 25%
    }

    .common_integrations_logo-wrap._5 {
        top: 12%
    }

    .common_integrations_logo-wrap.zendesk {
        top: -2%
    }

    .common_integrations_logo-wrap._7 {
        top: 30%
    }

    .common_integrations_logo-wrap._9 {
        top: 50%;
        left: 30%
    }

    .common_integrations_logo-wrap._10 {
        top: 0%
    }

    .common_integrations_logo-wrap._11 {
        top: 35%
    }

    .common_integrations_logo-wrap.sheets {
        top: 50%;
        right: 30%
    }

    .common_integrations_logo-wrap.github {
        width: 5rem;
        top: -2%
    }

    .common_integrations_logo-wrap._15 {
        top: 30%
    }

    .common_integrations_logo-wrap._17 {
        top: 12%
    }

    .common_integrations_logo-wrap._20 {
        top: 25%
    }

    .common_integrations_logo-wrap._19 {
        top: -2%
    }

    .common_integrations_logo-wrap.figma {
        top: -25%
    }

    .common_integrations_logo-wrap.github {
        top: -2%
    }

    .common_integrations_logo {
        max-height: 1.5rem;
        max-width: 1.5rem
    }

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

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

    .section_pricing_header {
        padding-bottom: 2rem
    }

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

    .pricing_header_buttons {
        margin-top: 1rem
    }

    .pricing_header_cards-wrap {
        flex-direction: column;
        display: flex
    }

    .pricing_header_card {
        width: 100%;
        margin-bottom: 1.5rem;
        padding-bottom: 2rem;
        padding-right: .75rem
    }

    .pricing_header_card.is-business {
        margin-top: 0;
        margin-bottom: 1.5rem
    }

    .pricing_header_card.on-trello {
        width: 100%;
        align-items: center;
        margin-bottom: 1.5rem;
        padding-bottom: 2rem
    }

    .large-hero-title.text-gradient-primary {
        font-size: 2.7rem
    }

    .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
    }

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

    .pricing_plan_content {
        flex-direction: column
    }

    .pricing_plan_row,.pricing_plan_row.description {
        min-height: 1.1rem
    }

    .pricing_plan_row-heading-wrap {
        border-radius: .5rem;
        padding-top: .65rem;
        padding-bottom: .65rem
    }

    .common_testimonials_line {
        margin-bottom: 3rem;
        display: none
    }

    .common_testimonials_tabs {
        padding-bottom: 6.5rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .common_testimonials_tab-link {
        width: 0;
        height: 0
    }

    .common_testimonials_tab-link.w--current {
        max-height: none;
        max-width: none;
        min-height: 2rem;
        min-width: 12rem
    }

    .common_testimonials_tab-content {
        grid-row-gap: 2rem;
        flex-direction: column-reverse;
        margin-top: 1.5rem
    }

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

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

    .common_testimonials_quote {
        width: 10rem;
        top: 33%;
        left: -9%
    }

    .common_testimonials_image {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .common_testimonials_wrapper {
        display: none
    }

    .pricing_faq_content {
        padding-bottom: 2.5rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .common_accordion_paragraph {
        font-size: 1rem
    }

    .common_testimonials_nav-wrap {
        top: -4.8rem
    }

    .pricing_plan_tooltip-wrap {
        display: flex
    }

    .pricing_plan_tooltip-message {
        width: 13rem;
        display: none
    }

    .pricing_plan_row-list.mobile {
        max-width: 22rem
    }

    .pricing_plan_row-item {
        justify-content: space-between;
        display: flex
    }

    .section_home_header {
        padding-top: 0;
        padding-bottom: 0
    }

    .section_jira_header {
        padding-bottom: 0
    }

    .switch_header_top {
        grid-row-gap: 4rem;
        flex-direction: column-reverse
    }

    .common_header_cards {
        width: 100%;
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        flex-direction: column;
        display: flex
    }

    .switch_header_text-wrap {
        width: 100%
    }

    .switch_header_image-wrap {
        width: 20.8556rem;
        height: 16.3231rem;
        margin-right: 0
    }

    .common_header_cards-wrap {
        width: 100%
    }

    .section_common_tabs {
        margin-top: 0;
        padding-top: 0
    }

    .section_common_tabs.on-home {
        margin-top: -4rem
    }

    .common_tabs_component {
        width: 100%
    }

    .common_tabs_tabs {
        width: 25rem;
        flex-direction: column-reverse;
        padding-top: 4rem
    }

    .common_tabs_tabs.on-home-page {
        padding-top: 12rem
    }

    .common_tabs_menu {
        max-width: 100%;
        padding-top: 2rem
    }

    .common_tabs_content {
        margin-top: 0
    }

    .common_tabs_pane {
        width: 24.9583rem;
        height: auto
    }

    .common_tabs_link-content {
        overflow: visible
    }

    .common_tabs_link-body {
        padding-right: 0
    }

    .common_tabs_link-text {
        max-width: 23rem
    }

    .common_tabs_pane-content {
        width: 90%;
        height: 100%;
        margin-bottom: 2rem;
        margin-left: auto;
        margin-right: auto
    }

    .common_tabs_pane-image {
        height: 14.13rem;
        margin-top: -.25rem
    }

    .common_tabs_pane-back {
        width: 20.8097rem;
        height: 12.5016rem;
        bottom: -.5rem;
        left: -.5rem
    }

    .common_tabs_wrapper {
        display: none
    }

    .text-link-lightblue {
        font-size: .7rem
    }

    .text-link-lightblue.thin-underline.signup {
        padding-right: .2rem
    }

    .trello_steps_wrap {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr .5fr 1fr;
        grid-auto-columns: 1fr;
        justify-items: center;
        display: grid
    }

    .trello_steps_line {
        width: 4rem
    }

    .trello_steps_pricing {
        max-width: 25rem;
        margin-top: 4rem
    }

    .trello_steps_border {
        margin-bottom: 3rem
    }

    .trello_steps_cards {
        width: 25rem;
        flex-direction: column
    }

    .competitors_header_top {
        flex-direction: column-reverse
    }

    .competitors_header_text-wrap {
        width: 100%;
        align-items: center;
        margin-top: 0
    }

    .competitors_header_image-wrap {
        width: 20.2453rem;
        height: 16.0781rem
    }

    .competitors_image {
        object-fit: contain
    }

    .competitors_slider_wrapper {
        width: 25rem
    }

    .competitors_slider_list.swiper-wrapper {
        grid-column-gap: 0rem
    }

    .competitors_slider_item.swiper-slide {
        height: 15.6rem;
        min-width: 25rem;
        padding-right: 1rem
    }

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

    .section_community_header {
        padding-bottom: 7rem
    }

    .community_header_top {
        flex-direction: column-reverse
    }

    .community_header_content {
        max-width: 100%
    }

    .community_header_image-wrap {
        width: 23.7699rem;
        height: 16.0824rem;
        margin-bottom: 1.5rem;
        display: block
    }

    .community_header_text-wrap {
        margin-top: 0
    }

    .community_header_bottom {
        flex-direction: column;
        align-items: center;
        margin-top: 7rem
    }

    .community_header_bottom-image {
        display: none
    }

    .community_header_discord-wrap {
        width: 22rem;
        align-items: stretch
    }

    .community_header_seperator {
        display: none
    }

    .community_testimonial_wrapper {
        width: 20rem;
        margin-top: 2rem;
        margin-bottom: -4.3375rem
    }

    .community_events_component {
        flex-direction: column
    }

    .community_events_image-wrapper {
        padding-top: 1.5rem
    }

    .community_events_item-content {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .community_events_heading-wrap {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .community_recordings_component {
        flex-direction: column
    }

    .community_recordings_heading-wrap {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .community_recordings_wrapper {
        width: 25rem
    }

    .community_recordings_link {
        padding-left: 0;
        padding-right: 2.4rem
    }

    .section_404_header {
        padding-bottom: 3rem
    }

    ._404_header_component {
        width: 25rem;
        min-height: 0;
        flex-direction: column-reverse
    }

    ._404_header_content {
        margin-top: 2rem
    }

    ._404_header_image-wrap {
        width: 22.785rem;
        height: 17.0625rem
    }

    ._404_header_logo {
        height: 3.3rem
    }

    .signup_component,.signup_form_block {
        width: 25rem
    }

    .signup_bottom {
        width: 100%;
        margin-top: 4rem
    }

    .signup_logos {
        width: 90%;
        grid-column-gap: 1rem;
        grid-row-gap: 1.5rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-items: center;
        margin-left: auto;
        margin-right: auto;
        display: grid
    }

    .common_footer-dark {
        height: auto;
        margin-bottom: 3rem;
        overflow: hidden
    }

    .footer-dark-art {
        width: 14.9024rem;
        height: 10.0879rem;
        margin-top: -23.6rem;
        margin-left: 0;
        margin-right: 34.5rem
    }

    .footer-dark_component {
        width: 25rem;
        padding-top: 3rem
    }

    .faqs_component {
        width: 25rem
    }

    .faqs_wrap {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .contact_component {
        width: 25rem
    }

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

    .common_card {
        min-height: 13rem;
        padding: 2rem 1rem
    }

    .common_card_heading {
        font-size: 1.75rem
    }

    .section_integrations {
        padding-top: 0
    }

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

    .integrations_card {
        padding-top: 1rem
    }

    .integrations_category {
        margin-top: 1rem
    }

    .integrations_filters_dd-toggle {
        width: 25rem
    }

    .section_way_header {
        padding-top: 0
    }

    .way_header_component {
        width: 25rem;
        padding-left: 0
    }

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

    .way_details_#686878-wrap {
        padding-top: 2rem
    }

    .way_details_richtext {
        width: 25rem;
        margin-left: 0;
        margin-right: 0
    }

    .way_details_toc-wrap {
        width: 25rem;
        margin-top: 2rem;
        padding-bottom: 0;
        position: static
    }

    .way_details_toc {
        display: none
    }

    .way_details_toc-link {
        max-width: 100%;
        white-space: normal;
        border-bottom: .0625rem solid #686878;
        padding: .7rem 1rem
    }

    .about_header_component {
        width: 25rem
    }

    .about_header_content {
        max-width: 25rem
    }

    .about_header_image-wrap {
        display: none
    }

    .about_header_background {
        top: 43.0625rem
    }

    .about_team_image-wrap {
        width: 12rem;
        height: 15.75rem;
        padding-top: 66%
    }

    .about_team_social {
        margin-top: 0;
        margin-bottom: 1rem
    }

    .about_team_list {
        grid-column-gap: .5rem;
        grid-row-gap: 1rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-between;
        display: grid
    }

    .about_team_item {
        width: 12rem
    }

    .about_team_item-wrap {
        width: 100%
    }

    .careers_header_component {
        padding-bottom: 6rem
    }

    .careers_header_image-wrap {
        display: none
    }

    .careers_header_text-wrap {
        width: 25rem;
        align-items: stretch
    }

    .careers_header_background {
        margin-top: 4.8rem;
        top: -20%;
        left: -226%
    }

    .careers_header_bottom {
        margin-top: 27.925rem
    }

    .common_slider_component,.common_slider_wrapper {
        width: 25rem
    }

    .common_slider_item-wrap {
        width: 24rem;
        min-height: 26rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .common_slider_nav-wrap {
        margin-top: 1.5rem
    }

    .common_slider_item.swiper-slide {
        width: 25rem;
        padding-right: 1rem
    }

    .common_slider_list.swiper-wrapper {
        width: 25rem;
        grid-column-gap: 0rem
    }

    .careers_values_cars-wrap {
        grid-row-gap: 1.5rem
    }

    .careers_perks_heading-wrap {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .careers_perks_cards-wrap {
        flex-direction: column;
        display: flex
    }

    .careers_perks_line {
        width: 25rem
    }

    .stories_featured_lightbox {
        width: 25rem;
        height: 22rem
    }

    .stories_featured_item {
        flex-direction: column
    }

    .stories_featured_item-details {
        margin-top: 1.5rem
    }

    .stories_featured_line {
        width: 25rem
    }

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

    .stories_stats_background {
        border-radius: 20%;
        top: 9rem
    }

    .stories_stats_content {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .stories_stats_wrap {
        width: 100%;
        grid-template-columns: 1fr 1fr
    }

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

    .story_header_component {
        flex-direction: column-reverse
    }

    .story_header_content {
        margin-top: 4rem;
        padding-right: 0
    }

    .story_header_image-wrap {
        width: 7.50313rem;
        height: 1.40875rem
    }

    .story_header_icon,.story_richtext_sidebar {
        display: none
    }

    .story_richtext_wrapper {
        max-width: 25rem;
        margin-left: 0
    }

    .story_richtext_testimonial-wrap {
        grid-row-gap: 2rem;
        flex-direction: column-reverse
    }

    .common_testimonials_tab-author {
        flex-direction: column
    }

    .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
    }

    .blog_category-line {
        width: 25rem;
        display: none;
        top: 80%
    }

    .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
    }

    .home_header_component {
        padding-bottom: 0
    }

    .home_header_top {
        flex-direction: column-reverse
    }

    .home_header_heading-wrap {
        max-width: 100%;
        margin-top: -1rem
    }

    .home_header_heading-wrap.home-header-heading-centre {
        margin-top: 1rem
    }

    .home_header_image-wrap {
        width: 23.2138rem;
        height: 17.1806rem;
        margin-right: 1rem;
        display: block
    }

    .home_header_slider-holder {
        margin-top: 2.5rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .home_header_slider-holder.slider_center {
        display: none
    }

    .home_header_slide {
        padding-right: 0
    }

    .home_header_slide-browser {
        height: .8925rem
    }

    .home_header_arrow {
        width: 6.5rem;
        height: 6.5rem;
        margin-right: -.2rem;
        right: -4rem
    }

    .home_header_arrow.is-left {
        margin-left: -.2rem;
        margin-right: 0;
        left: -4rem
    }

    .home_header_arrow-icon {
        width: 2.5rem;
        height: 2.5rem
    }

    .home_header_slide-video {
        height: 11.8rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .home_header_slider-mode {
        margin-bottom: 1rem
    }

    .home_header_slider-wrap {
        height: 16rem;
        margin-top: 0
    }

    .home_integrations_lines {
        width: 25rem;
        height: 10.4125rem;
        top: -30%
    }

    .section_home_stats {
        margin-top: -5rem
    }

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

    .home_stats_card {
        width: 25rem;
        padding-bottom: 1.5rem
    }

    .section_common_medium2 {
        overflow: hidden
    }

    .common_medium2_component {
        grid-row-gap: 2.5rem;
        flex-direction: column
    }

    .common_medium2_card {
        width: 25rem
    }

    .common_medium2_card-image-wrap {
        width: 25rem;
        height: 11rem
    }

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

    .home_automate_content {
        width: 100%;
        margin-left: 0
    }

    .section_home_ship.homepage {
        margin-top: 0
    }

    .home_ship_line {
        width: 3.577rem;
        height: 10.045rem
    }

    .home_ship_video-wrap {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .home_ship_video {
        width: 22.5028rem;
        height: 7.49503rem
    }

    .home_ship_logo {
        width: 2.5rem;
        height: 2.5rem
    }

    .home_ideate_cards-wrap {
        grid-row-gap: 2rem;
        flex-direction: column
    }

    .home_ideate_video-wrap {
        width: 60rem;
        height: auto;
        justify-content: center;
        display: flex
    }

    .home_ideate_video {
        height: auto;
        align-items: flex-end;
        display: none
    }

    .common_tabs_heading-wrap {
        top: 0
    }

    .common_tabs_heading-wrap.on-homepage {
        top: 4rem
    }

    .home_tabs_line-wrap {
        width: 27.3rem;
        height: 10.01rem;
        margin-top: 0;
        margin-left: -.5rem
    }

    .section_home_build {
        margin-top: 0
    }

    .home_build_component {
        margin-top: 2rem
    }

    .home_build_line-wrap {
        width: 22.26rem;
        height: 9.114rem;
        margin-left: 0
    }

    .home_build_content {
        flex-flow: column-reverse;
        justify-content: flex-end;
        margin-top: 3rem;
        margin-bottom: 2rem
    }

    .home_build_testimonial {
        align-items: center
    }

    .home_build_cards {
        width: 25rem;
        grid-row-gap: 1.5rem
    }

    .home_build_card {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }

    .home_build_card-arrow {
        position: absolute;
        left: auto;
        right: 5%
    }

    .home_build_card-text-wrap {
        width: 20rem;
        margin-top: .5rem
    }

    .section_home_steps {
        padding-top: 2rem
    }

    .home_steps_component {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .home_steps_content {
        height: 3.5rem;
        max-width: 25rem;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .home_steps_link {
        width: 5.6rem;
        font-size: 1rem
    }

    .home_steps_line {
        height: 2rem
    }

    .home_ideate_line {
        width: 3.577rem;
        height: 10.045rem
    }

    .section_category_header {
        padding-top: 3rem
    }

    .category_header_component {
        width: 25rem
    }

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

    .category_header_topics-line {
        display: none
    }

    .competitors_slider_nav-wrap {
        margin-top: 1.5rem
    }

    .pricing_plan_row-text {
        text-align: right
    }

    .nav_dd_switch-wrap.light {
        border-bottom-color: rgba(255,255,255,.1)
    }

    .footer-light_dark-mobile {
        height: 60%;
        background-color: #494BCB;
        display: block;
        position: absolute;
        top: 27%;
        bottom: 0%;
        left: 0%;
        right: 0%
    }

    .community_header_bottom-image-mobile {
        width: 24.1406rem;
        height: 39rem;
        margin-bottom: -2.75rem;
        display: block
    }

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

    .common_lightbox_image-wrap {
        margin-top: 3rem
    }

    .common_lightbox_browser-image {
        height: 15.3895rem
    }

    .common_tabs_pane-browser {
        height: 1rem;
        min-height: .9rem
    }

    .blog-category_title {
        font-size: 1.75rem
    }

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

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

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

    .home_build_title {
        font-size: 1.5rem
    }

    .common_medium2_card-heading {
        font-size: 1.75rem
    }

    .refer_component {
        width: 25rem
    }

    .refer_heading-wrap {
        max-width: 17rem
    }

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

    .refer_text-wrap {
        align-items: stretch
    }

    .refer_card {
        padding-top: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .refer_card_title {
        margin-top: 2rem;
        margin-bottom: 2rem;
        font-size: 2.875rem
    }

    .refer_add {
        justify-content: center
    }

    .template_header_component {
        width: 25rem
    }

    .template_header_text-wrap {
        align-items: stretch
    }

    .template_header_content {
        grid-row-gap: 0rem;
        flex-direction: column-reverse;
        margin-top: 4rem
    }

    .template_header_links {
        margin-top: 3rem
    }

    .template_header_rich-wrap {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto
    }

    .demo_component {
        width: 25rem;
        padding-right: 0
    }

    .demo_logos-wrap {
        height: 7rem;
        max-height: 7rem
    }

    .demo_form-block {
        width: 100%;
        min-height: auto;
        padding: 2rem 1.7rem
    }

    .demo_form_fields-wrap {
        flex-direction: column;
        display: flex
    }

    .demo_form_field-input.message {
        min-height: 5rem
    }

    .demo_form_success {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .section_press_header {
        padding-top: 0
    }

    .press_header_highlights-wrap {
        margin-top: 6rem
    }

    .press_header_highlights-list {
        grid-row-gap: 3rem;
        flex-direction: column
    }

    .press_header_highlights-image-wrap {
        height: 14.5rem
    }

    .press_header_contact-wrap {
        grid-column-gap: 1rem;
        grid-row-gap: 2rem;
        flex-direction: column;
        margin-top: 6rem;
        display: flex
    }

    .press_recent_content {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-right: 2rem
    }

    .press_recent_item-wrap {
        padding-top: 2rem;
        padding-bottom: 1.5rem
    }

    .press_recent_item-arrow {
        display: none;
        top: auto;
        bottom: auto;
        right: -3%
    }

    .section_release {
        padding-top: 0
    }

    .release_wrapper {
        width: 100%;
        margin-top: 4rem
    }

    .release_item-wrap,.release_accordion_component {
        width: 100%
    }

    .release_accordion_body,.release_accordion_header {
        padding-left: 0;
        padding-right: 0
    }

    .release_accordion_richtext {
        object-fit: contain
    }

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

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

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

    .pricing_header_dropdown {
        width: 100%;
        color: #686878;
        flex-direction: column;
        align-items: center;
        margin-top: 1.5rem;
        display: flex
    }

    .pricing_header_dd-toggle {
        color: var(--primary-color-2);
        align-items: center;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 1.25rem 3.4rem 1.25rem 1.25rem;
        font-family: "M PLUS 1",sans-serif;
        font-size: 1.25rem;
        font-weight: 600;
        display: flex
    }

    .pricing_header_dd-list {
        margin-top: 1rem
    }

    .pricing_header_dd-list.w--open {
        color: #686878;
        background-color: transparent;
        position: static
    }

    .pricing_header_row-item,.pricing_header_row-value {
        line-height: 1.1
    }

    .pricing_header_dd-icon {
        margin-top: 1.7rem;
        margin-bottom: auto
    }

    .banner_container {
        max-width: 25rem
    }

    .linear_gradient {
        height: 40%;
        align-items: flex-start;
        display: flex
    }

    .linear_gradient.hero_slider_gradient_bottom.sharp_bg {
        height: 40%
    }

    .linear_gradient.hero_slider_gradient_left,.linear_gradient.hero_slider_gradient_right,.linear_gradient.roadmap-linear {
        display: none
    }

    .common_medium1_arcade-wrap {
        width: 24.5784rem;
        height: 17.8rem;
        padding: 2rem
    }

    .common_medium1_arcade-close {
        top: .5rem;
        right: .5rem
    }

    .post_header_large {
        object-fit: cover
    }

    .story_header_featured-image-wrap {
        width: 25rem;
        height: 22rem
    }

    .post_body_cta {
        padding-top: 2rem
    }

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

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

    .stories_featured_image {
        width: 25rem;
        height: 22rem
    }

    .recommended-tag {
        margin-top: 1rem
    }

    .feature-content-grid {
        grid-template-columns: 1fr
    }

    .feature-content-gird-card {
        flex-direction: row
    }

    .feature-content-image {
        padding-right: 1rem
    }

    .feature_icon {
        margin-bottom: auto
    }

    .replace_content_outter {
        max-width: 100%;
        flex-flow: wrap;
        align-content: space-between;
        justify-content: center;
        margin-top: 1rem;
        display: none
    }

    .replaces-text,.replace-tag {
        margin-top: 1rem
    }

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

    .stat-number {
        padding-right: 1rem
    }

    .white_gradient_bottom {
        display: none
    }

    .text-block-3.text-gradient-primary {
        font-size: 2.7rem
    }

    .g2-badges {
        padding-top: 2rem
    }

    .common_medium3_card,.common_home_card {
        width: 25rem
    }

    .home_automate_animation {
        width: 90%
    }

    .github,.gitlab,.bitbucket {
        width: 20rem
    }

    .aasaan_logo1 {
        width: 10rem;
        right: 0%
    }

    .aasaan-logo-2 {
        width: 10rem;
        max-width: 7000%;
        right: 0%
    }

    .home_integrations_overlay2-2 {
        background-image: linear-gradient(transparent,transparent 59%,#494BCB 91%)
    }

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

    .home_integrations_overlay-2 {
        background-image: none
    }

    .common_integrations_link-text-2 {
        font-size: 1.25rem
    }

    .button-workspaces-wrapper {
        display: none
    }

    .security-image {
        max-width: 95%
    }

    .competitor-logos {
        width: 100%
    }

    .competitor-logo-image {
        width: 7rem
    }

    .image-60,.competitor-logo-image-2,.image-64 {
        width: 3rem
    }

    .linear_gradient-2 {
        height: 40%;
        align-items: flex-start;
        display: flex
    }

    .linear_gradient-2.earth-bg {
        height: 10%;
        display: block
    }

    .gradient_bottom-2 {
        width: 100%;
        display: block
    }

    .intro-paragraph {
        font-size: 1rem
    }

    .way_details_toc-link-2 {
        max-width: 100%;
        color: #fff;
        white-space: normal;
        border-bottom: .0625rem solid #686878;
        padding: .7rem 1rem
    }

    .section_way_header-2 {
        padding-top: 0
    }

    .way_details_toc-2 {
        display: none
    }

    .aasaanway-hero-browser {
        padding-top: 1rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .intro-content {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .image-68 {
        height: 12rem
    }

    .line-shine {
        height: auto
    }

    .bg_image_compare_table {
        margin-top: -100px
    }

    .compare-grid_2 {
        width: 100%
    }

    .compare-title-grid,._3-col-iinner-compare-title {
        min-height: 5rem
    }

    .compare-row {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .compare-row.light {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .compare-vs {
        font-size: 1rem
    }

    .compare-list {
        font-size: .81rem
    }

    .compare-left {
        width: 40%
    }

    .compare-centre {
        width: 15%;
        margin-left: 0;
        margin-right: 0;
        display: flex
    }

    .compare-right {
        width: 40%
    }

    .jira-logo {
        width: 4rem
    }

    .aasaan-logo {
        width: 7rem
    }

    .vs-text {
        letter-spacing: 0;
        font-size: .8rem
    }

    .vs-image {
        width: 3rem
    }

    .build-grid.contained {
        grid-template-columns: 1fr
    }

    .build-grid.contained.top {
        max-width: none;
        margin-top: 2rem;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .build-grid.contained.bottom {
        max-width: none;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
        display: flex
    }

    .card {
        max-height: none
    }

    .card.boards {
        min-height: auto;
        padding-bottom: 0
    }

    .card.small-card.ship-it-lower {
        height: 21rem;
        min-height: 21rem
    }

    .card.large-card {
        height: 100%;
        min-height: 26rem;
        padding-top: 0
    }

    .card.large-card.roadmap-1-col {
        height: 25rem;
        min-height: 0;
        flex-wrap: nowrap;
        display: flex
    }

    .card.large-card.plan_card_mobile {
        height: 100%;
        max-height: 24rem;
        min-height: 24rem;
        flex-direction: column;
        justify-content: space-around;
        align-items: center
    }

    .card.large-card.security_card {
        min-height: 27rem
    }

    .card.large-card.build_mobile_cards {
        min-height: 20rem
    }

    .card.pricing_header_card {
        height: auto
    }

    .card.pricing_header_card.is-business {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .card.grid_feature_cards {
        width: 100%;
        min-height: 24rem
    }

    .card-content {
        min-height: auto;
        flex-direction: column;
        justify-content: space-between;
        display: flex
    }

    .card-content.teams {
        min-height: auto;
        padding-top: 0;
        padding-bottom: 0
    }

    .card-content.plan {
        max-height: 100%;
        min-height: 22rem;
        justify-content: space-between
    }

    .card-content.boards-card {
        height: 100%;
        min-height: auto
    }

    .content-wrapper {
        padding-bottom: 2rem;
        padding-left: 2rem
    }

    .content-wrapper.teams {
        max-width: 100%;
        padding-top: 2rem;
        padding-left: 2rem
    }

    .content-wrapper.plan_2_col.top {
        min-height: 9rem
    }

    .card-heading {
        text-align: center
    }

    .card-heading.teams-header,.card-heading.boards-header,.card-heading.sprints-header,.card-heading.reporting-header {
        text-align: left
    }

    .card-heading.homepage {
        font-size: 1.6rem
    }

    .inner_card_paragraph.reports-build-card {
        width: 90%
    }

    .image-74 {
        display: none
    }

    .boards-image {
        width: auto;
        max-width: 100%;
        display: none;
        bottom: 0%;
        overflow: hidden
    }

    .sprints-image {
        width: 100%;
        max-width: none;
        min-width: 0%;
        display: none;
        bottom: 0;
        overflow: visible
    }

    .header_pill_callout.replace-tag {
        padding-right: 1rem
    }

    .header_pill_callout.fonttest {
        font-size: .9rem
    }

    .header_callout-pill_arrow_container,.image-79,.image-80,.image-81 {
        display: none
    }

    .build-anything-bottom-image {
        height: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .build-anything-bottom-image.hero-bottom.left {
        height: auto;
        opacity: 1
    }

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

    .feature_grid_icon {
        top: 0;
        left: 0
    }

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

    .header-collection {
        flex-direction: row
    }

    .plan-grid.bottom {
        flex-direction: column;
        display: flex
    }

    .roadmap-image {
        width: 100%
    }

    .backlog-image {
        min-height: 10rem;
        padding-top: 1rem
    }

    .milestone-image {
        width: 100%;
        height: auto;
        min-height: 10rem;
        top: 0
    }

    .backlog-image-mobile {
        max-width: 100%;
        display: block
    }

    .section-ground-hero {
        height: 100px;
        opacity: 1
    }

    .section_int {
        padding-top: 0;
        display: block
    }

    .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
    }

    .container {
        max-width: none
    }

    .nav-menu-three {
        flex-direction: column
    }

    .right-arrow {
        top: auto;
        bottom: -3%;
        left: auto;
        right: 20%
    }

    .left-arrow {
        top: auto;
        bottom: -3%;
        left: 20%;
        right: auto
    }

    .author-block {
        margin-top: 15px
    }

    .horizontal-content-block-2 {
        padding-bottom: 70px;
        padding-left: 15px;
        padding-right: 15px
    }

    .background-video-2 {
        opacity: .35;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%;
        overflow: hidden
    }

    .bold-text-8.fonttest {
        font-size: .9rem
    }

    .mobile-kanban-image {
        padding-top: 2rem;
        display: block
    }

    .homepage-splitter {
        height: 10rem
    }

    .homepage-splitter-bar {
        width: 89%;
        height: 1px
    }

    .card-content {
        justify-content: space-around
    }

    .card-content.ship-cards-lower {
        flex-wrap: nowrap
    }

    .investor-grid.contained {
        grid-template-columns: 1fr
    }

    .heading-3 {
        font-size: 3rem
    }

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

    .grid-1-2 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .grid-1-1 {
        grid-template-rows: auto;
        grid-template-columns: 1fr
    }

    .grid-1-1.integration-cards {
        flex-wrap: wrap
    }

    .homepage-plan-grid {
        height: 100%
    }

    .homepage_ship_component {
        padding-top: 0
    }

    .homepage-title-ideate.new {
        min-height: 0;
        margin-top: 1.5rem
    }

    .homepage-title.left-aligned {
        width: 90%
    }

    .header-title-sub.text-title-sub-red {
        margin-top: 2rem;
        margin-bottom: 1rem
    }

    .header-title-sub.text-title-sub-blue,.header-title-sub.text-title-sub-yellow {
        margin-bottom: 1rem
    }

    .common-blue-radial.plan-radial-bg,.common-blue-radial.ship-radial-img {
        display: none
    }

    .ideate-card-img {
        padding-top: 1rem
    }

    .ideate-card-content {
        width: 90%;
        margin-bottom: 1rem
    }

    .ideate-image {
        width: 90%;
        height: auto;
        max-width: none
    }

    .ideate-image.lets-collab-img {
        max-width: 67%
    }

    .plan-card-content {
        width: 100%
    }

    .plan-card-content.roadmap-card {
        width: 90%
    }

    .plan-card-content.milestone-card {
        width: 90%;
        margin-bottom: 2rem
    }

    .plan-card-img {
        width: 100%
    }

    .plan-card-img.milestone-img-card {
        height: 40%;
        align-items: flex-end
    }

    .plan-img-mobile {
        width: 90%
    }

    .milestoneimg {
        width: 100%;
        height: auto;
        min-height: 0;
        padding-top: 2rem;
        top: 0
    }

    .backlog_img.top_linear {
        width: 80%;
        padding-top: 2rem;
        top: 1rem
    }

    .team-card-content {
        width: 90%;
        padding-left: 0
    }

    .biuld-card-content {
        width: 90%;
        align-items: flex-start
    }

    .biuld-card-content.boards-card,.report-card-content {
        width: 90%
    }

    .title-icon-bg-2 {
        max-width: 100%
    }

    .ship-it-lower-img-2 {
        width: 100%;
        display: none
    }

    .grid-1-3 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .card-heading-3 {
        text-align: center
    }

    .ship-it-lower-content-2 {
        width: 100%;
        flex-wrap: wrap
    }

    .speed-mobile-img {
        max-width: 40%;
        padding-bottom: 1rem;
        display: block
    }

    .header-title-sub-2.integration-title,.header-title-sub-2.text-color-purple {
        margin-bottom: 1rem
    }

    .keyboards_mobile_img {
        max-width: 55%;
        padding-bottom: 2rem;
        display: block
    }

    .testimonial-gradient {
        opacity: .75
    }

    .splitter,.reporting-ship-img,.inetgrations-ship-img {
        max-width: 90%
    }

    .grid-3-col {
        grid-template-columns: 1fr
    }

    .pricing_header_card-2 {
        width: 25rem;
        margin-bottom: 1.5rem;
        padding-bottom: 2rem;
        padding-right: .75rem
    }

    .pricing_header_card-2.is-business {
        margin-top: 0;
        margin-bottom: 1.5rem
    }

    .section_pricing_header-2 {
        padding-bottom: 2rem
    }

    .pricing_header_cards-wrap-2 {
        flex-direction: column;
        display: flex
    }

    .pricing_header_features-link-2 {
        display: none
    }

    .pricing_card_container {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .background-video_bg,.video_bg {
        display: none
    }

    .div-block-13 {
        width: 90%
    }

    .heading-30 {
        text-align: center;
        font-size: 40px;
        line-height: 170%
    }

    .title-section-header.fonts {
        align-items: center
    }

    .image-47 {
        max-width: 100%;
        min-width: 50%
    }

    .main-button-2 {
        width: 90%
    }

    .main-button-2.full {
        width: 100%
    }

    .image-45 {
        max-width: 90%
    }

    .green-color {
        width: 80px;
        height: 80px
    }

    .yellow-color {
        width: 80px;
        height: 80px;
        min-height: auto;
        display: flex;
        position: static
    }

    .yellow-color._1 {
        height: 80px;
        font-size: 10px
    }

    .blue-color,.purple-color {
        width: 80px;
        height: 80px
    }

    .light-red {
        width: 50px;
        height: 50px
    }

    .color-grid {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr
    }

    .red-color {
        width: 80px;
        height: 80px
    }

    .light-blue {
        width: 50px;
        height: 50px
    }

    .inner-color-text,.inner-color-text.white {
        font-size: 10px
    }

    .dark-navy {
        width: 80px;
        height: 80px;
        min-height: 80px
    }

    .stroke-shimmer {
        display: none
    }

    .light-yellow,.light-navy,.light-purple,.light-green {
        width: 50px;
        height: 50px
    }

    .icon_grid_branding.light {
        width: 90%;
        grid-template-columns: 1fr 1fr 1fr
    }

    .brand_icons {
        width: 7rem
    }

    .image-43 {
        max-width: 70%
    }

    .heading-31 {
        text-align: center;
        font-size: 40px;
        line-height: 170%
    }

    .font-overview-text {
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px
    }

    .text-block-41 {
        font-size: 20px;
        line-height: 150%
    }

    .large-letter {
        padding: 20px 20px 0
    }

    .brand_top_image {
        width: 100%
    }

    .image-slider {
        height: 300px
    }

    .drag {
        width: 4%;
        left: 48%
    }

    .before {
        background-repeat: repeat-x;
        background-size: cover
    }

    .before_mobile {
        width: 95vw;
        background-repeat: repeat-x
    }

    .quick-stack {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .quick-stack-2 {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .quick-stack-3 {
        padding-left: 0;
        padding-right: 0
    }

    .visual {
        width: auto
    }

    .header-text {
        font-variation-settings: "wght" 700;
        letter-spacing: 0;
        text-shadow: none;
        font-size: 6rem;
        line-height: 7rem
    }

    .text-block-60,.text-block-61,.text-block-62,.text-block-66,.text-block-67 {
        font-size: 1rem
    }

    .c-hero-slide-details {
        position: relative
    }

    .c-hero-slide-content {
        height: 35vh;
        min-height: 0;
        margin-bottom: 10px
    }

    .hero-slider-arrow {
        width: 40px;
        height: 50px;
        background-color: rgba(255,255,255,.25);
        margin-top: 0;
        margin-bottom: 0;
        font-size: 20px;
        display: block;
        top: 20%
    }

    ._w-hero-slide-details {
        padding-left: 20px;
        padding-right: 20px
    }

    .c-hero-slider-navbar {
        display: none
    }

    .c-hero-slider {
        padding-bottom: 40px
    }

    .image-slider-2 {
        height: 300px
    }

    .drag-2 {
        width: 4%;
        left: 48%
    }

    .before-2 {
        background-repeat: repeat-x;
        background-size: cover
    }

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

    .prod_eng_fade-in-title.text-gradient-primary {
        font-size: 3rem;
        line-height: 1.3
    }

    .together-title {
        margin-top: 0;
        font-size: 5rem
    }

    .large_browser_img {
        margin-top: 0
    }

    .aasaan_logo_icon {
        width: 38%;
        max-width: 100%
    }

    .early-access-title.title {
        font-size: 3rem
    }

    .animation-section {
        margin-bottom: 1rem;
        padding-bottom: 1rem
    }

    .reveal-type {
        padding-left: 2rem;
        font-size: 20px
    }

    .reveal-type.feature-scroll {
        font-size: 2rem
    }

    .reveal-type.feature-scroll.reporting_scroll {
        font-size: 1.5rem
    }

    .bold-text-20 {
        font-size: 20px
    }

    .subtext_form_paragraph {
        width: 90%;
        font-size: 1rem
    }

    ._3d-tablet-wrap {
        perspective-origin: 50% 0
    }

    .tablet-mockup-animation {
        height: 100%;
        overflow: hidden
    }

    .container-w2.gutter-outside {
        width: 90%;
        height: 100%;
        margin-top: 20px;
        margin-bottom: 0;
        padding-bottom: 0;
        overflow: hidden
    }

    .section-screenflip {
        height: 100%;
        background-color: transparent;
        padding-top: 40px;
        position: relative
    }

    .ipad-screen {
        border-radius: 4px
    }

    .content-sticky-left,.content-scrolling-images {
        padding-top: 0
    }

    .inner-paragraph-left {
        padding-bottom: 1rem
    }

    .header-text-2 {
        font-variation-settings: "wght" 700;
        letter-spacing: 0;
        text-shadow: none;
        font-size: 2.8rem;
        line-height: 4rem
    }

    .header-text-2.inner-header {
        font-size: 2rem
    }

    .faq-sticky-title-hidden-mobile {
        font-size: 1rem
    }

    .features-card.fourth.card,.features-card.second.card,.features-card.third.card,.features-card.first.card {
        height: auto;
        padding: 20px
    }

    .features-left {
        max-width: 100%;
        margin-bottom: 0
    }

    .features-right {
        width: 100%
    }

    .paragraph,.paragraph-2,.paragraph-3,.paragraph-4 {
        font-size: 1rem
    }

    .banner-jira-wrapper {
        height: 100%;
        flex-direction: column;
        padding: 1rem 1.7rem
    }

    .jira_banner_link {
        text-align: center;
        font-size: 1.3rem
    }

    .buttons_wrapper {
        flex-direction: column
    }

    .slider-2 {
        display: none
    }

    .hero_description-text {
        padding-top: .7rem;
        padding-bottom: .7rem;
        font-size: .8rem
    }

    .image-115 {
        padding: .2rem
    }

    .browser_bg_slider {
        border-radius: 6px
    }

    .link-text {
        white-space: nowrap;
        flex: 0 auto
    }

    .link-text-2 {
        white-space: nowrap;
        flex: 0 auto;
        font-size: .8rem
    }

    .image-116 {
        display: block
    }

    .feature_hero_img {
        margin-top: 2rem;
        margin-left: 0;
        margin-right: 0
    }

    .image-117 {
        width: 100%
    }

    .grid_feature_cards {
        width: 92%;
        min-height: 0;
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-columns: 1fr;
        justify-items: center
    }

    .feature_grid_cards_content {
        width: 90%;
        margin-top: 1.5rem
    }

    .feature_card_img {
        width: 99%;
        flex-direction: column
    }

    .feature_middle {
        max-width: 100%
    }
}

#w-node-_86a7c5aa-5ce0-a724-9d11-ba73da4bf87f-19984a28,#w-node-_86a7c5aa-5ce0-a724-9d11-ba73da4bf886-19984a28,#w-node-_86a7c5aa-5ce0-a724-9d11-ba73da4bf895-19984a28,#w-node-_86a7c5aa-5ce0-a724-9d11-ba73da4bf8e2-19984a28,#w-node-_86a7c5aa-5ce0-a724-9d11-ba73da4bf8e5-19984a28,#w-node-_86a7c5aa-5ce0-a724-9d11-ba73da4bf946-19984a28,#w-node-_86a7c5aa-5ce0-a724-9d11-ba73da4bf964-19984a28,#w-node-_86a7c5aa-5ce0-a724-9d11-ba73da4bf965-19984a28,#w-node-_86a7c5aa-5ce0-a724-9d11-ba73da4bf974-19984a28 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1d43b2ab-aade-2985-7287-d9a51c3829c8-19984a78 {
    grid-area: span 1/span 1/span 1/span 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr
}

#w-node-e3ff307e-2b82-0ef8-6200-947287630042-19984a78,#w-node-_7e45f60f-7bcd-4b00-6439-2c58a7376982-19984a78 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_8b458cf4-a0bf-6a7f-1e73-f85a3ddb1a7c-19984a78 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}

#w-node-_1efb0453-6aa4-0a24-5bef-8f9eec5e8fdd-19984a78,#w-node-_559cb3ec-29ba-eab2-7663-71336f22905d-19984a78,#w-node-_1702f72e-d20b-2a86-0d82-278f5669b345-19984a78,#w-node-_7306be61-df05-7f92-1e12-46bda1d5dc81-19984a79 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_71ed9916-d748-ea4c-55c8-798dc7ac7c4a-19984a79 {
    justify-self: end
}

#w-node-de4a2cee-0b56-45db-45d5-412fa618dc42-19984aad,#w-node-_91ac319b-1c51-4979-e753-741ba4c3e50e-19984aad,#w-node-_3ee159a8-286b-8187-7ec4-fa0225ebdef7-19984aad,#w-node-b2dc85be-323f-d802-03db-633d8e999fd2-19984aad,#w-node-dc26c794-1041-b846-145c-6891df916747-19984aad,#w-node-_2fdf704a-f397-4371-defc-bce0c6b0cea6-19984aad {
    align-self: center;
    justify-self: center
}

#w-node-f29c57a7-a8a2-d3f5-d12a-3746b921d1d5-19984ac3,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b13-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b16-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b18-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b1b-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b20-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b27-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b2c-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b33-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b38-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b3f-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b44-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b4b-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b50-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b57-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b5c-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b63-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b68-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69b6f-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69c76-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69c84-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69c90-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69cb5-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69cc2-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69ccf-19984afd,#w-node-_72db9a27-6bd1-7f3e-1c6e-3e4105f69cdc-19984afd,#w-node-f9ab13c5-adde-393d-e0bb-79ecbccd1b63-19984afe,#w-node-_38081701-f9e8-5ec7-d94d-0fc8b1e96f73-19984afe,#w-node-e55493f2-fc5a-535a-061e-dc94649aac89-19984afe,#w-node-_467e21d1-e596-a55f-7052-0f8192c498d2-19984afe,#w-node-_61ff2f19-e960-a4d5-5e67-cd956f6cd57d-19984afe,#w-node-_95abadcb-67d7-368d-89e2-c7a84d93a141-19984afe,#w-node-_44d74499-95f3-bca7-4987-e2a7a90eb52c-19984afe,#w-node-_44d74499-95f3-bca7-4987-e2a7a90eb531-19984afe,#w-node-_601b9f6f-10e0-72f8-e4fe-bb7e214c5316-19984afe,#w-node-_601b9f6f-10e0-72f8-e4fe-bb7e214c531b-19984afe,#w-node-f1759213-2a6c-4eda-f846-ec53bd25b3a0-19984afe,#w-node-f1759213-2a6c-4eda-f846-ec53bd25b3a5-19984afe,#w-node-_01814406-770b-7245-c1e4-5fe60b99bc93-19984afe,#w-node-_01814406-770b-7245-c1e4-5fe60b99bc98-19984afe,#w-node-bfc90f50-0f4d-0608-7894-71dbfc2b9cb3-19984afe,#w-node-bfc90f50-0f4d-0608-7894-71dbfc2b9cb8-19984afe,#w-node-cced0e8d-cf66-63bd-c200-88215a71efe4-19984afe,#w-node-cced0e8d-cf66-63bd-c200-88215a71efe9-19984afe,#w-node-e1281898-dd6d-0f5b-6761-ce658c1c6898-19984afe,#w-node-d6ad2095-df59-9510-d551-6d02aed21ece-19984afe,#w-node-e83771a7-5018-2d89-9825-334a7f5529ca-19984afe,#w-node-_3958ccc1-9989-9718-2fe5-a4eab562f7c7-19984afe,#w-node-_3958ccc1-9989-9718-2fe5-a4eab562f7d2-19984afe,#w-node-_3958ccc1-9989-9718-2fe5-a4eab562f7dd-19984afe,#w-node-_3958ccc1-9989-9718-2fe5-a4eab562f7e8-19984afe,#w-node-c6b5b6df-38ec-4bfc-82b3-f9be879abb3e-19984b00,#w-node-_4cf7ae23-ce5a-9168-6fe4-bef1d36ce5f9-19984b00,#w-node-_3590bbb6-6e73-6898-3829-f3ead3e2aaa3-19984b00,#w-node-_1b96bb9a-3c40-bb1e-7f2a-e95838f2a333-19984b00,#w-node-e1281898-dd6d-0f5b-6761-ce658c1c6898-19984b00,#w-node-d6ad2095-df59-9510-d551-6d02aed21ece-19984b00,#w-node-e83771a7-5018-2d89-9825-334a7f5529ca-19984b00,#w-node-_607b82cc-22d3-16f6-4c57-7237ee408c76-19984b0a,#w-node-_8bd78dd4-c608-a934-deab-4f80340de1c7-19984b11,#w-node-_8bd78dd4-c608-a934-deab-4f80340de1ce-19984b11,#w-node-_8bd78dd4-c608-a934-deab-4f80340de1d5-19984b11,#w-node-_8bd78dd4-c608-a934-deab-4f80340de1dc-19984b11,#w-node-_8bd78dd4-c608-a934-deab-4f80340de1e3-19984b11,#w-node-_8bd78dd4-c608-a934-deab-4f80340de1ea-19984b11,#w-node-_4f509192-101f-ee4f-56ac-4a9295cd63a6-19984b12,#w-node-_4f509192-101f-ee4f-56ac-4a9295cd63a9-19984b12,#w-node-_4f509192-101f-ee4f-56ac-4a9295cd63ac-19984b12,#w-node-_4f509192-101f-ee4f-56ac-4a9295cd63af-19984b12,#w-node-_4f509192-101f-ee4f-56ac-4a9295cd63b8-19984b12,#w-node-_4f509192-101f-ee4f-56ac-4a9295cd63bf-19984b12,#w-node-_4f509192-101f-ee4f-56ac-4a9295cd63c6-19984b12,#w-node-_4f509192-101f-ee4f-56ac-4a9295cd63cb-19984b12,#w-node-_4f509192-101f-ee4f-56ac-4a9295cd63d0-19984b12,#w-node-_4f509192-101f-ee4f-56ac-4a9295cd63d5-19984b12,#w-node-c372e1f6-8bcb-3c50-37d2-97edd715a26a-19984b23,#w-node-c372e1f6-8bcb-3c50-37d2-97edd715a277-19984b23,#w-node-c372e1f6-8bcb-3c50-37d2-97edd715a284-19984b23,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2ce-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2d2-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2d6-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2d7-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2d8-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2d9-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2da-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2db-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2df-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2f4-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2f5-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2f7-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2fd-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a2fe-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a306-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a307-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a30f-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a310-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a318-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a319-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a321-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a322-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a33b-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a33c-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a33d-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a33e-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a33f-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a340-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a341-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a342-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a343-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a344-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a345-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a346-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a347-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a348-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a349-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a34a-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a34b-7b476078,#w-node-c9fcef26-f623-7c48-3f27-a029d048a34c-7b476078 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_6bf6af9e-e249-c073-a5d1-bb9ce04b7c1e-7b476078 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
}

#w-node-_1f87276d-2b14-3c45-4a64-e8b33947b25e-7b476078,#w-node-_7c126023-6e7b-80a1-1610-b67ac2e3f9f0-7b476078,#w-node-_9d6ab5eb-0cb3-2f9b-d928-12c7eed3055e-7b476078,#w-node-c4cc0287-4dc9-b211-7114-4e896bca658f-7b476078,#w-node-_5b1d983a-1f9d-815d-2224-3e40f2807985-aca1493c,#w-node-faaff10e-2285-bcec-9f55-449d61bd0ee3-aca1493c,#w-node-d397eeb0-9123-b2ec-ed35-20fdae10909e-aca1493c,#w-node-_8889506b-10b6-2302-8a74-d267bfa22091-aca1493c,#w-node-_62eedafc-b0dc-9700-e991-696c681c0a73-aca1493c,#w-node-_869d88f4-015d-7627-e64a-a2126d1b115c-aca1493c,#w-node-_8eb5880d-2d21-04f9-2dd2-67b8588567f4-aca1493c,#w-node-_8eb5880d-2d21-04f9-2dd2-67b8588567f5-aca1493c,#w-node-_8eb5880d-2d21-04f9-2dd2-67b858856802-aca1493c,#w-node-_5b1d983a-1f9d-815d-2224-3e40f2807985-85e20dc5,#w-node-faaff10e-2285-bcec-9f55-449d61bd0ee3-85e20dc5,#w-node-d397eeb0-9123-b2ec-ed35-20fdae10909e-85e20dc5,#w-node-_8889506b-10b6-2302-8a74-d267bfa22091-85e20dc5,#w-node-_62eedafc-b0dc-9700-e991-696c681c0a73-85e20dc5,#w-node-_869d88f4-015d-7627-e64a-a2126d1b115c-85e20dc5,#w-node-_8eb5880d-2d21-04f9-2dd2-67b8588567f4-85e20dc5,#w-node-_8eb5880d-2d21-04f9-2dd2-67b8588567f5-85e20dc5,#w-node-_8eb5880d-2d21-04f9-2dd2-67b858856802-85e20dc5 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_5c81b4cf-4ff7-6be9-2156-6efaed3f5809-8d52ece7 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr
}

#w-node-d70c9185-8213-bb16-4b04-f27f557a0be8-8d52ece7,#w-node-fc45da3c-a6c4-88d0-73d9-c8250402179a-8d52ece7 {
    grid-column: span 2/span 2
}

@media screen and (max-width: 991px) {
    #w-node-_5c96167f-032d-b240-9f38-ac7806f7d6f9-06f7d6f2 {
        order:2
    }

    #w-node-_5c96167f-032d-b240-9f38-ac7806f7d76d-06f7d6f2 {
        order: 4
    }

    #w-node-_5c96167f-032d-b240-9f38-ac7806f7d76f-06f7d6f2 {
        order: 3
    }

    #w-node-_5c96167f-032d-b240-9f38-ac7806f7d7c5-06f7d6f2 {
        order: 5
    }
}

@media screen and (max-width: 767px) {
    #w-node-_1d43b2ab-aade-2985-7287-d9a51c3829c8-19984a78 {
        grid-template-rows:auto;
        grid-template-columns: 1fr
    }

    #w-node-e3ff307e-2b82-0ef8-6200-947287630042-19984a78,#w-node-_7e45f60f-7bcd-4b00-6439-2c58a7376982-19984a78 {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_8b458cf4-a0bf-6a7f-1e73-f85a3ddb1a7c-19984a78 {
        grid-template-rows: auto;
        grid-template-columns: 1fr
    }

    #w-node-_1efb0453-6aa4-0a24-5bef-8f9eec5e8fdd-19984a78,#w-node-_559cb3ec-29ba-eab2-7663-71336f22905d-19984a78,#w-node-_1702f72e-d20b-2a86-0d82-278f5669b345-19984a78 {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_6bf6af9e-e249-c073-a5d1-bb9ce04b7c1e-7b476078 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    #w-node-_1f87276d-2b14-3c45-4a64-e8b33947b25e-7b476078,#w-node-_7c126023-6e7b-80a1-1610-b67ac2e3f9f0-7b476078,#w-node-_9d6ab5eb-0cb3-2f9b-d928-12c7eed3055e-7b476078,#w-node-c4cc0287-4dc9-b211-7114-4e896bca658f-7b476078 {
        grid-area: span 1/span 1/span 1/span 1
    }
}

@media screen and (max-width: 479px) {
    #w-node-_62a9e060-c640-19e4-1761-9e31daf08674-19984a78 {
        justify-self:center
    }
}

@font-face {
    font-family: 'Satoshi Variable';
    src: url('https://assets.website-files.com/6372338e5477e047032b37a5/64b7faf361e260dac63efd27_Satoshi-Variable.ttf') format('truetype'), url('https://assets.website-files.com/6372338e5477e047032b37a5/64d60e12d0d4ae5785b12d5e_Satoshi-Variable.ttf') format('truetype');
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chicagoflf1';
    src: url('https://assets.website-files.com/6372338e5477e047032b37a5/64515f9b1997c59eeff72658_ChicagoFLF.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}