.page-products_hero {
    height: 440px;
    padding: 80px 20px 0;

    background: url(../../img/product-hero-desktop.svg) center center no-repeat, #f9f9ff;
    background-size: 2560px auto;

    z-index: 9;
}
.page-products_hero--testing {
    background: url(../../img/products-hero-api-testing.svg) center center no-repeat, #f9f9ff;
    background-size: 2560px auto;
}

.page-products_hero--text {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-products_hero--text .elementor-widget-heading {
    margin-bottom: 0;
}

.page-products_hero--text h1.elementor-heading-title {
    margin-bottom: 30px;
    font-weight: 800;
}

.page-products_hero--text span.elementor-heading-title {
    display: block;
    margin-bottom: 40px;

    font-size: 18px;
    line-height: 24px;
    color: #4e4e4e;
}

.page-products_hero--api-design .elementor-widget-heading:last-child .elementor-heading-title {
    margin: 40px 0 0;
    font-style: italic;
}

.page-products_hero .page-products_hero--text .btn {
    min-width: 175px;
    text-align: center;
}

.page-products_hero--video {
    position: relative;
}

.page-products_hero--video:after {
    content: '';

    display: block;
    /*width: 746px;*/
    width: 950px;
    height: 530px;

    position: absolute;
    left: -60px;
    top: -100px;

    background: url('../../img/products-hero-video-bg.svg') no-repeat 50% 50%;
    background-size: contain;

    z-index: 3;
}

.page-products_hero--api-design {
    background: url(../../img/product-api-design-hero-desktop.svg) center center no-repeat, #f9f9ff;
    background-size: 2560px auto;
}

.page-products_hero--api-design .page-products_hero--video:after {
    background: url('../../img/products-api-design-hero-video-bg.svg') no-repeat 50% 50%;
    background-size: contain;
}

.page-products_hero--enterprise-hub .page-products_hero--video:after {
    background: url('../../img/products-hero-enterprise-hub-video-bg.svg') no-repeat 50% 50%;
    background-size: contain;
}

.page-products_hero--teams .page-products_hero--video:after {
    background: url('../../img/TeamsHexLattice.svg') no-repeat 50% 50%;
    background-size: contain;
}

.page-products_hero--marketplace .page-products_hero--video:after {
    background: url('../../img/products-hero-marketplace-video-bg.svg') no-repeat 50% 50%;
    background-size: contain;
}

.page-products_hero--testing .page-products_hero--video:after {
    background: url('../../img/products-hero-testing-video-bg.svg') no-repeat 50% 50%;
    background-size: contain;
}

.page-products_hero--video .elementor-widget-wrap {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;

    position: relative;
    z-index: 4;
}

.page-products_hero--video .elementor-widget-video {
    width: 100%;
    max-width: 350px;
    height: 200px;
}

.page-products_feature .elementor-widget-text-editor {
    max-width: 540px;
}

.page-products_feature .elementor-widget-heading {
    margin-bottom: 30px;
}

.page-products_feature .elementor-widget-text-editor ul li,
.page-products_feature .elementor-widget-text-editor ol li,
.page-products_feature .elementor-widget-text-editor p {
    font-size: 16px;
    line-height: 22px;
    color: #4e4e4e;
}

.page-products_feature .elementor-widget-text-editor ol {
    padding: 0 0 0 16px;
    margin: 0;
}

.page-products_feature .elementor-widget-text-editor ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.page-products_feature .elementor-widget-text-editor ul li {
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
}

.page-products_feature .elementor-widget-text-editor ol li:not(:last-of-type),
.page-products_feature .elementor-widget-text-editor ul li:not(:last-of-type) {
    margin-bottom: 16px;
}

.page-products_feature .elementor-widget-text-editor ul li:before {
    content: '';

    display: block;
    width: 8px;
    height: 8px;

    position: absolute;
    left: 0;
    top: 6px;

    background: url(../../img/icon-bullet-point.svg) center center no-repeat;
    background-size: contain;
}

.section-has-edge-left + section.page-products_feature--marketplace,
.section-has-edge-left + section.page-products_feature--cross-design,
.section-has-edge-left + section.page-products_feature--private-workspace,
.section-has-edge-left + section.page-products_feature--platform {
    z-index: inherit;
}

.page-products_feature--cross-design,
.page-products_feature--marketplace,
.page-products_feature--platform {
    padding: 190px 20px 100px;
    margin-top: -100px;
    background-color: #f9f9ff;
}
.page-products_feature--marketplace .page_marketplace--svg svg {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: auto;
}
.page-products_feature--marketplace .page_marketplace--svg.visible-on-screen svg path {
    animation: dashOutline 2s linear forwards;
}
@keyframes dashOutline {
    to {
        stroke-dashoffset: -1000;
    }
}

.page-products_feature--platform {
    overflow: hidden;
    padding-bottom: 160px;
}
.page-products_feature--platform:after {
    content: '';
    background-color: #fff;
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.page-products_feature--platform .get-started-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 710px;
    z-index: 10;
}
.page-products_feature--platform .get-started-svg svg {
    width: 100%;
    height: auto;
}
.page-products_feature--platform .get-started-svg .api-animated {
    opacity: 0;
    transform: scale(0);
    transform-origin: 60% 30%;
}

@keyframes dashOutlineNeg {
    to {
        stroke-dashoffset: 1000;
    }
}
.page-products_feature--platform .get-started-svg.visible-on-screen .animated-stroke {
    animation: dashOutlineNeg 2s linear forwards;
}
.page-products_feature--platform .get-started-svg.visible-on-screen .api-animated {
    animation: scaleUp 0.5s linear forwards 0.5s;
}
.page-products_feature--platform .get-started-svg .api-animated-stroke-yellow {
    opacity: 0;
}
.page-products_feature--platform .get-started-svg.visible-on-screen .api-animated-stroke-yellow {
    animation: riseStroke 1s linear forwards;
}
.page-products_feature--platform .get-started-svg .api-animated-stroke-blue {
    opacity: 0;
    transform: scale(0);
    transform-origin: 57% 10%;
}
.page-products_feature--platform .get-started-svg.visible-on-screen .api-animated-stroke-blue {
    animation: enlargeStroke 1.5s linear forwards 1s;
}
@keyframes scaleUp {
    0% {
        opacity: 0;
        transform: scale(0.85);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes riseStroke {
    to {
        opacity: 1;
        stroke-dashoffset: 1500;
    }
}
@keyframes enlargeStroke {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    33% {
        opacity: 1;
        transform: scale(1);
    }
    66% {
        opacity: 0.75;
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.page-products_feature--marketplace:before {
    content: '';
    display: block;
    width: 582px;
    height: 286px;
    position: absolute;
    bottom: 30px;
    left: 0;
    background: url(../../img/products-sec-1.svg) center center no-repeat;
    background-size: contain;
}

.page-products_feature--marketplace .elementor-container,
.page-products_feature--private-workspace-inner .elementor-container,
.page-products_feature--platform .elementor-container {
    position: relative;
    z-index: 9;
}

.page-products_feature--marketplace .elementor-col-50:first-of-type,
.page-products_feature--platform .elementor-col-50:first-of-type {
    padding-top: 15px;
}

.page-products_feature--api-hub {
    padding: 30px 20px 74px;
}
.page-products_feature--api-hub-image .elementor-widget-container {
    position: relative;
    width: 520px;
    max-width: 100%;
}
.page-products_feature--api-hub-image img {
    display: block;
    width: 100%;
    height: auto;
}
.page-products_feature--api-hub-image svg {
    position: absolute;
    height: auto;
    overflow: hidden;
}
.page-products_feature--api-hub-image .line-left {
    left: 14.5%;
    width: 16.35%;
    height: 6px;
    background: url("../../img/line-left-top.svg") no-repeat 0 50%;
    background-size: auto 6px;
    position: absolute;
    opacity: 0;
}
.page-products_feature--api-hub-image .line-right {
    position: absolute;
    left: 66%;
    opacity: 0;
}
.page-products_feature--api-hub-image .line-left-top {
    top: 31%;
}
.page-products_feature--api-hub-image .line-left-bottom {
    bottom: 27%;
}
.page-products_feature--api-hub-image .line-right-top {
    width: 19.8%;
    height: 75px;
    top: 12%;
    background: url("../../img/line-right-top.svg") no-repeat 0 50%;
    background-size: auto 75px;
}
.page-products_feature--api-hub-image .line-right-center {
    width: 14%;
    height: 6px;
    top: 50.5%;
    left: 72%;
    background: url("../../img/line-right-center.svg") no-repeat 0 50%;
    background-size: auto 6px;
}
.page-products_feature--api-hub-image .line-right-bottom {
    width: 19.8%;
    height: 75px;
    bottom: 8%;
    background: url("../../img/line-right-bottom.svg") no-repeat 0 50%;
    background-size: auto 75px;
}

.page-products_feature--api-hub-image.visible-on-screen .line-left {
    animation: widthLeft 4s linear forwards;
}
.page-products_feature--api-hub-image.visible-on-screen .line-right-top {
    animation: widthRight 4s linear forwards;
}
.page-products_feature--api-hub-image.visible-on-screen .line-right-center {
    animation: widthCenter 4s linear forwards;
}
.page-products_feature--api-hub-image.visible-on-screen .line-right-bottom {
    animation: widthRight 4s linear forwards;
}

@keyframes widthLeft {
    0% {
        width: 0;
        opacity: 1;
    }
    25% {
        width: 16.35%;
        opacity: 1;
    }
    50% {
        width: 16.35%;
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes widthCenter {
    0% {
        width: 0;
        opacity: 1;
    }
    25% {
        width: 0;
        opacity: 1;
    }
    50% {
        width: 14%;
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes widthRight {
    0% {
        width: 0;
        opacity: 1;
    }
    25% {
        width: 0;
        opacity: 1;
    }
    50% {
        width: 19.8%;
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
.page-products_feature--intuitive,
.page-products_feature--right-api {
    padding: 90px 20px;
}

.page-products_feature--intuitive .elementor-col-50:nth-of-type(2) {
    padding-left: 20px;
}

.page-products_feature--right-api-svg .elementor-widget-container {
    position: absolute;
    right: 120px;
    top: -40px;
    width: 660px;
    height: 450px;
}
.page-products_feature--right-api-svg .elementor-widget-container img {
    display: block;
    width: 100%;
    height: auto;
}
.page-products_feature--right-api-svg .elementor-widget-container svg {
    position: absolute;
    transform-origin: 50% 50%;
}
.page-products_feature--right-api-svg .elementor-widget-container .hex-01 {
    top: 185px;
    left: 4px;
}
.page-products_feature--right-api-svg .elementor-widget-container .hex-02 {
    top: 5px;
    left: 322px;
}
.page-products_feature--right-api-svg .elementor-widget-container .hex-03 {
    right: -95px;
    top: 67px;
}
.page-products_feature--right-api-svg.visible-on-screen .elementor-widget-container .hex-01 {
    animation: hexPulse 2s ease-in-out forwards;
}
.page-products_feature--right-api-svg.visible-on-screen .elementor-widget-container .hex-02 {
    animation: hexPulse 2s ease-in-out 0.5s forwards;
}
.page-products_feature--right-api-svg.visible-on-screen .elementor-widget-container .hex-03 {
    animation: hexPulse 2s ease-in-out 1s forwards;
}

@keyframes hexPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.page-products_feature--connect {
    padding: 95px 20px 50px;
    border-top: solid 1px #f4f6ff;
    border-bottom: solid 1px #f4f6ff;
    background: url(../../img/api-connect-pattern.svg) top 105px right 0 no-repeat,
                linear-gradient(to right, #ffffff 0%, #f9f9ff 53%, #ffffff 100%);
}
.page-products_feature--simplified {
    padding: 95px 20px;
}
.page-products_feature--connect .elementor-image img {
    display: block;
    width: 100%;
    height: auto;
}
.page-products_feature--connect .elementor-col-50:first-of-type {
    padding-top: 15px;
}

.page-products_feature--connect .elementor-col-50:last-of-type {
    padding-left: 24px;
}

.page-products_feature--manage-monitor {
    padding: 85px 20px 70px;
    overflow: hidden;
}
.page-products_feature--manage-monitor-svg svg {
    width: 100%;
    height: auto;
}
.page-products_feature--manage-monitor-svg svg .lines-animation polyline:nth-child(4),
.page-products_feature--manage-monitor-svg svg .lines-animation polyline:nth-child(5),
.page-products_feature--manage-monitor-svg svg .lines-animation polyline:nth-child(6) {
    stroke-dasharray: 552;
    stroke-dashoffset: -552;
}
.page-products_feature--manage-monitor-svg svg .lines-animation polyline:nth-child(1),
.page-products_feature--manage-monitor-svg svg .lines-animation polyline:nth-child(2),
.page-products_feature--manage-monitor-svg svg .lines-animation polyline:nth-child(3) {
    stroke-dasharray: 552;
    stroke-dashoffset: 552;
}
.page-products_feature--manage-monitor-svg.visible-on-screen svg .lines-animation polyline {
    animation: graphLines 2s linear forwards;
}

@keyframes graphLines {
    to {
        stroke-dashoffset: 0;
    }
}

.page-products_feature--manage-monitor .elementor-col-50:last-of-type {
    padding-top: 180px;
    padding-left: 16px;
}

.page-products_feature--manage-monitor .elementor-col-50:last-of-type:before {
    content: '';
    display: block;
    width: 729px;
    height: 286px;
    position: absolute;
    top: -72px;
    left: -17px;
    background: url(../../img/manage-monitor-pattern-2.svg) center center no-repeat;
    background-size: contain;
}

.page-products_feature--platform .elementor-col-50 {
    position: relative;
}

.page-products_feature--api-hub .elementor-col-50:first-of-type {
    padding-right: 24px;
}

.page-products_feature--api-hub .elementor-row {
    flex-direction: row;
    align-items: center;
}

.page-products_feature--enterprise {
    padding: 90px 20px 100px;
    margin-bottom: 24px;

    border-bottom: solid 1px #f4f6ff;
    background-image: linear-gradient(to right, #ffffff 0%, #f9f9ff 53%, #ffffff 100%);
}

.page-products_feature--enterprise.page-products_feature .elementor-widget-text-editor {
    max-width: 100%;
}

.page-products_feature--enterprise-image .elementor-widget-container {
    width: 878px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
.page-products_feature--enterprise-image img {
    display: block;
    width: 100%;
    height: auto;
}
.page-products_feature--enterprise-image .line-left {
    top: 55%;
    left: 11%;
    width: 6.49%;
    height: 6px;
    background: url("../../img/line-left-short.svg") no-repeat 0 50%;
    background-size: auto 6px;
    position: absolute;
    opacity: 0;
}
.page-products_feature--enterprise-image .line-center {
    position: absolute;
    width: 9.57%;
    height: 6px;
    left: 43.5%;
    background: url("../../img/line-left-top.svg") no-repeat 0 50%;
    background-size: auto 5.9px;
    opacity: 0;
}
.page-products_feature--enterprise-image .line-center-top {
    top: 30%;
}
.page-products_feature--enterprise-image .line-center-bottom {
    bottom: 17%;
}
.page-products_feature--enterprise-image .line-right {
    width: 17%;
    height: 6px;
    background-size: auto 5px !important;
    position: absolute;
    opacity: 0;
}
.page-products_feature--enterprise-image .line-top-forward {
    top: 24%;
    left: 66%;
    background: url("../../img/line-long-forward.svg") no-repeat 0 50%;
}
.page-products_feature--enterprise-image .line-top-backward {
    top: 36%;
    right: 17%;
    background: url("../../img/line-long-backward.svg") no-repeat 100% 50%;
}
.page-products_feature--enterprise-image .line-bottom-forward {
    bottom: 23%;
    left: 66%;
    background: url("../../img/line-long-forward.svg") no-repeat 0 50%;
}
.page-products_feature--enterprise-image .line-bottom-backward {
    bottom: 10%;
    right: 17%;
    background: url("../../img/line-long-backward.svg") no-repeat 100% 50%;
}
.page-products_feature--enterprise-image.visible-on-screen .line-left {
    animation: widthFirst 4s linear forwards;
}
.page-products_feature--enterprise-image.visible-on-screen .line-center {
    animation: widthSecond 4s linear forwards;
}
.page-products_feature--enterprise-image.visible-on-screen .line-top-forward,
.page-products_feature--enterprise-image.visible-on-screen .line-bottom-forward {
    animation: widthThird 4s linear forwards;
}
.page-products_feature--enterprise-image.visible-on-screen .line-top-backward,
.page-products_feature--enterprise-image.visible-on-screen .line-bottom-backward {
    animation: widthThird 4s linear 1.25s forwards;
}

@keyframes widthFirst {
    0% {
        width: 0;
        opacity: 1;
    }
    16% {
        width: 6.49%;
        opacity: 1;
    }
    33% {
        width: 6.49%;
        opacity: 1;
    }
    66% {
        width: 6.49%;
        opacity: 1;
    }
    83% {
        width: 6.49%;
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes widthSecond {
    0% {
        width: 0;
        opacity: 1;
    }
    16% {
        width: 0;
        opacity: 1;
    }
    33% {
        width: 9.57%;
        opacity: 1;
    }
    66% {
        width: 9.57%;
        opacity: 1;
    }
    83% {
        width: 9.57%;
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes widthThird {
    0% {
        width: 0;
        opacity: 1;
    }
    16% {
        width: 0;
        opacity: 1;
    }
    33% {
        width: 0;
        opacity: 1;
    }
    66% {
        width: 17%;
        opacity: 1;
    }
    83% {
        width: 17%;
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

.page-products_key-features--enterprise-hub ~ .section-partial_trusted {
    padding-bottom: 150px;
    overflow: hidden;
}

.page-products_feature--private-workspace {
    overflow: hidden;
    padding: 0 0 420px;
}

.page-products_feature--private-workspace-inner {
    background-color: #f9f9ff;
    padding: 90px 20px 20px;
}

.page-products_feature--private-workspace-inner .elementor-container:after {
    content: '';

    display: block;
    width: 1318px;
    height: 540px;

    position: absolute;
    left: -20px;
    bottom: -435px;

    background: url(../../img/products-workspace-pattern.svg) center center no-repeat;
    background-size: contain;

    z-index: 1;
}

.page-products_feature--private-workspace .elementor-col-50 .elementor-image {
    position: absolute;
    top: 0;
    right: 0;
}

.page-products_feature--private-workspace .elementor-row {
    position: relative;
    z-index: 2;
}

.page-products_feature--publish-share {
    padding: 0 20px 130px;
}

.page-products_feature--search-discover .elementor-col-50 {
    position: relative;
}

.page-products_feature--publish-share .elementor-col-50:last-of-type {
    padding-top: 60px;
}

.page-products_feature--search-discover {
    padding: 80px 20px 100px;
}

.page-products_feature--search-discover .elementor-col-50:first-of-type {
    position: relative;
    padding-top: 49px;
}

.page-products_feature--search-discover .elementor-col-50:first-of-type:after {
    content: '';

    display: block;
    width: 791px;
    height: 342px;

    position: absolute;
    right: calc(100% - 375px);
    top: -262px;

    background: url(../../img/products-publish-pattern.svg) center center no-repeat;
    background-size: contain;
}

.page-products_feature--share--title {
    padding: 310px 0 0;
    position: relative;
}

.page-products_feature--share--title:after {
    content: '';

    display: block;
    width: 966px;
    height: 341px;

    position: absolute;
    right: calc(100% - 550px);
    top: 0;

    background: url(../../img/products-share-pattern.svg) center center no-repeat;
    background-size: contain;
}

.page-products_feature--share--desc {
    padding-bottom: 245px;
}

.page-products_feature--monitor {
    padding: 165px 20px 50px;
}

.page-products_feature--monitor .elementor-col-50:first-of-type {
    position: relative;
}

.page-products_feature--monitor .elementor-col-50:first-of-type .elementor-image {
    position: absolute;
    top: 0;
    right: 0;
}

.page-products_feature--monitor .elementor-col-50:first-of-type .elementor-image img {
    max-width: inherit;
    width: 616px;
    height: 384px;
}

.page-products_feature--monitor .elementor-col-50:last-of-type:before {
    content: '';
    display: block;
    width: 1200px;
    height: 385px;
    position: absolute;
    right: calc(100% - 110px);
    top: -380px;
    background: url(../../img/products-monitor-pattern.svg) center center no-repeat;
    background-size: contain;
}

.page-products_feature--monitor .elementor-col-50:last-of-type {
    padding-left: 25px;
}

.page-products_feature--continuous {
    padding: 90px 20px 70px;
    background-color: #f9f9ff;
}

.checks-svg .elementor-widget-container {
    position: relative;
}
.checks-svg svg {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.checks-svg .check-animation-01,
.checks-svg .check-animation-02 {
    opacity: 0;
    backface-visibility: hidden;
}
.checks-svg g.check-animation-01 {
    transform: translate3d(10px,29px,0) scale(0.5);
}
.checks-svg path.check-animation-01 {
    transform: translate3d(10px,21px,0) scale(0.5);
}
.checks-svg g.check-animation-02 {
    transform: translate3d(10px,130px,0) scale(0.5);
}
.checks-svg path.check-animation-02 {
    transform: translate3d(10px,71px,0) scale(0.5);
}
.checks-svg .bg-animation-01,
.checks-svg .bg-animation-02 {
    background: #fff;
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
    border-radius: 3px;
    width: 0;
    height: 27%;
    position: absolute;
    left: 18%;
    z-index: 0;
}
.checks-svg .bg-animation-01 {
    top: 0.275%;
}
.checks-svg .bg-animation-02 {
    top: 35.5%;
}

.checks-svg.visible-on-screen g.check-animation-01 {
    animation: checkAnim1 0.5s linear forwards;
}
.checks-svg.visible-on-screen path.check-animation-01 {
    animation: checkAnim2 0.5s linear forwards;
}

.checks-svg.visible-on-screen g.check-animation-02 {
    animation: checkAnim3 0.5s linear 2s forwards;
}
.checks-svg.visible-on-screen path.check-animation-02 {
    animation: checkAnim2 0.5s linear 2s forwards;
}
.checks-svg.visible-on-screen .bg-animation-01 {
    animation: bgCheckAnim 1s linear 0.5s forwards;
}
.checks-svg.visible-on-screen .bg-animation-02 {
    animation: bgCheckAnim 1s linear 2.5s forwards;
}

@keyframes checkAnim1 {
    to {
        opacity: 1;
        transform: translate3d(0,16.708px,0) scale(1);
    }
}
@keyframes checkAnim2 {
    to {
        opacity: 1;
        transform: translate3d(0,0,0) scale(1);
    }
}
@keyframes checkAnim3 {
    to {
        opacity: 1;
        transform: translate3d(0,117.81px,0) scale(1);
    }
}
@keyframes bgCheckAnim {
    to {
        width: 82%;
    }
}

.page-products_feature--functional-testing {
    padding: 92px 20px 105px;
}

.page-products_feature--functional-testing .elementor-col-50:last-of-type {
    padding-left: 24px;
}

.page-products_feature--functional-testing .elementor-col-50:last-of-type p:last-child {
    margin-bottom: 0;
}

.grid-svg svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.grid-svg .bg-animation {
    fill: #fff;
}
.grid-svg .icon-animation {
    transform: translate3d(0,5px,0) scale(0.5);
}
.grid-svg .row-animation {
    transform: translate3d(18px,165px,0);
    filter: none;
}

.grid-svg.visible-on-screen .bg-animation {
    animation: bgAnim 0.3s linear 1s forwards;
}
.grid-svg.visible-on-screen .icon-animation {
    animation: iconAnim 0.3s linear 1s forwards;
}
.grid-svg.visible-on-screen .row-animation {
    animation: rowAnim 2s linear 1s forwards;
}

@keyframes bgAnim {
    to {
        fill: url(#2bbvhafuyaf);
    }
}

@keyframes iconAnim {
    to {
        transform: translate3d(0,0,0) scale(1);
    }
}

@keyframes rowAnim {
    0% {
        filter: url(#qntyt7seaad);
        transform: translate3d(18px,165px,0);
    }
    33% {
        filter: url(#qntyt7seaad);
        transform: translate3d(10px,170px,0);
    }
    66% {
        filter: url(#qntyt7seaad);
        transform: translate3d(52px,170px,0);
    }
    100% {
        filter: url(#qntyt7seaad);
        transform: translate3d(-20px,70px,0);
    }
}

.page-products_feature--performance-testing {
    padding: 105px 20px 90px;
    background-color: #f9f9ff;
    overflow: hidden;
}
.page-products_feature--performance-testing .testing-block {
    background-color: #fff;
    box-shadow: 2px 2px 5px 2px rgba(0,0,0,.2);
    border-radius: 4px;
}
.page-products_feature--performance-testing .testing-header {
    color: #000;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    padding: 15px 20px;
}
.page-products_feature--performance-testing .testing-header span {
    color: #1890ff;
    font-size: 14px;
}
.page-products_feature--performance-testing .testing-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}
.page-products_feature--performance-testing .pie_progress {
    position: relative;
    text-align: center;
    width: 130px;
    height: 130px;
    margin: 0 25px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.page-products_feature--performance-testing .pie_progress__svg {
    position: absolute;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
}
.page-products_feature--performance-testing .pie_progress__svg svg {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.page-products_feature--performance-testing .pie_progress__svg circle {
    stroke: #F0F2F5;
}
.page-products_feature--performance-testing .pie_progress__content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-products_feature--performance-testing .pie_progress__number {
    color: rgba(0,0,0,.85);
    font-size: 24px;
}
.page-products_feature--performance-testing .pie_progress__label {
    color: rgba(0,0,0,.45);
    font-size: 14px;
}


.page-products_feature--performance-testing .elementor-col-50:first-of-type {
    padding-right: 40px;
}

.page-products_feature--performance-testing .elementor-col-50:last-of-type {
    position: relative;
}

.page-products_feature--performance-testing .elementor-col-50:last-of-type .elementor-image:after {
    content: '';
    display: block;
    width: 660px;
    height: 286px;
    position: absolute;
    bottom: -80px;
    left: 100px;
    background: url(../../img/feature-testing-bg.svg) center center no-repeat;
    background-size: contain;
    z-index: 1;
}

.page-products_feature--performance-testing .elementor-col-50:last-of-type .elementor-image img {
    position: relative;
    z-index: 2;
}

.page-products_feature--streamlined,
.page-products_feature--monitoring {
    padding: 100px 20px 80px;
    overflow: hidden;
}
.page-products_feature--streamlined .elementor-col-50:nth-of-type(2) {
    padding-left: 25px;
}
.page-products_feature--monitoring .elementor-widget-heading {
    margin-bottom: 25px;
}
.page-products_feature--monitoring-svg svg {
    display: block;
    width: 100%;
    height: auto;
}
.page-products_feature--monitoring-svg .circle-sm-green,
.page-products_feature--monitoring-svg .circle-sm-blue,
.page-products_feature--monitoring-svg .circle-sm-orange,
.page-products_feature--monitoring-svg .circle-lg-green,
.page-products_feature--monitoring-svg .circle-lg-blue,
.page-products_feature--monitoring-svg .circle-lg-orange,
.page-products_feature--monitoring-svg .text-green,
.page-products_feature--monitoring-svg .text-blue,
.page-products_feature--monitoring-svg .text-orange {
    opacity: 0;
}

.page-products_feature--monitoring-svg.visible-on-screen .circle-sm-green {
    animation: circlePulseSm 4s linear forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .circle-lg-green {
    animation: circlePulseLg 4s linear forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .text-green {
    animation: textPulse 4s linear forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .dots-green-01 {
    animation: dotsPulseGreen 4s linear forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .dots-green-02 {
    animation: dotsPulseGreen 4s linear 0.5s forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .dots-green-03 {
    animation: dotsPulseGreen 4s linear 0.75s forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .circle-sm-blue {
    animation: circlePulseSm 4s linear 2s forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .circle-lg-blue {
    animation: circlePulseLg 4s linear 2s forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .text-blue {
    animation: textPulse 4s linear 2s forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .dots-blue {
    animation: dotsPulseBlue 4s linear 2s forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .circle-sm-orange {
    animation: circlePulseSm 4s linear 1s forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .circle-lg-orange {
    animation: circlePulseLg 4s linear 1s forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .text-orange {
    animation: textPulse 4s linear 1s forwards;
}
.page-products_feature--monitoring-svg.visible-on-screen .dots-orange {
    animation: dotsPulseOrange 4s linear 1s forwards;
}

@keyframes dotsPulseGreen {
    0% {
        fill: #fff;
    }
    10% {
        fill: #5FC42D;
    }
    20% {
        fill: #5FC42D;
    }
    30% {
        fill: #5FC42D;
    }
    40% {
        fill: #5FC42D;
    }
    80% {
        fill: #5FC42D;
    }
    100% {
        fill: #5FC42D;
    }
}
@keyframes dotsPulseBlue {
    0% {
        fill: #fff;
    }
    10% {
        fill: #54A3FF;
    }
    20% {
        fill: #54A3FF;
    }
    30% {
        fill: #54A3FF;
    }
    40% {
        fill: #54A3FF;
    }
    80% {
        fill: #54A3FF;
    }
    100% {
        fill: #54A3FF;
    }
}
@keyframes dotsPulseOrange {
    0% {
        fill: #fff;
    }
    10% {
        fill: #D46B08;
    }
    20% {
        fill: #D46B08;
    }
    30% {
        fill: #D46B08;
    }
    40% {
        fill: #D46B08;
    }
    80% {
        fill: #D46B08;
    }
    100% {
        fill: #D46B08;
    }
}

@keyframes circlePulseSm {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes circlePulseLg {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes textPulse {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}


.page-products_feature--monitoring .elementor-col-50:last-of-type {
    position: relative;
    padding-top: 280px;
    padding-left: 50px;
}

.page-products_feature--monitoring .elementor-col-50:last-of-type:before {
    content: '';

    display: block;
    width: 861px;
    height: 286px;

    position: absolute;
    top: 15px;
    left: 8px;

    background: url(../../img/products-monitoring-pattern.svg) center center no-repeat;
    background-size: contain;
}

.page-products_key-features {
    margin-bottom: 40px;
}

.page-products_key-features .elementor-widget-heading {
    position: relative;
    padding-top: 140px;
    padding-bottom: 60px;
    padding-left: 120px;
    margin: 0;
}

.page-products_key-features .elementor-widget-heading:before {
    content: '';
    display: block;

    width: 718px;
    height: 224px;

    position: absolute;
    top: -6px;
    left: -302px;

    background: url(../../img/product-key-features-marketplace.svg) center center no-repeat;
    background-size: contain;
}

.page-products_key-features .elementor-widget-heading h2 {
    position: relative;
}

.page-products_key-features .elementor-widget-heading h2:before {
    content: '';

    display: block;
    width: 116px;
    height: 116px;

    position: absolute;
    left: -120px;
    top: -36px;

    background: url(../../img/product-key-features-icon.svg) center center no-repeat;
    background-size: contain;
}

.page-products_key-features .elementor-widget-heading,
.page-products_key-features--inner .elementor-container {
    max-width: 1140px;
    margin: auto;
}

.page-products_key-features--inner .elementor-container {
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 20px;
}

.page-products_key-features--navigation {
    padding: 6px 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
}

.page-products_key-features--navigation > li {
    position: relative;
}

.page-products_key-features--navigation > li:not(:last-of-type) {
    margin-right: 45px;
}

.page-products_key-features--navigation > li > span {
    display: block;

    font-size: 18px;
    font-weight: 700;
    color: #4a4a4a;

    transition: 0.2s all;
    cursor: pointer;
}

.page-products_key-features--navigation > li.has-items > span {
    padding-right: 15px;
    background: url(../../img/icon-chevron-right-dark.svg) center right no-repeat;
    background-size: 9px;
}

.page-products_key-features--navigation > li.is-active > span {
    color: #4a90e2;
}

.page-products_key-features--navigation > li.is-active.has-items > span {
    background: url(../../img/icon-chevron-right-active.svg) center right no-repeat;
    background-size: 9px;
}

.page-products_key-features--navigation-group {
    position: absolute;
    left: 0; right: 0;

    padding: 10px 0;
    margin: 0;
    list-style-type: none;

    opacity: 0;
    visibility: hidden;
    z-index: -1;

    background-color: #fff;
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.2);
}

.page-products_key-features--navigation-group li {
    padding: 10px 20px;

    font-size: 15px;
    font-weight: 600;
    color: #4a4a4a;

    cursor: pointer;
}

.page-products_key-features--navigation-group li.is-active {
    color: #4a90e2;
}

.page-products_key-features--navigation-group.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.page-products_key-features--body {
    position: relative;
    border-top: solid 1px #dfecf8;
    border-bottom: solid 1px #dfecf8;
    background-image: linear-gradient(110deg, #ffffff, #dfecf8 55%, #54a3ff 100%);
}
.page-products_key-features--body .slick-track {
    display: flex;
}
.page-products_key-features--body .slick-arrow {
    width: 24px;
    height: 54px;
    padding: 0;
    font-size: 0;
    border: none;
    position: absolute;
    top: calc(50% - 17px);
    z-index: 9;
}
.page-products_key-features--body .slick-arrow.slick-prev {
    left: 20px;
    background: url(../../img/icon-angle-left-active.svg) center center no-repeat;
    background-size: contain;
}
.page-products_key-features--body .slick-arrow.slick-next {
    right: 20px;
    background: url(../../img/icon-angle-right-light.svg) center center no-repeat;
    background-size: contain;
}
.page-products_key-features--body-item {
    height: auto;
    padding: 60px 80px;
}
.slick-initialized .page-products_key-features--body-item.slick-slide {
    display: flex;
}
.page-products_key-features--body-item:focus {
    outline: none !important;
}

.page-products_key-features--body-item--left {
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 30px;
}

.page-products_key-features--body-item--left h3 {
    margin-bottom: 8px;
    font-size: 21px;
    line-height: 32px;
    font-weight: 700;
}

.page-products_key-features--body-item--left p,
.page-products_key-features--body-item--left li {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #4e4e4e;
}

.page-products_key-features--body-item--left ul {
    margin-left: 20px;
}

.page-products_key-features--body-item--right {
    flex: 0 0 40%;
    max-width: 40%;
}

.page-products_key-features--api-design .page-products_key-features--body-item--right img[alt="Superior Performance"] {
    max-width: 250px;
}

.page-products_key-features--body-item--right img {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.page-products_feature--search-discover--col.feature-sticky {
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

.page-products_pricing-table {
    padding: 50px 20px 80px;
}

.page-products_pricing-table .elementor-widget-heading {
    margin-bottom: 70px;
}

.page-products_feature--search-discover--col {
    position: relative;
}

.page-products_feature--search-discover--bg {
    position: relative;
    z-index: 1;
    margin: 0;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,.25);
    max-height: 445px;
    overflow: hidden;
    transition: max-height .5s ease-in-out;
    -webkit-transition: max-height .5s ease-in-out;
}

.page-products_feature--search-discover--bg svg,
.page-products_feature--search-discover--search svg {
    display: block;
    width: 100%;
    height: auto;
}

.page-products_feature--search-discover--search {
    margin: 0 !important;
}
.page-products_feature--search-discover--search .text-animation {
    color: #4E4E4E;
    font: 400 9px/1 'Lato', sans-serif;
    position: absolute;
    top: 6px;
    left: 15px;
    width: 0;
    white-space: nowrap;
    overflow: hidden;
}

.page-products_feature--search-discover--search .elementor-widget-container {
    padding-top: 20px;
    position: absolute;
    top: 34px;
    left: 141px;
    width: 296px;
    max-height: 0px;
    overflow: hidden;
    transition: max-height .5s ease-in-out;
    -webkit-transition: max-height .5s ease-in-out;
    z-index: 3;
}
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}
.page-products_feature--search-discover--col.feature-sticky .page-products_feature--search-discover--search .text-animation {
    animation: typing 2s steps(11, end) forwards;
}
.page-products_feature--search-discover--col.feature-sticky .page-products_feature--search-discover--search .elementor-widget-container {
    max-height: 1000px;
    transition: max-height .5s ease-in-out .5s;
    -webkit-transition: max-height .5s ease-in-out .5s;
}
.page-products_feature--search-discover--col.feature-sticky.img-change .page-products_feature--search-discover--search .elementor-widget-container {
    max-height: 0px;
    transition: max-height .3s ease-in-out;
    -webkit-transition: max-height .3s ease-in-out;
}
.page-products_feature--search-discover--col.img-change .page-products_feature--search-discover--bg {
    max-height: 1000px;
    transition: max-height .5s ease-in-out;
    -webkit-transition: max-height .5s ease-in-out;
}

.page-products_feature--publish-share--ico {
    position: absolute;
    margin: 0 !important;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transform-origin: center;
}
.page-products_feature--publish-share--ico .elementor-widget-container,
.page-products_feature--publish-share--ico .elementor-image {
    width: 100%;
    height: 100%;
}
.page-products_feature--publish-share--ico .elementor-image {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.page-products_feature--publish-share--ico-1,
.page-products_feature--publish-share--ico-2,
.page-products_feature--publish-share--ico-3,
.page-products_feature--publish-share--ico-4,
.page-products_feature--publish-share--ico-5,
.page-products_feature--publish-share--ico-6 {
    width: 48px !important;
    height: 40px !important;
}

.page-products_feature--publish-share--ico img {
    width: auto;
    height: auto;
    display: block !important;
    max-width: 98%;
    max-height: 98%;
}

.page-products_feature--publish-share--ico-1 {
    top: 122px;
    left: 31px;
    transform: translate3d(-380px, -410px, 0) scale(3.5);
    z-index: 2;
}

.page-products_feature--publish-share--ico-2 {
    top: 122px;
    left: 211px;
    transform: translate3d(-430px, -520px, 0) scale(2.5);
    z-index: 2;
}

.page-products_feature--publish-share--ico-3 {
    top: 122px;
    left: 393px;
    transform: translate3d(-685px, -620px, 0) scale(1.9);
    z-index: 2;
}

.page-products_feature--publish-share--ico-4 {
    top: 301px;
    left: 31px;
    transform: translate3d(-260px, -870px, 0) scale(1.3);
    z-index: 2;
}

.page-products_feature--publish-share--ico-5 {
    top: 301px;
    left: 211px;
    transform: translate3d(-650px, -820px, 0) scale(1.5);
    z-index: 2;
}

.page-products_feature--publish-share--ico-6 {
    top: 301px;
    left: 393px;
    transform: translate3d(-970px, -620px, 0) scale(1.3);
    z-index: 2;
}

.page-products_feature--publish-share--ico-7 {
    top: 40px;
    left: 40px;
    width: 100px !important;
    height: 24px;
    transform: translate3d(-215px, -300px, 0) scale(1.8);
    z-index: 0;
}

.page-products_feature--publish-share--ico-8 {
    top: 40px;
    left: 40px;
    width: 120px !important;
    height: 24px;
    transform: translate3d(-530px, -440px, 0) scale(1.7);
    z-index: 0;
}

.page-products_feature--publish-share--ico-9 {
    top: 30px;
    left: 40px;
    width: 90px !important;
    height: 18px;
    transform: translate3d(-200px, -530px, 0) scale(1.5);
    z-index: 0;
}

.page-products_hero--icon {
    width: auto !important;
    position: absolute;
    top: 60px;
    left: 88px;
    z-index: 1;
}

/* API Design Animations styles START */
.workflow-svg svg,
.collaboration-svg svg {
    display: block;
    width: 100%;
    height: auto;
}
.workflow-svg .arrow-01 {
    transform: scaleX(0);
    transition: transform .4s;
}
.workflow-svg .arrow-02 > path,
.workflow-svg .arrow-03 path:first-child {
    opacity: 0;
    transition: opacity .3s;
}
.workflow-svg .arrow-02 g path {
    stroke-dasharray: 300;
    stroke-dashoffset: -300;
}
.workflow-svg .arrow-03 path:last-child {
    stroke: #1D4371;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 8.09 243;
    stroke-dashoffset: -241;
}
.workflow-svg .check-animation {
    opacity: 0;
    transition: opacity .3s;
}
.workflow-svg .bg-animation {
    transform-origin: 36% 0;
    transform: scaleX(0);
    transition: transform .4s;
}

@keyframes arrDash01 {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes arrDash02 {
    to {
        stroke-dasharray: 8.09 14.3;
        stroke-dashoffset: 0;
    }
}

.workflow-svg.visible-on-screen .arrow-01 {
    transform: scaleX(1);
    transition: transform .4s;
}
.workflow-svg.visible-on-screen .arrow-02 g path {
    animation: arrDash01 .3s linear 1.1s forwards;
}
.workflow-svg.visible-on-screen .arrow-03 path:last-child {
    animation: arrDash02 .3s linear 2.7s forwards;
}
.workflow-svg.visible-on-screen .arrow-02 > path,
.workflow-svg.visible-on-screen .arrow-03 path:first-child {
    opacity: 1;
    transition: opacity .3s;
}
.workflow-svg.visible-on-screen .check-animation {
    opacity: 1;
    transition: opacity .3s;
}
.workflow-svg.visible-on-screen .bg-animation {
    transform: scaleX(1);
    transition: transform .4s;
}
.workflow-svg.visible-on-screen .check-01 {
    transition-delay: .4s;
}
.workflow-svg.visible-on-screen .bg-01 {
    transition-delay: .7s;
}
.workflow-svg.visible-on-screen .arrow-02 > path {
    transition-delay: 1.35s;
}
.workflow-svg.visible-on-screen .check-02 {
    transition-delay: 1.4s;
}
.workflow-svg.visible-on-screen .bg-02 {
    transition-delay: 1.7s;
}
.workflow-svg.visible-on-screen .check-03 {
    transition-delay: 2.1s;
}
.workflow-svg.visible-on-screen .bg-03 {
    transition-delay: 2.4s;
}
.workflow-svg.visible-on-screen .arrow-03 path:first-child {
    transition-delay: 2.8s;
}
.workflow-svg.visible-on-screen .check-04 {
    transition-delay: 3s;
}
.workflow-svg.visible-on-screen .bg-04 {
    transition-delay: 3.3s;
}
.workflow-svg.visible-on-screen .check-05 {
    transition-delay: 3.7s;
}
.workflow-svg.visible-on-screen .bg-05 {
    transition-delay: 4s;
}
.workflow-svg.visible-on-screen .check-06 {
    transition-delay: 4.4s;
}
.workflow-svg.visible-on-screen .bg-06 {
    transition-delay: 4.7s;
}

.collaboration-svg .tags {
    opacity: 1;
    transform: scale(1);
}
.collaboration-svg .dot {
    transform: scale(1);
}
.collaboration-svg .dot path:last-child {
    opacity: 1;
}
.collaboration-svg .tags-01 {
    transform-origin: 20% 18%;
}
.collaboration-svg .tags-02 {
    transform-origin: 8% 41%;
}
.collaboration-svg .tags-03 {
    transform-origin: 33% 41%;
}
.collaboration-svg .tags-04 {
    transform-origin: 31% 22%;
}

.collaboration-svg .dot-01 {
    transform-origin: 35% 50%;
}
.collaboration-svg .dot-02 {
    transform-origin: 23% 2.5%;
}
.collaboration-svg .dot-03 {
    transform-origin: 12.5% 62%;
}
.collaboration-svg .dot-04 {
    transform-origin: 1% 31%;
}
.collaboration-svg.visible-on-screen .tags {
    animation: tags 4s linear forwards;
}
.collaboration-svg.visible-on-screen .dot {
    animation: dots 1s ease-in-out forwards;
}
.collaboration-svg.visible-on-screen .dot path:last-child {
    animation: dotsPath 1s ease-in-out forwards;
}
.collaboration-svg.visible-on-screen .dot-02,
.collaboration-svg.visible-on-screen .dot-02 path:last-child {
    animation-delay: 1s;
}
.collaboration-svg.visible-on-screen .dot-03,
.collaboration-svg.visible-on-screen .dot-03 path:last-child {
    animation-delay: 2s;
}
.collaboration-svg.visible-on-screen .dot-04,
.collaboration-svg.visible-on-screen .dot-04 path:last-child {
    animation-delay: 3s;
}

@keyframes tags {
    0% {
        opacity: .3;
        transform: scale(.7);
    }
    33% {
        opacity: 1;
        transform: scale(1);
    }
    66% {
        opacity: .3;
        transform: scale(.7);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes dots {
    0% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes dotsPath {
    0% {
        opacity: .3;
    }
    100% {
        opacity: 1;
    }
}

/* API Design Animations styles END */


@media only screen and (max-width: 1199px) {
    .page-products_feature--search-discover--bg {
        width: 450px !important;
        max-height: 350px;
        margin: 0 0 0 30px;
    }
    .page-products_feature--publish-share--ico-1,
    .page-products_feature--publish-share--ico-2,
    .page-products_feature--publish-share--ico-3,
    .page-products_feature--publish-share--ico-4,
    .page-products_feature--publish-share--ico-5,
    .page-products_feature--publish-share--ico-6 {
        width: 40px !important;
        height: 40px !important;
    }
    .page-products_feature--publish-share--ico-1 {
        top: 97px;
        left: 53px;
        transform: translate3d(-380px, -410px, 0) scale(3.2);
    }

    .page-products_feature--publish-share--ico-2 {
        top: 97px;
        left: 195px;
        transform: translate3d(-430px, -520px, 0) scale(2.2);
    }

    .page-products_feature--publish-share--ico-3 {
        top: 97px;
        left: 336px;
        transform: translate3d(-685px, -620px, 0) scale(1.6);
    }

    .page-products_feature--publish-share--ico-4 {
        top: 238px;
        left: 53px;
        transform: translate3d(-275px, -810px, 0) scale(1);
    }

    .page-products_feature--publish-share--ico-5 {
        top: 238px;
        left: 195px;
        transform: translate3d(-650px, -820px, 0) scale(1.2);
    }

    .page-products_feature--publish-share--ico-6 {
        top: 238px;
        left: 336px;
        transform: translate3d(-800px, -620px, 0) scale(1);
    }

    .page-products_feature--publish-share--ico-7 {
        transform: translate3d(-215px, -300px, 0) scale(1.5);
    }

    .page-products_feature--publish-share--ico-8 {
        transform: translate3d(-460px, -480px, 0) scale(1.4);
    }

    .page-products_feature--publish-share--ico-9 {
        transform: translate3d(-200px, -530px, 0) scale(1.2);
    }
    .page-products_feature--monitor .elementor-col-50:first-of-type .elementor-image {
        position: relative;
    }
    .page-products_feature--monitor .elementor-col-50:first-of-type .elementor-image img {
        width: 100%;
        height: auto;
    }
    .page-products_feature--performance-testing .pie_progress {
        width: 100px;
        height: 100px;
    }
    .page-products_feature--performance-testing .pie_progress__label {
        font-size: 12px;
    }
    .page-products_feature--monitoring-svg svg {
        width: 100%;
        height: auto;
    }
    .page-products_feature--right-api-svg .elementor-widget-container {
        width: 440px;
        height: auto;
        top: 20px;
        right: 100px;
    }
    .page-products_feature--right-api-svg .elementor-widget-container svg {
        width: 85px;
        display: block;
    }
    .page-products_feature--right-api-svg .elementor-widget-container .hex-01 {
        top: 105px;
        left: 2px;
    }
    .page-products_feature--right-api-svg .elementor-widget-container .hex-02 {
        top: -15px;
        left: 213px;
    }
    .page-products_feature--right-api-svg .elementor-widget-container .hex-03 {
        right: -68px;
        top: 27px;
    }
    .page-products_feature--search-discover--search .text-animation {
        top: 8px;
        left: 9px;
    }
    .page-products_feature--search-discover--search .elementor-widget-container {
        top: 22px;
        width: 234px;
    }
}

@media only screen and (max-width: 1024px) {
    .page-products_feature--search-discover--col.feature-sticky,
    .page-products_feature--private-workspace .elementor-col-50 .elementor-image {
        position: relative;
        top: 0;
    }
    .page-products_feature--publish-share .elementor-col-50:last-of-type {
        padding-top: 0;
    }
    .page-products_feature--share--desc {
        padding-bottom: 0;
    }
    .page-products_feature .elementor-widget-text-editor {
        max-width: 100%;
    }
    .page-products_feature--platform .get-started-svg {
        width: 500px;
        left: 45px;
    }
    .page-products_feature--api-hub-image .elementor-widget-container {
        width: 360px;
        margin: 0 auto;
    }
    .page-products_feature--api-hub-image .line-right {
        left: 67%;
    }
    .page-products_feature--api-hub-image .line-right-top,
    .page-products_feature--api-hub-image .line-right-bottom {
        height: 65px;
        background-size: auto 65px;
    }
    .page-products_feature--api-hub-image .line-right-center {
        left: 72%;
        height: 5px;
        background-size: auto 5px;
    }
    .page-products_feature--api-hub-image .line-left {
        height: 5px;
        background-size: auto 5px;
    }
    .page-products_feature--enterprise-image .elementor-widget-container {
        width: 600px;
    }
    .page-products_feature--enterprise-image .line-center,
    .page-products_feature--enterprise-image .line-left {
        height: 4px;
        background-size: auto 4px;
    }
    .page-products_feature--enterprise-image .line-right {
        height: 4px;
        background-size: auto 3.4px !important;
    }
    .page-products_feature--performance-testing .pie_progress {
        width: 85px;
        height: 85px;
        margin: 0 15px;
    }
}

@media only screen and (min-width: 769px) {

    .page-products_key-features--navigation > li:hover .page-products_key-features--navigation-group {
        opacity: 1;
        visibility: visible;
        z-index: 99;
    }
}

@media only screen and (max-width: 768px) {
    .page-products_hero {
        min-height: 566px;
        padding-top: 60px;
        padding-bottom: 40px;
        height: auto;
        background-image: linear-gradient(139deg, #ffffff 1%, #d9eaff 56%, #055bb0 100%);
        background-size: 100%;
        z-index: 2;
    }
    .page-products_hero.page-products_hero--api-design {
        background-image: linear-gradient(139deg, #ffffff, #d6f1fa 55%, #1cb0e6);
    }
    .page-products_hero .elementor-column:first-child {
        min-height: 220px;
    }
    .page-products_hero + section .elementor-container {
        position: relative;
        z-index: 9;
    }
    .page-products_hero--testing {
        height: 580px;
    }
    .page-products_hero--testing {
        background-image: linear-gradient(138deg, #ffffff, #dcd7f4 55%, #9244f2 100%);
    }
    .page-products_hero--text {
        padding-top: 0;
    }
    .page-products_hero--text h1.elementor-heading-title {
        margin-bottom: 10px;
    }
    .page-products_hero--text span.elementor-heading-title {
        margin-bottom: 20px;
    }
    .page-products_hero:after,
    .page-products_hero:before {
        content: '';
        background-color: #f9f9ff;
        border-top: 1px solid #d8d8d8;
    }
    .page-products_hero:before {
        width: 1920px;
        bottom: -215px;
        left: 195px;
        z-index: 2;
    }
    .page-products_hero:before {
        left: 40px;
        z-index: 1;
    }
    .page-products_hero:after {
        height: 150px;
        bottom: -90px;
        left: -230px;
    }
    .page-products_hero .elementor-column:first-child {
        z-index: 4;
    }
    .page-products_hero .elementor-heading-title,
    .page-products_hero .elementor-button-wrapper,
    .page-products_feature--api-hub .elementor-heading-title,
    .page-products_feature--marketplace .elementor-heading-title,
    .page-products_feature--platform .elementor-heading-title,
    .page-products_feature--enterprise .elementor-heading-title,
    .page-products_feature--continuous .elementor-heading-title,
    .page-products_feature--functional-testing .elementor-heading-title,
    .page-products_feature--performance-testing .elementor-heading-title,
    .page-products_feature--private-workspace-inner .elementor-heading-title {
        text-align: center;
    }
    .page-products_hero--video:after {
        width: 570px;
        height: 315px;
        position: absolute;
        top: 65px;
        left: calc(50% - 200px);
    }
    .page-products_hero--video .elementor-widget-wrap {
        align-content: center;
        margin: 60px 0 0;
    }
    .page-products_feature--right-api {
        padding: 90px 45px 30px;
    }
    .page-products_feature--right-api:before,
    .page-products_feature--performance-testing .elementor-col-50:last-of-type .elementor-image:after,
    .elementor-heading-title br,
    .page-products_feature--platform:after,
    .page-products_feature--marketplace:before {
        display: none;
    }
    .page-products_feature--streamlined .elementor-column:first-child,
    .page-products_feature--intuitive .elementor-column:first-child,
    .page-products_feature--right-api .elementor-column:first-child,
    .page-products_feature--manage-monitor .elementor-column:first-child,
    .page-products_feature--api-hub .elementor-column:first-child,
    .page-products_feature--functional-testing .elementor-column:first-child,
    .page-products_feature--monitoring .elementor-column:first-child,
    .page-products_feature--monitor .elementor-column:first-child {
        order: 1;
    }
    .page-products_feature--streamlined .elementor-column:last-child,
    .page-products_feature--intuitive .elementor-column:last-child,
    .page-products_feature--right-api .elementor-column:last-child,
    .page-products_feature--manage-monitor .elementor-column:last-child,
    .page-products_feature--api-hub .elementor-column:last-child,
    .page-products_feature--functional-testing .elementor-column:last-child,
    .page-products_feature--monitoring .elementor-column:last-child,
    .page-products_feature--monitor .elementor-column:last-child {
        order: 0;
    }
    .page-products_feature--streamlined .elementor-column:first-child,
    .page-products_feature--intuitive .elementor-column:first-child {
        margin-top: 60px;
    }
    .page-products_feature--connect {
        background: linear-gradient(to right, #ffffff 0%, #f9f9ff 53%, #ffffff 100%);
        padding: 90px 45px 80px;
    }
    .page-products_key-features--api-design .elementor-container {
        margin-top: 0;
    }
    .page-products_feature--connect {
        padding: 90px 45px 80px;
    }
    .page-products_pricing-table--api-design h2.elementor-heading-title {
        text-align: center;
    }
    .page-products_pricing-table {
        padding: 70px 20px 0 !important;
    }
    .page-products_key-features--api-design .page-products_key-features--body-item--right img {
        margin-top: 50px;
    }
    .page-products_feature--streamlined .elementor-col-50:nth-of-type(2) {
        padding-left: 0;
    }
    .page-products_pricing-table.page-products_pricing-table--api-design .elementor-widget-text-editor {
        margin: 0 0 40px;
    }
    .page-products_pricing-table--api-design .section-partial_pricing_table--column:first-child {
        flex: 0 0 80px;
        max-width: 80px;
    }
    .page-products_pricing-table--api-design {
        padding: 70px 20px 0;
    }
    .page-products_pricing-table.page-products_pricing-table--api-design .section-partial_pricing_table--column:after {
        width: 100%;
        margin: 0;
    }
    .page-products_feature--simplified {
        padding: 90px 20px;
    }
    .page-products_feature--manage-monitor,
    .page-products_feature--monitoring {
        padding: 85px 45px 35px;
    }
    .page-products_feature--manage-monitor .elementor-col-50:last-of-type:before,
    .page-products_feature--monitoring .elementor-col-50:last-of-type:before {
        width: 600px;
        height: 190px;
        top: -60px;
        left: -35px;
    }
    .page-products_feature--monitoring .elementor-col-50:last-of-type:before {
        left: -30px;
    }
    .page-products_feature--manage-monitor .elementor-col-50:last-of-type,
    .page-products_feature--monitoring .elementor-col-50:last-of-type {
        padding: 130px 0 20px;
    }
    .page-products_key-features {
        margin: -40px 0 0;
        padding-top: 0;
    }
    .page-products_key-features .elementor-widget-heading:before {
        width: 600px;
        height: 185px;
        top: 0;
        left: -238px;
    }
    .page-products_key-features .elementor-widget-heading {
        padding-top: 120px;
    }
    .page-products_key-features .elementor-widget-heading h2:before {
        width: 85px;
        height: 85px;
        left: -100px;
        top: -20px;
    }
    .page-products_key-features--body-item {
        padding: 35px 0 80px;
    }
    .page-products_key-features--body-item--left,
    .page-products_key-features--body-item--right {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    .page-products_key-features--inner .page-products_key-features--navigation {
        padding-bottom: 200px;
        overflow: auto;
    }
    .page-products_key-features--inner .page-products_key-features--navigation::-webkit-scrollbar {
        display: none;
    }
    .page-products_key-features--body {
        margin-top: -190px;
    }
    .page-products_key-features--inner .elementor-container,
    .page-products_feature--publish-share,
    .page-products_feature--search-discover {
        padding: 0 45px;
    }
    .elementor-shortcode > .page-products_key-features--inner > .elementor-container {
        padding: 0 10px;
    }

    .page-products_key-features--navigation-group {
        right: auto;
    }
    .page-products_key-features--navigation-group li {
        font-size: 13px;
    }
    .page-products_key-features--navigation > li > span {
        padding-right: 14px;
    }
    .page-products_key-features--navigation > li {
        white-space: nowrap;
    }
    .page-products_key-features--navigation > li:not(:last-of-type) {
        margin-right: 30px
    }
    .page-products_key-features--navigation > li > span {
        font-size: 14px;
        /*padding-right: 0;*/
        /*background: none;*/
    }
    .page-products_key-features--body .slick-arrow {
        display: none !important;
    }
    .page-products_feature--platform {
        padding: 90px 45px 50px;
    }
    .page-products_feature--platform .elementor-col-50 .elementor-image {
        position: static;
    }
    .page-products_feature--platform .elementor-col-50 .elementor-image img {
        width: 100%;
        height: auto;
    }
    .page-products_feature--api-hub,
    .page-products_feature--functional-testing,
    .page-products_feature--performance-testing,
    .page-products_feature--private-workspace-inner,
    .page-products_feature--marketplace,
    .page-products_feature--continuous {
        margin-top: 0;
        padding: 90px 45px 90px;
    }
    .page-products_feature--enterprise {
        padding: 90px 45px 75px;
    }
    .page-products_pricing-table {
        padding: 70px 45px 0;
    }
    .page-products_feature--private-workspace-inner .elementor-container:after {
        width: 1200px;
        height: 490px;
        bottom: -380px;
    }
    .page-products_feature--private-workspace {
        padding-bottom: 290px;
    }
    .page-products_feature--search-discover .elementor-col-50:first-of-type:after {
        width: 750px;
        height: 270px;
        right: calc(100% - 365px);
        top: -220px;
    }
    .page-products_feature--share--title:after {
        width: 940px;
        height: 275px;
    }
    .page-products_feature--share--title,
    .page-products_feature--search-discover {
        padding-top: 280px;
    }
    .page-products_feature--search-discover {
        overflow: hidden;
    }
    .page-products_feature--monitor {
        padding: 300px 45px 100px;
    }
    .page-products_feature--monitor .elementor-col-50:last-of-type,
    .page-products_feature--functional-testing .elementor-col-50:last-of-type {
        padding-left: 0;
    }
    .page-products_feature--monitor .elementor-col-50:last-of-type:before {
        width: 1000px;
        height: 320px;
        right: calc(100% - 180px);
        top: -320px;
    }
    /*.page-products_key-features--navigation .page-products_key-features--navigation-group {*/
    /*    display: none;*/
    /*}*/
    .page-products_feature--marketplace,
    .page-products_feature--platform {
        margin-top: 0;
    }
    .page-products_hero--icon {
        display: none;
    }
    .page-products_feature--platform  .get-started-svg {
        margin: 60px auto 0;
        order: 0;
        position: static;
        width: 500px;
        max-width: 100%;
    }
    .page-products_feature--platform  .get-started-svg svg {
        width: 100%;
        height: auto;
    }
    .page-products_feature--api-hub-image .elementor-widget-container {
        margin-top: 60px;
    }
    .page-products_feature--monitoring-svg .elementor-widget-container {
        width: 500px;
        max-width: 100%;
        margin: 0 auto;
    }
    .page-products_feature--right-api-svg .elementor-widget-container {
        position: relative;
        right: 0;
        top: 0;
        margin: 60px auto 0;
    }
    .page-products_feature--performance-testing .elementor-col-50:first-of-type {
        padding-right: 0;
    }
}

@media only screen and (max-width: 560px) {
    /*.page-products_hero {*/
    /*    height: 500px;*/
    /*}*/
    .page-products_hero--video:after {
        width: 500px;
        height: 300px;
        top: auto;
        bottom: -93px;
    }
    .page-products_feature--api-hub-image .elementor-widget-container,
    .page-products_feature--enterprise-image .elementor-widget-container {
        width: 280px;
    }
    .page-products_feature--api-hub-image .line-left,
    .page-products_feature--api-hub-image .line-right-center,
    .page-products_feature--enterprise-image .line-center,
    .page-products_feature--enterprise-image .line-left {
        height: 3px;
        background-size: auto 3px;
    }
    .page-products_feature--api-hub-image .line-right-top,
    .page-products_feature--api-hub-image .line-right-bottom {
        height: 35px;
        background-size: auto 35px;
    }
    .page-products_feature--enterprise-image .line-right {
        height: 3px;
        background-size: auto 2.5px !important;
    }
    .page-products_feature--right-api-svg .elementor-widget-container {
        width: 280px;
        right: 35px;
    }
    .page-products_feature--right-api-svg .elementor-widget-container svg {
        width: 55px;
    }
    .page-products_feature--right-api-svg .elementor-widget-container .hex-01 {
        top: 50px;
        left: 0;
    }
    .page-products_feature--right-api-svg .elementor-widget-container .hex-02 {
        top: -30px;
        left: 133px;
    }
    .page-products_feature--right-api-svg .elementor-widget-container .hex-03 {
        right: -45px;
        top: -2px;
    }
}