input,
select,
span,
label,
div,
h3 {
    font-size: 16px !important;
    font-family: 'Segoe UI', Roboto !important;
    font-weight: unset !important;
}

div#tools .tools_box {
    transition-duration: 0.5s;
    display: grid;
    justify-items: center;
    align-items: center;
    justify-content: center;
}

div#tools .tools_box:hover {
    transition-duration: 0.5s;
    scale: 0.9;
    color: red;
    font-weight: 600;
    text-decoration: underline;
}

div#tools .tools_box>img:hover {
    scale: 1.1;
    transition-duration: 0.5s;
}

div#tools .tools_box>img {
    transition-duration: 0.5s;
    border-radius: 35px;
    border: 5px solid #dcdcdc;
    margin-bottom: 1em;
    cursor: pointer;
}

div#tools .tools_box span {
    cursor: pointer;
}

div#tools {
    display: flex;
    padding: 4em 20em 5em 20em;
    transition-duration: 0.5s;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

div#title_bar {
    background-size: cover;
    position: relative;
    height: 12em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    top: -3.5em !important;
}

#post-2 .vc_row.wpb_row.vc_row-fluid {
    display: grid;
    align-items: center;
    justify-content: center;
    justify-items: center;
}

span#title_name {
    font-size: 2.5em !important;
    color: rgb(255, 254, 254);
    font-weight: 900;
    position: absolute;
}

#content {
    height: auto;
}

div#sub_tool,
div#level_2 {
    border: 5px solid #d2d2d2;
    border-radius: 28px;
    padding: 40px 50px;
    display: none;
    min-height: 17em;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    margin: 0em 1em;
    position: absolute;
    top: 13em !important;
    /* bottom: 8em; */
    background-color: #6969691a;
    backdrop-filter: blur(10px);
    max-width: 40em;
}

#validation_section {
    text-align: center;
    width: inherit;
    width: 15em;
}

div#level_2 {
    justify-content: center;
    justify-items: center;
    padding: 30px 30px 30px 30px;
    width: -webkit-fill-available;
    display: none;
    background-color: #ffffff;
    /* border: 3px solid #d2d2d2; */
    align-content: center;
    /* align-content: space-between; */
}

div#ent_list select {
    margin-bottom: 2em;
}

.options {
    width: 18em;
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
}

.login_box {
    display: none;
    top: 1em;
    position: relative;
    /* display: grid; */
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
}

.login_option {
    background-color: rgb(75 75 75 / 26%);
    border-style: none;
    border-radius: 0px;
    color: white !important;
    transition-duration: 0.5s;
    height: 4.5em;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    width: 8em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login_option:hover {
    background-color: red;
}

.login_container {
    display: grid;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
}

button.btn_validation {
    width: 70%;
    background-color: red;
    border-style: none;
    border-radius: 0px;
    color: white !important;
    transition-duration: 0.5s;
    height: 2.5em;
}

button.btn_validation:hover {
    scale: 0.9;
    transition-duration: 0.5s;
}

input#comp_mail {
    margin-bottom: 5px;
    height: 2.5em !important;
    width: 20em;
    border: 2px solid #c0c0c0;
    border-radius: 0 !important;
}

div.sub {
    border: 1px solid lightgray;
    border-radius: 10px;
    height: 5em;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 15em;
    flex-wrap: wrap;
    background-color: white;
    font-weight: 800;
    cursor: pointer;
}


/*.show_hide:before {
    content: '';
    background-color: #ff000014;
    width: 15em;
    height: 2.5em;
    position: absolute;
    color: black;
    transform: translate(-11px, -3px);
}*/

.gray {
    background-color: grey !important;
}

div#comp_mail_error {
    position: relative;
    transform: translate(0px, -0.5em) !important;
    font-size: 13px !important;
    height: 2em;
    width: max-content;
}

.hint {
    display: none;
}


/* ======================= loader animations ====================*/

.dots {
    display: inline-block;
    font-size: 24px;
}

.dot {
    animation: dot-animation 1s infinite;
    animation-delay: 0s;
}

.dot:nth-child(2) {
    animation-delay: 0.2s;
}

.dot:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes dot-animation {
    0%,
    60%,
    100% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
}

.counter {
    /*  Works with javascript, on the page it is called */
    font-size: 24px;
    font-weight: bold;
    animation: count-down 2.5s steps(var(--count), end) forwards;
}

@keyframes count-down {
    from {
        --count: 10;
        /* Initial value */
    }
    to {
        --count: 0;
        /* Decrement to 0 */
    }
}

.round {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(45deg, #3498db, #9b59b6, #f1c40f, #e74c3c, #f1c40f, #9b59b6, #3498db, #9b59b6, #f1c40f, #9b59b6, #3498db);
    background-size: 400% 400%;
    animation: gradient 6s ease infinite;
    /* Change colors over 4 seconds */
}

@keyframes gradient {
    100% {
        background-position: 0% 50%;
    }
    0% {
        background-position: 100% 50%;
    }
}

ul#menu-footer_menu svg {
    width: 3em;
}

a.ct-menu-link {
    color: black;
    /* font-weight: 600 !important; */
}

div#adp_tool_2 {
    visibility: hidden !important;
}

.ct-footer [data-row]>div {
    grid-column-gap: var(--columns-gap, 30px) !important;
    grid-row-gap: var(--columns-gap, 30px) !important;
}

@media screen and (min-width: 195px) {
    div#title_bar {
        width: 100%;
        top: -4.5em !important;
        left: unset;
    }

    div#tools {
        display: flex;
        padding: 0em 20em 0em 20em;
        transition-duration: 0.5s;
        flex-wrap: wrap;
        justify-content: space-evenly;
        height: 49vh;
        align-content: space-between;
    }

    div#adp_tool_2 {
        display: none !important;
    }
    div#tools .tools_box>img {
        margin-bottom: 0em;
        cursor: pointer;
    }
    div#calculator_tool {
        width: 11em;
    }
    div#sub_tool, div#level_2 {
        border: 5px solid #d2d2d2;
        padding: 40px 50px;
        max-height: 55vh;
        min-height: 16em;
        height: 59vh;
        margin: 0em 1em;
        top: 9em !important;
        background-color: #6969691a;
        max-width: 19em;
        justify-content: center;
        align-content: space-around;
    }
    .btn_close {
        scale: 0.7;
        transform: translate(-50px, 0px);
    }
}

@media screen and (min-width: 374px) {}

@media screen and (min-width: 420px) {
    div#tools {
        display: flex;
        padding: 2em 0em 0em 0em;
        transition-duration: 0.5s;
        flex-wrap: wrap;
        justify-content: space-evenly;
        height: 35vh;
        align-content: space-between;
        width: 100vw !important;
    }
    div#sub_tool, div#level_2 {
        border: 5px solid #d2d2d2;
        padding: 40px 50px;
        max-height: 44vh;
        min-height: 16em;
        height: 44vh;
        margin: 0em 1em;
        top: 9em !important;
        background-color: #6969691a;
        max-width: 26em;
        justify-content: center;
        align-content: space-around;
    }
}

@media screen and (min-width: 520px) {
    
    div#sub_tool, div#level_2 {
        min-height: 21em;
        max-width: 30em;
        max-height: 42vh;
        height: 44vh;
    }
}

@media screen and (min-width: 1080px) and (max-width: 2560px) {
    div#sub_tool, div#level_2 {
        border: 5px solid #d2d2d2;
        padding: 40px 50px;
        min-height: 15em;
        margin: 0em 1em;
        top: 13em !important;
        background-color: #6969691a;
        max-width: 45em;
    }
}

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

    div#tools {
        display: flex;
        padding: 4em 2em 2em 2em;
        transition-duration: 0.5s;
        flex-wrap: wrap;
        justify-content: space-evenly;
        height: 37vh;
        align-content: space-between;
        width: 100vw !important;
    }
    div#sub_tool, div#level_2 {
        min-height: 21em;
        max-width: 33em;
        max-height: 42vh;
        height: 44vh;
    }
}

@media screen and (min-width: 1024px) {
    div#sub_tool, div#level_2 {
        border: 5px solid #d2d2d2;
        padding: 40px 50px;
        margin: 0em 1em;
        top: 13em !important;
        background-color: #6969691a;
        max-width: 60vw;
        max-height: 42vh;
        min-height: 11em;
        height: 33vh;
        justify-content: space-between;
    }
    .btn_close {
        scale: 0.7;
        transform: translate(-10px, 0px);
    }
    div#level_2 {
        /* display: grid; */
        justify-content: center;
        background-color: white;
    }
    div#adp_tool_2 {
        display: initial !important;
    }
}



@media only screen and (min-width: 1260px) and (max-width:1439px) {
    div#response {
        position: relative;
        top: -3em;
        /* scale: 0.8; */
    }
    input, select, span, label, div, h3, a.ct-menu-link, ul#menu-footer_menu, .ct-footer-copyright, button#wpforms-submit-49, div.wpforms-container-full .wpforms-form h3 {
        font-size: 10px !important;
    }

    [data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container, .ct-footer img {
        --logo-max-height: 5em !important;
    } 
    [data-header*="type-1"] .ct-header [data-row*="middle"] {
        --height: 60px !important;
    }
    footer#footer {
        z-index: 30 !important;
        padding: 5px 0px 0px 0px;
    }
    .logo_bloc img {
        width: 85px !important;
    }
    ul#menu-footer_menu li a {
        font-size: 10px !important;
    }
    img.response_icon {
        width: 90px;
    }
    div#forms_tool img {
        width: 11em;
    }
    div#tools {
        display: flex;
        padding: 4em 2em 2em 2em;
        transition-duration: 0.5s;
        flex-wrap: wrap;
        justify-content: space-evenly;
        height: 30vh;
        align-content: space-between;
        width: 100vw !important;
    }
    div#tools .tools_box>img {
        margin-bottom: 2em;
        cursor: pointer;
        border: 4px solid #dcdcdc;
    }
    div#adp_tool_2 {
        display: none !important;
    }
    div.sub {
        height: 7em;
        width: 21em;
    }
    div#sub_tool, div#level_2 {
        border: 5px solid #d2d2d2;
        border-radius: 28px;
        padding: 40px 50px;
        display: none;
        min-height: 17em;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
        margin: 0em 1em;
        position: absolute;
        top: 19em !important;
        /* bottom: 8em; */
        background-color: #ffffff54;
        backdrop-filter: blur(10px);
        width: 45vw;
    }
    .btn_close {
        scale: 0.7;
        transform: translate(30px, 1px);
    }
    div#level_2 {
        justify-items: center;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    div#referral_tool_3 span, div#pre-onbaording_tool span,div#forms_tool span, div#calculator_tool span {
        font-size: 16px !important;
    }
    div#title_bar {
        height: 16em !important;
    }
}


@media screen and (min-width: 1440px) {
    input,
    select,
    span,
    label,
    div,
    h3 {
        font-size: 16px !important;
        font-family: 'Segoe UI', Roboto !important;
        font-weight: unset !important;
    }
    .btn_close {
        scale: 0.7;
        transform: unset;
    }
    div#tools .tools_box {
        transition-duration: 0.5s;
        display: grid;
        justify-items: center;
        align-items: start;
        /* height: 0em; */
    }
    div#tools .tools_box:hover {
        transition-duration: 0.5s;
        scale: 0.9;
        color: red;
        font-weight: 600;
        text-decoration: underline;
    }
    div#tools .tools_box>img:hover {
        scale: 1.1;
        transition-duration: 0.5s;
    }
    div#tools .tools_box>img {
        transition-duration: 0.5s;
        border-radius: 35px;
        border: 5px solid #dcdcdc;
        margin-bottom: 1em;
        cursor: pointer;
    }
    div#tools .tools_box span {
        cursor: pointer;
    }
    div#tools {
        display: flex;
        padding: 4em 20em 5em 20em;
        transition-duration: 0.5s;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    div#title_bar {
        background-size: cover;
        position: relative;
        height: 12em;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
        top: -3.5em !important;
    }
    #post-2 .vc_row.wpb_row.vc_row-fluid {
        display: grid;
        align-items: center;
        justify-content: center;
        justify-items: center;
    }
    span#title_name {
        font-size: 2em;
        color: rgb(255, 254, 254);
        font-weight: 900;
        position: absolute;
    }
    #content {
        height: auto;
    }
    div#sub_tool,
    div#level_2 {
        border: 5px solid #d2d2d2;
        border-radius: 28px;
        padding: 40px 50px;
        display: none;
        min-height: 17em;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
        margin: 0em 1em;
        position: absolute;
        top: 13em !important;
        /* bottom: 8em; */
        background-color: #6969691a;
        backdrop-filter: blur(10px);
        max-width: 40em;
    }
    #validation_section {
        text-align: center;
        width: inherit;
        width: 15em;
    }
    div#level_2 {
        justify-content: center;
        justify-items: center;
        padding: 30px 30px 30px 30px;
        width: -webkit-fill-available;
        display: none;
        background-color: #ffffff;
        /* border: 3px solid #d2d2d2; */
        align-content: center;
        /* align-content: space-between; */
    }
    div#ent_list select {
        margin-bottom: 2em;
    }
    .options {
        width: 18em;
        display: flex;
        justify-content: space-evenly;
        align-content: center;
        align-items: center;
    }
    .login_box {
        display: none;
        top: 1em;
        position: relative;
        /* display: grid; */
        justify-content: center;
        align-items: center;
        align-content: center;
        justify-items: center;
    }
    .login_option {
        background-color: rgb(75 75 75 / 26%);
        border-style: none;
        border-radius: 0px;
        color: white !important;
        transition-duration: 0.5s;
        height: 4.5em;
        cursor: pointer;
        padding: 5px;
        border-radius: 5px;
        width: 8em;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .login_option:hover {
        background-color: red;
    }
    .login_container {
        display: grid;
        justify-content: center;
        justify-items: center;
        align-items: center;
        align-content: center;
    }
    button.btn_validation {
        width: 70%;
        background-color: red;
        border-style: none;
        border-radius: 0px;
        color: white !important;
        transition-duration: 0.5s;
        height: 2.5em;
    }
    button.btn_validation:hover {
        scale: 0.9;
        transition-duration: 0.5s;
    }
    input#comp_mail {
        margin-bottom: 5px;
        height: 2.5em !important;
        width: 20em;
        border: 2px solid #c0c0c0;
        border-radius: 0 !important;
    }
    div.sub {
        border: 1px solid lightgray;
        border-radius: 10px;
        height: 5em;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        width: 15em;
        flex-wrap: wrap;
        background-color: white;
        font-weight: 800;
        cursor: pointer;
    }
    /*.show_hide:before {
        content: '';
        background-color: #ff000014;
        width: 15em;
        height: 2.5em;
        position: absolute;
        color: black;
        transform: translate(-11px, -3px);
    }*/
    .gray {
        background-color: grey !important;
    }
    div#comp_mail_error {
        position: relative;
        transform: translate(0px, -0.5em) !important;
        font-size: 13px !important;
        height: 2em;
        width: max-content;
    }
    .hint {
        display: none;
    }
    /* ======================= loader animations ====================*/
    .dots {
        display: inline-block;
        font-size: 24px;
    }
    .dot {
        animation: dot-animation 1s infinite;
        animation-delay: 0s;
    }
    .dot:nth-child(2) {
        animation-delay: 0.2s;
    }
    .dot:nth-child(3) {
        animation-delay: 0.4s;
    }
    @keyframes dot-animation {
        0%,
        60%,
        100% {
            opacity: 0;
        }
        30% {
            opacity: 1;
        }
    }
    .counter {
        /*  Works with javascript, on the page it is called */
        font-size: 24px;
        font-weight: bold;
        animation: count-down 2.5s steps(var(--count), end) forwards;
    }
    @keyframes count-down {
        from {
            --count: 10;
            /* Initial value */
        }
        to {
            --count: 0;
            /* Decrement to 0 */
        }
    }
    .round {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: linear-gradient(45deg, #3498db, #9b59b6, #f1c40f, #e74c3c, #f1c40f, #9b59b6, #3498db, #9b59b6, #f1c40f, #9b59b6, #3498db);
        background-size: 400% 400%;
        animation: gradient 6s ease infinite;
        /* Change colors over 4 seconds */
    }
    @keyframes gradient {
        100% {
            background-position: 0% 50%;
        }
        0% {
            background-position: 100% 50%;
        }
    }
    ul#menu-footer_menu svg {
        width: 3em;
    }
    a.ct-menu-link {
        color: black;
        /* font-weight: 600 !important; */
    }
    div#adp_tool_2 {
        visibility: hidden !important;
    }
}

@media screen and (min-width: 1440px) {
    div#form_section > div:nth-child(2) {
        width: 50vw;
        margin-left: 20vw;
    }
    div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li {
        width: 25% !important;
    }
    label.wpforms-field-label {
        font-size: 16px !important;
    }
    label.wpforms-field-label-inline {
        font-size: 13px !important;
        font-weight: 500 !important;
    }
    ul#wpforms-49-field_3 {
        width: 30vw;
        display: flex;
        justify-content: space-between;
    }
    button#wpforms-submit-49 {
        width: 20vw;
    }
}


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

}


@media screen and (min-width: 2560px) {
    div#tools .tools_box>img {
        transition-duration: 0.5s;
        border-radius: 35px;
        border: 5px solid #dcdcdc;
        margin-bottom: 1em;
        cursor: pointer;
        min-width: 255px !important;
    }
    input, select, span, label, div, h3,a.ct-menu-link,ul#menu-footer_menu,
    .ct-footer-copyright,
    button#wpforms-submit-49,
    div.wpforms-container-full .wpforms-form h3 {
        font-size: 22px !important;
    }

    input, select, span, label, div, h3 {
        font-size: 19px !important;
        font-family: 'Segoe UI', Roboto !important;
        font-weight: unset !important;
    }
    .btn_close {
        scale: 0.8 !important;
        transform: translate(15px, 0px);
        font-size: 50px !important;
        width: 1.6em;
        height: 1.6em;
    }

    div#tools {
        display: flex;
        padding: 6em 30em 4em 30em;
        transition-duration: 0.5s;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    div#sub_tool, div#level_2 {
        padding: 80px 100px;
    }
    div#sub_tool, div#level_2 {
        max-width: 50em;
    }
    .login_container {
        scale: 1.2;
    }
    div#form_section > div:nth-child(2) {
        width: 45vw;
        margin-left: 15vw;
    }
    label.wpforms-field-label {
        font-size: 20px !important;
    }
    label.wpforms-field-label-inline {
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    div#wpforms-49-field_2-container {
        border: 10px solid #e6e6e6;
        padding: 25px;
    }
    button#wpforms-submit-49 {
        width: 13vw;
    }
    [data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container, .ct-footer img {
        --logo-max-height: 5em !important;
    }
    button#wpforms-submit-49 {
        width: 13vw !important;
    }
}