/* CSS Document */


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

    #bf-pop{
        width: auto;
        max-width: 600px;
    }
    .inspiration-area {
        padding-top: 0;
    }

    .video-layout {
        padding: 0 !important;
        height: 100vh;
    }

    .video-layout .basic-grid {
        height: 100%;
    }

    .imgs-hldr {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }

    .gallery-layout-row {
        position: relative;
        height: 0;

    }

    .layout-100 {
        padding-bottom: 62%;
    }

    .layout-50_50 {
        padding-bottom: 32%;
    }

    .layout-20_80, .layout-80_20 {
        padding-bottom: 43%;
    }

    .mobile {
        display: none;
    }

    .home header .show-btn .header-right {
        transform: translateX(0);
    }

    .page-template-download-page .content-area {
        position: relative;
        z-index: 99;
    }

    .step-number {
        display: none;
    }


    /*.desktop-numbers-wrapper .basic-grid{*/
    /*    transform: translateY(10rem);*/
    /*}*/
    /*.desktop-numbers-wrapper{*/
    /*    height: 80vh;*/
    /*}*/
    /*.step{*/
    /*    height: 80vh;*/
    /*    width: 100vw;*/
    /*}*/
    /*.step-2 .step-visual-holder .lottie-stage-holder{*/
    /*    position: relative;*/
    /*    top: -80vh;*/
    /*    opacity: 0;*/
    /*}*/
    /*.step-3 .step-visual-holder .lottie-stage-holder{*/
    /*    position: relative;*/
    /*    top: -160vh;*/
    /*    opacity: 0;*/
    /*}*/
    /*.step-4 .step-visual-holder .lottie-stage-holder{*/
    /*    position: relative;*/
    /*    top: -240vh;*/
    /*    opacity: 0;*/
    /*}*/
    :root {
        --step-height: 100vh;
        --step-height2: 75vh;
    }

    .horizontal-steps-area {
        overflow: visible;

    }

    .t-step .step-content {
        transform: translateY(12.5vh);
    }

    .t-step {
        height: 75vh;
        width: 100vw;
    }

    .step {
        height: 100%;
    }

    .cn {
        display: block;
        height: var(--step-height);
        display: flex;
        align-items: center;
    }

    .cn-c {
        display: block;
        height: var(--step-height);

    }

    .horizontal-steps-area {
        height: calc(4 * var(--step-height2));
    }

    .step-number-top {

        height: var(--step-height);;

    }

    .desktop-numbers-wrapper {
        height: var(--step-height);
    }

    .step-2 .step-visual-holder .lottie-stage-holder {
        position: relative;
        top: calc(-1 * var(--step-height2));
        opacity: 0;

    }

    .step-3 .step-visual-holder .lottie-stage-holder {
        position: relative;
        top: calc(-2 * var(--step-height2));
        opacity: 0;
    }

    .step-4 .step-visual-holder .lottie-stage-holder {
        position: relative;
        top: calc(-3 * var(--step-height2));
        opacity: 0;

    }

    .lottie-stage-holder {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: var(--step-height);
        /*background-color: #F7F8FA;*/
        background-color: #fff;

    }

    .home {
        overflow-x: hidden;
    }

    .step-4 .step-visual-holder .lottie-stage {
        width: 100%;
        height: 100%;
    }

    .step-4 .step-visual-holder .lottie-stage-holder video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .step-visual-holder {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: var(--step-height);

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .edit-in-20-area {
        min-height: 100rem;
    }

    .mobile-cta-button, .mobile-device-text {
        display: none;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    html {
        font-size: 7px;
    }

    .home-hero .basic-grid {
        padding-left: 15rem;
        padding-right: 15rem;
        box-sizing: border-box;
    }

    .inspiration-area .half-layout-object-side {
        overflow: hidden;
    }
    .video-wrapper-inner{
        height: 100%;
        padding-bottom: 0;
    }

    /* form */
    .download-form input.large{
        line-height: 3rem;
    }

    .mild-sans-serif-title{
        font-size: 19px;
    }
    .download-form p{
        font-size: 14px;
    }
    .download-form p i{
        font-size: 12px;
    }

    .homepage-form{
        padding-bottom: 0!important;
    }
    .gform_wrapper .gform_validation_errors>h2{
        font-size: 12px;
        line-height: 1;
    }
    .general-download-form-con{
        min-width: 310px;
        right: -310px;
    }

    .home-hero p.hpa{
        font-size: 15px;
    }
    .home-hero .basic-grid{
        margin-top: -50px;
    }

    .new-mobile-hero{
        padding: 20px;
        box-sizing: border-box;
    }

    .new-mobile-hero .before-and-after-area{
        flex-direction: column;
    }
    .cta-button{
        line-height: 40px;
    }

}


@media only screen and (max-width: 1699px) and (min-width: 991px) {
    .sticky-item .pots-text {
        flex: 1!important;
    }
    .blog-hero.sticky-post{
        margin-top: 30rem;
    }
    .page-template-product .big-medium-title{
        font-size: 40px;
    }
    .general-download.download-form .gform_wrapper.gravity-theme .gfield_checkbox label{
        font-size: 13px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1699px) {
    html {
        font-size: 8.5px;
    }

    .basic-grid {
        max-width: 1440px;
        padding-left: 17rem;
        padding-right: 17rem;
    }

    .home-hero .basic-grid {
        padding-left: 15rem;
        padding-right: 15rem;
        box-sizing: border-box;
    }

    .inspiration-area .basic-grid {
        padding-right: 17rem !important;
    }
}


@media only screen and (min-width: 1700px) {
    .step-1 .lottie-stage,
    .step-3 .lottie-stage {
        transform: scale(1.2);
    }

    html {
        font-size: 10px;
    }

    .basic-grid {
        max-width: 1920px;
        padding-left: 30rem;
        padding-right: 30rem;
    }

    .home-hero .basic-grid {
        padding-left: 19rem;
        padding-right: 19rem;
        box-sizing: border-box;
    }

    .home .big-title {
        font-size: 115px;
    }

    .home-hero .big-title {
        height: 260px;
    }

    .half-basic-grid {
        width: 95rem;
    }

    .home-hero .big-title {
        /*height: 30rem;*/

    }

    .inspiration-area .basic-grid {
        padding-right: 30rem !important;
    }

}

@media only screen and (max-width: 1280px) and (min-width: 991px) {
    header .cta-button{
        padding-top: 14px;
        padding-bottom: 14px;
        line-height: 1;
        font-size: 14px;
    }
    .home header nav{
        padding: 0 20px;
    }

    .cta-banner-bottom .cta-link:after{
        height: 2.9rem;
        width: 2.9rem;
        margin-top: -4px;
    }

    .talents-hero {
        margin-top: 29rem;
    }

    .page-template-community .home-hero .hero-text img {
        margin-top: 10rem;
    }
    .page-template-community .big-medium-title{
        font-size: 50px;
    }
    .page-template-community .home-hero p{
        font-size: 16px;
        width: 100%;
    }
    .page-template-community .hero-links{
        margin-top: 2rem;
    }
    .page-template-community .hero-links .top-text,
    .page-template-community .hero-links .lower-text{
        font-size: 16px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1025px) {
    .hero-mid-text{
        width: 50%;
    }
}
/*mobile/tablet header*/
@media only screen and (max-width: 1024px) {
    .trusted-by-area {
        padding-bottom: 10rem;
    }
    .i-g-area{
        padding-top: 5rem;
    }
    .menu-opened header #main-nav.header-right{
        display: flex;
    }

    .home header .logo-park img{
        opacity: 1;
        display: block;
    }
    .hero-mid-text{
        font-size: 18px;
    }
    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
        margin-top: 10px!important;
    }
    .white .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
        margin-top: 22px!important;
    }
    .lang-switcher-container{
        left: 110px!important;
        margin-top: 1px;
    }
    .wpml-ls-legacy-dropdown-click a{
        padding: 10px 5px!important;
    }
    .wpml-ls-legacy-dropdown-click a span{
        font-size: 13px;
    }
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
        display: none!important;
    }
    .wpml-ls-legacy-dropdown-click .wpml-ls-item{
        padding-right: 5px!important;
    }
    .hero-mid-text span{
        font-size: 19px;
    }
    header .hero-button-container{
        display: block;
    }

    .home-hero {
        height: auto;
    }

    .homepage-form-con {
        display: none;
    }

    footer nav {
        margin: 5rem 0
    }

    footer .social-menu ul {
        justify-content: flex-start;
    }

    footer .social-menu a {
        margin-right: 1.2rem;
        width: 3.5rem;
        height: 3.5rem;
    }

    .mp8 {
        padding-top: 14rem !important;
    }

    .half-half-layout.mpt {
        padding-top: 13rem;
        padding-bottom: 10rem;
    }
    .dollar {
        transform: translateY(-1.5rem);
        font-size: 2.5rem!important;
    }
    .header-right {
        position: fixed;
        top: 0;
        left: -100vw;
        width: 100%;
        height: 100vh;
        background-color: white;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-self: center;
        align-items: flex-start;
        text-align: left;
        z-index: 99999;
        padding: 6rem 2.5rem 2.5rem 2.5rem;
        box-sizing: border-box;
        overflow: scroll;
        align-items: center;
        padding-bottom: 40px;
    }

    .logo-park {
        position: relative;
        z-index: 99999999;
    }
    header .hero-button-container{
        opacity: 1;
    }
    header .menu-right-container{
        margin: 0;
    }
    header .cta-button.download-button {
        margin-right: 45px;
        width: auto;
        padding: 0 1rem;
        height: 3.7rem;
        line-height: 1;
        font-size: 13px;
    }

    header nav {
        width: 100%;
        flex-grow: 0.8;
    }

    header nav a {
        font-family: 'Prody', serif;
        font-weight: 700;
        font-size: 2rem;
        width: 100%;
        display: block;
    }

    header nav li {
        padding: 1.5rem 0;
        border-bottom: 1px solid var(--dark-blue);
        margin: 0 !important;
        width: 100%;
    }

    body.menu-opened {
        position: fixed;
    }

    .home .logo-park img.b-logo {
        display: block;
    }

    .header-content {
        padding: 0 2.5rem;
    }

    header nav ul {
        flex-direction: column;
        justify-content: center;
        align-self: center;
    }

    header nav ul li {
        margin: 2rem 0;
    }

    .home-hero .basic-grid {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .basic-grid {
        display: block;
        padding: 0 2.5rem;
        box-sizing: border-box;
    }

    .half-basic-grid {
        width: 100%;
        flex: 0 0 100%;
        position: static;

        flex: 0 0 35rem;
    }

    .home-hero-image-slider-holder, .m-c {
        width: 100%;
        flex: 0 0 100%;
        position: static;

        flex: 0 0 30rem;
        height: 30rem;
    }

    .profile-in-xtion-area {
        margin-bottom: 7rem;
    }

    .p-right {
        margin-top: 7rem;
    }

    .before-and-after-area {
        display: block;
    }

    .about-area .basic-grid {
        display: block;
    }

    .m-c {
        position: relative;
    }

    .basic-grid, .home-hero .hero-text p {
        width: 100%;

    }

    .b-n-a-1 {
        margin-bottom: 2.5rem;
    }

    .b-n-a-1, .b-n-a-2 {
        height: 34rem;
    }

    .home-hero .basic-grid {
        padding: 0;
    }

    .home-hero .big-title {
        font-size: 10vw;
        height: 22vw;
    }

    .big-logo .flip-logo {
        width: 12.8rem;
        height: 4.6rem;
    }

    .home-hero .hero-text-splide {
        margin: 1rem 0;
    }

    .hh-i-c {
        height: 100%;
    }

    .hero-text {
        padding: 0 2.5rem;
        box-sizing: border-box;
    }

    .medium-title {
        font-size: 3.3rem;
        line-height: 1.1;
    }

    @keyframes text-animation {
        0% {
            transform: translateY(-.5rem);
        }
        100% {
            transform: translateY(-1.5rem);

        }
    }

    p {
        font-size: 1.6rem;
        line-height: 1.4;
        letter-spacing: -0.01em;
    }

    #main p{
        line-height: 1.2;
    }

    .nb-left {
        padding: 0;
    }

    .neon-banner {
        padding: 7rem 0;
    }

    .nb-right {
        margin-top: 2rem;
    }

    .culling-holder, .trusted-holder {
        width: 100%;
        text-align: left;
        padding: 0 2.5rem;
        box-sizing: border-box;
    }

    .culling-area {
        margin: 6.7rem 0;

        box-sizing: border-box;
    }

    .culling-holder h2 {
        margin-bottom: 2.5rem;
    }

    .horizontal-steps-area ul {
        width: 100vw;

    }

    .step .half-basic-grid {
        width: 100%;
        padding: 5rem 0 0 0;
        height: auto;
        flex: auto;
    }

    .step-2 .half-basic-grid {
        padding: 2rem 0 2.5rem 0;
    }

    .step-2 .step-visual-holder {
        margin-bottom: 2rem;
    }

    .step-visual-holder {
        position: static;
        width: 100%;
        min-height: 35rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .step .basic-grid {
        height: 28rem;
        height: auto;
        padding-bottom: 2rem;
    }

    .step-visual-holder {
        margin-top: 0rem;
        margin-bottom: 5rem;
    }

    .step {
        height: auto;
    }

    .step-content {
        position: relative !important;
    }

    .step h2 {
        font-size: 2rem;
    }

    .step-number {
        font-family: 'Prody', serif;
        font-size: 12rem;
        font-weight: 700;
        color: var(--neon);
        position: absolute;
        line-height: .5;
        bottom: auto;
        display: flex;
        left: 0;
        top: 2rem;
    }


    .horizontal-steps-area {
        position: relative;

    }

    .horizontal-steps-area .splide__arrow {
        position: static;
        width: 4rem;
        height: 4rem;
        background-color: #00214D;
        opacity: 1;
        pointer-events: auto;
        margin: 0 0.5rem;
        transform: none;
        pointer-events: all;
        transition: .3s all;
    }

    .horizontal-steps-area .splide__arrow svg {
        width: 3rem;
        height: 3rem;
    }

    .horizontal-steps-area .splide__arrow path {
        fill: var(--neon);
    }

    .horizontal-steps-area .splide__arrows {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 9999999;
        display: flex;
        justify-content: space-between;
        padding: 0 2.5rem;
        box-sizing: border-box;
        pointer-events: none;
    }

    .horizontal-steps-area .splide__pagination {
        position: absolute;
        bottom: 0;
        height: 4rem;
    }

    .horizontal-steps-area .splide__pagination__page.is-active {
        background: var(--dark-blue);
        transform: scale(1.2);
        z-index: 1;
        opacity: 1 !important;
    }

    .horizontal-steps-area .splide__pagination__page {
        margin-left: .5rem;
        margin-right: .5rem;
    }


    .quote-object-wrapper {
        width: 26rem;
        height: 32.5rem;
    }

    .qt-mark {
        width: 4rem;
        height: 3.1rem;
        margin: 5.3rem 0;
    }

    .quote-holder .half-layout-text-content p {
        font-size: 2rem;
    }

    .half-layout-text-content h2 {
        font-size: 3.5rem;
    }

    .quote-layout .quote {
        width: 100%;
    }

    .qt-det {
        font-size: 1.6rem !important;
        display: block;
    }

    .p-name {
        display: block;
    }

    .slashes, .p-com {

        display: inline-block;
    }

    .mt5 {
        margin-top: 5rem;
    }

    .slashes {
        margin-left: 0;
    }

    .webinars-area h3 {
        margin-bottom: 2.3rem;
    }

    .podcasts-list li {
        margin-bottom: 5rem;
    }

    .half-layout-text-side {
        padding: 0 2.5rem;
        box-sizing: border-box;
    }

    .half-half-layout.video-layout {
        padding-top: 0;
    }

    .video-layout .half-layout-text-content {
        width: 100%;
        padding: 0 !important;
    }

    .video-layout .half-layout-text-content p {
        font-size: 1.6rem;
    }

    .half-half-layout.left .basic-grid {
        display: flex;
        flex-direction: column-reverse;
    }

    .ei-img-1, .ei-img-2 {
        width: 55%;
        height: 40rem;
    }

    .edit-in-20-area .quote-object-wrapper {
        width: 100vw;
    }

    .splide.var-2-splide, .inspiration-area .ei-img-2 {
        display: none;
    }

    .inspiration-area .ei-img-1 {
        width: 100vw;
        height: 47rem;
    }

    .edit-in-20-area p, .inspiration-area P {
        width: 100%;
    }

    .half-half-layout .basic-grid {
        padding: 0;
    }

    .half-half-layout.left.quote-layout .basic-grid {
        display: flex;
        flex-direction: column;
    }

    .cat-inner {
        width: 31.2rem;
        height: 38.3rem;
    }

    .precious-assets-area .half-half-layout {
        padding: 5rem 0;
    }

    .half-half-layout h2 {
        margin-bottom: 2.8rem;
        white-space: normal;
    }

    .half-half-layout {
        padding: 6rem 0;
    }

    .half-half-layout.inspiration-area {
        padding-top: 0;
    }

    .half-half-layout.edit-in-20-area {
        padding-bottom: 0;
    }

    .edit-in-20-area .quote-object-wrapper {
        height: 54rem;
    }

    .ei-img-2 {
        right: 0;
        bottom: 0;
        top: auto;
    }

    .ei-img-1 {
        right: 0;
        top: 0;
    }


    .hl-icon img {
        height: 7rem;
    }

    .ei-img-variation {
        height: 47rem;
    }

    .inspiration-area .basic-grid {
        flex-direction: column-reverse !important;
    }

    .inspiration-area .quote-object-wrapper {
        margin-top: 5rem;
    }

    .com-holder {
        width: 100%;
        text-align: left;
        padding: 0 2.5rem;
        box-sizing: border-box;
    }

    .podcasts-list, .webinars-list {
        display: block;
    }

    .podcasts-list h4, .webinars-list h4 {
        font-size: 1.6rem;
    }

    .podcast-thumb {
        height: 21rem;
    }

    .community-area {
        margin-top: 0;
    }

    .community-area .cta-holder{
        margin-top: 3rem;
        text-align: center;
    }


    .inspiration-area .quote-object-wrapper {
        height: 47rem;
    }


    .mobile-cta-button {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        text-align: center;
        justify-content: center;
        transition: .3s all;
    }

    .mobile-cta-button.hide {
        bottom: -4.4rem;
    }

    .cta-banner p strong {
        display: block;
    }

    .cta-banner h3 {
        font-size: 4rem;
        line-height: 1.1;
    }

    .cta-button {
        height: 4.4rem;
        line-height: 4.4rem;

    }

    .video-layout .cta-button {
        width: 100%;
    }

    .cta-banner p {
        font-size: 2rem;
        text-align: center;
    }

    .cta-banner-bottom {
        padding: 4rem 2rem;
    }

    .cta-banner .download-button {
        width: 100%;
        justify-content: center;
    }

    .cta-banner-bottom {
        flex-direction: column;
        align-items: center;
    }

    #scroll-up {
        width: 4rem;
        height: 4rem;
        flex: 0 0 4rem;
        margin-top: 3rem;
        background-size: 1.7rem;
    }

    .cta-banner .cta-banner-shape .basic-grid:before {

        content: '';
        display: block;
        width: 40rem;
        height: 39rem;
        background: url(img/btbn-vector.svg) no-repeat center;
        background-size: contain;
        position: absolute;
        right: -19rem;
        top: -28rem;
        right: -23rem;
        top: 15rem;
    }

    .cta-banner-shape .basic-grid:before {
        background-size: contain !important;
    }


    .community-hero .half-basic-grid {
        box-sizing: border-box;
        width: 100%;
        padding: 0 2.5rem;
        margin-top: 5.4rem;
    }

    .home-hero .hero-text img {
        height: 4.6rem;

    }

    #main {
        margin-top: 0;
    }

    header {
        background-color: white !important;
        backdrop-filter: none !important;
    }

    .community-hero {
        height: auto;
    }

    .home-hero .hero-text h1, .home-hero .hero-text h2 {
        white-space: normal;
    }

    .big-medium-title {
        font-size: 4rem;
    }

    .am-dets {
        display: none;
    }

    .spreading-area .basic-grid {
        margin-top: 4.5rem;
    }

    .wa-t-h {
        padding: 0;
        box-sizing: border-box;
    }

    .spreading-area .wa-t-h {
        padding: 0 2.5rem;
    }

    .the-map-scroller {
        font-size: .8vw;
    }

    .wa-t-h * {
        text-align: left;
    }


    .page-template-community .cta-banner.dark .cta-banner-shape .basic-grid:before {
        width: 46rem;
        height: 46rem;
        background: url(img/c-v.svg) no-repeat center;
        right: -26rem;
        top: 27rem;
    }

    .talents-hero {
        margin-top: 10rem;
        padding: 0 2.5rem;
        box-sizing: border-box;
    }

    .tai {
        white-space: nowrap;
    }

    .talents-hero .cta-button .tai {
    }

    .talents-hero .cta-button {
        width: 100%;
        padding: 0;
        justify-content: center;
        text-align: center;

    }


    .talent-list {
        margin-top: 11rem;
        display: block;
    }

    .talent-link {
        height: 44rem;
        padding: 3.4rem;
    }

    .talent-list li {
        margin-bottom: 2rem;
    }

    .talent-info {
        padding-top: 3.4rem;
    }

    .talent-avatar {
        width: 5.6rem;
        height: 5.6rem;
    }


    .talent-hero-cover,
    .single-post .post-header{
        height: 50rem;
        padding-bottom: 0;
    }

    .talent-avatar-big {
        width: 14rem;
        height: 14rem;

    }

    .part .social {
        margin-left: 0;
    }

    .social {
        display: block;
    }

    .np-talent-buttons {
        padding: 0 2.5rem;
        top: calc(50% - 2rem);
    }

    .next-button a, .next-button span {
        display: block;
        width: 4rem;
        height: 4rem;
        background: #00214D url(img/next_arrow.svg) no-repeat center;
        background-size: 2rem;
        border-radius: 50%;
    }

    .part {
        margin-left: 0;
        margin-top: 2.4rem;
    }


    .part .social a {
        background-size: 2rem;
        background-position: left center;


    }

    .quote-layout .quote {
        white-space: normal;
    }

    .part .social {
        margin-top: 2rem;
    }

    .part .social li {
        margin-bottom: 1rem;
    }

    .part .social a.website {
        background-size: 1.8rem;
    }

    .previous-button a, .previous-button span {
        display: block;
        width: 4rem;
        height: 4rem;
        background: #00214D url(img/prev_arrow.svg) no-repeat center;
        background-size: 2rem;
        border-radius: 50%;
    }

    .talent-details, .part {
        display: block;
    }

    .layout-80_20 .img-2-holder, .layout-20_80 .img-1-holder {
        /*display: none;*/
        flex: 0 0 100%;
    }

    .layout-80_20 .img-1-holder, .layout-20_80 .img-2-holder {
        width: 100%;

    }

    .gallery-layout-row {
        height: auto;
        display: block;

    }

    .layout-50_50 .img-2-holder {
        display: none;
    }

    .layout-50_50 .img-1-holder {
        flex: 0 0 100%;
    }

    .show-both .img-2-holder {
        display: block;
    }

    .single-talent .cta-banner .download-button {
        width: auto;
    }

    .show-both .img-1-holder,
    .show-both .img-2-holder {
        flex: 0 0 48%;
    }

    .gallery-layout-row.layout-100 {
        /* height: 18rem;*/
    }


    .gallery-layout-row div {
        margin-bottom: 4%;
    }

    .ts-tt {
        flex-direction: column-reverse;

    }

    .tooltip {
        margin: 0 0 1.5rem 0;
        position: relative;
    }

    .gallery-layout-row img {
        width: 100%;
        height: auto;
    }

    .home .tooltip:before {
        display: none;
    }

    .podcasts-list li {
        width: 100%;
    }

    .dots-navigation a {
        display: block;
        width: 0.5rem;
        height: 0.5rem;

    }

    .home .video-wrapper {
        position: static;
        width: 100%;
        margin-top: 6rem;
    }

    .video-layout .half-layout-object-side {
        display: none;
    }

    .cta-banner .cta-button-invert {
        margin-left: 0;
        margin-top: 2.3rem;
        margin-bottom: 6rem;
    }

    .bottom-pagination {
        margin: 8rem 0 0 0;
    }

    .single-talent .cta-banner {
        margin-top: 8rem;
    }

    .single-talent .cta-banner .cta-banner-shape .basic-grid:before {

        width: 50rem;
        height: 50rem;

        right: -39rem;
        top: 0;
    }

    .download-main{
        margin-top: 8rem;
    }

    .page-template-download-page .the-steps, .dn-links, .download-main h2 {
        display: none;
    }
    .page-template-upgrade .dn-links{
        display: flex;
    }

    .page-template-download-page .mobile-cta-button {
        display: none;
    }

    .mobile-device-text {
        margin: 2rem 0 28rem 0;
    }

    .error404 {
        background-color: var(--dark-blue);
        color: white;
        background-image: url('img/btbn-vector-w2.svg');
        background-size: 30rem;
        background-repeat: no-repeat;
        background-position: right -10rem top -12rem;
    }

    .community-hero .home-hero-image-slider-holder {
        height: 100%;
        width: 100%;
        position: static;
        right: 0;
        top: 0;
    }

    .desktop-numbers-wrapper {
        display: none;
    }

    .step-number {
        display: block;
    }

    .step .basic-grid, .desktop-numbers-wrapper .basic-grid {
        align-items: flex-start;
    }

    .step-1 .lottie-stage-holder, .step-2 .lottie-stage-holder, .step-3 .lottie-stage-holder {
        padding: 0 3rem;
        box-sizing: border-box;
    }

    .mcf {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-self: center;
    }

    .mcf .cta-link {
        align-self: center;
    }


    .ia-frame {
        width: 100%;
        margin-top: 3rem;
        text-align: left;
    }

    .pricing-bullets ul {
        display: block;
    }

    .interactive-component, .ia-frame {
        box-sizing: border-box;
    }

    .pricing-top-text {
        text-align: left;
        padding: 0 2.5rem;
        box-sizing: border-box;
        margin: 12.5rem 0 7.2rem;
    }

    .interactive-component {
        padding: 4.8rem 2.5rem;
        box-sizing: border-box;
        overflow: hidden;
    }

    .interactive-component h2 {
        text-align: left;
        align-self: flex-start;
    }

    .cehckboxes {
        display: block;
        padding: 2.8rem 0;
    }
    .cehckboxes-first-row{
        padding-bottom: 0;
    }
    .cehckboxes-second-row{
        padding-top: 0;
    }

    .ia-frame button {
        padding-top: 5px;
        padding-bottom: 5px;
        height: auto;
    }

    .p-s-l {
        text-align: left;
    }

    .pricing-bullets img {
        width: 5.4rem;
        height: 5.4rem;
    }

    .pricing-bullets {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        box-sizing: border-box;
    }

    .ac-price {
        font-size: 5rem;
    }

    .pricing-bullets ul li {
        padding: 0;
        margin-bottom: 3rem;
    }

    .pricing-bullets ul li:last-child {
        margin-bottom: 0;
    }

    .t-a-c {
        padding: 10rem 2.5rem;
    }

    .faq-top-text {
        margin: 9rem 0 6.3rem;
    }

    .faq {
        padding: 0 2.5rem;
        box-sizing: border-box;
    }

    .page-template-pricing .cta-banner .cta-banner-shape .basic-grid:before {
        width: 50rem;
        height: 50rem;
        right: -27.7rem;
        bottom: -19.8rem;
        top: auto;
    }

    .page-template-pricing .cta-banner p.n-p,
    .page-template-community p.n-p {
        text-align: left;
    }


    .page-template-pricing .cta-banner .download-button {
        width: auto;
    }

    .page-template-pricing .cta-banner {
        padding-bottom: 29rem !important;
    }

    .page-template-pricing .cta-banner-shape .basic-grid {
        width: 100%;
        height: 100%;
    }

    button.question {
        text-align: left;
    }

    .cookies-banner {
        height: 20rem;
        bottom: -20rem;
        padding: 2.5rem;
        box-sizing: border-box;
    }

    .cookies-banner .basic-grid {
        padding: 0;
        display: block;
    }

    .cookies-banner a {
        margin: 2rem 0;
        display: block;
    }

    .cookies-banner p {
        padding-right: 5rem;
        box-sizing: border-box;
    }

    .cookies-banner button {
        width: 100%;
    }

    #close-cb {
        position: absolute;
        right: 1rem;
        bottom: auto;
        width: 5rem;
        height: 5rem;
        background: transparent url(img/ccb.svg) no-repeat center;
        border: none;
        top: 1rem;
    }

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

    .partenr-request-area:after {
        position: static;
        width: 100%;
        margin: 0;
        height: 40rem;
        background-size: 70rem;
        background-position: top 8rem center;
    }

    .partenr-request-area {
        height: auto;
    }

    .wa-t-h {
        margin-left: 0;
        margin-right: 0;
    }

    .rf-left {
        padding: 6.1rem 0;
    }

    .rf-blts li {
        margin-bottom: 4rem;
    }

    .rft {
        display: flex !important;
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    .partenr-request-area .blue-link {
        height: auto;
    }

    .refer-for-rewards-area {
        padding-top: 14rem;
    }

    .pr-right {
        padding-top: 5rem;
    }

    .step .half-basic-grid {
        padding-bottom: 8rem;
    }

    #close-download-form {
        width: 4rem;
        height: 4rem;
        background-size: 3rem;
        background-position: left top;
    }

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

    .step-visual-holder {
        background-color: #F7F8FA;
    }

    .precious-assets-area p {
        width: 100% !important;
    }

    .ty-8 {
        justify-content: flex-start !important;
    }

    .uy-7 {
        margin-top: 4rem;
    }

    .precious-assets-area img {
        max-width: 15rem;
        height: auto;
    }

    .precious-assets-area {
        padding-bottom: 4rem;
    }

    .home-hero .hero-text-splide {
        margin-top: 0;
    }

    .home-hero .hero-text-splide .splide__track {
        overflow: hidden !important;
    }

    .hp {
        margin-bottom: 3.7rem;
    }

    .home-hero .big-logo {
        margin-top: 2rem;
    }

    .home-hero .cta-button {
        margin: 2rem 0;
    }

    .home-hero .half-basic-grid {
        flex: 1 1 auto;
    }

    .over-reach-text {
        display: none;
    }

    .general-download-form-con.show{
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .page-template-full-width .simple-grid{
        padding: 0 2rem;
    }

    .talent-title-wrap{
        align-items: baseline;
    }

    .extra-links li{
        padding: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .sub-step .step .half-basic-grid,
    .step-4 .step .half-basic-grid{
        padding-right: 0;
        padding-bottom: 5em;
    }
    .trusted-by-splide{
        margin-top: 5em;
    }
    .trusted-by-area{
        padding-top: 5em;
    }
    .page-template-career h1.big-medium-title{
        padding-top: 120px;
    }
    .single.single-post img.alignleft {
        width: 100% !important;
        margin: 0 0 20px 0!important;
    }
}

@media only screen and (max-width: 390px) {
    .home-hero p{
        font-size: 15px;
    }
    .hero-mid-text{
        font-size: 16px;
    }
    .hero-mid-text span{
        font-size: 17px;
    }
    #openAccess{
        bottom: 6.2rem!important;
    }
}

/**/

@media only screen and (max-width: 1024px) {
    .general-download-form-con{
        border-left: 0;
    }
    .general-download #close-download-form{
        top: 0;
    }
    #close-download-form {
        position: absolute;
        top: 0;
        left: 10px;
        width: 2rem;
        height: 2rem;
        background-size: 2rem;
        background-position: left top;
    }

    #close-download-form{
        top: 10px;
    }


    .text-align-left-mobile{
        text-align: left!important;
    }
    .cloud-homepage img,
    .privacy-homepage img{
        max-width: 170px;
    }

    .culling-homepage .basic-grid.flex-center-all{
        display: flex;
        flex-direction: column-reverse;
    }
    .culling-homepage img{
        width: 100%;
        margin-bottom: 5em;
    }
    .padding-top-2{
        padding-top: 2em;
    }

    .neon-banner.new-section{
        height: auto;
        display: block;
        padding: 7em 0;
    }

    .neon-banner.new-section .basic-grid{
        max-width: 420px;
    }

}

@media only screen and (max-width: 991px) {
    .flex-blog-post{
        flex-direction: column;
    }
}