.hero {
    display: flex;
    flex-direction: row;
}
.hero_xs {
    display: flex;
    flex-direction: column;
}

.hero_left {
    width: 60%;
    padding-right: 48px;
}

.hero_right {
    width: 40%;
}

.hero_img_container {
    padding-top: 32px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.hero_img_container_xs {
    padding-top: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.hero_img_container_xs img {
    width: 100%;
}
.hero_right img {
    width: 100%;
    max-width: 700px;
}

.hero_preword {
    padding-top: 24px;
    font-size: 16px;
    padding-bottom: 48px;
    line-height: 160%;
    color: #666;
    font-weight: normal;
}

.hero_title {
    padding-top: 106px; /* 76px;*/
    margin: 0;
    font-weight: bold;
    font-size: 52px;
    line-height: 1.4;
    color: #7F0052;
}
.hero_title_xs {
    padding-top: 64px; /* 76px;*/
    margin: 0;
    font-size: 32px;
    font-weight: bold;
    line-height: 52px;
    color: #7F0052;
    text-align: center;
}



.hero_text {
    padding-top: 16px;
    font-size: 20px;
    line-height: 1.8;
    color: #353535;

}
.hero_text_xs {
    padding-top: 32px;
    font-size: 18px;
    line-height: 160%;
    color: #353535;
    text-align: center;
}
.btn_hero {
    font-size: 28px;
    font-weight: 500;
    padding: 24px 48px;
    min-width: 240px;
    box-shadow: 0 0.3em 1.2em rgba(181, 82, 15, 0.6);
}
.hero_actions {
    margin-top: 48px;
    display: flex;
    column-gap: 48px;
    align-items: center;
}
.cta_container_api {
    padding-top: 36px;
    text-align: center;
}
.cta_container_generator {
    padding-top: 64px;
    text-align: center;
}
.hero_btn_container_xs {
    padding-bottom: 24px;
    text-align: center;
}

.layers_note {
    color: #5B5454;
    font-size: 14px;
    text-align: center;
}
.layers_note_xs {

}

@media (min-width: 768px) {
    .header_block {
    }
    .logos_container {
        column-gap: 48px;
        margin-bottom: 32px;
    }
}

.hero_video_container {
    position: relative;
    width: 100%;
}

.hero_video {
    position: absolute;
    width: 66%;
    max-width: 890px;
    top:50%;
    left: 50%;
    transform:translateX(-50%);
    margin: auto;
}
.section_video {
    padding-top: 32px;
    position: absolute;
    width: 100%;
    max-width: 890px;
    top:50%;
    left: 50%;
    transform:translateX(-50%);
    margin: auto;
}
.sectionsection_img_container_shell_turquoise .video_section__video_container {
    box-shadow: 0 0.3em 1.2em rgba(131, 214, 176, 0.4);
}
.feature_video_xs {
    max-width: 100%;
}

.white_section_text {
    color: #515050;
    font-size: 20px;
    line-height: 160%;
}

.check_container {
    display: flex;
    flex-direction: column;
}
.check_row {
    display: flex;
    margin-bottom: 12px;
}
.check_icon {
    width: 40px;
    padding-top: 4px;
    padding-right: 16px;
}

.section_text {
    font-family: Rubik, Open-Sans, sans-serif;
    color: #515050;
    font-size: 20px;
    line-height: 160%;
}
.section_button {
    padding-top: 32px;
}
.section_feature_image {
    margin-top:36px;
    width:100%;
    border-radius: 4px;
    box-shadow: 0 0.3em 1.2em rgba(181, 82, 15, 0.45);
}
.welcome_feature_subsection_content h3 {
    font-family: Rubik, Open-Sans, sans-serif;
    font-weight: bold;
    font-size:32px;
    color: #7F0052;
}

.section_img_container {
    padding-top: 32px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.section_img_container img {
    max-width: 100%;
}
.section_img_container_xs {
    padding-top: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.section_img_container_xs img {
    width: 100%;
}
.gray-shadow {
    box-shadow: 0 0.3em 1.2em rgba(160, 160, 160, 0.6);
}
.rose-shadow {
    box-shadow: 0 0.3em 1.2em rgba(181, 82, 15, 0.45);
}

.word_highlight1 {
    /*background-image:linear-gradient(90deg,rgb(67,196,255), rgb(68,249,211),  #7F0052);*/
    background-image:linear-gradient(90deg,#ff7171, #7F0052);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ===== MOBILE ========== */
@media (max-width: 767.99px) {

    .welcome_feature_subsection_content {
        display: flex;
        flex-direction: column;

    }

    .check_container {
        font-size: 20px;
        padding: 0 16px 0;
    }
    .welcome_feature_subsection_content h3 {
        text-align: center;
        margin-top: 16px;
    }
    .section_text,.white_section_text {
        padding: 0 16px;
    }
}

/* ===== DESKTOP ========== */
@media (min-width: 768px) {
    .welcome_feature_subsection_content h3 {
        margin-top: 0;
    }

    .welcome_feature_subsection_content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 48px;
    }

}

/* spinner */
.spinner {
    animation: rotate 2s linear infinite;
    z-index: 2;
}
.spinner .path {
    stroke: hsl(210, 70, 75);
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

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

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
/* /spinner */

@-webkit-keyframes banner-slider {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(-3202px, 0, 0);
        transform: translate3d(-3202px, 0, 0)
    }
}

@keyframes banner-slider {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(-3202px, 0, 0);
        transform: translate3d(-3202px, 0, 0)
    }
}



/* ===== MOBILE ========== */
@media (max-width: 767.99px) {
    .content_section {
        padding: 32px 16px;
    }
    .btn_hero {
        margin-top: 48px;
    }
    .automation_tile_container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding-top: 32px;
        grid-gap: 32px;
    }
    .logos_container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        column-gap: 48px;
        row-gap: 24px;
        padding-top: 24px;
    }
    .logos_container img {
        width: 80px !important;
    }
    .reviews_container {
        display: grid;
        grid-gap: 48px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding-top: 24px;
    }
    .review_text {
        flex-grow: 1;
        text-align: center;
        padding-bottom: 24px;
        font-size: 20px;
        font-weight: 300;
        line-height: 1.4;
        color: #515050;
    }
    .review_quote {
        text-align: center;
        padding-bottom: 32px;
    }
    .review_tile {
        padding: 24px;
    }
    .rose_subtitle {
        font-size: 18px;
        padding-bottom: 48px;
    }
    .section_shell_rose {
        margin-top: 40px;
        background-color: #F2DAD3;
        padding-bottom: 32px;
    }
    .section_note {
        font-size: 20px;
        margin-bottom: 32px;
    }
    .section_shell_dark .container .subtitle {
        color: #B7B6B6;
        font-size: 20px;
        padding-bottom: 48px;
        text-align: center;
    }

    .container.content_section.features_content {
        padding-bottom: 48px;
    }

    .container.content_section.features_content > h2 {
        margin-bottom: 40px;
    }


    .features_container {
        /*
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

         */
        display: grid;
        grid-gap: 40px;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }

    .feature-item {
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .feature-icon {
        display: flex;
        min-height: 115px;
        justify-content: center;
        padding-bottom: 24px;
    }

    .feature-icon svg {
        width: 90px;
    }

    .feature-name {
        display: flex;
        justify-content: center;
        text-align: center;
        color: #606060;
        font-size: 20px;
    }
    .learn_item {
        align-items: flex-start;
    }
    .learn-link, .learn-link:visited, .learn-link:active {
        font-size: 18px;
    }
    .learn_container {
        padding-top: 16px;
    }
    .platform_logo {
        width: 126px;
        height: 126px;
    }
    .platform_logo a img#zapier {
        width: 80px;
    }
    .platform_logo a img.smaller {
        width: 120px;
    }
    .integrations_doc_btn, .integrations_doc_btn:visited, .integrations_doc_btn:focus, .integrations_doc_btn:active {
        font-size: 16px;
    }
    .roadmap_container_desktop {
        grid-template-columns: 1fr;
        grid-gap: 32px;
    }
    .dark_rose_text {
        font-size: 18px;
        line-height: 1.4;
    }
    .use_case_row {
        align-items: flex-start;
    }

    .video_section_container {
        display: flex;
        flex-direction: column;
        padding-left:12px !important;
        padding-right:12px !important;
        /*padding-top: 12px !important;*/
    }
    .automation_for_container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 14px;
    }
    .automation_for_item {
        display: flex;
        align-items: center;
    }
    .automation_for_item:not(:last-child) {
        margin-bottom: 32px;
    }

    .automation_for_item > .item_icon {
        display: flex;
        padding-left:8px;
    }

    .automation_for_item > .item_icon > svg {
        width: 26px;
        max-height: 26px;
        margin-right: 16px;
    }

    .automation_for_item > .item_title {
        display: flex;
        font-size: 20px;
        color: #606060;
    }
    .banners_slider_section {
        overflow: hidden;
        padding-top: 30px;
    }
    .banners_slider {
        height: 212px;
        width: 6404px;
        background-repeat: repeat-x;
        background-position: center;
        background-size: 1601px;
        background-image: url(/images/welcome/slider-welcome-5-2x.jpg);
        background-image: -webkit-image-set(url(/images/welcome/slider-welcome-5.jpg) 1x, url(/images/welcome/slider-welcome-5-2x.jpg) 2x );
        -webkit-animation: banner-slider 360s linear infinite;
        animation: banner-slider 360s linear infinite;
    }
    .video_section__video_container {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        box-shadow: 0 0.3em 1.2em rgba(160, 160, 160, 0.6);

        margin-top: 36px;
    }
    .video_section_container h3.secondary {
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        color: #686868;
        margin-top: 72px;
        margin-bottom: 0 !important;
        line-height: 1.6;
    }
    .tabs-xs-container {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }
    .tab-xs {
        transition: all 2s ease-in-out;
    }
    .tab-xs-title {
        display: flex;
        align-items: center;
        font-size: 18px;
        color: #616060;
        cursor: pointer;
        background-color: #fff;
        padding: 12px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .tab-xs-title svg {
        margin-right: 12px;
    }
    .tab-xs-body {
        display: none;
        padding: 12px 24px 16px;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }
    .active-tab .tab-xs-body {
        display: flex;
    }
    .tab-xs-body img {
        max-width: 100%;
        border: 1px solid #eee;
    }
    .active-tab .tab-xs-footer {
        height: 24px;
        background: linear-gradient(#fff, #F2DAD3);
    }
    .tab-xs-footer {
        height: 16px;
        background: linear-gradient(#fff, #F2DAD3);
    }
}
/* ===== DESKTOP ========== */
@media (min-width: 768px) {
    .md_padding_bottom_90 {
        padding-bottom: 90px !important;
    }
    .section_img_container {
        padding-top: 0px !important;
    }
    .cf4, .cf4_left {
        position:relative;

    }
    .cf4 img, .cf4_left img {
        position:absolute;
        left:0;
        /*-webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;*/
        transition: all 1s ease-in-out;
        animation-fill-mode: forwards;
        transform-origin: top right;
    }

    .cf4_left img {
        transform-origin: top left;
    }


    .cf4 img.prev{
        -webkit-transform:scale(0,0);
        -webkit-transform-origin: bottom left;
        -moz-transform:scale(0,0);
        -moz-transform-origin: bottom left;
        -o-transform:scale(0,0);
        -o-transform-origin: bottom left;
        transform:scale(0,0);
        transform-origin: bottom left;
    }

    .cf4_left img.prev{
        -webkit-transform:scale(0,0);
        -webkit-transform-origin: bottom right;
        -moz-transform:scale(0,0);
        -moz-transform-origin: bottom right;
        -o-transform:scale(0,0);
        -o-transform-origin: bottom right;
        transform:scale(0,0);
        transform-origin: bottom right;
    }




    .developers_features_grid {
        display: grid;
        grid-gap: 64px;
        grid-template-columns: 7fr 5fr;
    }
    .developers_features_grid .feature_body {
        min-height: 410px;
    }
    .developers_features_grid .feature_body img {
        width: 100%;
        max-width: 720px;
        /*height: 406px;*/
        border-radius: 8px;
        box-shadow: 0 0.3em 1.2em rgba(181, 82, 15, 0.45);
        /*
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;

         */
    }
    .developers_features_grid .feature_list {
        display: flex;
        flex-direction: column;
        row-gap: 24px;
    }
    .developers_features_grid .feature_item {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 24px;
        background: hsla(0,0%,100%,.3);
        border-radius: 10px;
        font-size: 20px;
        color: #616060;
        cursor: pointer;
    }
    .developers_features_grid .feature_item.active {
        border: 3px solid rgba(234,94,94,0.7);/*rgba(248,140,149, 0.8);*/
        /*color: rgb(234,94,94);*/
        background: hsla(0,0%,100%,.5);
    }
    .developers_features_grid .feature_item svg {
        margin-right: 12px;
        min-width: 24px;
    }


    .marketers_features_grid {
        display: grid;
        grid-gap: 64px;
        grid-template-columns: 5fr 7fr;
    }
    .marketers_features_grid .feature_body {
        min-height: 410px;
    }
    .marketers_features_grid .feature_body img {
        width:100%;
        max-width: 720px;
        /*height: 406px;*/
        border-radius: 8px;
        box-shadow: 0 0.3em 1.2em rgba(181, 82, 15, 0.45);
        /*
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
         */
    }
    .marketers_features_grid .feature_list {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        row-gap: 24px;
    }
    .marketers_features_grid .feature_item {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 24px;
        background: hsla(0,0%,100%,.3);
        border-radius: 10px;
        font-size: 20px;
        color: #616060;
        cursor: pointer;
    }
    .marketers_features_grid .feature_item.active {
        border: 3px solid rgba(234,94,94,0.7);/*rgba(248,140,149, 0.8);*/
        /*color: rgb(234,94,94);*/
        background: hsla(0,0%,100%,.5);
    }
    .marketers_features_grid .feature_item svg {
        margin-right: 12px;
        min-width: 24px;
    }
    .banners_slider_section {
        overflow: hidden;
        padding-top: 30px;
    }
    .banners_slider {
        height: 424px;
        width: 6404px;
        background-repeat: repeat-x;
        background-position: center;
        background-size: 3202px;
        background-image: url(/images/welcome/slider-welcome-5-2x.jpg);
        background-image: -webkit-image-set(url(/images/welcome/slider-welcome-5.jpg) 1x, url(/images/welcome/slider-welcome-5-2x.jpg) 2x );
        -webkit-animation: banner-slider 360s linear infinite;
        animation: banner-slider 360s linear infinite;
    }
    .video_section_container {
        display: grid;
        grid-gap: 64px;
        grid-template-columns: 7fr 5fr;/* repeat(auto-fit, minmax(500px, 1fr));*/
        padding-left:16px !important;
        padding-right:16px !important;
        padding-top: 114px !important;
    }
    .video_section_container h2 {
        font-family: Rubik, Open-Sans, sans-serif;
        font-weight: bold;
        color: #7F0052;
        font-size: 36px;
        margin-top: 0;
        text-align: left !important;
    }
    .video_section_container h3.secondary {
        font-size: 18px;
        font-weight: normal;
        color: #686868;
        margin-top: 84px;
        padding-right: 24px;
        line-height: 1.6;
    }
    .video_section_container .logos_container {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        column-gap: 24px;
        row-gap: 24px;
        padding-left: 8px;
    }
    .video_section_container .logos_container img {
        border-radius: unset !important;
        box-shadow: unset !important;
        width: 70px;
        filter: grayscale(100%);
        opacity: 0.6;
    }
    .video_section__video_container {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        box-shadow: 0 0.3em 1.2em rgba(160, 160, 160, 0.6);
        width:100%;
    }
    .video_section__video_container video {
        border-radius: 4px;
    }
    .automation_for_container {

    }
    .automation_for_item {
        display: flex;
        align-items: center;
    }
    .automation_for_item:not(:last-child) {
        margin-bottom: 32px;
    }

    .automation_for_item > .item_icon {
        display: flex;
        padding-left:8px;
    }

    .automation_for_item > .item_icon > svg {
        width: 26px;
        max-height: 26px;
        margin-right: 16px;
    }

    .automation_for_item > .item_title {
        display: flex;
        font-size: 20px;
        color: #606060;
    }

    .content_section {
        padding: 90px 48px 24px;
    }
    .automation_tile_container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 64px;
        padding-top: 24px;display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        column-gap: 24px;
        row-gap: 24px;
    }
    .logos_container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        column-gap: 24px;
        row-gap: 24px;
        /*padding-top: 24px;*/
    }
    .reviews_container {
        display: grid;
        grid-gap: 64px;
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
        padding-top: 24px;
    }
    .review_text {
        flex-grow: 1;
        text-align: center;
        padding-bottom: 24px;
        font-size: 24px;
        font-weight: 300;
        line-height: 1.4;
        color: #515050;
    }
    .review_quote {
        text-align: center;
        padding-bottom: 64px;
    }
    .review_tile {
        padding: 48px;
    }
    .rose_subtitle {
        font-size: 20px;
        padding-bottom: 80px;
    }
    .section_shell_rose {
        margin-top: 80px;
        background-color: #F2DAD3;
        padding-bottom: 80px;
    }
    .section_note {
        font-size: 20px;
        margin-bottom: 64px;
    }

    .section_shell_dark .container .subtitle {
        color: #B7B6B6;
        font-size: 20px;
        padding-bottom: 90px;
        text-align: center;
    }

    .container.content_section.features_content {
        padding-bottom: 90px;
    }

    .container.content_section.features_content > h2 {
        margin-bottom: 90px;
    }

    .features_container {
        /*
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

         */
        display: grid;
        grid-gap: 80px;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .feature-item {
        width: 220px;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .feature-icon {
        display: flex;
        min-height: 155px;
        justify-content: center;
        padding-bottom: 32px;
    }

    .feature-icon svg {
        width: 120px;
    }

    .feature-name {
        font-size: 22px;
    }

    .learn_item {
        align-items: center;
    }

    .learn-link, .learn-link:visited, .learn-link:active {
        font-size: 22px;
    }
    .platform_logo {
        width: 176px;
        height: 176px;
    }

    .integrations_doc_btn, .integrations_doc_btn:visited, .integrations_doc_btn:focus, .integrations_doc_btn:active {
        font-size: 20px;
    }

    .roadmap_container_desktop {
        grid-template-columns: 1fr 1fr;
        grid-gap: 64px;
    }
    .dark_rose_text {
        font-size: 22px;
        line-height: 1.6;
    }
    .use_case_row {
        align-items: center;
    }

}



.content_section.section_turquoise {
    padding-bottom: 80px;
}

section {
    display: flex;
    flex-direction: column;
}

section.section_shell_turquoise {
    margin-top: 80px;
    background-color: #E5F9F3;
}

.section_shell_dark {
    background-color: #300224;
    padding-bottom: 80px;
}

.section_shell_dark .container h2 {
    color: #FFFFFF;
}

.section_shell_dark_rose {
    background-color: #F99F93;
    padding-bottom: 80px;
}


.section_note {
    font-weight: normal;
    color: #515050;
    text-align: center;
}
.section_note_xs {
    text-align: left;
    color: #000;
    padding: 0 16px;
}

.automation_tile {
    /*width: 320px;*/
    box-sizing: border-box;
    box-shadow: 0 0.3em 1.2em rgba(160, 160, 160, 0.6);
    padding: 34px 40px;
}

.automation_tile > .tile_icon {
    display: flex;
    justify-content: center;
    padding-bottom: 32px;
}

.automation_tile > .tile_icon > svg {
    width: 48px;
}

.automation_tile > .tile_title {
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    color: #606060;
}
.container.logos_section > h2.secondary {
    color: #686868;
}
.logos_wrapper {
    display: flex;
    justify-content: center;
}
.logos_container img {
    border-radius: unset !important;
    box-shadow: unset !important;
    width: 90px;
    filter: grayscale(100%);
    opacity: 0.6;
}


.review_tile {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 0.3em 1.2em rgba(131, 214, 176, 0.4);
}



.review_quote svg {
    width: 54px;
}

.review_avatar {
    text-align: center;
    padding-bottom: 24px;
}

.review_avatar img {
    width: 100px;
    border-radius: 50%;
    border: 4px solid #FF7171;
}

.reviewer_block {
    text-align: center;
}

.review_author {
    font-size: 21px;
    font-weight: 500;
    color: #FF7171;
}

.review_job {
    font-size: 21px;
    color: #606060;
    font-weight: 300;
}

.ways_container {
    display: grid;
    grid-gap: 48px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    padding-top: 24px;
}

.way_block {
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.way_img {
    display: flex;
    positiion: relative;
    justify-content: center;
}

.way_img img {
    border-radius: 5px;
    box-shadow: 0 0.3em 1.2em rgba(204, 204, 204, 0.6);
    width: 100%;
    height: auto;
    /*
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

     */
}

.way_button {
    display: flex;
    justify-content: center;
    padding-top: 48px;
}
.btn_white:hover {
    transform: translate(4px, -3px);
    box-shadow: -8px 6px 0 rgba(204,204,204, 0.6);
}

.way_button .btn.btn_white {
    min-width: 182px;
}

.rose_subtitle {
    color: #515050;
    text-align: center;
}

.editor_container img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 0.3em 1.2em rgba(181, 82, 15, 0.45);
}

.container.content_section.template_library_content {
    padding-bottom: 60px;
}

.lib-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lib-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 32px;
}

.lib-item {
    width: 300px;
    height: 300px;
    position: relative;
}

@media (max-width: 767px) {
    .lib-item {
        margin: 16px;
        width: 120px !important;
        height: 120px !important;
    }
}

@media (min-width: 768px) {
    .lib-item {
        margin: 32px;
    }
}



.lib-item img {
    /*box-shadow: 0 4px 8px rgba(33,33,33,0.2);*/
    box-shadow: 0 0.3em 1.2em rgba(204, 204, 204, 0.6);
    border-radius: 0px;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.forms_video_container {
    display: flex;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0 0.3em 1.2em rgba(181, 82, 15, 0.45);
}

.forms_video_container video {
    border-radius: 8px;
}

.workflow_row_desktop {
    display: grid;
    grid-template-columns: 1fr 120px 1fr;
}

.workflow_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.workflow_arrow svg {
    width: 24px;
}

@media (max-width: 767px) {
    .workflow_arrow {
        height: 80px;
    }

    .workflow_item {
        padding: 16px !important;
    }
}

.workflow_item {
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.13);
    padding: 24px;
    border-radius: 0;
}

.workflow_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 80px;
    height: 80px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.1);*/
    margin-right: 24px;
    padding: 18px;
}

.workflow_logo svg {
    width: 64px;
}

.workflow_hint {
    text-align: left;
    color: #B7B6B6;
    font-size: 16px;
    margin-bottom: 8px;
}

.workflow_step {
    text-align: left;
    font-size: 21px;
    color: #FFFFFF;
}

.workflow_rows_separator {
    height: 0;
    padding-bottom: 72px;
}

.workflow_call_to_action {
    padding-top: 72px;
    /*
    display: flex;
    flex-direction: column;
    justify-content: center;
     */
    text-align: center;

}

.integrations_doc_btn, .integrations_doc_btn:visited, .integrations_doc_btn:focus, .integrations_doc_btn:active {
    color: #FFFFFF;
    padding: 8px 0 8px;
    border-bottom: 2px solid #FF7171;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
}

@media (max-width: 767.99px) {
    .workflow_call_to_action {
        padding: 0 24px;
        padding-top: 48px;
    }

    .integrations_doc_btn {
        margin-bottom: 24px;
    }
}

.platforms_container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 64px;
    row-gap: 64px;
}

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

.platform_logo {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.platform_button_container {
    text-align: center;
    padding-top: 32px;
}

.dark_second_title {
    padding-top: 90px;
}

.feature-name {
    display: flex;
    justify-content: center;
    text-align: center;
    color: #606060;
}

.welcome_block .feature-icon > img {
    border-radius: unset;
    box-shadow: unset;
}

.learn_container {
    display: flex;
    justify-content: center;
}

.learn_items {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    row-gap: 38px;
}

.learn_item {
    display: flex;
    column-gap: 12px;
}

.learn_icon {

}

.learn-link, .learn-link:visited, .learn-link:active {
    color: #515050;
    text-decoration: none;
}

.learn-link:focus {
    color: #EA5E5E;
    text-decoration: none;
}

section.section_shell_turquoise.section_rest_api_console {
    margin-top: 0;
}

.rest_api_console_video_container {
    display: flex;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0 0.3em 1.2em rgba(131, 214, 176, 0.7);
}

.rest_api_console_video_container video {
    border-radius: 8px;
}

.api_doc_image_container {
}

.api_doc_image_container img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0.3em 1.2em rgba(204, 204, 204, 0.8);
}

.api_doc_button_container {
    text-align: center;
    padding-bottom: 30px;
    padding-top: 64px;
}

.roadmap_content h2 {
    margin-bottom: 64px;
}

.roadmap_container_desktop {
    display: grid;
}

.roadmap_img_container {
    background-color: #fff;
    padding: 32px 0px;
    border-radius: 8px;
    box-shadow: 0 0.3em 1.2em rgba(204, 75, 41, 0.35);
}

.roadmap_img_container svg {
    width: 100%;
    height: auto;
    background-color: #fff;
}

.dark_rose_text {
    color: #300224;
}

.dark_rose_text a, .dark_rose_text a:visited, .dark_rose_text a:active, .dark_rose_text a:focus {
    color: #7F0052;
}
.use_case_list {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}
.use_case_group h3 {
    color:#FF7171;
    font-weight: 500;
    font-size: 26px;
    margin: 24px 0;
}
.use_case_group {
    padding-top: 12px;
}
.use_case_row {
    display: flex;
}
.use_case_icon {
    padding-right: 12px;
}
.use_case_icon svg {
    width: 24px;
}
.use_case_row a, .use_case_row a:visited, .use_case_row a:active, .use_case_row a:focus {
    font-size: 22px;
    text-decoration: none;
}
.api_ghost_btn {
    font-size: 17px;
    color: #515050;
    border: 2px solid #717070;
    padding: 8px 32px;
}
.api_ghost_btn:visited, api_ghost_btn:active, api_ghost_btn:focus {
    color: #515050;
}
.api_ghost_btn:hover {
    transform: translate(4px, -3px);
    box-shadow: -8px 6px 0 rgba(81,80,80, 0.3);
}
.api_template_image {
    width:100%;
}