/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* full Avada options CSS */

/* SLIDER */

.fusion-post-content h6,
.fusion-title h6,
.fusion-widget-area h6,
.post-content h6,
.title h6,
h6 {
    color: #181A1E;
    font-family: Archivo;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 16px;
}

.wpcp-carousel-section i.fa {
    display: none !important;
}

.fusion-author .fusion-author-title,
.fusion-post-content h3,
.fusion-title h3,
.person-author-wrapper span,
.post-content h3,
.project-content h3,
.sidebar .widget h3,
.title h3,
h3 {
    color: #181A1E;
    font-family: Archivo;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    /* 30.8px */
    letter-spacing: -0.56px;
    text-align: left;
}


#poststuff h2,
.wpcp-post-carousel .wpcp-single-item .wpcp-all-captions h2 {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 10px;
    font-family: 'Archivo';
    text-align: left;
    color: #181a1e;
}

.width-100 .fusion-fullwidth .fusion-fullwidth,
.width-100 .fusion-fullwidth .nonhundred-percent-fullwidth {
    padding: 0px;
}



.demo {
    padding-top: 10px !important;
    padding-right: 12px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    font-size: 16px !important;
    font-family: 'Archivo' !important;
    font-weight: 400 !important;
    background-color: #ffffff;
    border-radius: 6px !important;
    line-height: 16px !important;
}

.demo:hover {
    background-color: #181a1e;
}

.demo span {
    color: #181a1e !important;
}

.demo span:hover {
    color: #ffffff !important;
}

.demo-bottom {
    padding-top: 10px !important;
    padding-right: 12px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    font-size: 16px !important;
    font-family: 'Archivo' !important;
    font-weight: 400 !important;
    background-color: #181a1e;
    border-radius: 6px !important;
    line-height: 16px !important;
    display: flex;
    margin-top: -18px;
}

.demo-bottom:hover {
    background-color: #ffffff !important;
}

.demo-footer {
    padding-top: 10px !important;
    padding-right: 12px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    font-size: 16px !important;
    font-family: 'Archivo' !important;
    font-weight: 400 !important;
    background-color: #181a1e;
    border-radius: 6px !important;
    line-height: 16px !important;
    display: flex;
    width: 40%;
}

.demo-footer:hover {
    background-color: #ffffff !important;
}

#bottom .fusion-button-default .fusion-button-text {
    color: #ffffff !important;
}

#bottom .fusion-button-default .fusion-button-text:hover {
    color: #181a1e !important;
}

#text-4 .fusion-button-default .fusion-button-text:hover {
    color: #181a1e !important;
}

#text-4 {
    width: 45% !important;
}

#evidence-cloud-button1 .fusion-button-default .fusion-button-text {
    color: #ffffff !important;
}

.menu-item-8074 span.menu-text {
    padding-top: 10px !important;
    padding-right: 12px !important;
    padding-bottom: 10px !important;
    padding-left: 12px !important;
    font-size: 16px !important;
    font-family: 'Archivo' !important;
    font-weight: 400 !important;
    background-color: #181a1e;
    border-radius: 6px !important;
    line-height: 16px !important;
}

.menu-item-8074 span.menu-text:hover {
    background-color: #ffffff;
    color: #181a1e;
}

.layout-wide-mode #wrapper {
    background-color: #181a1e;
}

#gform_1 input#gform_submit_button_1 {
    padding-top: 12px !important;
    padding-right: 20px !important;
    padding-bottom: 12px !important;
    padding-left: 20px !important;
    font-size: 16px !important;
    font-family: 'Archivo' !important;
    font-weight: 400 !important;
    background-color: #181a1e !important;
    border-radius: 6px !important;
    line-height: 16px !important;
    color: #ffffff !important;
    border: 1px solid #181a1e;
}

#gform_1 input#gform_submit_button_1:hover {
    background-color: #ffffff !important;
    color: #181a1e !important;
    border: 1px solid #181a1e;
}

.evidence-cloud:hover {
    box-shadow: -5px 0px 5px 0px #a1a1a1, 5px 0px 5px 0px #a1a1a1 !important;
    border-radius: 10px !important;
}

.demo-access {
    background: radial-gradient(172.95% 172.95% at 50% -50%, #181A1E 61.14%, #6E9DFB 100%), linear-gradient(180deg, #181A1E 0%, #6E9DFB 100%), #EFEFEF;
    border-radius: 8px;
}

#accordian-1 .fusion-panel {
    border-radius: 8px;
}

/*footer*/

.footer-middle {
    justify-content: center;
}

.fusion-footer-widget-area {
    background-image: linear-gradient(to bottom, #F5F6FA, #6E9DFB);
}

.fusion-footer-copyright-area {
    background-image: url(https://citemedi1dev.wpenginepowered.com/wp-content/uploads/2025/09/CiteMed-Full-White.svg);
    background-repeat: no-repeat;
    background-size: 85%;
    background-position: bottom center;
    background-image: linear-gradient(to bottom, #6E9DFB, #181a1e), url(https://citemedi1dev.wpenginepowered.com/wp-content/uploads/2025/09/CiteMed-Full-White.svg);
}

@media screen and (min-width: 1170px) {
    .fusion-top-header .fusion-header {
        margin: 0px 200px 2px 200px;
        border-radius: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .small-title {
        width: 70% !important;
    }

    .small-title-icons {
        width: 15% !important;
    }
}

@media screen and (min-width: 1025px) {
    .hero.hero-sub {
        background-image: linear-gradient(to bottom, #181a1e 35%, #6E9DFB, #F5F6FA);
    }
}


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

    /* mobile:  */
    .hero.hero-sub {
        background-image:
            url("https://citemedi1dev.wpenginepowered.com/wp-content/uploads/2025/10/lines-11.pn"),
            linear-gradient(to bottom, #0b0d12 0%, #2a3140 50%, #8fa0bd 86%, #ffffff 100%);
        background-position:
            right 40px top 20px,
            center top;
        background-size:
            520px auto,
            100% 100%;
        background-repeat:
            no-repeat,
            no-repeat;
        background-attachment:
            scroll,
            scroll;
        background-origin:
            padding-box,
            padding-box;
        background-clip:
            border-box,
            border-box;
    }

}


@media screen and (max-width: 600px) {
    .vis-hide {
        display: none !important;
    }

    .demo span span {
        display: none;
    }

    .demo {
        padding: 10px 20px !important;
    }

    .hero-buttons>div {
        justify-content: center !important;
    }

    .hero-buttons>div>div {
        margin-top: 10px !important;
    }
}



.vis-hide {
    visibility: hidden;
}



/*  step by step process */

.step-tabs-list ul {
    padding-left: 0px;
    list-style-type: none;
}

.step-tabs-list ul li {
    margin-bottom: 10px;
}


.blue-bullet li::marker {
    font-size: 8px !important;
}

.blue-bullet li span i {
    font-size: 7px;
}

.blue-bullet li span {
    margin-right: 3px !important;
}

.blue-bullet .fusion-li-item-content {
    margin-left: 10px !important;
}

.cc-white-cards>div {
    max-width: 896px !important;
    margin: 0 auto !important;
}

.width-856 {
    max-width: 856px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.width-1296 {
    max-width: 1296px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media screen and (min-width: 1025px) {
    .fusion_builder_column .width-80 {
        width: 80% !important;
    }

    .fusion_builder_column .width-75 {
        width: 75% !important;
    }

    .fusion_builder_column .width-60 {
        width: 60% !important;
    }

    .fusion_builder_column .width-50 {
        width: 50% !important;
    }

    .fusion_builder_column .width-40 {
        width: 40% !important;
    }

    .demo-shift {
        top: -23px;
    }
}

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

    .width-40,
    .width-50,
    .width-60,
    .width-75,
    .width-80 {
        width: 100% !important;
    }
}

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

    .width-40,
    .width-50,
    .width-60,
    .width-75,
    .width-80 {
        width: 70% !important;
    }
}

.built-in-blocks-section>div {
    max-width: 856px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

li.card-build {
    min-height: 437px;
    /* display: flex; */
    /* flex-direction: column; */
}

.card-build-wrap-col>div {
    max-width: 1300px;
    margin: 0 auto !important;
}

/* psuedo borders */


/* tunables */

.feat-nested {
    --c: #DBE2F0;
    /* stroke color   */
    --w: 2px;
    /* stroke width   */
    --r: 10px;
    /* corner radius  */
    --inset: 10px;
    /* distance from verticals to start horizontals */
    --len-top: 10px;
    --len-bot: 10px;
}

.hero-border-col {
    --c: #63666d;
    --w: 2px;
    /* stroke width   */
    --r: 10px;
    /* corner radius  */
    --inset: 10px;
    --len-top: 10px;
    --len-bot: 10px;
}

.feat-nested>div,
.hero-border-col>div {
    position: relative;
    /* remove real borders so we can paint one seamless stroke */
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden;
    /* clips any overpaint */
}

/* Paint the whole frame (both corners + both verticals + top/bottom runs) */
.feat-nested>div::before,
.hero-border-col>div::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        /* quarter-circles */
        radial-gradient(circle at var(--r) var(--r), transparent calc(var(--r) - var(--w)), var(--c) 0 var(--r), transparent 0) left 0 top 0/var(--r) var(--r) no-repeat, radial-gradient(circle at calc(100% - var(--r)) var(--r), transparent calc(var(--r) - var(--w)), var(--c) 0 var(--r), transparent 0) right 0 top 0/var(--r) var(--r) no-repeat, radial-gradient(circle at var(--r) calc(100% - var(--r)), transparent calc(var(--r) - var(--w)), var(--c) 0 var(--r), transparent 0) left 0 bottom 0/var(--r) var(--r) no-repeat, radial-gradient(circle at calc(100% - var(--r)) calc(100% - var(--r)), transparent calc(var(--r) - var(--w)), var(--c) 0 var(--r), transparent 0) right 0 bottom 0/var(--r) var(--r) no-repeat,
        /* vertical strokes (skip the corners vertically) */
        linear-gradient(var(--c), var(--c)) left 0 top var(--r)/var(--w) calc(100% - (2 * var(--r))) no-repeat, linear-gradient(var(--c), var(--c)) right 0 top var(--r)/var(--w) calc(100% - (2 * var(--r))) no-repeat,
        /* horizontal runs */
        linear-gradient(var(--c), var(--c)) left var(--inset) top 0/var(--len-top) var(--w) no-repeat, linear-gradient(var(--c), var(--c)) right var(--inset) top 0/var(--len-top) var(--w) no-repeat, linear-gradient(var(--c), var(--c)) left var(--inset) bottom 0/var(--len-bot) var(--w) no-repeat, linear-gradient(var(--c), var(--c)) right var(--inset) bottom 0/var(--len-bot) var(--w) no-repeat;
}

/* hide those ^^ under desktop */
@media screen and (max-width: 1024px) {
    .hero-border-col>div::before {
        display: none;
    }

    .hero-col-height>div {
        min-height: unset !important;
    }
}

@media screen and (min-width: 1025px) {
    .hero-col-height>div {
        min-height: 760px !important;
    }
}

/* // section 2 cards */

/* Review Headwinds Cards */

.card-rh>div {
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Parent is the flex row */

.cards-row-rh>div {
    display: flex;
}

/* Columns sizing + smooth grow */

.cards-row-rh>div .card-rh {
    display: flex;
    /* let inner fill height */
    flex: 1 1 0;
    transition: flex-grow 0.6s cubic-bezier(.2, .7, .2, 1);
    min-width: 0;
}

.cards-row-rh>div .card-rh>div {
    flex: 1;
}

/* Inner wrapper with two children (top/bottom) */

.card-rh>div>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    flex-wrap: nowrap !important;
}

/* Default: first column 3x */

.cards-row-rh>div .card-rh:first-child {
    flex-grow: 3;
}

/* collapsed by default */

.rh-content {
    display: flex;
    max-height: 0;
    opacity: 0;
    transform: translateY(12px);
    overflow: hidden;
    /* transition: max-height 1s ease, opacity .3s ease, transform 1s ease; */
    transition: max-height 0.6s ease, opacity 0.25s ease, transform 0.6s ease;
    will-change: max-height, opacity, transform;
    flex-direction: column;
}

/* only the active card is wide */

.cards-row-rh>div .card-rh.is-active {
    flex-grow: 3;
}

.card-rh.content-open .rh-content {
    max-height: 600px;
    opacity: 1;
    transform: translateY(0);
}


/* Mobile: stack, disable expansion */

@media screen and (max-width: 992px) {
    .cards-row-rh>div {
        flex-direction: column;
    }

    .cards-row-rh>div .card-rh {
        flex: 1 1 auto;
    }
}

/* -------- rh-content reveal (delayed) -------- */

/* opened only when JS adds .content-open on the card */

.card-rh.content-open .rh-content {
    max-height: 600px;
    /* big enough to hold content */
    opacity: 1;
    transform: translateY(0);
}

/* make the whole card clickable */

.card-rh>div {
    cursor: pointer;
}

/* Safety: ensure card #1 is NOT wide unless it's active */

.cards-row-rh>div .card-rh:first-child:not(.is-active) {
    flex-grow: 1 !important;
}

/* And only the active card is wide */

.cards-row-rh>div .card-rh.is-active {
    flex-grow: 3 !important;
}

.s2-cards- h6 {
    color: #3578FF;
}

/* ============================================================
   Animated border (original + reverse) with tail + glow
   ============================================================ */

/* Base (your original) */

.animated-border-column {
    position: relative;
    border: 1px solid #dbe2f0;
    border-left: none;
    padding: 0;
    overflow: hidden;
}

/* Moving segment — now with a fading tail + soft glow */

.animated-border-column::before {
    content: '';
    position: absolute;
    /* length & thickness of the moving segment */
    width: 40%;
    height: 2px;
    border-radius: 999px;
    /* tail: transparent → solid blue */
    background: linear-gradient(to right, rgba(53, 120, 255, 0) 0%, rgba(53, 120, 255, .35) 40%, rgba(53, 120, 255, .85) 85%, rgba(53, 120, 255, 1) 100%);
    /* glow */
    filter: drop-shadow(0 0 10px rgba(53, 120, 255, .35));
    /* starting position matches your original */
    top: 0;
    left: -100%;
    animation: moveBorderLine 8s linear infinite;
}

/* --------------------------------------------
   CLOCKWISE path (your original keyframes)
   -------------------------------------------- */

@keyframes moveBorderLine {

    /* Top edge: left -> right */
    0% {
        top: 0;
        left: -100%;
        right: auto;
        bottom: auto;
        transform: none;
    }

    25% {
        top: 0;
        left: 100%;
        right: auto;
        bottom: auto;
        transform: none;
    }

    /* Right edge: top -> bottom */
    25.1% {
        top: -100%;
        left: auto;
        right: 0;
        bottom: auto;
        transform: rotate(90deg);
        transform-origin: top right;
    }

    50% {
        top: 100%;
        left: auto;
        right: 0;
        bottom: auto;
        transform: rotate(90deg);
        transform-origin: top right;
    }

    /* Bottom edge: right -> left */
    50.1% {
        top: auto;
        bottom: 0;
        left: 100%;
        right: auto;
        transform: rotate(180deg);
        transform-origin: bottom right;
    }

    75% {
        top: auto;
        bottom: 0;
        left: -100%;
        right: auto;
        transform: rotate(180deg);
        transform-origin: bottom right;
    }

    /* Left edge: bottom -> top */
    75.1% {
        top: 100%;
        left: 0;
        right: auto;
        bottom: auto;
        transform: rotate(270deg);
        transform-origin: bottom left;
    }

    100% {
        top: -100%;
        left: 0;
        right: auto;
        bottom: auto;
        transform: rotate(270deg);
        transform-origin: bottom left;
    }
}

/* ============================================================
   REVERSE (counter-clockwise) variants for RIGHT column
   ============================================================ */

/* Top-right box: run along TOP from right -> left, then DOWN the LEFT side */

.animated-border-column--rtl::before {
    animation-name: moveBorderLineReverse;
}

/* Bottom-right box: run along BOTTOM from right -> left, then UP the LEFT side */

.animated-border-column--rtl-bottom::before {
    animation-name: moveBorderLineReverseBottom;
}

/* --------------------------------------------
   COUNTER-CLOCKWISE (top start)
   -------------------------------------------- */

@keyframes moveBorderLineReverse {

    /* Top edge: right -> left */
    0% {
        top: 0;
        right: -100%;
        left: auto;
        bottom: auto;
        transform: none;
    }

    25% {
        top: 0;
        right: 100%;
        left: auto;
        bottom: auto;
        transform: none;
    }

    /* Left edge: top -> bottom */
    25.1% {
        top: -100%;
        left: 0;
        right: auto;
        bottom: auto;
        transform: rotate(-90deg);
        transform-origin: top left;
    }

    50% {
        top: 100%;
        left: 0;
        right: auto;
        bottom: auto;
        transform: rotate(-90deg);
        transform-origin: top left;
    }

    /* Bottom edge: left -> right */
    50.1% {
        top: auto;
        bottom: 0;
        right: 100%;
        left: auto;
        transform: rotate(-180deg);
        transform-origin: bottom left;
    }

    75% {
        top: auto;
        bottom: 0;
        right: -100%;
        left: auto;
        transform: rotate(-180deg);
        transform-origin: bottom left;
    }

    /* Right edge: bottom -> top */
    75.1% {
        top: 100%;
        right: 0;
        left: auto;
        bottom: auto;
        transform: rotate(-270deg);
        transform-origin: bottom right;
    }

    100% {
        top: -100%;
        right: 0;
        left: auto;
        bottom: auto;
        transform: rotate(-270deg);
        transform-origin: bottom right;
    }
}

/* --------------------------------------------
   COUNTER-CLOCKWISE (bottom start)
   -------------------------------------------- */

@keyframes moveBorderLineReverseBottom {

    /* Bottom edge: right -> left */
    0% {
        bottom: 0;
        top: auto;
        right: -100%;
        left: auto;
        transform: rotate(180deg);
    }

    25% {
        bottom: 0;
        top: auto;
        right: 100%;
        left: auto;
        transform: rotate(180deg);
    }

    /* Left edge: bottom -> top */
    25.1% {
        left: 0;
        right: auto;
        top: 100%;
        bottom: auto;
        transform: rotate(-270deg);
        transform-origin: bottom left;
    }

    50% {
        left: 0;
        right: auto;
        top: -100%;
        bottom: auto;
        transform: rotate(-270deg);
        transform-origin: bottom left;
    }

    /* Top edge: left -> right */
    50.1% {
        top: 0;
        bottom: auto;
        left: -100%;
        right: auto;
        transform: none;
    }

    75% {
        top: 0;
        bottom: auto;
        left: 100%;
        right: auto;
        transform: none;
    }

    /* Right edge: top -> bottom */
    75.1% {
        top: -100%;
        left: auto;
        right: 0;
        bottom: auto;
        transform: rotate(90deg);
        transform-origin: top right;
    }

    100% {
        top: 100%;
        left: auto;
        right: 0;
        bottom: auto;
        transform: rotate(90deg);
        transform-origin: top right;
    }
}

/* ============================================================
   Delay utility — add to any block to start 1s later
   ============================================================ */

.animated-border-delay-1s::before {
    animation-delay: 1s !important;
}



/* secion 2 cardson home, other places on other pages */

.card-build>div {}

.card-build-wrap-col .post-card {
    height: 100% !important;
}

.fusion_builder_column .margin-auto,
.margin-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* from home page settings CSS */

.hero.hero-lit {
    background-image: linear-gradient(to bottom, #181a1e 35%, #6E9DFB, #F5F6FA);
}




.hero-background {
    min-height: 860px;
}

.funnel-section {
    min-height: 1000px;
}

.fusion-body .fusion-flex-container.fusion-builder-row-7 {
    border-radius: 0px 0px 0 0 !important;
}

.why-citemed {
    background-image: linear-gradient(to bottom, #181a1e, #6E9DFB, #F5F6FA);
}

.about-gradient-bg {
    background-image: linear-gradient(to bottom, #97aee0, #F5F6FA) !important;
}

.about-gradient-bg-hero {
    background-image: linear-gradient(to bottom, #d6e3ff, #F5F6FA) !important;
}

.card-r {
    margin-bottom: 10px;
}

.side-icons-title h6 img:first-child {
    margin-right: 15px !important;
    margin-left: 0px !important;
}

.side-icons-title h6 img:nth-child(2) {
    margin-left: 15px !important;
    margin-right: 0px !important
}

.side-icons-title h6 img:first-child,
.side-icons-title h6 img:nth-child(2) {
    margin-top: 4px !important;
    margin-bottom: 0px !important;
}


.hero-home-buttons-wrap-col .fusion-layout-column {
    cursor: pointer;
}

.layout-wide-mode #wrapper {
    background-color: #181a1e;
}


header.fusion-header-wrapper.fusion-header-shadow {
    background-color: #17191d;
}


/* dark demo block in center section */
@media screen and (max-width: 1024px) {

    .demo-center-blocks h4 {
        font-size: 16px !important;
    }

    .demo-center-blocks p {
        font-size: 14px !important;
    }

    .demo-center-blocks>.fusion-builder-row>div:first-child>div>div>div:first-child,
    .demo-center-blocks>.fusion-builder-row>div:first-child>div>div>div:nth-child(2),
    .demo-center-blocks>.fusion-builder-row>div:first-child>div>div>div:nth-child(4),
    .demo-center-blocks>.fusion-builder-row>div:first-child>div>div>div:nth-child(6),
    .demo-center-blocks>.fusion-builder-row>div:first-child>div>div>div:nth-child(7) {
        display: none;
    }

    .demo-center-blocks>.fusion-builder-row>div:nth-child(2)>div>div>div:nth-child(2),
    .demo-center-blocks>.fusion-builder-row>div:nth-child(2)>div>div>div:nth-child(4) {
        display: none;
    }

    .demo-center-blocks>.fusion-builder-row>div:nth-child(3)>div>div>div:nth-child(1),
    .demo-center-blocks>.fusion-builder-row>div:nth-child(3)>div>div>div:nth-child(2),
    .demo-center-blocks>.fusion-builder-row>div:nth-child(3)>div>div>div:nth-child(4),
    .demo-center-blocks>.fusion-builder-row>div:nth-child(3)>div>div>div:nth-child(6),
    .demo-center-blocks>.fusion-builder-row>div:nth-child(3)>div>div>div:nth-child(7) {
        display: none;
    }

    .demo-center-blocks>.fusion-builder-row>div>div>div>div {
        margin-bottom: 15px;
    }
}



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

    .demo-center-blocks>.fusion-builder-row>div:nth-child(2)>div>div>div:nth-child(3) div,
    .demo-center-blocks>.fusion-builder-row>div:nth-child(2)>div>div>div:nth-child(3) h3 {
        text-align: left !important;
        padding-left: 20px;
    }
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    .demo-center-blocks h3 {
        font-size: 20px !important;
    }
}


.person-col-el {
    height: 600px;
}

.header-main>div {
    /* max-width: 856px !important; */
    /* margin: 0 auto !important; */
    background-color: #2D3139;
    border-radius: 8px;
}

.header-main {
    margin-top: 5px !important;
}

.header-light li#menu-item-8074 a span {
    color: #fff;
}

.header-light>div {
    background-color: #fff;
}

.header-light button.awb-menu__m-toggle.awb-menu__m-toggle_no-text {
    color: #181A1E;
}

@media screen and (max-width: 1024px) {
    .hero-home-buttons-wrap-col>div>div>div {
        margin: 0 auto 7px;
    }

}


.benefits-tabs .fusion-title {
    margin-bottom: 0px !important;
}

span.trademark-text {
    font-size: 23px;
    position: absolute;
    top: 26px;
}

/* main menu demo button */
li#menu-item-8074 {
    display: none;
}

/* hv2 */
li.demo-menu-btn.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-8074.awb-menu__li.awb-menu__main-li.awb-menu__main-li_regular {
    display: none;
}

@media screen and (max-width: 1024px) {
    .menu-wrap .fusion-flex-justify-content-center {
        justify-content: end;
    }

    .fusion-flex-container .fusion-row .fusion-flex-column.menu-cta-wrap {
        display: none;
    }

    .menu-logo-wrap>div {
        border: 0px !important;
    }

    li.demo-menu-btn {
        display: block !important;
        /* background-color: #fff !important; */
    }

    li.demo-menu-btn span {
        display: block !important;
        background-color: #fff !important;
    }

    li.demo-menu-btn a span {
        color: #181a1e;
    }

    ul#menu-main-menu-1 {
        padding: 5px 0 30px;
    }

}