@font-face {
    font-family: "Oakes_Grotesk";
    font-weight: 400;
    font-style: normal;
    src: url("/wp-content/plugins/respona-core/assets/fonts/oakes-grotesk-regular.woff2") format("woff2");
    font-display: swap
}

@font-face {
    font-family: "Oakes_Grotesk";
    font-weight: 500;
    font-style: normal;
    src: url("/wp-content/plugins/respona-core/assets/fonts/oakes-grotesk-medium.woff2") format("woff2");
    font-display: swap
}

@font-face {
    font-family: "Oakes_Grotesk";
    font-weight: 600;
    font-style: normal;
    src: url("/wp-content/plugins/respona-core/assets/fonts/oakes-grotesk-semi-bold.woff2") format("woff2");
    font-display: swap
}

@font-face {
    font-family: "Oakes_Grotesk";
    font-weight: 700;
    font-style: normal;
    src: url("/wp-content/plugins/respona-core/assets/fonts/oakes-grotesk-bold.woff2") format("woff2");
    font-display: swap
}
.home.page #view:before {
    background: linear-gradient(180deg, #F0F0F8, #fff0 30%);
    height: 50%;
}
#header {
    padding-top: 61px !important;
}
#header.sticky {
    padding-top: 9px !important;
}
.btn-login.pricing-login {
    position: relative;
    border: 1px solid #251FB621 !important;
    padding: 21px 35px 19px 36px;
}
.navbar>div {
    min-height: 62px;
    div div {
        align-items: center !important
    }
    ul {
        height: 100%;
        display: flex;
        align-items: center !important
    }
    li {
        height: 100%;
        display: flex;
        align-items: center
    }
}
.btn-outline-primary:hover .login-popup-wrapper {
    display: flex;
}
.login-popup-wrapper {
    display: none;
    position: absolute;
    bottom: -145px;
    padding-top: 13px;
    left: 0;
    height: 145px !important;
}
.login-popup {
    flex-direction: column;
    width: 337px;
    border-radius: 10px;
    box-shadow: 0 4px 7px 0 #0000000A;
    border: 1px solid #EAEDF1;
    background: #FFF;
    max-height: 145px;
    padding: 15px 14px;
    height: auto;
    a {
        display: flex;
        align-items: center;
        font-family: OakesGrotesk-Medium, sans-serif;
        font-weight: 500;
        font-size: 15px;
        line-height: 358%;
        letter-spacing: -.1px;
        color: #8E95AA;
        width: 100%;
        max-height: 57px;
        span {
            margin-left: 8px;
            font-family: OakesGrotesk-Bold, sans-serif;
            font-weight: 700;
            font-size: 8px;
            line-height: 10px;
            letter-spacing: .25px;
            text-align: center;
            background: linear-gradient(270deg, #E4E3F4 -29.73%, rgb(255 255 255 / .23) 108.11%);
            border: .5px solid #251FB621;
            box-shadow: 0 11px 20px -8.5px #251FB652;
            height: 18px !important;
            border-radius: 4px
        }
    }
}
.login-popup .fr {
    padding: 3px 15px 2px 17px;
    span {
        padding: 5px 7px 5px 8px;
        color: #251FB6;
        width: 37px
    }
}
.login-popup .fr:hover,
.login-popup .sc:hover {
    border-radius: 11px;
    background: linear-gradient(270deg, rgb(255 255 255 / .23) -29.73%, #E4E3F4 108.11%);
    span {
        box-shadow: 0 11px 20px -8.5px #251FB652;
        border: .5px solid #251FB621;
        background: linear-gradient(270deg, #E4E3F4 -29.73%, rgb(255 255 255 / .23) 108.11%)
    }
}
.login-popup .sc {
    padding: 3px 15px 2px 17px;
    span {
        padding: 5px 5px 3px;
        color: #8E95AA;
        width: 45px
    }
}
#header .create-account.talk_to_human {
    display: none !important;
}
#topmenu .nav-link {
    font-size: 16px !important;
    width: fit-content;
    align-items: center;
}
#header .create-account {
    font-family: OakesGrotesk-Regular, sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    padding: 22px 34px 20px !important;
    width: 220px !important;
    height: 62px !important;
    border-radius: 10px !important;
    min-width: 220px !important;
    border: 1px solid #251FB652;
}
.btn-with-arrow {
    span {
        font-family: Oakes_Grotesk, sans-serif;
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: .5px;
        padding-top: 4px
    }
    padding:26px 25px 26px 24px !important;
    max-height:68px
}

@media (min-width: 1024px) {
    #header {
        nav {
            max-width: 1284px
        }
        .container-fluid {
            padding: 0 20px !important
        }
        .btn-login, .btn-start {
            height: 100%;
            display: flex !important;
            align-items: center;
            width: 100%;
            font-size: 16px;
            justify-content: center
        }
        .btn-login {
            min-width: 114px
        }
        .btn-start {
            min-width: 181px
        }
    }
}
@media (max-width:1024px) {
    #ai_search, .powered_by_data_section{
        display: none;
    }
    #header .create-account.talk_to_human {
        display: flex !important
    }
    #header .create-account.talk_to_human span {
        padding-top: 4px
    }
    #header .create_account {
        display: none !important
    }
    #header {
        padding-left: 20px;
        padding-right: 20px
    }
    header#header {
        padding-top: 20px !important
    }
    #header .create-account {
        max-height: 38px !important;
        font-weight: 600 !important;
        font-size: 9.81px !important;
        line-height: 12.27px !important;
        letter-spacing: 0.31px !important;
        text-align: center !important;
        min-width: 135px !important;
        width: 135px !important;
        padding: 10px 10px !important;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (max-width: 768px) {
    .home.page #view:before {
        height: 15%;
        background: linear-gradient(180deg, #F0F0F8 47.93%, #fff0 81.14%)
    }
    .loaded #header+main {
        padding-top: 130.68px !important
    }
    .page {
        #view {
            #header {
                padding: 10px 18px 10px 16px !important;
                nav.container {
                    a.navbar-brand {
                        margin-right: unset;
                        >svg {
                            max-width: 99px
                        }
                    }
                    .align-items-center {
                        column-gap: 31px;
                        >button {
                            margin-left: unset
                        }
                    }
                }
            }
        }
    }
}
@media (max-width: 768px) {
    #header .create-account {
        min-width: 150px !important;
        font-size: 12px !important;
        width: 150px !important;
        padding: 10px 10px !important;
        display: flex;
        justify-content: center;
        align-items: center
    }
}