@font-face {
        font-family: 'Abhaya Libre';
        src: url('../fonts/AbhayaLibre-Regular.woff2') format('woff2');
        font-style: normal;
        font-display: swap;
        font-weight: 400;
    }

    @font-face {
        font-family: 'Abhaya Libre';
        src: url('../fonts/AbhayaLibre-Medium.woff2') format('woff2');
        font-style: normal;
        font-display: swap;
        font-weight: 500;
    }

    @font-face {
        font-family: 'Abhaya Libre';
        src: url('../fonts/AbhayaLibre-SemiBold.woff2') format('woff2');
        font-style: normal;
        font-display: swap;
        font-weight: 600;
    }

    @font-face {
        font-family: 'Abhaya Libre';
        src: url('../fonts/AbhayaLibre-Bold.woff2') format('woff2');
        font-style: normal;
        font-display: swap;
        font-weight: 700;
    }



    :root {
        --highlight-color: #C8A56E;
    }

    .heighlight-color {
        color: var(--highlight-color);
    }

    .ekit-template-content-header.scroll-active {
        position: fixed !important;
        width: 100% !important;
        z-index: 999;
        transition: 1s all;
        box-shadow: 1px 2px 10px -4px #fafcffcf;
    }

    .elementskit-navbar-nav-default .elementskit-nav-identity-panel button.elementskit-menu-close {
        font-size: 20px !important;
    }

    button.elementskit-menu-hamburger svg {
        fill: #fff;
        ;
    }

    .socail-icon span.elementor-grid-item:hover a {
        background-color: var(--e-global-color-9361a06) !important;
    }

    .socail-icon span.elementor-grid-item:hover a svg {
        fill: #0a1e37 !important;
    }

    .equal-height .elementor-widget-heading .elementor-heading-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 60px;
    }

    .equal-height-icon-box .elementor-icon-box-wrapper .elementor-icon-box-title span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 60px;
    }

    .leanding-header.scroll-active {
        position: fixed !important;
        width: 100% !important;
        z-index: 999;
        transition: 1s all;
        box-shadow: 1px 2px 10px -4px #fafcffcf;
    }

    #menu-landing-page li:last-child a {
        border: 0px;
    }

    @media(max-width:660px) {
        .equal-height .elementor-widget-heading .elementor-heading-title {
            height: auto;
        }

        .sechdulebutton span.elementor-button-text {
            font-size: 0px;
        }

        .sechdulebutton a {
            padding: 10px !important;
            display: flex;
            justify-content: center;
        }

        .sechdulebutton a span svg {
            display: flex;
            font-size: 18px;
            text-align: end;
        }

        .sechdulebutton a span {
            gap: 0px !important;
        }

        .call-phone-icon span.elementor-button-text {
            display: none;
        }

        .call-phone-icon span.elementor-button-icon svg {
            font-size: 24px;
        }

        .call-phone-icon a {
            padding: 0px !important;
        }
    }

    @media(min-width:1920px) {
        .hero-setion {
            background-size: 60% !important;
        }

        .bg-image {
            background-size: 42% !important;
        }
    }

    @media(max-width:1280px) {
        .equal-height-icon-box .elementor-icon-box-wrapper .elementor-icon-box-title span {
            height: auto;
        }
    }

    @media(max-width:560px) {
        .equal-height .elementor-widget-heading .elementor-heading-title {
            height: auto;
        }
    }

    @media(max-width:1024px) and (min-width:768px) {
        .equal-height .elementor-widget-heading .elementor-heading-title {
            height: auto;
        }
    }

    .lang-switcher {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .lang-switcher-btn {
        background-color: #0a1e37 !important;
        color: #fff;
        border: none;
        border-radius: 30px;
        padding: 10px 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        width: 100% !important;
    }

    .lang-switcher-btn:hover {
        color: #fff;
    }

    .lang-switcher-btn img {
        width: 18px;
        height: auto;
    }

    .lang-switcher-dropdown {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #0a1e36;
        box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
        z-index: 999;
        right: 0px;
        border: 1px solid rgb(199 197 197 / 55%);
        border-radius: 11px;
    }

    .lang-switcher:hover .lang-switcher-dropdown {
        display: block;
        overflow: hidden;
    }

    .lang-switcher-dropdown a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 15px;
        color: #ffffff;
        text-decoration: none;
    }

    .lang-switcher-dropdown a:hover {
        background: #f5f5f5;
    }

    .lang-switcher-dropdown img {
        width: 18px;
    }

    .custom-language-switcher {
        position: relative;
        display: inline-block;
    }

    .custom-language-switcher>.lang-toggle {
        background: transparent;
        border: none;
        color: #fff;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        padding: 0;
        font-size: 14px;
    }

    .custom-language-switcher>.lang-toggle img {
        width: 20px;
        height: auto;
    }

    .custom-language-switcher>.lang-toggle>.arrow {
        font-size: 10px;
        transition: 0.3s;
    }

    .custom-language-switcher:hover>.lang-toggle>.arrow {
        transform: rotate(180deg);
    }

    .custom-language-switcher>.lang-dropdown {
        position: absolute;
        top: calc(100% + 10px);
        left: 0;
        min-width: 180px;
        background: #04254d;
        border-radius: 14px;
        padding: 10px 0;
        box-shadow: 0 10px 25px rgba(0, 0, 0, .25);
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
        z-index: 9999;
    }

    .custom-language-switcher:hover>.lang-dropdown {
        opacity: 1;
        visibility: visible;
    }

    .custom-language-switcher>.lang-dropdown>.lang-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 20px;
        color: #fff;
        text-decoration: none;
    }

    .custom-language-switcher>.lang-dropdown>.lang-item img {
        width: 20px;
        height: auto;
    }

    .custom-language-switcher>.lang-dropdown>.lang-item:hover {
        background: rgba(255, 255, 255, .08);
    }

    .lang-es .header-mobile-menu-en,
    .lang-en .header-mobile-menu-es,
    .lang-es .menu-button-en,
    .lang-en .menu-button-es {
        display: none;
    }

    @media(max-width:1920px) and (min-width:1600px) {
        .our-practice-page {
            background-size: 40% !important;
        }
    }

    .lang-en.page-division-de-lesiones-personales .ekit-template-content-header,
    .lang-en.page-division-de-derecho-de-familia .ekit-template-content-header,
    .lang-en.page-division-nacional-de-derecho-de-inmigracion .ekit-template-content-header {
        display: none;
    }

    @media (min-width:1921px) {
        body .let-protect-section {
            background-size: 60% !important;
        }
    }

    @media (max-width:600px) {
        body .arrow-forward {
            right: auto !important;
            left: auto !important;
            position: absolute;
        }
    }

    @media (max-width:1280px) and (min-width:660px) {
        .form-section iframe {
            height: 438px !important;
        }
    }

    @media (max-width:659px) and (min-width:510px) {
        .form-section iframe {
            height: 510px !important;
        }
    }

    @media (min-width:1800px) {
        .form-section iframe {
            height: 620px !important;
        }
    }

    .icon-color .elementor-icon-box-icon svg {
        filter: brightness(0) saturate(100%) invert(50%) sepia(48%) saturate(266%) hue-rotate(358deg) brightness(97%) contrast(91%);
    }

    @media (max-width:1280px) {
        .banner-image::before {
            opacity: 0.7;
        }
    }

    .page-family-law .ekit-template-content-footer .e-con-inner,
    .page-immigration-law .ekit-template-content-footer .e-con-inner,
    .page-personal-injury-law .ekit-template-content-footer .e-con-inner {
        max-width: 1500px !important;
        grid-template-columns: 1.5fr 1fr 1fr;
        gap: 60px;
    }

    .ekit-sidebar-group.info-group.ekit-slide.ekit_isActive a.ekit_close-side-widget {
        top: 42px !important;
    }

    .offcanvas-menu-open {
        overflow: hidden;
    }

    .ekit-wid-con .ekit-sidebar-group.ekit_isActive .ekit-overlay {
        pointer-events: none !important;
    }

    .lang-en.page-division-de-derecho-de-familia .ekit-template-content-footer .e-con-inner,
    .lang-en.page-division-de-lesiones-personales .ekit-template-content-footer .e-con-inner,
    .lang-en.page-division-nacional-de-derecho-de-inmigracion .ekit-template-content-footer .e-con-inner {
        max-width: 1500px;
        grid-template-columns: 1.5fr 1fr 1fr;
        gap: 60px;
    }

    .lang-en.page-division-de-derecho-de-familia .ekit-template-content-footer .e-con-inner .quick-links,
    .lang-en.page-division-de-lesiones-personales .ekit-template-content-footer .e-con-inner .quick-links,
    .lang-en.page-division-nacional-de-derecho-de-inmigracion .ekit-template-content-footer .e-con-inner .quick-links,
    .page-family-law .ekit-template-content-footer .e-con-inner .quick-links,
    .page-immigration-law .ekit-template-content-footer .e-con-inner .quick-links,
    .page-personal-injury-law .ekit-template-content-footer .e-con-inner .quick-links {
        display: none
    }

    @media (max-width:992px) and (min-width:661px) {

        .lang-en.page-division-de-derecho-de-familia .ekit-template-content-footer .e-con-inner,
        .lang-en.page-division-de-lesiones-personales .ekit-template-content-footer .e-con-inner,
        .lang-en.page-division-nacional-de-derecho-de-inmigracion .ekit-template-content-footer .e-con-inner,
        .page-family-law .ekit-template-content-footer .e-con-inner,
        .page-immigration-law .ekit-template-content-footer .e-con-inner,
        .page-personal-injury-law .ekit-template-content-footer .e-con-inner {
            grid-template-columns: 1fr 1fr;
            gap: 40px;
        }

        .lang-en.page-division-de-derecho-de-familia .ekit-template-content-footer .e-con-inner>div:first-child,
        .lang-en.page-division-de-lesiones-personales .ekit-template-content-footer .e-con-inner>div:first-child,
        .lang-en.page-division-nacional-de-derecho-de-inmigracion .ekit-template-content-footer .e-con-inner>div:first-child,
        .page-family-law .ekit-template-content-footer .e-con-inner>div:first-child,
        .page-immigration-law .ekit-template-content-footer .e-con-inner>div:first-child,
        .page-personal-injury-law .ekit-template-content-footer .e-con-inner>div:first-child {
            grid-column: 1 / -1;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

    }

    @media (max-width:660px) {

        .lang-en.page-division-de-derecho-de-familia .ekit-template-content-footer .e-con-inner,
        .lang-en.page-division-de-lesiones-personales .ekit-template-content-footer .e-con-inner,
        .lang-en.page-division-nacional-de-derecho-de-inmigracion .ekit-template-content-footer .e-con-inner,
        .page-family-law .ekit-template-content-footer .e-con-inner,
        .page-immigration-law .ekit-template-content-footer .e-con-inner,
        .page-personal-injury-law .ekit-template-content-footer .e-con-inner {
            grid-template-columns: 1fr;
            gap: 20px;
        }
    }


    /* Arrow between progress steps */
    .progress_path .progress_icon {
        position: relative;
    }

    .progress_path .progress_icon:not(:last-child)::after {
        content: '→';
        position: absolute;
        top: 25%;
        right: 40px;
        transform: translateY(-50%);
        font-size: 55px;
        color:
            #001B36;
        line-height: 1;
        z-index: 1;
    }

    .icon-images {
        left: auto;
        width: fit-content;
        display: flex;
        justify-content: center;
        right: auto;
        bottom: 15px;
    }

    @media (max-width: 1280px) {
        .progress_path .progress_icon:not(:last-child)::after {
            content: none;
            display: none;
        }
    }

    /* Hide Nationwide Representation on ALL pages by default */
    #show-immigration-law {
        display: none !important;
    }

    /* Show Nationwide Representation ONLY on immigration-law page (English) */
    body.page-immigration-law #show-immigration-law {
        display: flex !important;
    }

    /* Hide California Representation ONLY on immigration-law page (English) */
    body.page-immigration-law #hide-immigration-law {
        display: none !important;
    }

    /* Show Nationwide Representation ONLY on Spanish immigration-law page */
    body.page-division-nacional-de-derecho-de-inmigracion #show-immigration-law {
        display: flex !important;
    }

    /* Hide California Representation ONLY on Spanish immigration-law page */
    body.page-division-nacional-de-derecho-de-inmigracion #hide-immigration-law {
        display: none !important;
    }

    .ekit-overlay,
    .ekit-bg-black {
        -webkit-transition: none !important;
        transition: none !important;
    }