body {
    font-family: 'Jura', Arial, sans-serif;
    margin: 0;
    background-color: #3d4c5a;
    color: #adcadb;
    position: relative;
}

.voice-view input {
    width: 500px;
    
    box-sizing: border-box;
}

#david-page .left-side, #david-page .right-side {
    float: left;

}

#david-page .left-side {
    width: 460px;
    height: 100%;
    min-height: 1px;
    position: relative;
}

#david-page .left-side .section-content {
    position: fixed;
    padding: 12px;
    width: 100%;
    max-width: 436px;
}
#david-page .left-side .section-content .section-content-inner {
    width: fit-content;
    box-sizing: border-box;
    padding: 12px 12px 12px 0;
    position: relative;
    top: 10px;
}

#david-page .left-side .section-content .h2 {
    padding: 8px;
    
    text-transform: uppercase;
    padding-bottom: 0;
    color: #647f99 !important;
    margin-bottom: 8px;
    font-weight: 700;

   /* font-size: 22px;
    letter-spacing: 16px;*/

    font-family: 'mussels_regular', Arial;
    letter-spacing: 24px;
    margin-bottom: 26px;
    font-size: 20px;
}

.get-started-button, 
/*.toggle-example.d-ui-button .d-ui-button-inner, */
#david-page .block-container .waitlist .form-buttons .d-ui-button {
    font-family: 'mussels_regular', Arial!important;
    letter-spacing: 5px!important;
}

#david-page .left-side .section-content .h1 {
    padding: 8px;
    text-transform: uppercase;
    padding-top: 0;
    margin-bottom: 24px;
    width: fit-content;
    color: #80d1f5;
    /* font-size: 36px;
    letter-spacing: 20px;*/
    font-family: 'mussels_medium', Arial;
    letter-spacing: 28px;
    font-size: 36px;
}

#david-page .left-side .section-content .h3{
    padding-left: 8px;
    margin: 0 0 24px;
}

#subheader-typing-item {
    color: #80d1f5;
}

#david-page .left-side .section-content .h3 .h3-text {
    font-size: 15px;
    color: #7691ab !important;
    font-weight: 100;
    line-height: 32px;
    letter-spacing: 4px;
    text-transform: uppercase;
    max-width: 410px;
}

#david-page .horizontal-connector {
    height: 2px;
    background-color: #4f6174;
    position: absolute;
}
#david-page .left-side .section-content .horizontal-connector {
    right: 0;
    width: 52px;
    bottom: 224px;
    /*background: linear-gradient(to right, #80d1f5, #4f6174);*/
}

#demo-video {
    margin-top: 48px;
}
#demo-video .horizontal-connector {
    top: 32px!important;
}
#david-page .right-side #demo-video .page-block {
    padding: 0!important;
}
#david-page .right-side #demo-video .page-block .page-block-inner {
    background-color: #4f6174;
    min-height: auto !important;
    padding: 0 !important;
    position: relative;
    padding-bottom: 56.25% !important;
    height: 0;
    overflow: hidden;
}
#david-page .right-side #demo-video.block-container {
    width: 100% !important;
    max-width: 680px !important;
}

#demo-video .video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #4f6174;
}

#demo-video iframe {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#demo-video .video-cover svg {
    width: 48px;
    padding: 8px 14px;
    position: relative;
    left: 50%;
    margin-left: -38px;
    top: 50%;
    margin-top: -32px;
    stroke: #4f6174;
    cursor: pointer;
    background-color: #738ea9;
    border-radius: 8px;
}

#david-page .right-side {
    width: calc(100% - 500px);
    border-left: 2px solid #4b5e73;
    box-sizing: border-box;
    padding-left: 24px;
    margin-top: 104px;
}

#david-page .block-container {
    position: relative;
    width: 500px;
    margin-left: 64px;
    margin-bottom: 32px;
    top: -80px;
    transition: width 0.4s ease;
}

#david-page .block-container .waitlist {
    background-color: #3d4c5a !important;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 8px;
}

#david-page .block-container .waitlist .waitlist-header {
    display: none!important;
}

#david-page .block-container .waitlist .form-buttons {
    background-color: transparent !important;
    padding: 0;
}

#david-page .block-container .waitlist .form-buttons .d-ui-button {
    display: block;
    background-color: #80d1f5 !important;
    color: #3d4c5a;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 15px;
    padding: 0 12px 0 12px;
}

#david-page .block-container.comingsoon-container{
    margin-top: 120px;
    margin-bottom: 70px;
    width: 600px!important;
}

#david-page .block-container > div {

}

#david-page .block-container.even-item {
    /*margin-left: 94px !important;*/
}

#david-page .page-content.right-side .block-container.expandable-container .block-text,
#david-page .page-content.right-side .block-container.expandable-container .button-container {
    overflow: hidden;
    transition: max-height 1.5s ease;
    max-height: 0;
}

#david-page .page-content.right-side.collapsed-state .block-container.expandable-container .page-block .block-header {
    margin-bottom: 0!important;
}

#david-page .page-content.right-side.expanded-state .block-container.expandable-container .block-text,
#david-page .page-content.right-side.expanded-state .block-container.expandable-container .button-container {
    max-height: 500px;
}


#david-page .block-container.main-container {
    width: 600px !important;
    margin-bottom: 92px;
}

#david-page .right-side .page-block {
    width: 100%;
    box-sizing: border-box;
    padding: 2px;
    background-color: #4f6174;
    clip-path: polygon( 0 0, calc(100% - 32px) 0, 100% 32px, 100% 100%, 0 100% );
}

#david-page .right-side .page-block .page-block-inner {
    padding: 20px 12px 10px 12px;
    background-color: #3d4c5a;
    
    clip-path: none!important;
    /*clip-path: polygon( 0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100% );*/
}
#david-page .right-side .block-container.comingsoon-container {
    width: 400px!important;
}
#david-page .right-side .block-container.comingsoon-container .page-block .page-block-inner {
    clip-path: polygon( 0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100% ) !important;
    padding-bottom: 24px;
    background-color: #4f6174;
    padding-top: 12px;
}

#david-page .right-side .block-container.comingsoon-container .page-block .page-block-inner .block-header{
    color: #364451 !important;
    font-weight: 700;
}

#david-page .right-side .block-container.comingsoon-container .page-block .page-block-inner .block-text {
    color: #364451 !important;
    font-weight: 700;
}

#david-page .right-side .page-block.main-block{

}

#david-page .right-side .block-container .horizontal-connector {
    left: -90px;
    width: 90px;
    top: 80px;
}

#david-page .right-side .block-container.comingsoon-container .horizontal-connector {
    top: 50px!important;
}

/*#david-page .right-side .block-container.even-item .horizontal-connector {
    left: -120px;
    width: 120px;
    top: 80px;
}*/

#david-page .right-side .page-block .block-subheader {
    height: 32px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 16px !important;
    letter-spacing: 5px !important;
    padding-left: 12px;
    color: #364451 !important;
    font-weight: 700 !important;
}

#david-page .right-side .page-block .block-header {
    font-size: 20px;
    letter-spacing: 8px;
    color: #89adc1;
    text-transform: uppercase;
    margin-bottom: 12px;
    line-height: 28px;
}

#david-page .right-side .page-block .block-text {
    font-size: 17px;
    color: #7c9caf !important;
    font-weight: 100;
    line-height: 24px;
}

@font-face {
    font-family: 'Alien'; /* Your custom name */
    src: url('/fonts/alien.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oxide-Bold'; /* Your custom name */
    src: url('/fonts/oxide.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oxide-Regular'; /* Your custom name */
    src: url('/fonts/oxide-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oxide-Light'; /* Your custom name */
    src: url('/fonts/oxide-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Closeness'; /* Your custom name */
    src: url('/fonts/Closeness.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Airbrne2'; /* Your custom name */
    src: url('/fonts/airbrne2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Furore'; /* Your custom name */
    src: url('/fonts/Furore.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'norms'; /* Your custom name */
    src: url('/fonts/norms.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GST_Aero'; /* Your custom name */
    src: url('/fonts/GST_Aero.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mussels_medium'; /* Your custom name */
    src: url('/fonts/mussels_medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mussels_regular'; /* Your custom name */
    src: url('/fonts/mussels_regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mussels_thin'; /* Your custom name */
    src: url('/fonts/mussels_thin.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #3b4c60;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #58708b;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #58708b;
}

/*
    dark blue - #1f4266
    blue - #476d90

*/


@font-face {
    font-family: 'Subtract';
    src: url('/fonts/jaapokkisubtract-regular.eot'); /* IE9 Compat Modes */
    src: url('/fonts/jaapokkisubtract-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/jaapokkisubtract-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/jaapokkisubtract-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/jaapokkisubtract-regular.svg#Subtract') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'conthrax';
    src: url('/fonts/conthrax.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'armstrong';
    src: url('/fonts/armstrong.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'armstrong_bold';
    src: url('/fonts/armstrong_bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'armstrong_oblique';
    src: url('/fonts/armstrong_oblique.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'astroneer';
    src: url('/fonts/astroneer.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'conthrax';
    src: url('/fonts/conthrax.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'conthrax';
    src: url('/fonts/conthrax.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}*/

.d-ui-button {
    cursor: pointer;
    display: inline-block;
    padding: 2px; /* border thickness */
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100% );
}

.d-ui-button-inner {
    /*padding: 1em 2em;
    font-size: 1.2rem;*/
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100% );
    width: 100%;
    height: 100%;
}

.d-ui-topright-corner {
    padding: 2px; /* border thickness */
    clip-path: polygon( 0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100% );
}


.d-ui-topright-corner-inner {
    clip-path: polygon( 0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100% );
}

.logo {
    cursor: pointer;
    font-family: 'Cabin', Arial;
    letter-spacing: 15px;
    padding: 8px 8px 10px 8px;
    font-size: 19px;
    background-color: #3d4c5a;
    /*background-color: #404d5c;*/
    color: #70879d;
}

.logo .av-letters {
    font-family: 'Subtract', Arial;
}

.logo .one-letter {
    /*color: #829eb7;*/
    /*font-family: 'Montserrat';*/

    color: #8ca9c4;
    /* font-family: 'Montserrat'; */
    letter-spacing: 8px;
    text-transform: uppercase;
    font-size: 10px;
}

.paid-subscription .fine-print {
    font-size: 13px;
    font-family: 'Jura', Arial;
    padding: 8px 0;
    font-weight: 100;
    color: #849db5;
}

.inactive-hp-btn{
    cursor: default!important;
}

.chat-loading .logo, .main-logo.logo {
    color: #6a8197;
    background-color: transparent;
    font-size: 24px;
    letter-spacing: 16px;
    width: 160px;
    left: 50%;
    position: relative;
    margin-left: -220px;
    padding: 6px;
    position: absolute;
    left: 50%;
    top: 255px;
}

.interview-item.interview-item-top .interview-entry-a {
    border-bottom: none!important;
}

.interview-item.interview-item-top .interview-skills {
    padding-bottom: 0 !important;
}
.interview-entry-a-image .smaller-samples-example {
    position: relative;
}
.interview-entry-a-image .smaller-samples-example  > div{
    scale: 0.85;
    margin-left: -48px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
#audio-small-sample {
    margin-top: -80px;
    z-index: 1000;
}
#table-small-sample {
    position: absolute;
    top: 48px;
    z-index: 100;
    left: 320px;
    /* -webkit-text-fill-color: #d0edff !important; */
    /* -webkit-box-shadow: 0 0 0px 1000px #516b85 inset !important; */
    /* box-shadow: 0 0 0px 1000px #516b85 inset !important; */
}

.chat-loading .logo {
    margin-left: -230px !important;
}

.mission-page.inner-page {
    min-height: calc(100vh - 234px);
}

.mission-page.inner-page .page-section-paragraph {
    font-size: 17px;
    max-width: 1024px;
}
.mission-page-header.page-section-header-left {
    font-size: 26px;
}


.interview-entry-a .jqs-table td {
    border-left: none !important;
    border-right: none !important;
}

.main-logo-container {
    position: relative;
    height: 130px;
}
.main-logo-container .main-logo.logo {
    position: relative!important;
    display: inline-block!important;
    left: 0!important;
    margin-left: 0!important;
    top: 50px!important;
    font-size: 28px!important;
    letter-spacing: 20px!important;
    width: 138px!important;
}

.main-logo-container #main-logo-dna {
    color: #697f95;
    display: inline-block;
    top: -20px;
    display: inline-block!important;
}
.main-logo-container #main-logo-dna svg {
    left: 0;
    top: 0;
    position: absolute;
    transform: rotate(90deg)!important; 
    scale: 0.8!important;
}
/*
.logo-var2 .one-letter {
    display: none!important;
}

.logo-var2 .main-logo-container .main-logo.logo {
    width: 112px!important;
}

.logo-var3 .one-letter {
    display: none !important;
}

.logo-var3 .main-logo-container #main-logo-dna.preloader {
    display: none !important;
}

.logo-var4 .main-logo-container #main-logo-dna.preloader {
    display: none !important;
}

.logo-var5 .main-logo-container #main-logo-dna.preloader svg {
    transform: rotate(0deg) !important;
    margin-left: 10px!important;
}

.logo-var6 .main-logo-container #main-logo-dna.preloader svg {
    transform: rotate(0deg) !important;
    margin-left: 10px !important;
}

.logo-var6 .one-letter {
    display: none !important;
}

.logo-var6 .main-logo-container .main-logo.logo {
    width: 112px !important;
}*/

/*tmp*/
/*.chat-loading{
    padding-top: 0!important;
}
*/
#teaser-page {
}
.email-form .preloader {
    display: none;
    width: 200px;
    left: 190px;
    top: -36px;
    position: absolute;
}

/* top */
#teaser-page .page-top {
    overflow: hidden;
    padding: 24px 24px 12px 24px;
    height: 532px;
    box-sizing: border-box;
    position: relative;
    max-width: 1380px;
    /* background: url('/images/head.png') no-repeat right;
        background-size: contain;*/
}

.hidden-text {
    visibility: hidden;
}
.example-hidden-text {
    display: none;
}
#teaser-page .waitlist .email-form {
    margin-top: 32px;
    margin-left: 8px;
    position: relative;
}

        #teaser-page .waitlist .email-form input {
            border: 2px solid #516b85 !important;
            height: 42px;
            padding: 8px;
            font-size: 16px;
            letter-spacing: 2px;
            font-weight: 100;
            outline: none !important;
            margin: 0 !important;
            box-sizing: border-box;
            display: block;
            float: left;
            font-family: 'Jura', Arial, sans-serif;
        }

            #teaser-page .waitlist .email-form input[type=email], #teaser-page .waitlist .email-form input[type=email]:autofill, #teaser-page .waitlist .email-form input[type=email]:-webkit-autofill {
                background-color: #516b85 !important;
                color: #d0edff !important;
                width: 240px;
                -webkit-text-fill-color: #d0edff !important;
                -webkit-box-shadow: 0 0 0px 1000px #516b85 inset !important;
                box-shadow: 0 0 0px 1000px #516b85 inset !important;
            }
            #teaser-page .waitlist .email-form input[type=submit] {
                text-transform: uppercase;
                width: 120px;
                font-size: 15px;
                background-color: transparent!important;
                border: 2px solid #516b85;
                cursor: pointer;
                color: #516b85!important;
                font-weight: 900;
                margin-left: 6px !important;
            }

        #teaser-page .waitlist .email-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #91b0c3 !important;
            opacity: 1; /* Firefox */
        }

        #teaser-page .waitlist .email-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #91b0c3 !important;
        }

        #teaser-page .waitlist .email-form input::-ms-input-placeholder { /* Microsoft Edge */
            color: #91b0c3 !important;
        }


        #teaser-page .waitlist .email-form input:focus {
            outline: none !important;
        }

    #teaser-page .waitlist .email-form-container {
        overflow: hidden;
    }

    #teaser-page .waitlist .email-form-response {
        padding-top: 12px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 15px;
    }

    .field-error, #teaser-page .waitlist .email-form input[type=email].field-error {
        background-color: #a76d6d !important;
        box-shadow: 0 0 0px 1000px #a76d6d inset !important;
        -webkit-box-shadow: 0 0 0px 1000px #a76d6d inset !important;
        border: 2px solid #a76d6d !important;
    }


.email-form-container .form-field input.field-error, .waitlist .email-form input[type=email].field-error {
    background-color: #715d5d !important;
    box-shadow: 0 0 0px 1000px #715d5d inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #715d5d inset !important;
    border: 2px solid #715d5d !important;
}

#teaser-page .waitlist .email-form-response.response-success {
    color: #516b85;
}
        #teaser-page .waitlist .email-form-response.response-failed {
            color: #b99191;
        }
/* #teaser-page .waitlist .email-form .email-form-container, #teaser-page .waitlist .email-form .email-form-response {
            display: inline-block;
        }*/
/*#teaser-page .page-top svg{
        position: absolute;
        bottom: -24px;
        left: -12px;
    }*/
#teaser-page .stripe {
    height: 2px;
    position: relative;
    margin-bottom: 8px;
    background-image: linear-gradient(to left, rgba(255,0,0,0), #96b6c9);
}

#teaser-page .stripe-0 {
    left: 154px;
    top: 6px;
}

#teaser-page .stripe-odd{
    visibility: hidden;
    height: 0;
}

    #teaser-page .stripe-1 {
        left: 145px;
    }
    #teaser-page .stripe-2 {
        left: 132px;
    }
    #teaser-page .stripe-3 {
        left: 121px;
    }
    #teaser-page .stripe-4 {
        left: 113px;
    }
    #teaser-page .stripe-5 {
        left: 105px;
    }
    #teaser-page .stripe-6 {
        left: 98px;
    }
    #teaser-page .stripe-7 {
        left: 98px;
    }
    #teaser-page .stripe-8 {
        left: 100px;
    }
    #teaser-page .stripe-9 {
        left: 96px;
    }
    #teaser-page .stripe-10 {
        left: 92px;
    }
    #teaser-page .stripe-11 {
        left: 88px;
    }
    #teaser-page .stripe-12 {
        left: 84px;
    }
    #teaser-page .stripe-13 {
        left: 80px;
    }
    #teaser-page .stripe-14 {
        left: 76px;
    }
    #teaser-page .stripe-15 {
        left: 72px;
    }
    #teaser-page .stripe-16 {
        left: 68px;
    }
    #teaser-page .stripe-17 {
        left: 64px;
    }
    #teaser-page .stripe-18 {
        left: 60px;
    }
    #teaser-page .stripe-19 {
        left: 56px;
    }
    #teaser-page .stripe-20 {
        left: 56px;
    }
    #teaser-page .stripe-21 {
        left: 58px;
    }
    #teaser-page .stripe-22 {
        left: 66px;
    }
    #teaser-page .stripe-23 {
        left: 66px;
    }
    #teaser-page .stripe-24 {
        left: 60px;
    }
    #teaser-page .stripe-25 {
        left: 54px;
    }
    #teaser-page .stripe-26 {
        left: 48px;
    }
    #teaser-page .stripe-27 {
        left: 42px;
    }
    #teaser-page .stripe-28 {
        left: 36px;
    }
    #teaser-page .stripe-29 {
        left: 30px;
    }
    #teaser-page .stripe-30 {
        left: 24px;
    }
    #teaser-page .stripe-31 {
        left: 18px;
    }
    #teaser-page .stripe-32 {
        left: 16px;
    }
    #teaser-page .stripe-33 {
        left: 16px;
    }
    #teaser-page .stripe-34 {
        left: 24px;
    }
    #teaser-page .stripe-35 {
        left: 58px;
    }
    #teaser-page .stripe-36 {
        left: 57px;
    }
    #teaser-page .stripe-37 {
        left: 56px;
    }
    #teaser-page .stripe-38 {
        left: 55px;
    }
    #teaser-page .stripe-39 {
        left: 68px;
    }
    #teaser-page .stripe-40 {
        left: 55px;
    }
    #teaser-page .stripe-41 {
        left: 64px;
    }
    #teaser-page .stripe-42 {
        left: 68px;
    }
    #teaser-page .stripe-43 {
        left: 64px;
    }
    #teaser-page .stripe-44 {
        left: 58px;
    }
    #teaser-page .stripe-45 {
        left: 54px;
    }
    #teaser-page .stripe-46 {
        left: 54px;
    }
    #teaser-page .stripe-47 {
        left: 58px;
    }
    #teaser-page .stripe-48 {
        left: 68px;
    }
    #teaser-page .stripe-49 {
        left: 84px;
    }
    #teaser-page .stripe-50 {
        left: 92px;
        top: -12px;
    }

    #teaser-page .stripe-head {
        background-color: #d0edff;
        height: 6px;
        width: 6px;
        top: -2px;
        position: relative;
        z-index: 1;
    }

    #teaser-page .head2 .stripe-head {
        height: 12px;
        width: 12px;
        top: 0;
        visibility: hidden;
    }

        #teaser-page .head2 .stripe-head.stripe-head-nose1 {
            left: 18px;
            top: -12px;
        }

        #teaser-page .head2 .stripe-head.stripe-head-nose2 {
            top: -22px;
            left: 34px;
        }
    #teaser-page .head2 .stripe {
        background: none!important;
    }

#teaser-page .page-cover {
    overflow: hidden;
    clear: both;
    margin-bottom: 0;
}

    #teaser-page .neuron {
        position: relative;
        background-color: #d0edff;
        height: 12px;
        width: 12px;
        position: absolute;
        z-index: 1;
    }
    .neural-net .synapses svg{
        position: absolute;
    }
    #teaser-page .hidden-layer .neuron {
        left: 380px;
    }

    #teaser-page .hidden-layer .neuron-0 {
        top: 150px;
    }

    #teaser-page .hidden-layer .neuron-1 {
        top: 180px;
    }

    #teaser-page .hidden-layer .neuron-2 {
        top: 210px;
    }

    #teaser-page .hidden-layer .neuron-3 {
        top: 240px;
    }

    #teaser-page .hidden-layer .neuron-4 {
        top: 270px;
    }

    #teaser-page .hidden-layer .neuron-5 {
        top: 300px;
    }

    #teaser-page .hidden-layer .neuron-6 {
        top: 330px;
    }

    #teaser-page .hidden-layer .neuron-7 {
        top: 360px;
    }

    #teaser-page .input-layer .neuron {
        left: 540px;
    }

    #teaser-page .input-layer .neuron-0 {
        top: 210px;
    }
    #teaser-page .input-layer .neuron-1 {
        top: 240px;
    }

    #teaser-page .input-layer .neuron-2 {
        top: 270px;
    }

#teaser-page .h1 {
    font-family: 'Jura', sans-serif;
    font-size: 100px;
    text-transform: uppercase;
    letter-spacing: 54px;
    font-weight: 600;
}

#teaser-page .h2 {
    font-size: 42px;
    text-transform: uppercase;
    letter-spacing: 42px;
    padding-left: 8px;
    font-weight: 500;
    color: #accddf;
}

    #teaser-page .h3 {
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 20px;
        padding-left: 8px;
        margin-top: 24px;
        font-weight: 600;
        position: absolute;
        bottom: 24px
    }


#teaser-page .left-column, #teaser-page .right-column{
    float: left;
    width: 50%;
}
#teaser-page .right-column {
    position: relative;
    min-height: 532px;
}

    #teaser-page .head {
        position: absolute;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
    }

#teaser-page .left-column {
}


#teaser-page .fineprint{
    letter-spacing: 4px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 100;
    color: #c3dff1!important;
}

#teaser-page .fineprint-box {
    padding-left: 8px;
    position: absolute;
    bottom: 24px;
    right: 24px;
}

/* bottom */

#teaser-page .page-bottom {
    padding: 24px 24px 24px 24px;
    background-color: #d0edff;
    height: calc(100vh - 532px);
    box-sizing: border-box;
    position: relative;
}


#teaser-page .footer {
    position: absolute;
    bottom: 24px;
    left: 32px;
}
    #teaser-page .footer a, #teaser-page .footer a:hover, #teaser-page .footer a:active, #teaser-page .footer a:visited {
        text-decoration: none;
        color: #516b85 !important;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 2px;
    }

#teaser-page .waitlist {
}
#teaser-page .waitlist-header {
    color: #476d90;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 20px;
    padding-left: 8px;
    font-weight: 600;
}
#teaser-page .email-form {
}


/* misc */


#teaser-page span.highlight{
    font-weight: 700;
    color: #d0edff!important;
}

.face {
    position: relative;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: #f0f0f0;
    margin: 0 auto;
}

.dot {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: black;
}

.line {
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: black;
    transform-origin: top left;
}

#dot1 {
    left: 50px;
    top: 50px;
}

#dot2 {
    left: 250px;
    top: 50px;
}

#dot3 {
    left: 150px;
    top: 100px;
}

#dot4 {
    left: 100px;
    top: 150px;
}

#dot5 {
    left: 200px;
    top: 150px;
}

#dot6 {
    left: 150px;
    top: 200px;
}

#line1 {
    left: 55px;
    top: 55px;
    transform: rotate(45deg);
    height: calc(100% / sqrt(2));
}

#line2 {
    left: 245px;
    top: 55px;
    transform: rotate(-45deg);
    height: calc(100% / sqrt(2));
}


#login-page #login-tabs, #unsubscribe-block {
    left: 50%;
    margin-left: -180px;
    top: 220px;
    width: 360px;
    background-color: #49596a;
    border: none;
    border-radius: 0;
    /*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 20px 0 rgba(0, 0, 0, 0.19);*/
    padding: 0;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

#unsubscribe-block {
    padding: 18px;
    font-weight: 100;
    letter-spacing: 1.2px;
}

#unsubscribe-block .unsubscribe-form-disclaimer-message, #unsubscribe-block .unsubscribe-form-success-message{
    font-size: 13px;
    margin-bottom: 12px;
}
#login-page {
    height: calc(100vh - 110px);
    background-color: #3d4c5a;
}

.waitlist-false #login-page, .waitlist-false #unsubscribe-page, .waitlist-false #verify-page {
    height: calc(100vh - 113px) !important;
}

#unsubscribe-page {
    background-color: #404d5c;
}

#login-page #login-tabs ul {
    background: #58687c;
    border: none;
    border-radius: 0;
    height: 40px;
    padding: 0;
}

#login-page #login-tabs.ui-tabs .ui-tabs-nav li {
    margin: 0;
    background: none;
    border: none;
    top: 0;
    border-radius: 0;
    height: 100%;
    /*padding: 10px 16px;*/
}

#login-page #login-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background-color: #49596a !important;
}


#login-page #login-tabs.ui-tabs .ui-tabs-nav li a,
#login-page #login-tabs.ui-tabs .ui-tabs-nav li a:visited,
#login-page #login-tabs.ui-tabs .ui-tabs-nav li a:hover,
#login-page #login-tabs.ui-tabs .ui-tabs-nav li a:link,
#login-page #login-tabs.ui-tabs .ui-tabs-nav li a:active{
    text-align: left;
    padding: 10px 16px;
    color: #35424f !important;
    font-family: 'Jura', Arial;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 15px;
    border-bottom: none!important;
    font-weight: 700;
}

#login-page #login-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #8fa4b7!important;
}
#login-page #login-tabs.ui-tabs .ui-tabs-panel{
    display: block;
    border-width: 0;
    padding: 16px 16px 20px 16px;
    background: none;
}
#login-page #login-tabs.ui-tabs .ui-tabs-panel .form-field{
    position: relative;
    margin-bottom: 4px;
}

#login-page #login-tabs.ui-tabs .ui-tabs-panel .form-field .field-label{
    position: absolute;
    right: 8px;
    top: 20px;
    font-size: 12px;
    font-family: 'Jura', Arial;
    text-transform: uppercase;
    color: #5f7489;
    letter-spacing: 2px;
    font-weight: 700;
}

#login-page #login-tabs.ui-tabs .ui-tabs-panel .form-field.email-field-input .field-label{
    top: 21px!important;
}

#login-page #login-tabs.ui-tabs .ui-tabs-panel .form-field.name-field-input .field-label{
    top: 20px!important;
}


#login-page #login-tabs.ui-tabs .ui-tabs-panel .form-field input, #unsubscribe-block .field-input .editable-area {
    width: 100%;
    margin-bottom: 8px;
    margin-right: 0;
    background-color: transparent;
    border: 2px solid #5d7281 !important;
    border-radius: 2px;
    min-height: 40px;
    padding: 8px 12px;
    font-size: 15px !important;
    font-family: 'Jura', Arial!important;
    margin-top: 8px;
    color: #aac2d1;
    box-sizing: border-box;
    font-weight: 500;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    outline: none;
}

.editable-area:focus {
    outline: none;
}

[placeholder]:empty::before {
    content: attr(placeholder);
    color: #8ca5bf !important;
}

[placeholder]:empty:focus::before {
    content: "";
}

.editable-area::placeholder {
    color: #728299 !important;
}

.editable-area:focus {
    outline: none !important;
}
#login-page #login-tabs.ui-tabs .ui-tabs-panel .form-buttons button,
#unsubscribe-block .form-buttons button {
    display: inline-block;
    cursor: pointer;
    padding: 10px 12px;
    margin-right: 8px;
    border: none;
    background: #80D1F5 !important;
    color: #49596a;
    font-weight: 700;
    font-size: 15px;
    font-family: 'Jura', Arial;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-top: 4px;
    border-radius: 2px;
    overflow: hidden;
}

#login-page input::placeholder, #login-page input[type=email]::placeholder {
    color: #728299 !important;
}

#login-page .message {
    display: block;
    color: #70879d;
    font-family: 'Jura', Arial;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 10px 0 8px 0;
}

#login-page .message.error-message, #unsubscribe-block .message.error-message {
    color: #b08a8a!important;
    font-size: 11px;
    font-family: 'Jura', Arial;
    color: #70879d;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#login-page input[type=email], #login-page input[type=email]:autofill, #login-page input[type=email]:-webkit-autofill,
#login-page input[type=text], #login-page input[type=text]:autofill, #login-page input[type=text]:-webkit-autofill {
    background-color: #49596a !important;
    /*color: #aac2d1 !important;*/
    color: #aac2d1 !important;
    -webkit-text-fill-color: #aac2d1 !important;
    -webkit-box-shadow: 0 0 0px 1000px #49596a inset !important;
    box-shadow: 0 0 0px 1000px #49596a inset !important;
}
#login-page input[type=email]::placeholder, #login-page input[type=text]::placeholder {
    /*color: #aac2d1 !important;*/
    color: #728299 !important;
    -webkit-text-fill-color: #728299 !important;
}

.resend-button button {
    cursor: pointer;
    padding: 7px;
    margin-right: 8px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 2.0px;
    margin-top: 4px;
    border-radius: 2px;

    display: block;
    background-color: #80d1f5;
    color: #3d4c5a;
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100% );
    font-weight: 700;
    font-family: 'Jura', Arial!important;
    font-size: 12px !important;
}

#david-page .page-top {
    /*background-color: #404d5c;*/
    background-color: #3d4c5a;
    overflow: hidden;
    padding: 48px 12px 48px 12px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 2px solid #5b7385 !important;
}

.page-footer {
    background-color: #4f6174 !important;
    overflow: hidden;
    padding: 24px 20px 24px 20px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.feature-example-container {
    width: 0;
    overflow: hidden;
    box-sizing: border-box;
    transition: width 0.4s ease;
    height: 0;
}

.block-container.example-expanded {
    width: 700px!important;
}

.block-container.example-expanded .feature-example-container {
    width: 700px;
    height: auto!important;
}

#david-page .right-side .block-container.example-expanded .page-block {
    background-color: #80d1f5!important;
}

#david-page .right-side .block-container.example-expanded .page-block .block-header,
#david-page .right-side .block-container.example-expanded .page-block .block-text {
    color: #80d1f5!important;
}

.feature-example-container .vertical-connector {
    left: 350px;
    width: 2px;
    height: 50px;
    background: linear-gradient(to bottom, #80d1f5, #4f6174);
    position: absolute;
    display: none;
}
#david-page .right-side .block-container.enterprise-container,
#david-page .right-side .block-container.comingsoon-item-container {
    margin-top: 50px;
}

#david-page .right-side .block-container.comingsoon-item-container .page-block .page-block-inner {
    background-color: #4f6174;
}

#david-page .right-side .block-container.comingsoon-item-container .page-block .page-block-inner .block-header,
#david-page .right-side .block-container.comingsoon-item-container .page-block .page-block-inner .block-text{
    color: #364451 !important;
    font-weight: 700 !important;
}

#david-page .right-side .block-container.enterprise-container .vertical-connector,
#david-page .right-side .block-container.comingsoon-item-container .vertical-connector {
    width: 2px;
    height: 50px;
    position: absolute;
    background-color: #4f6174;
    top: -50px;
    left: 250px;
}

#david-page .right-side .block-container.comingsoon-item-voice-container .vertical-connector {
    height: 70px!important;
    top: -70px!important;
}

#david-page .right-side .block-container.example-expanded .horizontal-connector {
    background: linear-gradient(to right, #4f6174, #80d1f5);
}

.block-container .button-container {
    width: 100%;
    height: 28px;
    padding-top: 8px;
}
.block-container .button-container .toggle-example.d-ui-button {
    float: right;
    margin-top: 0!important;
}
.block-container.example-expanded .toggle-example.d-ui-button {
    background-color: #80d1f5;
}

.block-container.example-expanded .toggle-example.d-ui-button .d-ui-button-inner {
    color: #80d1f5 !important;
}

.block-container.example-expanded .vertical-connector {
    display: block;
}

.feature-example {
    width: 700px;
    box-sizing: border-box;
   /* background-color: #4f6174;*/
    margin-top: 50px;
    padding: 0;
   /* clip-path: polygon( 0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100% );*/
}

.feature-example .feature-example-inner {
    padding: 20px;
   /* clip-path: polygon( 0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100% );*/
    background-color: #3d4c5a;
    position: relative;
    min-height: 700px;
}

.feature-example .feature-example-inner .screenshot-message {
    border: 2px solid #4f6174;
    width: fit-content;
    border-radius: 3px;
    position: absolute;
    color: #7d94ab !important;
    max-width: 70%;
}

.feature-example .feature-example-inner .screenshot-message p{
    padding: 0 12px 12px 12px;
    line-height: 24px;
    margin-bottom: 0;
}

.feature-example .feature-example-inner .screenshot-message p.big-para {
    font-size: 38px;
    margin: 0 0 24px 0;
    letter-spacing: 6px;
}

.feature-example .feature-example-inner .screenshot-message .table-container {
    box-sizing: border-box;
    padding: 12px;
    text-align: left;
    font-family: 'Jura', Arial;
}

.feature-example .feature-example-inner .screenshot-message .table-container table {
    border-top: 2px solid #4f6174;
    border-left: 2px solid #4f6174;
    border-bottom: 2px solid #4f6174;
    border-collapse: collapse;
}

.feature-example .feature-example-inner .screenshot-message .table-container table th {
    background-color: #4f6174;
    letter-spacing: 2px;
    border-right: 2px solid #4f6174;
    padding: 8px;
    font-size: 14px;
    color: #8199b1 !important;
}

.feature-example .feature-example-inner .screenshot-message .table-container table tr {
    border-top: 2px solid #4f6174;
}

.feature-example .feature-example-inner .screenshot-message .table-container table td {
    padding: 8px;
    border-right: 2px solid #4f6174;
}


.feature-example .feature-example-inner .screenshot-message .thoughts-header, .feature-example .feature-example-inner .screenshot-message .ts, .feature-example .feature-example-inner .screenshot-message .footnote {
    width: fit-content;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    border-radius: 2px;
    background-color: #4f6174;
    color: #313d48;
    font-weight: 700;
    margin: 12px 0 0 12px;
    /* clip-path: polygon( 0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100% ); */
}

.feature-example .feature-example-inner .screenshot-message .thoughts-header {
    padding: 2px 6px!important;
    font-size: 12px!important;
}
.feature-example .feature-example-inner .screenshot-message .ts {
    letter-spacing: 0.6px!important;
    padding: 1px 3px!important;
    margin: 0!important;
    /* clip-path: polygon( 0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100% ); */
}

.feature-example .feature-example-inner .screenshot-message .footnote {
    font-size: 12px;
    letter-spacing: 1px!important;
    padding: 1px 6px!important;
    margin-left: 0!important;
}

.feature-example .feature-example-inner .screenshot-message .external-sources {
    padding: 0 12px 18px 12px;
    margin-top: 24px;
}

#multimodal .feature-example .feature-example-inner {
    min-height: 920px !important;
}

#productivity .feature-example .feature-example-inner, #video-understanding .feature-example .feature-example-inner, #web-search .feature-example .feature-example-inner {
    min-height: 600px !important;
}

#audio-understanding .feature-example .feature-example-inner{
    min-height: 550px!important;
}
.feature-example .feature-example-inner .screenshot-message .related-items {
    width: fit-content;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 2px;
    background-color: #4f6174;
    color: #313d48;
    font-weight: 700;
    margin: 0 12px 18px 12px;
    padding: 2px 6px !important;
    font-size: 12px !important;
}

#web-search .feature-example-container .vertical-connector{
    left: 450px!important;
}

.feature-example .feature-example-inner .screenshot-message .external-sources .source {
    margin-bottom: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;        
}

.feature-example .feature-example-inner .screenshot-message .external-sources .source .link {
    color: #80d1f5 !important;
}

.screenshot-message-attachments .timeline {
    padding: 0 12px 0 12px;
    box-sizing: border-box;
    position: relative;
    margin-top: 24px;
}

.screenshot-message-attachments .timeline .timeline-bar {
    width: 100%;
    height: 6px;
    margin-bottom: 24px;
    background-color: #4f6174;
}

.screenshot-message-attachments .timeline .timeline-bar .timeline-ts {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #80d1f5;
    top: -4px;
}

.toggle-example.d-ui-button {
    position: relative;
    display: block;
    background-color: #4f6174;
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100% );
    width: 60px;
    margin-top: 12px;
}

.toggle-example.d-ui-button .d-ui-button-inner {
    color: #647f99 !important;
    width: 100%;
    display: block;
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100% );
    background-color: #3d4c5a;
    padding: 4px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 700;
    text-align: center;
}

.feature-example img {
    display: block;
    max-width: 100%;
    height: auto;
}

.page-footer .footer-menu-item.footer-email {
    float: left;
}
.page-footer .footer-menu-item.footer-link {
    float: right;
    margin-left: 20px;
}

.homepage-img-popup.attachment-img-popup {
    position: fixed !important;
}

.page-footer a, .page-footer a:active, .page-footer a:hover, .page-footer a:link, .page-footer a:visited {
    font-family: 'Jura', Arial;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 4px;
    border-bottom: none !important;
    padding: 0 0 1px 0 !important;
    text-decoration: none !important;
    color: #97b1c1 !important;
}

.chat-examples .chat-examples-row .chat-example .chat-example-inner {
    display: block;
    height: 52px;
    padding: 18px;
    text-align: center;
    box-sizing: border-box;
    font-weight: 600;
    position: relative;
    width: fit-content;
    border-radius: 2px;
}

.chat-examples .chat-examples-row .chat-example {
    display: block;
    height: 52px;
    border-radius: 2px;
    font-size: 14px;
    font-family: 'Jura', Arial;
    float: left;
    margin-right: 12px;
    cursor: pointer;
    color: #516b85;
    border: 2px solid #869eba;
}

.chat-examples .chat-examples-row {
    display: inline-block !important;
}
.close-icon-big {
    padding: 0px 8px;
    position: absolute;
    top: 0;
    color: #8eabbd !important;
    cursor: pointer;
    z-index: 1001;
    font-family: Time;
    font-size: 36px;
}
.chat-examples {
    text-align: center;
    overflow: hidden;
    padding: 12px;
    box-sizing: border-box;
}
.fade-in {
    opacity: 0;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
.delayed-fade-in-1 {
    opacity: 0;
    animation-delay: 1s;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

.delayed-fade-in-2 {
    opacity: 0;
    animation-delay: 2s;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

.interview-entry-a .chat-screenshot {
    overflow: hidden;
}

.interview-entry-a .chat-response .message-inline-link, .current-conversation-card .entity-link {
    border-bottom: none!important;
}

.interview-entry-a .chat-screenshot .jqs-options-global-container .jqs-options {
    position: relative !IMPORTANT;
    float: right;
    margin-left: 12px;
}

.highlight {
    color: #a4c0d1 !important;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
#david-page .page-top .page-cover {
    padding-left: 8px;
    font-family: 'Jura', Arial;
    overflow: hidden;
    margin: 96px 0;
}

#david-page .page-content {
    font-family: 'Jura', Arial;
}

#david-page .page-bottom {
    font-family: 'Jura', Arial;
}

.header .logo {
   /* position: fixed;*/
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    padding-left: 20px;
    box-sizing: border-box;
}

.header {
    box-sizing: border-box;
}

.header .subscribe-button, .header .login-button, .last-cta-container .subscribe-button {
    height: 32px;
    cursor: pointer;
    border-radius: 2px;
    text-transform: uppercase;
    /*background: #8ba0b8 !important;
    color: #546679;*/
    background: #4988b3 !important;
    color: #bbc7d4;
    font-weight: 900;
    font-size: 14px;
    font-family: 'Jura', Arial;
    letter-spacing: 2.2px;
    padding: 7px 12px;
    box-sizing: border-box;
    text-align: center;
}

.header .subscribe-button-top,
.header .login-button-top {
   /* position: fixed;*/
    right: 24px;
    top: 7px;
    z-index: 10001;
    font-weight: bold;
    letter-spacing: 1.2px;
    display: none;
    min-width: 100px;
}
.header .login-button-top.login-button {
    position: absolute;
    display: block;
    background-color: #80d1f5!important;
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100% );
    width: fit-content;
    margin-top: 0;
    top: 8px;
    padding: 2px!important;
    min-width: 80px;

}
.header .login-button-top .d-ui-button-inner {
    color: #647f99 !important;
    width: 100%;
    /* min-width: 80px; */
    display: block;
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100% );
    background-color: #3d4c5a;
    padding: 6px 2px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 700;
    text-align: center;
    color: #80d1f5 !important;
}

.header .login-button-top {
    right: 16px !important;
}
.last-cta-container {
    padding: 0 0 64px;
}
.last-cta-container > div, .last-cta-container > div.subscribe-button {
    width: 260px;
    position: relative;
    left: 50%;
    margin-left: -130px;
    height: 48px;
    padding: 15px 0;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 3px;
}

#david-page .page-top .page-top-fineprint {
    position: absolute;
    /*right: 8px;*/
    bottom: 14px;
    color: #7a92a9;
    padding-left: 8px;
    font-family: 'Jura', Arial;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 11px;
    margin-top: 8px;
    line-height: 16px;
    border-left: 1px solid #566d83;
    left: 20px;
}

.interview-skills {
    padding: 0 24px 36px 24px;
    overflow: hidden;
    max-width: 1440px;
    box-sizing: border-box;
}

.interview-skills .interview-col-item {
    position: relative;
    margin-bottom: 16px;
    min-height: 60px;
    overflow: hidden;
}

.interview-productivity{
    padding-top: 24px;
}

.interview-productivity .left-col {
    width: 100%!important;
}

.video-container.inited .letterbox-top {
    position: absolute;
    left: 24px;
    top: 24px;
    width: calc(100% - 48px);
    height: 6%;
    background-color: #4f6174;
    box-sizing: border-box;
}

.video-container.inited .letterbox-bottom {
    position: absolute;
    left: 24px;
    bottom: 12px;
    width: calc(100% - 48px);
    height: 6%;
    background-color: #4f6174;
    box-sizing: border-box;
}
.interview-productivity .left-col .item-descr {
    background-color: #5b7087 !important;
    padding: 2px 8px 4px !important;
    border-bottom: none !important;
    color: #e9f5ff !important;
    font-weight: 100 !important;
    border-radius: 3px;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 20px;
    width: initial !important;
    
    display: inline-block !important;
}

.controls-hidden {
    pointer-events: none;
}

.hp-overlay {
    background-color: #000000;
    opacity: 0.4;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
}

.interview-skills.interview-productivity .interview-col-item .item-text {
    color: #a3bbd1 !important;
    display: block;
    float: left;
    width: 100%;
    padding-right: 56px;
    box-sizing: border-box;
}

.interview-skills.interview-productivity .interview-col-item {
    min-height: 36px !important;
    width: fit-content!important;
}

.interview-skills .interview-col-header {
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 36px;
    height: 40px !important;
    font-size: 20px;
}

.interview-skills .interview-col-item .item-header{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 14px;
    margin-bottom: 3px;
}

.interview-skills .interview-col-item .item-text {
    color: #8ca5bd;
    line-height: 24px;
}

.right-col .interview-skills .interview-col-item .item-text{
    text-align: justify;
}

.interview-skills .interview-col-item .item-icon,
.interview-skills .interview-col-item .item-descr {
    /*display: inline-block;*/
    float: left;
}

.interview-skills .interview-col-item .item-icon{
    padding-right: 8px;
    width: 44px;
    box-sizing: border-box;
    position: relative;
    top: 4px;
}
.interview-skills .interview-col-item .item-descr {
    width: calc(100% - 44px);
   /* position: absolute;
    left: 42px;
    top: 6px;*/
}

.interview-skills .interview-col-item .item-icon.graph-icon,
.interview-skills .interview-col-item .item-icon.video-icon,
.interview-skills .interview-col-item .item-icon.audio-icon{
    /*top: 10px;
    position: relative;*/
}

.interview-skills .left-col, .interview-skills .right-col {
    float: left;
    width: 50%;
    padding-right: 8px;
    box-sizing: border-box;
}

.interview-skills .left-col{
    padding-right: 24px;
}

.subscribe-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 120px;
    width: 430px;
    margin-left: -215px;
    margin-top: -60px;
    padding: 12px 0;
    background-color: #404d5c;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 1000001;
}

.subscribe-popup .waitlist{
    background-color: #404d5c!important;
}

.page-popup-overlay {
    background-color: #000;
    opacity: 0.70;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 100000002 !important;
}
.unverified-block .error-message {
    color: #b29391;
    padding: 20px;
    font-weight: 100;
}

.subscribe-popup .subscribe-popup-close {
    height: 20px;
    width: 20px;
    position: absolute;
    cursor: pointer;
    color: #aac2d1;
    top: 2px;
    right: 14px;
    font-size: 32px;
    font-weight: 100;
    font-family: Time;
}
.waitlist-false .dummy-subscribe-popup-button/*, .waitlist-false .chat-example*/ {
    cursor: default!important;
}
.subscribe-popup .waitlist-header {
    padding-bottom: 24px !important;
    letter-spacing: 1px !important;
    font-size: 14px !important;
    padding-right: 32px !important;
    text-transform: none !important;
}

#david-page {
    padding-top: 70px;
    background-color: #3d4c5a;
}

#david-page .page-top .page-cover .left-column, #david-page .page-top .page-cover .right-column {
    float: left;
}
#david-page .page-top .page-cover .left-column{
    width: 500px;
}
#david-page .page-top .page-cover .right-column {
    width: 820px;
}


#david-page .page-top .page-cover .left-column {
    font-size: 32px;
    text-transform: uppercase;
    letter-spacing: 18px;
    font-weight: 900;
    line-height: 54px;
}
#david-page .page-top .page-cover .right-column {
    color: #849db5;
    text-transform: uppercase;
    letter-spacing: 6px;
    line-height: 24px;
    margin-top: 8px;
}

#david-page .page-top .page-cover .right-column .subheader{
    font-size: 12px;
    letter-spacing: 8px;
    margin-bottom: 4px;
    max-width: 800px;
    color: #6e89a3;
}

.chat-loading.login-preloader {
    z-index: 10000!important;
}

#david-page .page-top .page-cover .right-column .subheader2 {
    font-size: 24px;
    letter-spacing: 14px;
    color: #8ca4bb;
    margin-top: 8px;
    line-height: 42px;
}

#david-page .page-top .page-cover .right-column .subheader2 .subheader-typing-item{
    color: #bcdcfb;
    font-weight: 600;
    line-height: 54px!important;
}

#david-page .page-top .page-cover .left-column .h2 {
    color: #637d96;
    font-size: 22px;
    line-height: 24px;
}
#david-page .page-top .page-cover .left-column .h1{
    color: #9ab3c2;
}

.email-form-container .form-field, .email-form-container .form-field input {
    float: left;
    width: 160px;
    height: 40px;
    box-sizing: border-box;
}

.email-form-container .form-field input {
    background-color: transparent;
    border: 1px solid #688090 !important;
    padding: 8px 12px;
    font-size: 14px !important;
    font-family: 'Jura', Arial !important;
    color: #aac2d1;
    box-sizing: border-box;
    font-weight: 100;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    outline: none;
    border-right: none!important;
}
.email-form-container .form-field input[type=email]{
    border-right: none!important;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.email-form-container {
    width: 390px;
    overflow: hidden;
}

.email-form-response .message {
    width: 390px;
}
.waitlist-header {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 13px;
    padding: 4px 0;
    color: #849db5;
    font-family: 'Jura', Arial !important;
}

.get-started-button {
    cursor: pointer;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Jura', Arial;
    letter-spacing: 2.8px;
    padding: 12px;
    box-sizing: border-box;
    text-align: center;
    width: max-content;
    margin-bottom: 24px;
    margin-left: 8px;
    display: block;
    background: #80D1F5 !important;
    color: #3d4c5a;
    font-weight: 700;
}

.email-form-container .form-fields-row, .email-form-container .form-buttons {
    float: left;
}
.email-form-container .form-buttons, .email-form-container .form-buttons input {
    width: 70px;
    height: 40px;
    cursor: pointer;
    border: none;
    background: #4988b3 !important;
    color: #bbc7d4;
    font-weight: 900;
    font-size: 14px;
    font-family: 'Jura', Arial;
    text-transform: uppercase;
    letter-spacing: 2.2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

 .email-form-container .form-buttons input.disabled-button{
     opacity: 0.3!important;
     color: #1a2124 !important;
 }

.email-form-container .form-field input::placeholder {
    color: #728299 !important;
}

.email-form-container .form-field input:focus {
    outline: none !important;
}
.waitlist {
    background-color: #404d5c;
    padding-bottom: 24px;
    padding-left: 20px;
}
#david-page .page-top .waitlist {
    padding-left: 12px!important;
}
/*#david-page .interview {
    max-width: 1110px;
}*/
#david-page .interview .interview-item {
    background-color: #4f6174;
}

#david-page .interview .interview-item .interview-item-q {
    padding: 32px 20px;
    margin-bottom: 24px;
}

#david-page .block-header {
    font-size: 20px;
    letter-spacing: 10px;
    color: #90afc1;
}
#david-page .block-subheader {
    line-height: 20px;
    font-size: 12px;
    letter-spacing: 4px;
    font-weight: 100;
    padding-bottom: 0;
    color: #7f9dbb;
}
#david-page .right-side .page-block .block-subheader.highlighted-subheader {
    color: #7db7d1 !important;
}

#david-page .right-side .block-container.example-expanded .page-block .block-subheader.highlighted-subheader {
    color: #364451!important;
}

.david-features-row .image-container.image-stub {
    min-height: 500px;
    position: relative;
}

.david-features-row .image-container.image-stub .stub-text{
    display: block;
    height: 54px;
    width: 100%;
    font-family: 'Jura', Arial;
    text-transform: uppercase;
    font-size: 48px;
    letter-spacing: 24px;
    color: #59728b;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
}
#enterprise_subscribe_form .email-form-container .form-field{
    margin-bottom: 16px!important;
}

#enterprise_subscribe_form .email-form-response {
    padding-top: 4px;
}

#enterprise_subscribe_form .email-form-container .form-field, #enterprise_subscribe_form .email-form-container .form-field input {
    float: none !important;
    width: 100% !important;
}

#enterprise_subscribe_form .email-form-container{
    width: 100%!important;
}


#enterprise_subscribe_form .email-form-container .form-field input {
    border-right: 2px solid #4f6174 !important;
    border: 2px solid #4f6174 !important;
    border-radius: 2px !important;
    font-size: 13px !important;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
}

    #enterprise_subscribe_form .email-form-container .form-field input.field-error {
        border-right: 1px solid #715d5d !important;
        border-color: #715d5d !important;
    }


#enterprise_subscribe_form .email-form-container .form-fields-row, #enterprise_subscribe_form .email-form-container .form-buttons {
    float: none!important;
}

#enterprise_subscribe_form .email-form-container .form-buttons {
    border-radius: 2px !important;
    overflow: hidden;
}

#enterprise_subscribe_form .email-form-container .form-buttons, #enterprise_subscribe_form .email-form-container .form-buttons input {
    width: fit-content!important;
    font-weight: 500;
    padding: 0 8px 0 8px;
    letter-spacing: 3px;
}

.enterprise-plan-block .interview-entry-a {
    border-bottom: none!important;
}

.page-footer {
    background-color: #4f6174!important;
}

.login-page .page-footer, .terms-page .page-footer, .privacy-page .page-footer, .verify-page .page-footer {
    background-color: #3d4c5a !important;
}

#enterprise_subscribe_form .waitlist-header {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 28px;
}

.interview-item .david-features-row:last-child, .coming-soon-block .interview-entry-a {
    border-bottom: none !important;
}

#logo-button.coming-soon-header {
    background-color: #4b5b6d !important;
}

.enterprise-plan-block .email-form-response.response-success .message {
    width: 100%;
    color: #accff1 !important;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.enterprise-plan-block .waitlist {
    background-color: transparent !important;
    max-width: 320px;
    padding: 12px 24px 24px 24px;
    border: 2px solid #5b7385 !important;
    margin-top: 60px;
}

#david-page .block-subheader {
    line-height: 32px !important;
    /*visibility: visible;*/
    font-size: 24px !important;
    padding-bottom: 8px !important;
    color: #647f99 !important;
    font-weight: 600 !important;
    letter-spacing: 6px !important;
}


.david-features-row {
    display: flex;
    align-items: stretch;
    border-bottom: 2px solid #5b7385 !important;
    padding: 32px 0 32px 0;
}

.david-features-comingsoon .david-features-row {
    border-bottom: none !important;
    padding: 24px 0 0 0;
    display: block;
    align-items: initial;
    overflow: hidden;
}
/*
.david-features-comingsoon .david-features-row .left-col .block-header.interview-entry-a-text{
    padding-top: 12px!important;
    padding: 12px;
    border: 2px solid #647F94!important;
    margin-left: 24px;
}*/

.interview-entry-a .coming-soon-items .interview-entry-a-text {
    width: 638px!important;
}

.interview-item.coming-soon-block {
    background-color: #4b5b6d !important;
}

.interview-entry-a .coming-soon-items .david-features-row {
    border-color: #516377 !important;
}

.david-features-row .left-col, .david-features-row .right-col {
    width: 50%;
    float: left;
    flex: 1;
}
.david-features-row .right-col {
    flex: 1.2;
}
.david-features-row .left-col {
    width: 45%;
    display: grid;
    align-items: center;
}
.david-features-row .left-col .block-header.interview-entry-a-text{
    padding-top: 0!important;
    height: auto!important;
   /* display: none;*/
    position: fixed;
    top: 50%;
    /*background-color: #4f6174;*/

    opacity: 0;              /* Start with hidden */
   /* visibility: hidden;*/      /* Ensure element is hidden but still takes up space */
    transition: opacity 0.3s ease;
}

.david-features-row .left-col .block-header.interview-entry-a-text.current-block-header {
    opacity: 1;
    /*visibility: visible;*/
    transition: opacity 0.3s ease;
}

.image-container.current-block-image {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.6s ease, visibility 0s 0s;
}

.david-features-row .right-col {
    width: 55%;
}
.accordion-container {
    display: flex;
    width: 100%;
    overflow: visible;
    border-radius: 0;
    min-height: 450px;
}

.accordion-item {
    flex: 1;
    overflow: visible;
    transition: flex 0.5s ease-in-out;
    cursor: pointer;
    position: relative;
    border-bottom: 2px solid #5b7385;
    border-left: 2px solid #5b7385;
    min-width: 36px;
}

.accordion-item .feature-num {
    position: absolute;
    bottom: 6px;
    left: 8px;
    font-size: 16px;
    letter-spacing: 2px;
    color: #6e8cab;
    font-family: 'Jura', Arial;
    font-weight: 500;
}

.accordion-item.active .feature-num{
    display: none;
}

.accordion-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}
.accordion-item.active img {
    display: block!important;
}

/*.accordion-item.active img {
    filter: grayscale(100%) brightness(80%) contrast(180%);
    mix-blend-mode: screen;
    background-color: #4F6174;
}

.accordion-item.active::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #c6d9ed;*/ /* Your exact color */
    /*mix-blend-mode: multiply;*/ /* Blends with the image */
    /*pointer-events: none;
}*/


.accordion-item .label {
    position: absolute;
    bottom: 10px;
    right: 10px; /* Aligns to the right */
    min-width: 120px; /* Ensures enough space */
    background: rgb(64 77 92);
    color: #a4c1d1;
    font-family: 'Jura', Arial;
    padding: 5px 10px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 10;
    pointer-events: none; /* Prevents interaction issues */
    opacity: 0;
    border-radius: 2px;
}

.accordion-item:hover .label {
    opacity: 1;
}
.accordion-item.active:hover .label {
    opacity: 1;
}
.david-features-header {
    padding-top: 78px !important;
    padding-bottom: 0 !important;
}
.david-features-header .block-title {
    text-transform: uppercase!important;
    font-size: 32px!important;
    letter-spacing: 16px!important;
    line-height: 44px;
}

.interview-entry-a .david-features-row .interview-entry-a-text {
    padding-top: 225px !important;
}

.david-features-header .block-subtitle {
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 6px !important;
    padding-bottom: 6px !important;
}

.scroll-button {
    width: 200px;
    bottom: 32px;
    left: 50%;
    margin-left: -100px;
    height: 50px;
    cursor: pointer;
    z-index: 1;
}

#scroll-down {
    position: fixed;
}

#scroll-up {
    position: absolute;
    transform: rotateX(180deg);
}

.scroll-button .line {
    width: 4px;
    height: 100px;
    background-color: #5b7385;
    transform-origin: bottom center;
    transform: rotate(-60deg);
    left: 50%;
    top: -50px;
}

.scroll-button .line1 {
    transform: rotate(60deg);
}

.accordion-item.active {
    flex: 0 0 720px;
    border: none !important;
}

.accordion-item:not(.active) {
    flex: 1;
}

.interview-entry-q {
    overflow: hidden;
    max-width: 1440px;
    padding: 16px 24px 42px 24px;
    box-sizing: border-box;
}

.interview-entry-a .chat-response .message-text-container p {
    margin: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.interview-entry-a .chat-response .message-text-container table th {
    background-color: #7d98b3 !important;
    border-bottom: 1px solid #7492a6 !important;
    border-top: 1px solid #7492a6 !important;
    border-left: 1px solid #7492a6 !important;
}

.interview-entry-a .chat-response .message-text-container table td {
    border-left: 1px solid #7492a6 !important;
    border-bottom: 1px solid #7492a6 !important;
}


.interview-entry-a .chat-response .message-text-container table {
    border-right: 1px solid #7492a6 !important;
}


.interview-entry-a .neo4jd3-graph {
    border: none !important;
    min-height: 400px;
}
.interview-entry-a {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #607a8d;
    padding: 0;
}

.interview-entry-a .add-content .inline-button{
    border: 1px solid #637c95 !important;
}

.interview-entry-a .add-content .messsage-graph-show-button{
    border: 1px solid #637c95 !important;
    color: #23313f!important;
    cursor: default!important;
}

.interview-entry-a.interview-entry-a-last.interview-entry-a-no-user .chat-screenshot{ 
    padding-top: 32px!important;
}


.interview-entry-a .jqs-options, .interview-entry-a .graph-details, .interview-entry-a .graph-details .graph-details-url-container a{
    background: #475666!important;
}
.interview-entry-a .calendar-view-body{
    background: #586f89!important;
}

.interview-entry-a .jqs-grid-day.jqs-grid-day-today .jqs-grid-day-inner{
    background-color: #50657e!important;
}

.interview-entry-a-last {
    border-bottom: none !important;
}
.interview-entry-a #ui-response{
    max-width: 480px!important;
}
.interview-entry-a .interview-entry-a-image .chat-response {
    max-width: 640px!important;
}

.interview-entry-a .interview-entry-a-image .chat-response.user {
    margin-top: 64px;
}

.interview-entry-a .interview-entry-a-image .chat-response.robot {
    margin-bottom: 64px;
}

.interview-entry-a .interview-entry-a-image .chat-response.robot {
    margin-bottom: 64px;
}

.interview-entry-a.images-entry .interview-entry-a-image .chat-response.robot {
    margin-bottom: 0!important;
}
.interview-entry-a.images-entry .interview-entry-a-image .chat-response.user {
    margin-top: 24px !important;
}
.interview-entry-a.images-entry .interview-entry-a-image .chat-response.robot.last-response {
    margin-bottom: 64px !important;
}
.interview-entry-a.images-entry .interview-entry-a-image .chat-response.user.first-response {
    margin-top: 64px !important;
}

.interview-entry-a .interview-entry-a-text, .interview-entry-a .interview-entry-a-image {
    float: left;
}

.interview-entry-a .interview-entry-a-text {
    width: 608px;
    font-size: 22px;
    text-transform: uppercase;
    padding-left: 22px;
    letter-spacing: 10px;
    font-weight: 900;
    height: 100%;
    padding-top: 64px;
    box-sizing: border-box;
    color: #9ab7c8;
    padding-bottom: 24px;
}

.interview-entry-a.secondbrain-feature .interview-entry-a-text {
    margin-left: 24px !important;
    width: 490px !important;
}

.interview-entry-a.secondbrain-feature .interview-entry-a-text .interview-entry-a-subtext {
    padding-right: 8px!important;
}

.interview-entry-a.secondbrain-feature .interview-entry-a-image {
    width: 900px !important;
    max-width: 900px !important;
}

.secondbrain-feature .interview-entry-a-image .image-container {
}

.secondbrain-feature .interview-entry-a-image .image-container img {
    width: 100%;
    border-radius: 4px;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
    margin: 24px;
}


.interview-entry-a .interview-entry-a-text.interview-entry-a-text-left {
    margin-right: 120px;
}
.interview-entry-a .interview-entry-a-text.interview-entry-a-text-right {
    margin-left: 120px;
    text-align: right;
}

.interview-entry-a .interview-entry-a-text.interview-entry-a-text-long {
    font-size: 18px;
    letter-spacing: 6px;
}

.image-container {
    padding: 24px;
    opacity: 0; /* Start with hidden */
    visibility: hidden; /* Ensure element is hidden but still takes up space */
    transition: opacity 0.3s ease, visibility 0s 0.3s;
}

.image-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.interview-entry-a .interview-entry-a-subtext, .interview-entry-a-text-header.block-description {
    font-size: 16px;
    text-transform: none;
    letter-spacing: 1px;
    color: #91a8c1;
    line-height: 20px;
    /*padding-top: 18px;*/
    padding-right: 16px;
    line-height: 28px;
    font-weight: 400;
}

.interview-entry-a-text-header.block-description {
    font-size: 16px !important;
    max-width: 800px;
}
.interview-entry-a-text-subtext {
    color: #7290a2;
    font-size: 12px;
    padding-top: 8px;
}
.interview-entry-a-audio.interview-entry-a .interview-entry-a-image .chat-response.robot {
    margin-top: 0 !important;
}

.interview-entry-a .interview-entry-a-image {
    width: 700px;
    max-width: 700px;
    /*float: right;*/
}

.interview-entry-a .graph-view .graph-details, .interview-entry-a .graph-view .graph-example-container {
    float: left;
    position: relative;
}

.interview-entry-a .graph-view .neo4jd3 {
    width: 100%;
}

.interview-entry-a .graph-example-container {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: calc(100% - 320px);
}


.interview-entry-a.interview-entry-a-with-cal .interview-entry-a-image .chat-response.robot {
    margin-bottom: 32px;
}

.interview-entry-a.interview-entry-a-with-graph .interview-entry-a-image .chat-response.robot {
    margin-bottom: 0!important;
}

.interview-entry-a .interview-entry-a-image .node .text {
    font-size: 11px !important;
    letter-spacing: 1px!important;
    font-weight: 100!important;
}

.interview-entry-a .interview-entry-a-image .relationship text {
    font-size: 11px !important;
    font-weight: 100!important;
}

/*.interview-entry-q-left {
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 14px;
    font-size: 36px;*/
    /* color: #536a81; */
    /*color: #a4bfda;
    font-weight: 500;
    max-width: 60%;
}*/
.interview-entry-q-right, .interview-entry-q-left {
    float: right;
    text-transform: uppercase;
    letter-spacing: 12px;
    font-size: 32px;
    color: #7a96b1;
    font-weight: 500;
    margin-top: 24px;
    max-width: 60%;
    text-align: right;
}

.interview-entry-q-left {
    float: left;
    text-align: left;
}

.interview-entry-a .interview-entry-a-image .chat-response.user {
    /*background-color: #687d94 !important;
    border: 2px solid #74889f !important;*/
    /* color: #5b6d82 !important;*/
    background-color: #5c6f84 !important;
    border: 2px solid #697d94 !important;
    /* color: #5b6d82 !important; */
}

.video-understanding-feature .interview-entry-a-image .video-container {
    padding: 24px 24px 12px 24px;
    overflow: hidden;
}
.video-understanding-feature .interview-entry-a-image .video-container video {
    width: 100%;
    max-width: 640px;
    float: right;
    clear: both;
}

.interview-entry-a-image .video-container video {
    max-width: 640px;
}

.interview-entry-a-image .video-container video{
    
    border-radius: 4px!important;
}

/*.video-understanding-feature.interview-entry-a .interview-entry-a-text {
    width: 400px!important;
}*/
.interview-entry-a-image .video-caption {
    padding: 0 24px 24px 24px;
    float: right;
    max-width: 640px;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 12px;
    color: #9ab7c8;
    font-weight: 600;
    
}
.interview-entry-a-image .video-caption-small {
    padding: 0 24px 0 12px;
    float: right;
    max-width: 640px;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 10px;
    color: #798da3;
    font-weight: 600;
    border-left: 1px solid #798da3;
    margin-bottom: 24px;
    
}

.reasoning-feature .interview-entry-a-image .video-container,
.tasks-feature .interview-entry-a-image .video-container,
.richresponses-feature .interview-entry-a-image .video-container,
.voice-feature .interview-entry-a-image .video-container {
    padding: 24px 24px 12px 24px;
    overflow: hidden;
}

/*.reasoning-feature .interview-entry-a-image .video-container video*/
/*,
.richresponses-feature .interview-entry-a-image .video-container video */
/*
{
    width: 100%;
    max-width: 640px;
    float: right;
    border-radius: 4px;
}*/

.reasoning-feature .interview-entry-a-image .video-container video {
    float: left;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.reasoning-feature .interview-entry-a-image .video-caption {
    float: none;
}
.video-container {
    transition: width 5s ease;
    transition: left 5s ease;
    transition: transform 0.5s ease;
    position: relative;
}
.video-container.playing {
    position: fixed;
    top: 200px;
    z-index: 100000;
    max-width: 80%;
    width: 900px !important;
}

.video-container.video-container-left.playing {

}

.video-container.video-container-right.playing {
    transform: translateX(-248px);
}

.video-container .attachment-img-popup-close{
    display: none;
    right: -12px;
    top: -12px;
}

.video-container {
    
    cursor: pointer!important;
}

.lighter {
    color: #a4c1d1;
}
.darker {
    color: #798da3;
}
/*.line-through::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 1px;
    background-color: #a3bbd1;
    transition: width 0.5s ease;
}

.line-through:hover::after {
    width: 100%;
}*/

.video-container.playing .attachment-img-popup-close{
    display: block!important;
}

.interview-entry-a-image .video-container.playing video {
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 20px 0 rgba(0, 0, 0, 0.19);
}
span.play-icon {
    font-size: 10px;
    color: #95b0c9 !important;
    /* margin-left: 8px; */
    cursor: pointer;
    display: block;
    float: left;
    position: absolute;
    top: 50%;
    width: 52px;
    margin-top: -13px;
    height: 22px;
    right: 4px;
    text-transform: uppercase;
    font-family: 'Jura', Arial;
    background-color: #4b5e71;
    padding: 0 2px 0 3px;
    box-sizing: border-box;
    letter-spacing: 2px;
    border-radius: 3px;
    text-align: center;
}
/*.interview-entry-a.richresponses-feature .interview-entry-a-text {
    width: 400px !important;
}*/
/*.reasoning-feature .interview-entry-a-text {
    padding-right: 16px;
    text-align: right;
    padding-top: 24px;
}*/

.interview-entry-a.video-understanding-feature, .interview-entry-a.reasoning-feature, .interview-entry-a.richresponses-feature, .interview-entry-a.voice-feature, .interview-entry-a.secondbrain-feature {
    padding: 48px 0 !important;
}

.interview-entry-a.voice-feature .interview-entry-a-image .video-caption{
    padding-left: 0!important;
    left: -12px!important;
    position: relative;
}

.reasoning-feature .interview-entry-a-subtext {
    padding-right: 8px;
}

.privacy-feature {
    padding-bottom: 32px;
}
/*
.privacy-feature .interview-entry-a-text {
    width: 400px;
}
*/
.privacy-feature .interview-entry-a-subtext {
    font-size: 16px;
    text-align: justify;
    font-weight: 400;
    letter-spacing: 1px;
}

.interview-entry-a-text-header {
    line-height: 32px;
    padding-bottom: 18px;
}

.interview-entry-a .chat-examples {
    display: block;
    background-color: transparent;
    margin-bottom: 48px;
    height: auto !important;
}

.interview-entry-a .chat-examples .chat-examples-row{
    margin-bottom: 8px;
}
.interview-entry-a .chat-examples .chat-examples-row .chat-example{
    border: 2px solid #697d94 !important;
}
.interview-entry-a .chat-examples .chat-examples-row .chat-example .chat-example-inner{
    background-color: #5c6f84 !important;
    color: #abc3db !important;
}

.interview-entry-a .interview-entry-a-image .chat-response.user {
    color: #abc3db !important;
}

.interview-entry-a .interview-entry-a-image .chat-response.user .file-preview {
    background-color: #506376 !important;
}
.interview-entry-a .interview-entry-a-image .chat-response.robot {
    background-color: #90a6be !important;
    color: #23313f!important;
}
.interview-entry-a .interview-entry-a-image .chat-response.robot .add-content{
    background-color: #7c96b1  !important;
}

.interview-entry-a-image img.interview-entry-img {
    width: 100%;
    margin: 24px 24px 24px 0!important;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 20px 0 rgba(0, 0, 0, 0.19);
}

.interview-entry-a .interview-entry-a-image .recording-timeline {
    background-color: #6b829c !important;
}

.interview-entry-a .interview-entry-a-image .recording-timeline .recording-timeline-item{
    background-color: #51667d!important;
}

.interview-entry-a .interview-entry-a-image .chat-response.robot .add-content a, .interview-entry-a .interview-entry-a-image .chat-response.robot .add-content a:active, .interview-entry-a .interview-entry-a-image .chat-response.robot .add-content a:hover, .interview-entry-a .interview-entry-a-image .chat-response.robot .add-content a:link, .interview-entry-a .interview-entry-a-image .chat-response.robot .add-content a:visited {
    border-bottom: 3px solid #698096 !important;
}

.interview-entry-a .uploaded-file.image-preview img{
    width: auto!important;
    max-height: 300px!important;
}


.page-fineprint {
    bottom: 14px;
    color: #96b4d2;
    padding-left: 0;
    font-family: 'Jura', Arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    margin-top: 28px;
    clear: both;
}

.interview-entry-a .interview-entry-a-image .calendar-view-container .calendar-view-body {
    padding-top: 64px !important;
    padding-right: 0 !important;
}

.interview-entry-a.interview-entry-a-no-user .chat-response.chat-response-first {
    margin-top: 64px !important;
    margin-bottom: 0 !important;
}

.interview-entry-a .interview-entry-a-image #tasks-calendar {
    max-width: 760px !important;
    height: 400px;
    overflow: hidden;
    top: 90px;
    position: relative;
    left: 120px;
}
.interview-entry-a .interview-entry-a-image .calendar-view-container .calendar-view-body .jqs-grid {
    left: 48px !important;
}
.interview-entry-a .interview-entry-a-image .calendar-view-container .calendar-view-body .jqs-grid .jqs-grid-head{
    left: 28px !important;
}
.interview-entry-a .interview-entry-a-image .calendar-view-container .calendar-view-body .jqs {
    padding: 40px 20px 148px 28px !important;
    background: #586f89 !important;
}

.email-form-response.response-failed .message {
    color: #a37b7b;
    font-family: 'Jura', Arial;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 4px;
}
.email-form-response.response-success .message {
    font-family: 'Jura', Arial;
    font-size: 13px;
    margin-top: 14px;
    font-weight: 100;
    /*text-transform: uppercase;*/
    letter-spacing: 1.2px;
    color: #accff1 !important;
}

.pinned-conversation-icon, .add-conversation-icon {
    background-color: #8dbcd1 !important
}

.regular-conversation-icon {
    background-color: #698099;
    width: 12px;
    height: 12px;
    top: -3px;
    position: relative;
    margin-right: 2px;
    display: inline-block;
}

.add-conversation-icon {
    border-radius: 50%!important;
}

.interview-entry-a .interview-entry-a-image .calendar-view-container .calendar-view-body .jqs-grid-day {
    padding: 4px 0 4px 18px !important;
}

.interview-entry-a .interview-entry-a-image .calendar-view-container .calendar-view-body .jqs-grid .jqs-grid-line {
    min-height: auto !important;
    height: 58px !important;
    border-top: none !important;
}

.interview-entry-a .interview-entry-a-image .calendar-view-container .calendar-view-body .jqs-grid .jqs-grid-head .jqs-grid-day.jqs-grid-day-today .jqs-grid-day-inner{
    padding: 0 8px 0 8px!important;
}

.ref-link-block .ref-link-text {
    display: block;
    color: #90a9c2;
    font-family: 'Jura', Arial;
    font-size: 13px;
    /*text-transform: uppercase;*/
    letter-spacing: 1.6px;
    font-weight: 600;
    padding: 18px 0 8px 0;
}
.ref-link-block .ref-link {
    width: 100%;
}

#login-page .ref-link-block .ref-link {
    background-color: transparent!important;
}

.login-preloader .preloader {
    position: absolute;
    top: 300px;
    left: 50%;
    width: 320px;
    margin-left: -160px;
}

.ref-link {
    width: 390px;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: 1.2px;
    text-transform: none;
    position: relative;
    height: 30px;
    padding: 0;
    color: #a4c0d1 !important;
    margin-top: 12px;
    overflow: hidden;
    font-family: 'Jura', Arial !important;
    background-color: #4a5a6c;
}
.ref-link .ref-link-inner{
    float: left;
    box-sizing: border-box;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;

    width: calc(100% - 56px);
    padding: 6px;
    border: 1px solid #688090 !important;
    background-color: #526479!important;
    border-right: none!important;
}

.ref-link .ref-link-button {
    width: 56px;
    height: 28px;
    cursor: pointer;
    border: none;
    color: #3d4c5a;
    font-family: 'Jura', Arial;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    padding: 7px 0;
    box-sizing: border-box;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    box-sizing: border-box;

    font-size: 12px;
    font-weight: 700;
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100% );
    background-color: #80d1f5;
}

.inner-page {
    padding: 84px 20px;
    background-color: #3d4c5a!important;
    color: #869fae;
}

.inner-page .page-section-header-left{
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 6px;
    padding-bottom: 20px;
    color: #80d1f5;
}

.inner-page .page-section-paragraph{
    margin-bottom: 18px;
    text-align: justify;
    font-size: 16px;
    color: #90afc1;
    font-weight: 100;
    line-height: 24px;
    max-width: 1024px;
}

.inner-page .page-section-paragraph .page-section-listitem{
    display: list-item;
    list-style: square;
    margin: 4px 0 4px 20px;
}

.inner-page a, .inner-page a:visited, .inner-page a:active, .inner-page a:hover, .inner-page a:link {
    text-decoration: none!important;
    color: #80D1F5 !important;
}

.inner-page .page-section-subheader{
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 24px 0 8px 0;
    color: #90afc1;
}

.interview-entry-a.interview-entry-examples {
    border: none!important;
}

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

    .interview-entry-a.secondbrain-feature .interview-entry-a-text {
        padding-right: 16px !important;
        padding-top: 24px!important;
    }

    .interview-entry-a.secondbrain-feature .interview-entry-a-text .interview-entry-a-subtext {
        padding-right: 8px !important;
        padding-left: 24px;
    }
    .interview-entry-q {
        max-width: 100%;
    }
    .interview-skills{
        max-width: 100%;
    }
    .interview-entry-a .interview-entry-a-text.interview-entry-a-text-left,
    .interview-entry-a .interview-entry-a-text.interview-entry-a-text-right {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: calc(100% - 700px) !important;
    }

    .interview-entry-a.secondbrain-feature .interview-entry-a-text {
        width: calc(100% - 800px) !important;
    }

    .interview-entry-a.secondbrain-feature .interview-entry-a-image {
        width: 800px !important;
        max-width: 800px !important;
    }
}


@media screen and (max-width: 1360px) {
    #teaser-page .left-column {
        width: 40%;
    }

    #teaser-page .right-column {
        width: 60%;
    }

    #teaser-page .h1{
        letter-spacing: 44px;
    }
    #teaser-page .h2 {
        letter-spacing: 36px;
    }
}

@media screen and (max-width: 1366px) {
    #david-page .page-top .page-cover .left-column{
        margin-bottom: 28px;
    }
}

@media screen and (max-width: 1330px) {
    .interview-entry-a-image img.interview-entry-img {
        margin-left: 24px !important;
    }

    .interview-entry-a .interview-entry-a-image .chat-response.robot,
    .interview-entry-a .interview-entry-a-image .chat-response.user {
        margin-left: 24px;
        margin-right: 24px;
    }

    .interview-entry-a-image .smaller-samples-example > div {
        margin-left: -24px !important;
    }
}
@media screen and (max-width: 1279px) {

    #david-page .left-side .section-content .horizontal-connector{
        display: none;
    }
    #david-page .left-side .section-content .h1 {
        letter-spacing: 21px;
        width: 100%;
        padding-right: 0 !important;
    }
    #david-page .left-side .section-content {
        max-width: 356px !important;
    }
    #david-page .left-side {
        width: 380px!important;
    }
    #david-page .left-side .section-content .h3 .h3-text {
        letter-spacing: 4px !important;
    }

    #david-page .block-container {
        margin-left: 24px !important;
    }
    .block-container.example-expanded, .feature-example, .block-container.example-expanded .feature-example-container,
    #david-page .block-container.main-container{
        width: 560px !important;
    }
    .interview-entry-a .coming-soon-items .interview-entry-a-text {
        width: 100% !important;
    }

    #david-page .right-side .block-container .horizontal-connector {
        left: -50px!important;
        width: 50px!important;
    }

    #productivity .feature-example .feature-example-inner, #web-search .feature-example .feature-example-inner {
        min-height: 700px !important;
    }

    #audio-understanding .feature-example .feature-example-inner {
        min-height: 560px !important;
    }

    #audio-understanding .feature-example .feature-example-inner .screenshot-message,
    #multimodal .feature-example .feature-example-inner .screenshot-message,
    #video-understanding .feature-example .feature-example-inner .screenshot-message,
    #web-search .feature-example .feature-example-inner .screenshot-message{
        max-width: 85%!important;
    }

    #recurring .feature-example .feature-example-inner .screenshot-message {
        width: 90% !important;
        max-width: 90% !important;
    }

    .david-features-row .image-container.image-stub .stub-text {
        font-size: 36px !important;
    }

    .david-features-row .left-col .block-header.interview-entry-a-text {
        position: initial !important;
        width: 100%;
    }

    .interview-entry-a.voice-feature .interview-entry-a-image .video-caption {
        padding-left: 36px !important;
    }
    .interview-entry-a-image .video-caption-small {
        padding-left: 24px !important;
    }
    .video-container.video-container-right.playing {
        right: 0 !important;
        transform: none !important;
    }
    .interview-entry-a .interview-entry-a-image {
        width: 600px!important;
    }
    .interview-entry-a-image .video-caption, .interview-entry-a-image .video-caption-small {
        box-sizing: border-box!important;
    }
    .interview-entry-a .interview-entry-a-text.interview-entry-a-text-left, .interview-entry-a .interview-entry-a-text.interview-entry-a-text-right {
        width: calc(100% - 600px) !important;
    }

    .interview-entry-a.secondbrain-feature .interview-entry-a-text {
        width: calc(100% - 600px) !important;
    }

    .interview-entry-a.secondbrain-feature .interview-entry-a-image {
        width: 600px !important;
        max-width: 600px !important;
    }
   /* #teaser-page .h1 {
        font-size: 90px;
    }
    #teaser-page .h2 {
        font-size: 40px;
    }*/
}

@media screen and (max-width: 1240px) {
    #teaser-page .left-column {
        width: 50%;
    }
    #teaser-page .right-column {
        width: 50%;
    }
    #teaser-page .hidden-layer .neuron {
        left: 400px!important;
    }
    #teaser-page .input-layer .neuron {
        left: 560px!important;
    }
}

@media screen and (max-width: 1200px) {
    #teaser-page .left-column {
        width: 45%;
    }

    #teaser-page .right-column {
        width: 55%;
    }

    #teaser-page .hidden-layer .neuron {
        left: 360px !important;
    }

    #teaser-page .input-layer .neuron {
        left: 520px !important;
    }
}

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

   /* #david-page .right-side #demo-video.block-container{
        width: 100%!important;
    }*/

    #teaser-page .left-column {
        width: 50%;
    }

    #teaser-page .right-column {
        width: 50%;
    }

    #teaser-page .hidden-layer .neuron {
        left: 310px !important;
    }

    #teaser-page .input-layer .neuron {
        left: 470px !important;
    }
}

@media screen and (max-width: 1024px) {
    #demo-video .horizontal-connector {
        top: 78px !important;
    }
    .david-features.coming-soon-items .david-features-row .left-col {
        max-width: 500px !important;
    }
    .david-features.coming-soon-items .david-features-row .right-col {
        padding: 0!important;
    }
    .david-features-row .image-container.image-stub {
        min-height: initial !important;
    }

    .david-features-row {
        display: block !important;
        overflow: hidden;
    }
    .david-features-row .left-col{
        margin-top: 42px;
    }
    .david-features-row .right-col  {
        padding: 0 96px 0 0;
        box-sizing: border-box;
    }
    .david-features-row .right-col .image-container.current-block-image{
        padding-left: 12px;
    }

    .david-features-row .left-col, .david-features-row .right-col  {
        float: none!important;
        width: 100%!important;
        display: block;
        overflow: hidden;
    }

    .interview-entry-a .interview-entry-a-text.interview-entry-a-text-right {
        text-align: left !important;
    }

    .interview-skills .left-col {
        padding-right: 24px !important;
    }

    .interview-entry-a.secondbrain-feature .interview-entry-a-image {
        width: 700px !important;
        max-width: 700px !important;
    }
    .interview-entry-a.secondbrain-feature .interview-entry-a-text {
        padding-bottom: 48px !important;
    }
    .interview-entry-a.secondbrain-feature .interview-entry-a-text-header {
        text-align: left !important;
    }

    .interview-entry-a.secondbrain-feature .interview-entry-a-subtext {
        text-align: left !important;
        padding-left: 0!important;
    }

    .video-container.video-container-right.playing {
        max-width: 90% !important;
        width: 90% !important;
    }

    .interview-entry-a .interview-entry-a-text {
        padding-top: 24px !important;
    }
    .interview-entry-a .chat-examples .chat-examples-row{
        margin-bottom: 0!important;
    }

    .interview-entry-a .chat-examples .chat-examples-row .chat-example {
        float: left !important;
        margin-bottom: 12px !important;
        width: auto !important;
        padding-right: 0!important;
    }

    .interview-entry-a .graph-example-container .graph-example-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .interview-entry-a .interview-entry-a-image #tasks-calendar {
        max-width: initial !important;
        min-width: 640px !important;
        left: 24px !important;
    }
    .interview-entry-a .chat-screenshot .calendar-view-body .jqs-period-container {
        display: none!important;
    }
    .interview-entry-a .chat-screenshot .jqs-options-global-container .jqs-options {
        right: 24px !important;
    }

    #david-page .page-top .page-cover .right-column {
        width: 100%;
    }
    .interview-entry-a .interview-entry-a-image {
        width: 100%;
        max-width: 100%;
    }
    .interview-entry-a .interview-entry-a-image .calendar-view-container .calendar-view-body{
        min-width: 640px!important;
    }
    .interview-entry-a .interview-entry-a-image .calendar-view-container .calendar-view-body .jqs {
        overflow-x: initial !important;
    }
    .interview-entry-a .interview-entry-a-image .calendar-view-container .calendar-view-body .jqs-grid {
        top: 40px!important;
    }
    .interview-entry-a .interview-entry-a-image .calendar-view-container .calendar-view-body .jqs-grid-day {
        min-width: initial!important;
    }
    .interview-entry-a .interview-entry-a-image .chat-response.user {
        margin-left: 24px !important;
    }
    .interview-entry-a .graph-example-container, .graph-view .interview-entry-a .graph-example-container {
        width: 100%!important;
        float: none!important;
    }
    .interview-entry-a .graph-view .graph-details {
        float: none;
        margin-left: 24px;
    }
    #teaser-page .h1 {
        font-size: 90px !important;
        letter-spacing: 60px !important;
    }
    #teaser-page .right-column {
        top: 18px;
    }
    #teaser-page .right-column, #teaser-page .left-column {
        float: none!important;
        width: 100%;
    }
    #teaser-page .h2 {
        font-size: 32px !important;
        padding-left: 4px!important;
    }
    #teaser-page .page-top {
        height: 700px !important;
        padding: 12px 16px 12px 16px!important;
    }
    #teaser-page .page-bottom {
        height: calc(100vh - 700px) !important;
        padding: 12px 16px 12px 16px!important;
    }
    #teaser-page .h3 {
        padding-left: 4px!important;
        bottom: 12px !important;
    }
    #teaser-page .h3 {
        left: 12px !important;
    }
    #teaser-page .fineprint-box {
        right: 16px !important;
        bottom: 16px !important;
    }
    #teaser-page .waitlist-header{
        padding-left: 0!important;
        letter-spacing: 14px!important;
    }
    #teaser-page .waitlist .email-form {
        margin-top: 24px !important;
        margin-left: 0 !important;
        letter-spacing: 14px !important;
    }
    #teaser-page .fineprint {
        letter-spacing: 3px!important;
        font-size: 11px!important;
    }
    #teaser-page .footer {
        left: 16px!important;
    }
}

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

    #david-page .left-side .section-content .h1 {
        letter-spacing: 28px !important;
    }
    #david-page .left-side {
        width: 500px !important;
    }

    #david-page .left-side, #david-page .right-side {
        float: none;
    }

    #david-page .left-side {
        margin-left: 56px!important;
    }

    #david-page .left-side .section-content{
        position: relative!important;
        width: 500px!important;
        max-width: 500px!important;
    }
    #david-page .right-side {
        margin-left: 24px;
        width: calc(100% - 24px) !important;
        padding-bottom: 1px;
    }

    .interview-entry-a .interview-entry-a-text, .interview-entry-a .interview-entry-a-text.interview-entry-a-text-left, .interview-entry-a .interview-entry-a-text.interview-entry-a-text-right, .interview-entry-a .interview-entry-a-image {
        float: none !important;
        width: 100% !important;
    }

    .video-container video-container-right, .video-container video-container-right video,
    .video-understanding-feature .interview-entry-a-image .video-container video,
    .interview-entry-a-image .video-caption, .interview-entry-a-image .video-caption-small,
    .reasoning-feature .interview-entry-a-image .video-container video, .richresponses-feature .interview-entry-a-image .video-container video {
        float: none !important;
    }
    .interview-entry-a .interview-entry-a-subtext{
        max-width: 640px!important;
    }
    .reasoning-feature .interview-entry-a-text{
        text-align: left!important;
    }
}


@media screen and (max-width: 860px) {
    .subheader .subheader-typing-item {
        display: block;
        height: 36px;
    }
}

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

    #david-page .right-side #demo-video.block-container {
        max-width: calc(100% - 36px) !important;
    }

    #scroll-up {
        transform: rotateX(180deg) scale(0.5) !important;
        bottom: 42px !important;
    }
    #scroll-down {
        transform: scale(0.5) !important;
    }
    .david-features-row {
        padding-top: 0 !important;
    }

    .david-features-row .right-col {
        padding: 0 !important;
    }

    .david-features-row .right-col .image-container.current-block-image{
        padding: 12px!important;
    }

    .chat-examples{
        padding-left: 20px!important;
    }
    .interview-entry-q-right, .interview-entry-q-left {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
    }
    .interview-entry-a.secondbrain-feature .interview-entry-a-image {
        width: 90% !important;
        max-width: 90% !important;
    }
    .last-cta-container > div, .last-cta-container > div.subscribe-button {
        left: 0 !important;
        margin-left: 20px !important;
    }

    /*.interview-entry-a .interview-entry-a-image .chat-response{
        width: 100%!important;
    }*/

    .interview-entry-a .uploaded-file.image-preview img {
        /*height: auto !important;*/
        width: auto !important;
        max-width: 100%!important;
        max-height: 400px !important;
    }

    #teaser-page .h3 {
        display: none !important;
    }

    
    #teaser-page .fineprint-box {
        left: 8px !important;
        bottom: 16px !important;
    }

    

    #teaser-page .fineprint {
        letter-spacing: 4px !important;
        font-size: 15px !important;
    }
}

@media screen and (max-width: 660px) {
    #david-page .left-side .section-content, #david-page .left-side {
        width: calc(100% - 56px) !important;
        max-width: calc(100% - 56px) !important;
        box-sizing: border-box;
    }

    .subheader .subheader-typing-item {
        display: block;
        height: 36px;
    }

    #david-page .block-container {
        width: 400px;
    }
    #david-page .right-side .page-block .block-header {
        font-size: 18px!important;
    }
    .block-container.example-expanded, .feature-example, .block-container.example-expanded .feature-example-container,
    #david-page .block-container.main-container {
        width: 480px !important;
    }


    #audio-understanding .feature-example .feature-example-inner {
        min-height: 560px !important;
    }

    #productivity .feature-example .feature-example-inner .screenshot-message {
        max-width: 85% !important;
    }

    #audio-understanding .feature-example-inner > div.screenshot-message:nth-of-type(2) {
        top: 100px!important;
    }
    #audio-understanding .feature-example .feature-example-inner {
        min-height: 600px !important;
    }
}

@media screen and (max-width: 640px) {
    #app-update-popup #app-update-button{
        margin-left: 0!important;
    }
    #app-update-popup .update-message, #app-update-popup #app-update-buttonP{
        display: block!important;
    }
    #app-update-popup .update-message {
        margin-top: 12px!important;
    }

    #app-update-popup {
        padding-bottom: 28px !important;
    }
}

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

    #david-page .right-side #demo-video.block-container {
        max-width: 100% !important;
    }

    #david-page .right-side .block-container.enterprise-container .vertical-connector, #david-page .right-side .block-container.comingsoon-item-container .vertical-connector
    {
        left: 150px!important;
    }
    #david-page .left-side {
        margin-left: 0 !important;
        width: 100% !important;
    }
    #get-started-button {
        width: 100%;
    }
    #david-page .left-side .section-content {
        position: relative !important;
        width: 100%;
        padding-right: 24px;
        box-sizing: border-box;
    }
    #david-page .left-side .section-content .h2 {
        font-size: 20px;
    }
    #david-page .left-side .section-content, #david-page .left-side {
        width: 100% !important;
        max-width: 100% !important;
    }
    #david-page .left-side .section-content .h1 .h1-text {
        letter-spacing: 28px !important;
        font-size: 34px;
    }
    #david-page .right-side {
        margin-left: 0 !important;
        border-left: none !important;
        padding-left: 20px!important;
    }
    #david-page .block-container{
        margin-left: 0!important;
    }
    #david-page .right-side .block-container .horizontal-connector{
        display: none!important;
    }

    .block-container.example-expanded, .feature-example, .block-container.example-expanded .feature-example-container, #david-page .block-container.main-container {
        width: 100% !important;
    }

    #video-understanding .feature-example-inner > div.screenshot-message:nth-of-type(2),
    #web-search .feature-example-inner > div.screenshot-message:nth-of-type(2) {
        top: 100px !important;
    }
    
    #productivity .feature-example-inner > div.screenshot-message:nth-of-type(2) {
        top: 128px !important;
    }
    #multimodal .feature-example-inner > div.screenshot-message:nth-of-type(2) {
        top: 380px !important;
    }
    #david-page .right-side .page-block .block-subheader {
        height: 64px!important;
    }

    #david-page .right-side .page-block .block-header {
        font-size: 16px !important;
        letter-spacing: 6px!important;
    }

    .block-container.example-expanded, .feature-example, .block-container.example-expanded .feature-example-container, #david-page .block-container.main-container, #david-page .right-side .block-container.comingsoon-container, #david-page .block-container,
    #david-page .right-side .block-container.enterprise-container {
        width: 300px !important;
    }

    .feature-example-container .vertical-connector, #web-search .feature-example-container .vertical-connector {
        left: 150px !important;
    }

    .block-container.example-expanded, .feature-example, .block-container.example-expanded .feature-example-container, #david-page .block-container.main-container {
        width: 100% !important;
    }

    #audio-understanding .feature-example .feature-example-inner, #productivity .feature-example .feature-example-inner, #web-search .feature-example .feature-example-inner {
        min-height: 980px!important;
    }

    #recurring .feature-example .feature-example-inner, #multimodal .feature-example .feature-example-inner {
        min-height: 1060px !important;
    }

    .feature-example .feature-example-inner .screenshot-message .table-container{
        overflow: hidden!important;
    }


    .subheader .subheader-typing-item {
        display: block;
        height: 36px;
    }


    .interview-entry-a .coming-soon-items .david-features-row .left-col .block-header.interview-entry-a-text {
        padding-bottom: 42px;
    }

    .interview-entry-a .coming-soon-items .david-features-row .image-container.image-stub .stub-text {
        font-size: 28px !important;
        letter-spacing: 22px!important;
    }
    .interview-entry-a .coming-soon-items .david-features-row{
        padding-bottom: 12px!important;
    }
    .interview-skills .left-col, .interview-skills .right-col {
        float: none !important;
        width: 100% !important;
    }
    .interview-skills .left-col {
        padding-right: 0 !important;
        padding-bottom: 24px!important;
    }
    .interview-skills .interview-col-item {
        margin-bottom: 36px!important;
    }
    .interview-skills .interview-col-header{
        height: initial!important;
    }
    #table-small-sample {
        left: 280px !important;
    }

    #teaser-page .h1 {
        letter-spacing: 50px !important;
    }
    #teaser-page .h2 {
        letter-spacing: 30px !important;
    }

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


    #teaser-page .h1 {
        letter-spacing: 40px !important;
    }

    #teaser-page .h2 {
        letter-spacing: 20px !important;
    }
    #teaser-page .input-layer .neuron{
        left: 400px!important;
    }
    #teaser-page .hidden-layer .neuron{
        left: 280px!important;
    }
}

@media screen and (max-width: 500px) {
    #scroll-down{
        display: none!important;
    }
    .interview-skills.interview-productivity .interview-col-item .item-text {
        padding-right: 64px !important;
    }
    span.play-icon {
        right: 12px;
        font-size: 12px;
        width: 60px;
        padding: 3px 2px 2px 3px;
        height: 26px;
    }
    .page-footer {
        padding: 24px 12px 24px 12px !important;
    }
    #table-small-sample {
        left: 240px !important;
    }
    .page-footer .footer-menu-item.footer-email a, .page-footer .footer-menu-item.footer-link a {
        letter-spacing: 2px !important;
        font-size: 9px !important;
    }
    #david-page .page-top .page-top-fineprint {
        margin-top: 48px !important;
        left: 8px!important;
    }
    #david-page .page-top .waitlist, #david-page .page-top .page-top-fineprint {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    #david-page .page-top .page-top-fineprint {
        width: calc(100% - 32px)!important;
    }
    .interview-entry-a .interview-entry-a-image .chat-response.robot, .interview-entry-a .interview-entry-a-image .chat-response.user {
        width: calc(100% - 48px) !important;
        margin-left: 20px;
        margin-right: 20px;
    }
    .header .subscribe-button-top, .header .login-button-top {
        right: 16px !important;
    }
    #david-page .logo {
        padding-left: 16px !important;
    }
    .interview-entry-q, .david-features-row .left-col .block-header {
        padding: 18px 16px !important;
    }

    .interview-entry-a .coming-soon-items .david-features-row .left-col .block-header.interview-entry-a-text{
        padding-bottom: 42px!important;
    }
    .interview-entry-a .coming-soon-items .david-features-row .image-container.image-stub .stub-text {
        font-size: 24px !important;
        letter-spacing: 18px!important;
        text-align: left!important;
        left: 12px !important;
    }
    .interview-entry-a .coming-soon-items .david-features-row{
        padding-bottom: 0!important;
    }
    .interview-skills {
        padding: 24px 16px 36px 16px !important;
    }
    .interview-entry-q-right, .interview-entry-q-left {
        word-wrap: break-word !important;
        max-width: 100% !important;
    }
    .subscribe-popup {
        width: 90%;
        box-sizing: border-box;
        left: 5%;
        margin-left: 0;
    }
    #david-page .page-top {
        padding: 48px 8px 48px 8px!important;
    }
    .waitlist {
        padding-right: 20px !important;
    }
    .email-form-container, .email-form-container .waitlist-form, .email-form-container .form-field input,
    .email-form-response.response-success .message,
    .ref-link {
        width: 100% !important;
    }
    .email-form-container .waitlist-form .form-fields-row{
        width: calc(100% - 70px)!important;
    }

    .email-form-container  #enterprise-waitlist-form.waitlist-form .form-fields-row {
        width: 100% !important;
    }

    .email-form-container .form-field{
        width: 50%!important;
    }
    #david-page .page-top .page-top-fineprint {
        position: relative !important;
    }
    #david-page .page-top {
        padding-bottom: 12px !important;
    }
    #teaser-page .h1 {
        letter-spacing: 32px !important;
        font-size: 80px !important;
    }

    #teaser-page .h2 {
        font-size: 28px !important;
    }
}

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


    #david-page .left-side .section-content .h1 .h1-text {
        letter-spacing: 24px !important;
        font-size: 32px;
    }

    #david-page .block-subheader {
        font-size: 22px !important;
    }
    #david-page .block-header {
        font-size: 18px !important;
        letter-spacing: 9px!important;
    }

    .interview-item .interview-entry-q.david-features-header .block-title {
        font-size: 28px !important;
        letter-spacing: 12px !important;
    }

    .interview-item .interview-entry-q.david-features-header .block-subtitle {
        letter-spacing: 5px !important;
        padding-bottom: 4px !important;
    }

    #table-small-sample {
        left: 220px !important;
    }
    .interview-entry-a .uploaded-file.image-preview img {
        height: auto !important;
        width: 100% !important;
        max-height: initial !important;
    }

    #david-page .page-top .page-cover .left-column .h2 {
        font-size: 26px!important;
        letter-spacing: 12px!important;
    }
    #teaser-page .input-layer .neuron {
        left: 360px !important;
    }

    #teaser-page .hidden-layer .neuron {
        left: 260px !important;
    }
}

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

    #david-page .left-side .section-content .h1 .h1-text {
        letter-spacing: 20px !important;
    }

    .interview-entry-a .coming-soon-items .david-features-row .image-container.image-stub .stub-text {
        font-size: 20px !important;
        letter-spacing: 12px !important;
    }
/*
    #get-started-button {
        width: calc(100% - 16px) !important;
    }*/

    .last-cta-container > div, .last-cta-container > div.subscribe-button {
        width: calc(100% - 40px) !important;
    }

    .header .subscribe-button-top, .header .login-button-top {
        padding: 8px !important;
        font-size: 12px !important;
    }

    .chat-loading.login-preloader {
        width: 100% !important;
        padding: 0!important;
    }
    .login-preloader .preloader {
        width: 100%!important;
        left: 0!important;
        margin-left: 0!important;
    }
    
    .page-footer .footer-menu-item.footer-link {
        margin-left: 8px!important;
    }
    .email-form .preloader {
        left: 100px!important;
        top: 12px!important;
    }
    #teaser-page .fineprint {
        letter-spacing: 3px !important;
        font-size: 12px !important;
    }
    #teaser-page .h1 {
        letter-spacing: 28px !important;
        font-size: 70px !important;
    }
    #teaser-page .input-layer .neuron {
        left: 330px !important;
    }

    #teaser-page .hidden-layer .neuron {
        left: 240px !important;
    }

    #teaser-page .waitlist .email-form {
        margin-top: 16px !important;
    }
    #teaser-page .waitlist .email-form input {
        width: 100%!important;
        display: block;
        margin-bottom: 8px !important;
    }
    #teaser-page .waitlist .email-form input[type=submit] {
        margin: 0 !important;
        width: 100% !important;
        font-size: 18px !important;
        display: block;
        padding: 0 !important;
    }
    #teaser-page .page-top {
        height: 660px !important;
    }
    #teaser-page .page-bottom {
        height: calc(100vh - 660px) !important;
    }
}

@media screen and (max-width: 400px) {
    #enterprise_subscribe_form .email-form-container .form-buttons, #enterprise_subscribe_form .email-form-container .form-buttons input{
        width: 100%!important;
    }
    #enterprise_subscribe_form .waitlist-header {
        font-size: 16px !important;
        line-height: 24px!important;
    }
}
@media screen and (max-width: 380px) {
    #audio-understanding .feature-example-inner > div.screenshot-message:nth-of-type(2){
        top: 128px!important;
    }
    #david-page .left-side .section-content {
        padding-right: 20px !important;
    }
    #david-page .left-side .section-content .h1 .h1-text{
        font-size: 28px!important;
        letter-spacing: 14px!important;
    }
    .block-container.example-expanded, .feature-example, .block-container.example-expanded .feature-example-container, #david-page .block-container.main-container, #david-page .right-side .block-container.comingsoon-container, #david-page .block-container,
    #david-page .right-side .block-container.enterprise-container {
        width: 260px !important;
    }

    .interview-item.enterprise-plan-block .interview-entry-q.david-features-header .block-title {
        font-size: 26px!important;
    }

    .interview-entry-a-text-header.block-description {
        padding-right: 0 !important;
    }

    #table-small-sample {
        left: 180px !important;
    }
   
    #login-page #login-tabs, #unsubscribe-block {
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .subscribe-popup .waitlist-header {
        letter-spacing: 1.5px !important;
        font-size: 14px !important;
    }
    .interview-entry-a .graph-view .graph-details {
        width: calc(100% - 24px) !important;
    }
    .interview-entry-a .chat-screenshot .jqs-options-global-container .jqs-options {
        width: calc(100% - 48px) !important;
    }

    #teaser-page .h1 {
        letter-spacing: 24px !important;
        font-size: 60px !important;
    }
    #teaser-page .input-layer .neuron {
        left: 280px !important;
    }

    #teaser-page .hidden-layer .neuron {
        left: 200px !important;
    }
}

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

    #david-page .page-top .page-cover .left-column .h1 {
        letter-spacing: 16px !important;
    }
    #david-page .page-top .page-cover .left-column .h2 {
        font-size: 24px !important;
        letter-spacing: 11px !important;
    }
    #teaser-page .h1 {
        letter-spacing: 22px !important;
        font-size: 56px !important;
    }
    #teaser-page .fineprint {
        letter-spacing: 2px !important;
    }
    #teaser-page .input-layer .neuron {
        left: 260px !important;
    }
}

@media (max-width: 1024px) and (max-height: 900px) {
    #teaser-page .page-bottom {
        min-height: 220px !important;
    }
}

@media screen and (max-height: 600px) {

    .video-container.playing{
        top: 28px!important;
    }

    #login-page #login-tabs, #unsubscribe-block {
        top: 50px !important;
    }
}

@media screen and (max-height: 768px) {

    #scroll-down {
        transform: scale(0.5)!important;
        bottom: 4px!important;
    }

    #scroll-up {
        transform: rotate(180deg) scale(0.5) !important;
        bottom: 12px;
    }
}