/*============= RESPONSIVE ============*/

@media screen and (max-width: 1280px) {
    .image-text-block + .image-text-block.reverse .image-wrap:before {
        width: calc(100% + 5px);
        left: calc(-50% - 4px);
    }

    .image-text-block + .image-text-block:not(.reverse) .image-wrap:before {
        width: calc(100% + 5px);
        left: calc(50% + 3px);
    }
}


@media screen and (max-width: 1258px) {
    .image-text-block + .image-text-block.reverse .image-wrap:before {
        width: 100%;
        left: -50%;
    }

    .image-text-block + .image-text-block:not(.reverse) .image-wrap:before {
        width: calc(100% + 6px);
        left: 50%;
    }
}


@media screen and (max-width: 1220px) {

    .image-text-block + .image-text-block:not(.reverse) .image-wrap:before {
        width: calc(100% + 4px);
        left: 50%;
    }

    .enroll-step .content-wrap {
        padding-right: 0;
    }
}


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

    body.page-template-maintenance-page,
    body.page-template-launch-confirm-email {
        background-size: cover;
    }

    .launch-hero .content-wrap,
    .form-wrap form,
    .thank-you-wrap {
        max-width: 700px;
        width: 100%;
    }

    .form-wrap form .form-group {
        width: 100%;
    }

    .form-wrap form {
        flex-direction: column;
        align-items: flex-start;
        padding: 64px;
    }

    .form-wrap form .form-group.submit-group {
        flex: unset;
        width: unset;
    }

    .launch-hero + .image-text-block .image-wrap:before {
        content: '';
    }


    .image-text-block .container,
    .chain-wrapper .image-text-block .container {
        flex-direction: column;
        max-width: 607px;
        gap: 56px;
    }

    .image-text-block.reverse .container {
        flex-direction: column-reverse;
    }

    .image-text-block .image-wrap {
        width: 100%;
        max-width: unset;
    }

    .image-text-block .content-wrap {
        width: 100%;
        padding: 0;
    }

    .image-text-block + .image-text-block .container:after {
        content: '';
        position: absolute;
        width: unset;
        height: calc(100% + 104px);
        top: 217px;
        border: 2px solid #FF557E;
    }

    .dark-bg .image-text-block + .image-text-block .container:after {
        border-color: #00F0E6;
    }

    .launch-assistant-block,
    .general-assistant-block {
        margin: 0 64px;
    }

    .launch-assistant-block .container,
    .general-assistant-block .container {
        padding: 64px;
        flex-direction: column-reverse;
        gap: 64px;
        width: 100%;
    }

    .assistant-block .image-wrap,
    .assistant-block .content-wrap {
        width: 100%;
        max-width: 320px;
    }

    .assistant-block .content-wrap {
        max-width: unset;
    }

    .new-footer .logo {
        margin-bottom: 56px;
    }

    .new-footer .container .row.d-flex {
        flex-direction: column;
    }

    .new-footer .container .row.d-flex .col-12 {
        width: 100%;
        max-width: unset;
    }

    /* .new-footer .container .row.d-flex .col-12:last-child {
        margin-top: 32px;
    } */

    /* .new-footer .social-networks {
        margin-bottom: 32px;
    } */

    .new-footer .social-networks + .d-flex {
        max-width: 200px;
    }

    .new-footer.text-light .col-md-2 .h5 {
        margin-bottom: 32px;
    }

    .new-footer .f-links {
        /* margin-top: 56px; */
        /* flex-direction: column;
        align-items: flex-start; */
        gap: 32px;
        margin-bottom: 0;
        justify-content: flex-start;
    }

    .footer .f-links li:not(:last-child) {
        margin-right: 0;
    }

    .new-footer .copyright {
        text-align: left;
        margin-top: 32px;
    }

    .new-footer .protection-disclaimer {
        margin: 8px 0 32px;
    }

    .chain-wrapper .image-text-block:first-child .container:before {
        content: '';
        position: absolute;
        width: unset;
        height: calc(100% + 104px);
        left: unset;
        right: calc(((607px - 100vw) / 2) + 40px);
        top: 217px;
        border: 2px solid #FF557E;
    }

    .dark-bg .chain-wrapper .image-text-block:first-child .container:before {
        border-color: #00F0E6;
    }

    .product-summary-page .chain-wrapper .image-text-block:first-child .container:before,
    .product-summary-page .chain-wrapper .image-text-block:nth-child(odd) .container:before,
    .product-summary-page .chain-wrapper .image-text-block:nth-child(odd) .container:after,
    .product-summary-page .chain-wrapper .image-text-block:nth-child(odd) + .image-text-block .container:after {
        top: 321px;
        height: 100%;
        z-index: -1;
    }

    .product-summary-page .chain-wrapper .image-text-block:nth-child(odd) .image-wrap:before {
        content: none;
    }

    .product-summary-page .chain-wrapper .image-text-block:nth-child(odd) + .image-text-block .container:after {
        height: calc(100% - 321px);
    }

    .launch-hero + .image-text-block .image-wrap:before,
    .image-text-block + .image-text-block .image-wrap:before,
    .image-text-block + .image-text-block.reverse .image-wrap:before,
    .image-text-block + .image-text-block:not(.reverse) .image-wrap:before,
    .product-summary-page .chain-wrapper .image-text-block:nth-child(odd) + .image-text-block .image-wrap:before {
        width: calc(100vw - 80px);
        left: calc(((607px - 100vw) / 2) + 40px);
        top: 50%;
    }

    .chain-wrapper .image-text-block:first-child .image-wrap:before {
        width: 100vw;
        left: min(-20px, calc(((607px - 100vw) / 2) - 40px));
    }

    .chain-wrapper .image-text-block:first-child .image-wrap:after,
    .image-text-block + .image-text-block .image-wrap:after {
        content: none;
    }

    .chain-wrapper .image-text-block + .image-text-block.reverse .container:after {
        left: min(-20px, calc(((607px - 100vw) / 2) + 40px));
    }

    .chain-wrapper .image-text-block + .image-text-block:not(.reverse) .container:after {
        left: unset;
        right: min(-20px, calc(((607px - 100vw) / 2) + 40px));
    }

    .chain-wrapper .image-text-block:last-child .container:after {
        content: none;
    }

    .chain-wrapper .image-text-block:last-child .image-wrap:before {
        width: calc(100vw - 40px);
        left: min(-20px, calc(((607px - 100vw) / 2) + 40px));
    }

    .services-block .image-text-block {
        flex-direction: column-reverse;
        gap: 56px;
        padding: 47px;
    }

    .services-block .image-text-block .image-wrap:before,
    .services-block .image-text-block .image-wrap:after {
        content: none;
    }

    .services-block .image-text-block .content-wrap {
        gap: 16px;
    }

    .services-block .image-text-block .content-wrap h3 {
        max-width: unset;
        margin: 0;
    }

    .services-wrap .service-item {
        width: calc(50% - 12px);
    }

    .general-content-page > .accordion,
    .indicator-page > .accordion {
        display: block;
    }

    .general-content-block aside {
        display: none !important;
    }

    .container {
        width: calc(100% - 128px);
    }

    .support-text-block .container {
        padding: 0;
    }

    .support-text-block .data-wrap {
        flex-direction: column;
        gap: 56px;
    }

    .support-text-block .content-wrap,
    .support-text-block .image-wrap {
        width: 100%;
        max-width: unset;
    }

    .process-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 64px;
    }

    .process-wrap .process-count-wrap {
        flex-direction: row !important;
    }

    .process-count {
        padding: 0;
    }

    .process-wrap .process-count-wrap:after {
        width: 1px;
        height: 44px;
        left: 33px;
        top: calc(100% + 10px);
    }

    .prices-wrap {
        flex-direction: column;

    }

    .prices-wrap .card {
        width: 100%;
    }

    .trust-block .internal-wrap {
        flex-direction: column;
    }

    .trust-block .content-wrap, .trust-block .trust-list {
        width: 100%;
        max-width: unset;
    }

    .testimonials-block .container {
        width: 100%;
    }

    .testimonials-block hgroup {
        max-width: 578px;
    }

    .reviews-carousel {
        margin-left: 64px;
    }

    .reviews-carousel .swiper-nav {
        margin-left: -112px;
    }

    .keep-updated-block .container {
        padding: 64px;
    }

    .product-hero .container {
        flex-direction: column;
        gap: 64px;
    }

    .product-hero .content-wrap,
    .product-hero .image-wrap {
        max-width: unset;
    }

    .product-promo-block .container {
        padding: 0;
        flex-direction: column;
        gap: 56px;
    }

    .product-promo-block.bg-grey .container {
        padding: 104px 0;
    }

    .solutions-cards-wrap {
        flex-direction: column;
    }

    .solution-card {
        flex: unset;
    }

    .solution-card .content-wrap p {
        display: block;
    }

    .qna-part {
        flex-direction: column;
        gap: 24px;
    }

    .qna-part h3 {
        max-width: unset;
		text-align: center;
    }

    .qna-part .content-wrap {
        padding-right: 0;
    }

    .product-benefits-cards-wrap {
        flex-direction: column;
    }

    .two-column-block .container {
        flex-direction: column;
        gap: 56px;
    }

    .two-column-block .image-wrap,
    .two-column-block .content-wrap {
        width: 100%;
        max-width: unset;
    }

    .two-column-block .image-wrap {
        order: 2;
    }

    .two-column-block.reduced-gap .image-wrap {
        order: unset;
    }

    .two-column-block.reduced-gap.reverse .content-wrap {
        order: 2;
    }

    .two-column-block.reduced-gap.reverse .content-wrap .btn {
        margin-top: 32px;
    }

    .two-column-block:not(.reverse):not(.reduced-gap) .content-wrap,
    .two-column-block.reverse:not(.reduced-gap) .content-wrap {
        padding: 0;
    }


    .learning-usp-wrap .learning-usp-card {
        width: calc(50% - 12px);
    }

    .learning-usp-wrap .learning-usp-card.dark-bg {
        background: radial-gradient(circle, rgba(0, 240, 230, 0.4) 0%, rgba(255, 255, 255, 0) 64%) no-repeat -14vw -18vw / 95% 95%, radial-gradient(circle, rgba(255, 85, 126, 0.5) 0%, rgba(255, 255, 255, 0) 64%) no-repeat 14vw 18vw / 95% 95%;
    }

    .enroll-steps-wrap:before,
    .enroll-steps-wrap:after {
        width: 64px;
    }

    .enroll-steps-wrap > .container {
        gap: 64px;
    }

    .enroll-step {
        flex-direction: column;
        gap: 56px;
        padding: 0 62px;
    }

    .enroll-step .step-count {
        left: -25px;
        right: unset;
        margin: 0;
    }

    .enroll-steps-wrap .progress-container {
        left: 64px;
        right: unset;
        margin: 0;
    }

    .faq-block .faq-data-wrap {
        flex-direction: column;
        gap: 56px;
    }

    .faq-block .accordions-wrap,
    .faq-block .image-wrap {
        width: 100%;
        max-width: unset;
    }

    .faq-block .accordions-wrap {
        order: 2;
    }

    .new-footer .row.d-flex .col-12.d-flex {
        gap: 56px;
    }

    .new-footer .row.d-flex .col-12.d-flex .badges-wrap {
        flex-direction: row !important;
        gap: 20px;
    }

    .new-footer .row.d-flex .col-12.d-flex .badges-wrap a {
        max-width: 221px;
    }

    .prices-block hgroup {
        max-width: 506px;
    }

    .faq-block .image-wrap:after {
        padding: 0;
        width: 100%;
        left: 50%;
        top: -31px;
        height: calc(100% + 63px);
    }

    .about-hero:before{
        background: url(./assets/images/quantified-ante-about-us-hero-section-bull-with-human-body-in-a-jacket-and-shirt.png) no-repeat 0 bottom /auto 80%,
        url(./assets/images/quantified-ante-about-us-hero-section-brutal-bear-with-human-body-in-jacket-and-shirt.png) no-repeat 100% bottom /auto 80%;
    }

    .trade-images-wrap {
        height: unset;
    }

    .trade-images-wrap .trade-image:nth-child(1) {
        width: 100%;
    }

    .trade-images-wrap .trade-image:nth-child(2) {
        width: calc(40% - 5px);
        max-width: 254px;
    }

    .trade-images-wrap .trade-image:nth-child(3) {
        width: calc(60% - 7px);
    }

    .trade-images-wrap .trade-image:nth-child(4) {
        width: calc(60% - 7px);
    }

    .trade-images-wrap .trade-image:nth-child(5) {
        width: calc(50% - 6px);
        max-width: 364px;
    }

    .trade-images-wrap .trade-image:nth-child(6) {
        width: calc(70% - 5px);
    }

    .trade-images-wrap .trade-image:nth-child(8) {
        width: calc(56% - 7px);
    }

    .trade-images-wrap .trade-image:nth-child(9) {
        width: calc(45% - 7px);
    }

    .trade-images-wrap .trade-image:nth-child(10) {
        width: calc(29% - 6px);
    }

    .trade-images-wrap .trade-image:nth-child(12) {
        width: calc(30% - 7px);
    }


    .page-template-home .keep-updated-block .container form,
    .blocks-wrapper .keep-updated-block .container form {
        align-items: center;
    }

    .process-block hgroup, .prices-block hgroup {
        max-width: unset;
    }

    .faq-block hgroup {
        max-width: unset;
    }


    .navigation {
        display: none !important;
    }

    .mobile-nav {
        gap: 32px;
    }

    .mobile-nav .navigation {
        display: block !important;
        position: unset;
        width: 100%;
        min-height: calc(100vh - 470px);
    }

    .mobile-nav nav > ul {
        gap: unset;
        border-bottom: 1px solid #E1E1E1;
    }

    .mobile-nav nav > ul > li {
        padding: 24px 0;
    }

    .mobile-nav nav > ul > li {
        border-top: 1px solid #E1E1E1;
    }
    

    nav > ul > li > a.nav-link,
    nav > ul > li > a.nav-link:focus,
    nav > ul > li > a.nav-link:hover,
    nav > ul > li > a.nav-link.open {
        color: #292929;
    }

    .nav-link.dropdown-toggle:after {
        background: url(./assets/images/quantified-ante-drop-down-dark-icon.svg) no-repeat right center /24px;
    }

    .user-accordion-wrap.accordion .accordion-header button.collapsed:after {
        transform: rotate(0deg);
    }

    .user-accordion-wrap.accordion .accordion-header button:after {
        content: '';
        top: calc(50% - 12px);
        right: 16px;
        width: 24px;
        height: 24px;
        background: url(./assets/images/quantified-ante-drop-down-dark-icon.svg) no-repeat right center /24px;
        transform: rotate(180deg);
    }

    .user-accordion-wrap .user-data .profile-info span {
        color: #292929;
    }

    .user-accordion-wrap .user-data .profile-info span.membership {
        color: #A1A1A1;
    }

    .profile-image-wrap {
        width: 52px;
    }

    .user-data {
        padding: 0;
        gap: 16px;
    }

    .user-data:after {
        content: none;
    }

    .open-menu .user-data,
    .scrolled .user-data {
        border: unset;
        background-color: unset;
    }

    .user-accordion-wrap.accordion .accordion-header button {
        padding: 16px 50px 16px 16px;
    }

    .user-accordion-wrap.accordion .accordion-item {
        padding: 0;
        border: 1px solid var(--Lines, #E1E1E1);
        /* background: var(--White, #FFF); */
    }

    .user-accordion-wrap .accordion-item .accordion-collapse {
        padding-top: 0;
        background-color: #fff;
    }

    .products-wrap,
    .products-wrap ul {
        gap: 24px;
    }

    .mega-menu {
        position: unset;
        display: none;
        padding: 24px 0 0;
        flex-direction: column;
        gap: 16px;
        border-bottom: 0;
    }

    .mega-menu > li {
        width: 100%;
        padding: 0;
        background-color: #F8F8F8;
        border-radius: 8px;
    }

    .mega-menu > li:nth-child(3),
    .mega-menu > li:nth-child(6),
    .mega-menu > li:nth-child(9),
    .mega-menu > li:nth-child(12),
    .mega-menu > li:nth-child(15),
    .mega-menu > li:nth-child(18) {
        border-left: 0;
    }

    .mega-menu > li:first-child,
    .mega-menu > li:nth-child(4),
    .mega-menu > li:nth-child(7),
    .mega-menu > li:nth-child(10),
    .mega-menu > li:nth-child(13),
    .mega-menu > li:nth-child(16),
    .mega-menu > li:nth-child(19) {
        border-right: 0;
    }

    .burger-wrap {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        /* padding: 4px; */
        width: 24px;
        height: 24px;
    }

    .user-wrap {
        display: none;
    }

    .burger {
        height: 2px;
        width: 20px;
        background-color: Black;
        border-radius: 2px;
        transition-delay: 0.15s;
    }

    .burger.open {
        background-color: transparent;
    }

    .burger:before,
    .burger:after {
        display: block;
        position: relative;
        content: '';
        width: inherit;
        height: inherit;
        background-color: #fff;
        border-radius: 2px;
        transform-origin: center;
    }

    .burger:before {
        transform: translate(0, -8px);
		background-color: black;
    }

    .burger:after {
        transform: translate(0, 6px);
		background-color: black;
    }

    .burger.open:before {
        animation: burgerBefore 0.3s ease-in-out both;
    }

    .burger.open:after {
        animation: burgerAfter 0.3s ease-in-out both;
    }

    .burger.close:before {
        animation: burgerBeforeReverse 0.3s ease-in-out both;
    }

    .burger.close:after {
        animation: burgerAfterReverse 0.3s ease-in-out both;
    }

    @keyframes burgerBefore {
        0% {
            transform: translate(0, -8px);
        }
        50% {
            transform: translate(0, 0);
            background-color: #292929;
        }
        100% {
            transform: translate(0, 0) rotate(45deg);
            background-color: #292929;
        }
    }

    @keyframes burgerBeforeReverse {
        0% {
            transform: translate(0, 0) rotate(0deg);
        }
        50% {
            transform: translate(0, 0);
            background-color: #fff;
        }
        100% {
            transform: translate(0, -8px);
            background-color: #fff;
        }
    }

    @keyframes burgerAfter {
        0% {
            transform: translate(0, 6px);
        }
        50% {
            transform: translate(0, -2px);
            background-color: #292929;
        }
        100% {
            transform: translate(0, -2px) rotate(-45deg);
            background-color: #292929;
        }
    }

    @keyframes burgerAfterReverse {
        0% {
            transform: translate(0, -2px) rotate(0deg);
        }
        50% {
            transform: translate(0, -2px);
            background-color: #fff;
        }
        100% {
            transform: translate(0, 6px);
            background-color: #fff;
        }
    }
}


@media screen and (max-width: 767px) {
    .container,
    .product-summary-page .chain-sections-block .image-text-block .container {
        width: calc(100% - 40px);
    }

    main.d-flex {
        gap: 56px;
    }

    .btn {
        font-size: 14px;
        line-height: 24px;
        padding: 13px 12px;
    }

    .launch-assistant-block .btn, .general-assistant-block .btn {
        padding: 8px 8px;
		width: 10px;
    }

    .chain-wrapper .image-text-block:first-child .container:before,
    .chain-wrapper .image-text-block:first-child .image-wrap:before,
    .image-text-block .container:after,
    .image-text-block + .image-text-block .container:after,
    .image-text-block .image-wrap:before,
    .image-text-block .image-wrap:after,
    .chain-wrapper .image-text-block:last-child .image-wrap .item-wrap:before,
    .chain-wrapper .image-text-block .image-wrap:before  {
        content: none;
    }

    .product-summary-page .chain-wrapper .image-text-block .container {
        padding: 54px 0;
    }

    .image-text-block .container,
    .chain-wrapper .image-text-block .container {
        gap: 32px;
    }

    [class^=col-], .container, .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .launch-hero .container {
        gap: 56px;
        padding: 20px 0 56px;
    }

    .form-wrap form {
        padding: 72px 32px 64px;
    }

    .thank-you-wrap {
        padding: 56px 32px;
    }

    h1 {
        font-size: 40px;
        line-height: 48px;
    }

    .chain-wrapper {
        gap: 56px;
    }

    /* .chain-sections-block .container {
        padding: 56px 0;
    } */

    .image-text-block .container {
        gap: 24px;
    }

    .image-text-block .image-wrap {
        height: unset;
        /* height: 276px; */
    }

    .image-text-block .item-wrap, .image-text-block .image-wrap .swiper, .services-block .image-text-block .image-wrap .swiper {
        aspect-ratio: 1 / 0.71136;
    }

    h3 {
        font-size: 28px;
    }

    /* .launch-assistant-block, .general-assistant-block {
        margin: 56px 0;
    } */

    .image-text-block + .launch-assistant-block {
        margin-top: 56px;
    }


    .launch-assistant-block,
    .general-assistant-block {
        margin: 0 20px;
    }

    .launch-assistant-block .container,
    .general-assistant-block .container {
        padding: 40px;
        gap: 24px;
    }

    .assistant-block .content-wrap {
        align-items: unset;
        gap: 20px;
    }

    footer.new-footer {
        padding: 56px 0 32px;
    }

    .services-block .image-text-block {
        padding: 24px;
        gap: 24px;
    }

    .services-wrap .service-item {
        width: 100%;
    }

    .services-block .container {
        padding: 0 0 56px;
    }

    .page-template-launch-confirm-email .modal .modal-content {
        padding: 56px 32px;
    }

    .general-content-block .container {
        padding: 56px 0 32px;
    }
    
    .swiper-nav {
        top: 16px;
        right: 16px;
    }

    .swiper-button-prev, .swiper-button-next {
        width: 32px;
        height: 32px;
        background-size: 20px;
    }
    
    .swiper-button-prev:hover,
    .swiper-button-next:hover {
        background-size: 20px;
    }

    .custom-select-container + input,
    .form-wrap form .custom-select-container + input,
    .thank-you-wrap form .custom-select-container + input {
        padding-left: 110px !important;
    }

    .custom-select-container .select2 .selection .select2-selection--single {
        padding: 15px 0 15px 15px !important;
    }

    .error-message {
        position: unset;
        margin-top: 0;
    }

    /* .image-text-block .content-wrap h3 {
        font-size: 28px;
    } */

    .keep-updated-block .container {
        padding: 56px 32px;
        gap: 32px;
    }

    .testimonials-block .container {
        width: calc(100% - 40px);
        gap: 32px;
    }

    .testimonials-block hgroup {
        max-width: 578px;
    }

    .reviews-carousel {
        margin-left: 0;
    }

    .reviews-carousel .swiper-nav {
        margin-left: 0;
    }

    .new-footer .logo {
        margin-bottom: 32px;
    }
    
    .trust-block .internal-wrap {
        padding: 24px;
        gap: 40px;
    }

    .payment-types {
        gap: 20px;
    }

    .prices-block .container,
    .process-block .container,
    .trade-images-block .container,
    .support-text-block .container {
        gap: 32px;
    }

    .page-template-home .launch-hero .container {
        padding: 106px 0 284px;
    }

    .page-template-home .launch-hero .container:before {
        /* content: ''; */
        position: absolute;
        top: 0;
        left: -20px;
        width: calc(100% + 40px);
        height: 117vw;
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(255,85,126,0.8) 55%, rgba(255,85,126,0.8) 60%, rgba(255,85,126,0) 100%);
        /* opacity: 0.5; */
    }

    /* .page-template-home .launch-hero + .radial-blur.v-mid:before {
        top: calc(50% - 429px);
    } */

    .page-template-home .launch-hero .container .content-wrap {
        z-index: 1;
    }
    
    .page-template-home .launch-hero + * {
        margin-top: -284px !important;
    }

    .page-template-home .launch-hero {
        background-size: contain;
        background-position: center top;
        background-image: url(./assets/images/quantified-ante-smart-money-concepts-global-investing-trading-ecosystem-hero-image-mobile.png);
    }

    .product-hero .container {
        padding: 116px 0 56px;
    }

    .product-hero .content-wrap {
        gap: 16px;
    }

    .product-hero .content-wrap .btns-group {
        margin-top: 8px;
    }

    .product-promo-block .content-wrap {
        padding-left: 20px;
        gap: 16px;
    }

    .product-hero + *,
    .enrollment-process-block + * {
        margin-top: -56px;
    }

    .product-promo-block.bg-grey .container {
        padding: 56px 0;
    }

    .blocks-wrapper {
        gap: 56px;
    }

    .blocks-wrapper.dark-bg {
        padding: 56px 0;
    }

    .solutions-block .container,
    .why-block .container,
    .learning-block .container,
    .two-column-block .container,
    .two-column-block.reduced-gap .container,
    .faq-block .container,
    .faq-block .faq-data-wrap {
        gap: 32px;
    }

    .qna-part {
        gap: 16px;
    }

    .product-benefits-card {
        gap: 32px;
        padding: 24px;
    }

    .learning-usp-wrap .learning-usp-card {
        width: 100%;
        padding: 24px;
    }

    .learning-usp-wrap .learning-usp-card.dark-bg {
        padding: 32px;
        background: url(./assets/images/quantifed-ante-blue-blur.png) no-repeat -200px calc(100% - 50px)  /500px, url(./assets/images/quantifed-ante-red-blur.png) no-repeat calc(100vw - 300px) 50px /500px;
    }

    .enroll-steps-wrap:before,
    .enroll-steps-wrap:after {
        content: none;
    }

    .enroll-steps-wrap > .container {
        padding: 0 0 48px 19px;
    }

    .enroll-step {
        padding: 0 0 0 39px;
    }

    .enroll-steps-wrap .progress-container {
        left: 39px;
    }

    .social-posts-block .container {
        gap: 32px;
    }

    .general-cta-block .container {
        min-height: 646px;
        padding: 56px 0;
    }

    .two-column-block .content-wrap {
        gap: 16px;
    }

    .two-column-block .content-wrap .btn {
        width: 100%;
    }

    .product-promo-block.bg-grey + .blocks-wrapper {
        margin-top: -56px;
    }

    .two-column-block.reduced-gap.reverse .content-wrap .btn {
        margin-top: 8px;
    }

    .new-footer .row.d-flex .col-12.d-flex {
        gap: 32px;
    }

    .new-footer .row.d-flex .col-12.d-flex .badges-wrap {
        flex-direction: column !important;
        gap: 20px;
    }

    .new-footer .f-links {
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
    }

    .new-footer .social-networks {
        max-width: 257px;
    }
    
    .faq-block .image-wrap:after {
        content: none;
    }

    .media-block .container {
        gap: 32px;
    }

    .about-hero:before{
        background: url(./assets/images/quantified-ante-about-us-hero-section-bull-with-human-body-in-a-jacket-and-shirt.png) no-repeat 0 bottom /auto 63%,
        url(./assets/images/quantified-ante-about-us-hero-section-brutal-bear-with-human-body-in-jacket-and-shirt.png) no-repeat 100% bottom /auto 63%;
    }

    .about-hero .container {
        min-height: 424px;
    }

    .trade-images-wrap {
        flex-direction: column;
        align-items: center !important;
        justify-content: unset !important;
    }

    .trade-images-wrap .trade-image:not(:first-child) {
        width: 80% !important;
    }

    .trade-images-wrap .trade-image:nth-child(2) {
        max-width: 200px;
    }

    .heading-carousel {
        max-width: 300px;
    }

    .mobile-menu {
        padding: 32px 20px;
        gap: 40px;
    }

    .sloan-block  {
        padding: 20px 16px;
    }


    .sloan-block .image-wrap {
        width: 50%;
    }

    .sloan-block .content-wrap {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .dropdown-item {
        padding: 16px 44px 16px 12px;
        background-position: calc(100% - 12px) 16px;
    }

    .controls-wrap .notification {
        display: none;
    }

    .controls-wrap .btn {
        min-width: unset;
        padding: 11px 11px;
    }

    .product-summary-page .content-only-block .container {
        padding-top: 56px;
    }
}

@media screen and (max-width: 768px) {
    .formless-embed.formless-embed-popover {
        bottom: 0 !important;
        top: unset;
    }

    button.formless-trigger {
        top: 12px !important;
        right: 16px !important;
    }
}

@media screen and (max-width: 576px) {
    .btns-group {
        width: 100%;
    }

    .form-wrap form .form-group.submit-group {
        width: 100%;
    }

    .btns-group .btn,
    .two-column-block .content-wrap .btn,
    .form-wrap form .form-group.submit-group .btn,
    .learning-usp-card .btn {
        width: 100%;
        max-width: unset;
    }
}

