.header {
    display: none;
}

.circle-pulse {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin: 4px 0;
    border-radius: 100%;
    background-color: rgba(64, 154, 101, 0.20);

    span {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background-color: rgb(64, 154, 101);
        position: relative;
        z-index: 2;
    }
}

.circle-pulse::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: rgba(64, 154, 101, 0.20);
    animation: pulse 1.5s ease-out infinite;
    z-index: 1;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    70% {
        transform: scale(1.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.page-book-a-demo-new {
    padding-top: 0;

    h1, h3 {
        margin: 0;
    }

    p {
        margin: 0;
    }

    .hero {
        padding-top: 48px;
        background-image: url("/wp-content/themes/simplydepo/images/book-a-demo-new/book-a-demo-new_bg.png");
        background-repeat: no-repeat;
        background-position: right 0 top 0;

        .container {
        }

        .hero__wrapper {
            display: flex;
            flex-direction: column;
            gap: 80px;
        }

        .logo {
            padding: unset;
            max-width: fit-content;
            min-width: 189px;
        }

        .hero__content {
            display: flex;
            position: relative;
            /*gap: 64px;*/
        }

        .hero__intro {
            width: calc((100% / 2) - 32px);
            display: flex;
            flex-direction: column;
            min-height: 541px;
        }

        .hero__header {
            margin-bottom: 24px;
        }

        .hero__subtitle {
            display: flex;
            gap: 8px;
            margin-bottom: 20px;

            span {
                color: #4B4A4A;
                font-weight: 500;
                line-height: 1.5;
            }
        }

        .hero__title {
            color: #1A1A1A;
            font-size: 44px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: -0.44px;
            text-align: left;
        }

        .field-sales__list {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 40px;
        }

        .field-sales__item {
            padding: 3px 11px;
            border-radius: 24px;
            background-color: rgba(232, 229, 228, 1);

            color: #1A1A1A;
            font-size: 13px;
            font-weight: 500;
            line-height: 1.5;
            letter-spacing: 0.13px;
        }

        .retail-ops__list {
            color: #262626;
            font-size: 18px;
            line-height: 1.4;
            text-align: left;

            :not(:last-of-type) {
                margin-bottom: 12px;
            }
        }

        .retail-ops__item {
            display: flex;
            gap: 10px;

            svg {
                margin-top: 2px;
                min-width: 18px;
            }
        }

        .hero__brands {
            margin-top: auto;
        }

        .hero__brands-text {
            margin-bottom: 16px;
            text-align: left;
        }

        .brands__list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
            align-items: center;
        }

        .brands__list {
            display: flex;
            justify-content: flex-start;
            gap: 40px;
        }
    }

    .case-study__form {
        position: absolute;
        top: 0;
        right: 0;
        width: calc((100% / 2) - 32px);
        padding: 32px 32px 20px;
        border-radius: 24px;
        background: #fff;
        box-shadow: 0 8px 16px -6px rgba(24, 39, 75, 0.08);
        /*position: relative;*/
        z-index: 1;

        form > *:not(:nth-last-child(-n+2)) {
            margin-bottom: 16px;
        }

        .case-study__form-title {
            margin-bottom: 20px;
            color: #282828;
            font-size: 24px;
            font-weight: 600;
            line-height: 1.3;
            letter-spacing: -0.24px;
            text-align: left;

            span {
                color: #409A65;
            }
        }

        .field-set {
            display: flex;
            gap: 24px;
        }

        .field-title {
            display: block;
            margin-bottom: 4px;
            color: #282828;
            font-size: 15px;
            font-weight: 500;
            line-height: 1.3;
            text-align: left;
        }

        input:not(.button) {
            max-height: 44px;
            border: none;
            outline: none;
            padding: 12px 16px;
            font-size: 15px;
            box-shadow: 0 0 0 1.5px rgba(204, 204, 204, 0);
            transition: background-color 0.4s ease, box-shadow 0.4s ease;
        }

        input:not([type="radio"]):not([type="submit"]):not([type="range"]) {
            background-color: rgb(245, 245, 245);
            border: none;
            font-size: 15px;
        }

        input:not([type="radio"]):not([type="submit"]):hover:not(:focus),
        .wpcf7-form-control.wpcf7-not-valid:focus {
            background-color: rgb(252, 252, 252);
            box-shadow: 0 0 0 1.5px rgba(204, 204, 204, 1);
        }

        .wpcf7-form-control.wpcf7-not-valid {
            outline: 1.5px solid rgba(243, 113, 113, 1)!important;
            background-color: rgba(255, 255, 255, 1);
            color: rgba(243, 113, 113, 1)!important;
            caret-color: rgba(243, 113, 113, 1)!important;
        }

        input:not([type="radio"]):not([type="submit"]):focus {
            outline: unset !important;
            background-color: rgb(252, 252, 252);
            box-shadow: 0 0 0 1.5px rgba(64, 154, 101, 1);
            color: inherit !important;
            caret-color: inherit !important;
        }

        .wpcf7 .wpcf7-not-valid-tip {
            color: rgba(180, 39, 39, 1);
            font-size: 13px;
            font-weight: 500;
            line-height: 1.3;
            text-align: left;
            margin-top: 4px;
        }

        .wpcf7 .wpcf7-not-valid-tip::before {
            content: "";
            display: inline-block;
            width: 13px;
            height: 13px;
            background-image: url("/wp-content/themes/simplydepo/images/book-a-demo-new/form-alert-icon.svg");
            background-repeat: no-repeat;
            /*background-position: center;*/
            background-size: contain;
            margin-right: 6px;
            vertical-align: middle;
        }

        select.wpcf7-select {
            display: flex;
            flex-direction: row;
            align-items: center;
            line-height: 44px;
            padding-top: unset;
            padding-bottom: unset;
        }

        .wpcf7-select {
            text-align: left;
            transition: background-color 0.4s ease, box-shadow 0.4s ease;

            .option {
                color: #666;
                font-size: 15px;
                line-height: 1.5;
            }
        }

        .wpcf7-select:hover:not(:focus) {
            background-color: rgb(252, 252, 252);
            box-shadow: 0 0 0 1.5px rgba(204, 204, 204, 1);
        }

        .wpcf7-select:focus {
            /*outline: unset;*/
            background-color: rgb(252, 252, 252);
            box-shadow: 0 0 0 1.5px rgba(64, 154, 101, 1);
        }

        .button {
            width: 100%;
            margin-top: unset;
            border: none;
        }

        /*.button:hover {*/
        /*    background-color: rgb(64, 154, 101, 1);*/
        /*}*/

        /*.wpcf7-response-output {*/
        /*    margin-top: unset;*/
        /*}*/

        .book-a-demo__privacy {
            display: flex;
            justify-content: center;
            gap: 2px;
            margin-top: 12px;
            color: #4B4A4A;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42;

            a {
                color: inherit;
                text-decoration: underline;
            }
        }

        .book-a-demo__privacy::before {
            content: "";
            display: inline-block;
            width: 16px;
            height: 16px;
            vertical-align: middle;
            background: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g opacity='0.8'><path d='M8.65902 1.92951C8.24428 1.72214 7.75611 1.72214 7.34137 1.92951L3.2002 4.0001V9.3521C3.2002 10.8001 4.90846 12.4476 8.0002 14.4001C11.0919 12.4476 12.8002 11.2001 12.8002 9.3521C12.8002 7.5041 12.8002 4.0001 12.8002 4.0001L8.65902 1.92951Z' stroke='%23777777' stroke-width='1.5' stroke-linejoin='round'/></g></svg>") no-repeat center;
            background-size: contain;
        }
    }

    .demo {
        background-color: rgb(255, 255, 255, 1);

        .demo__wrapper {
        }

        .demo__header {
            margin-bottom: 40px;
        }

        .demo__title {
            color: #333;
            font-size: 40px;
            font-weight: 700;
            line-height: 1.2;
            text-align: center;
            letter-spacing: -0.4px;
        }

        .demo__list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 16px;
        }

        .demo__item {
            width: calc((100% / 3) - 16px);
            min-width: 287px;
            padding: 40px 32px;
            text-align: center;
            color: #282828;
            border-radius: 32px;
            background-color: rgba(250, 247, 245, 1);
        }

        .demo__item-num {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px;
            margin: 0 auto 24px;
            border-radius: 100%;

            text-align: center;
            font-size: 20px;
            font-weight: 600;
            line-height: 1.4;
            color: rgb(255, 255, 255, 1);
            background-color: rgb(64, 154, 101, 1);
        }

        .demo__item-title {
            margin-bottom: 8px;
            font-size: 24px;
            font-weight: 600;
            line-height: 135%;
            color: rgba(40, 40, 40, 1);
        }

        .demo__item-text {
            font-size: 18px;
            line-height: 1.45;
        }
    }

    .feedback {
        background-color: rgb(255, 255, 255, 1);
    }

    /*.trial {*/
    /*    .trial__wrapper {*/
    /*        position: relative;*/
    /*        display: flex;*/
    /*        flex-direction: column;*/
    /*        align-items: flex-start;*/
    /*        justify-content: end;*/
    /*        min-height: 560px;*/
    /*        padding: 40px;*/
    /*        border-radius: 24px;*/
    /*        background-color: rgba(18, 30, 23, 1);*/
    /*        background-image: url("/wp-content/themes/simplydepo/images/compare/blur-round.svg");*/
    /*        background-repeat: no-repeat;*/
    /*        background-position: center;*/
    /*        background-size: cover;*/
    /*    }*/

    /*    .trial__bg {*/
    /*        height: 100%;*/
    /*        width: 100%;*/
    /*        position: absolute;*/
    /*        top: 0;*/
    /*        left: 0;*/
    /*        border-radius: 24px;*/
    /*        overflow: clip;*/
    /*    }*/

    /*    .trial__bg::before {*/
    /*        content: "";*/
    /*        background: linear-gradient(180deg, rgba(13, 24, 17, 0) 0%, rgba(13, 24, 17, 0.9) 100%);*/
    /*        position: absolute;*/
    /*        left: 0;*/
    /*        top: 0;*/
    /*        width: 100%;*/
    /*        height: 100%;*/
    /*    }*/

    /*    .trial__bg img {*/
    /*        height: 100%;*/
    /*    }*/

    /*    .trial__header {*/
    /*        max-width: 600px;*/
    /*        color: rgba(255, 255, 255, 1);*/
    /*        z-index: 1;*/
    /*    }*/

    /*    .trial__title {*/
    /*        font-weight: 700;*/
    /*        font-size: 56px;*/
    /*        line-height: 60px;*/
    /*        color: rgba(255, 255, 255, 1);*/
    /*        max-width: 400px;*/
    /*        margin: 0;*/
    /*        margin-bottom: 16px;*/
    /*    }*/

    /*    .trial__text {*/
    /*        line-height: 150%;*/
    /*        font-size: 18px;*/
    /*        margin-bottom: 32px;*/
    /*        font-weight: 600;*/
    /*    }*/
    /*}*/




    @media (max-width: 1199px) {
        .hero {
            .hero__content {
                justify-content: center;
            }

            .hero__intro {
                width: unset;
            }

            .hero__header {
                margin-bottom: 20px;
            }

            .field-sales__list {
                margin-bottom: 23px;
            }

            .retail-ops__list {
                margin-bottom: 32px;
            }
        }

        .case-study__form {
            position: unset;
            margin-bottom: 32px;

            .field-set {
                gap: 12px;
            }
        }
    }

    @media (max-width: 991px) {
    }

    @media (max-width: 767px) {
        .hero {
            background-image: url("/wp-content/themes/simplydepo/images/book-a-demo-new/book-a-demo-new_bg-mob.png");

            .logo {
                min-width: 162px;
            }

            .hero__wrapper {
                gap: 32px;
            }

            .hero__title {
                font-size: 32px;
            }

            .circle-pulse {
                margin: 3px 0;
            }

            .case-study__form-title {
                font-size: 18px;
            }

            .retail-ops__text {
                font-size: 16px;
            }

            .retail-ops__item:not(:first-child) .retail-ops__text{
                font-weight: 500;
            }

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

            .brands__list {
                justify-content: center;
            }

            .brands__item {
                width: 97px;
            }
        }

        .case-study__form {
            padding: 20px;
            border-radius: 16px;

            form {
                gap: unset;
            }

            .case-study__form form > *:not(:nth-last-child(-n+2)) {
                margin-bottom: 16px;
            }

            .field-set {
                gap: 16px;
                margin-bottom: 16px;
            }
        }

        .demo {
            padding-top: 48px;
            padding-bottom: 48px;

            .demo__title {
                font-size: 28px;
            }

            .demo__item {
                width: unset;
                padding: 32px 24px;
            }

            .demo__item-num {
                margin-bottom: 20px;
            }

            .demo__item-title {
                font-size: 20px;
            }

            .demo__item-text {
                font-size: 16px;
            }
        }

        /*.trial {*/
        /*    .trial__wrapper {*/
        /*        padding: 8px;*/
        /*        min-height: auto;*/
        /*    }*/

        /*    .trial__bg {*/
        /*        position: relative;*/
        /*        top: unset;*/
        /*        left: unset;*/
        /*        height: 217px;*/
        /*        width: 100%;*/
        /*    }*/

        /*    .trial__bg::before {*/
        /*        display: none;*/
        /*    }*/

        /*    .trial__bg img {*/
        /*        width: 100%;*/
        /*        object-fit: cover;*/
        /*        border-radius: 16px;*/
        /*    }*/

        /*    .trial__header {*/
        /*        padding: 32px 24px;*/
        /*        text-align: center;*/
        /*        width: 100%;*/
        /*        max-width: 100%;*/
        /*    }*/

        /*    .trial__title {*/
        /*        font-size: 32px;*/
        /*        line-height: 120%;*/
        /*        max-width: 245px;*/
        /*        margin: 0 auto;*/
        /*        margin-bottom: 16px;*/
        /*    }*/

        /*    .trial__text {*/
        /*        max-width: 260px;*/
        /*        margin: 0 auto 24px;*/
        /*    }*/
        /*}*/
    }
}

/*.value-proposition {*/
/*    position: relative;*/
/*    padding: 64px 0;*/
/*    background-color: rgba(0, 103, 70, 1);*/
/*    background-image: url("/wp-content/themes/simplydepo/images/book-a-demo-new/value-proposition.png");*/
/*    background-size: contain;*/
/*    background-position: bottom right;*/
/*    background-repeat: no-repeat;*/

/*    .value-proposition__content {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        align-items: start;*/
/*        max-width: 560px;*/
/*        min-height: 430px;*/
/*        color: rgba(255, 255, 255, 1);*/
/*    }*/

/*    .value-proposition__header{*/
/*        margin-bottom: 24px;*/
/*    }*/

/*    .value-proposition__title {*/
/*        margin-bottom: 16px;*/
/*        font-size: 56px;*/
/*        font-weight: 700;*/
/*        line-height: 1.07;*/
/*        letter-spacing: -0.56px;*/
/*        color: inherit;*/
/*    }*/

/*    .value-proposition__text {*/
/*        font-size: 18px;*/
/*        font-weight: 500;*/
/*        line-height: 1.5;*/
/*    }*/

/*    .button--white {*/
/*        font-size: 18px;*/
/*        font-weight: 600;*/
/*        line-height: 1.55;*/
/*        color: rgba(0, 103, 70, 1);*/
/*    }*/

/*    .value-proposition__kpi-list {*/
/*        display: flex;*/
/*        justify-content: space-between;*/
/*        gap: 24px;*/
/*        margin-top: auto;*/
/*    }*/

/*    .value-proposition__kpi-item {*/
/*        max-width: 140px;*/
/*        width: 100%;*/
/*    }*/

/*    .value-proposition__kpi-num {*/
/*        margin-bottom: 8px;*/
/*        font-size: 40px;*/
/*        font-weight: 600;*/
/*        line-height: 1;*/
/*        letter-spacing: 0.4px;*/
/*    }*/

/*    .value-proposition__kpi-text {*/
/*        color: rgba(255, 255, 255, 0.9);*/
/*        font-size: 16px;*/
/*        font-weight: 500;*/
/*        line-height: 1.25;*/
/*    }*/

/*    @media (max-width: 991px) {*/
/*        padding-top: 304px;*/
/*        padding-bottom: 32px;*/
/*        background-image: url("/wp-content/themes/simplydepo/images/book-a-demo-new/value-proposition-mb.png");*/
/*        background-position: top left;*/

/*        .value-proposition__content {*/
/*            gap: 32px;*/
/*            max-width: unset;*/
/*            min-height: unset;*/
/*        }*/

/*        .value-proposition__header{*/
/*            margin-bottom: unset;*/
/*        }*/

/*        .value-proposition__title {*/
/*            font-size: 32px;*/
/*            font-weight: 700;*/
/*            line-height: 1.25;*/
/*            letter-spacing: -0.32px;*/
/*        }*/

/*        .button--white {*/
/*            width: 100%;*/
/*        }*/


/*        .value-proposition__kpi-list {*/
/*            display: flex;*/
/*            justify-content: space-between;*/
/*            gap: 24px;*/
/*            margin-top: unset;*/
/*        }*/

/*        .value-proposition__kpi-item {*/
/*            max-width: 140px;*/
/*            width: 100%;*/
/*            text-align: center;*/
/*        }*/

/*        .value-proposition__kpi-num {*/
/*            margin-bottom: 2px;*/
/*            font-size: 24px;*/
/*            font-weight: 600;*/
/*            line-height: 1.33;*/
/*            letter-spacing: 0.24px;*/
/*        }*/

/*        .value-proposition__kpi-text {*/
/*            color: rgba(255, 255, 255, 0.9);*/
/*            font-size: 13px;*/
/*            font-weight: 500;*/
/*            line-height: 1.25;*/
/*        }*/
/*    }*/
/*}*/