
    .menuBg > .container {
        padding: var(--spacing-none);
    }

    .menuBg.fixedTop {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 99;
        left: 0;
    }

    .menuBg.preventScrolling {
        position: unset;
    }

    .menuBg .navbarCustom {
        padding: var(--spacing-none);
        background-color: var(--colors-white) !important;
        height: 70px;
    }

        .menuBg .navbarCustom .searchBNT {
            padding-right: var(--spacing-lg) !important;
        }

            .menuBg .navbarCustom .searchBNT button {
                background: unset;
                border: unset;
                height: 100%;
                padding: var(--spacing-none);
                border-left: 1px solid rgba(167, 173, 174, 0.5);
                padding-left: var(--spacing-4xl);
                border-radius: unset;
                max-width: 60px;
            }

                .menuBg .navbarCustom .searchBNT button:focus, .menuBg .navbarCustom .searchBNT button:active {
                    border-left: 1px solid rgba(167, 173, 174, 0.5);
                    background: unset;
                    outline: none;
                    -webkit-box-shadow: unset;
                    box-shadow: unset;
                }

        .menuBg .navbarCustom .nav-item .nav-link, .header-action button, .header-action a {
            display: flex;
            height: 72px;
            padding: var(--spacing-md) var(--spacing-xl);
            justify-content: center;
            align-items: center;
            gap: var(--spacing-xs, 4px);
            font-size: var(--Text-mdF);
            line-height: var(--Text-mdL);
            font-weight: 500;
            text-align: right;
            font-style: normal;
            color: var(--colors-title-Default) !important;
            font-family: var(--IBMPlexSansAR-M);
            border-radius: var(--spacing-xs);
            position: relative;
            border: 0;
            background: transparent;
            text-decoration:none !important;
            margin:var(--spacing-none);
        }

        .menuBg .navbarCustom .nav-item.parent-active .nav-link {
            color: var(--colors-white) !important;
            text-decoration: none !important;
            outline: 0;
        }


        .menuBg .navbarCustom .nav-item.dropdown .nav-link::after {
            content: "";
            width: 24px;
            height: 24px;
            background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%23161616"/></svg>');
            fill: var(--colors-gray-950);
            display: inline-block;
            border-top: 0;
            background-repeat: no-repeat;
            margin: .255em; 
            transition: .3s; 
        }

        .menuBg .navbarCustom .nav-item.show .nav-link::after {
            rotate: 180deg; 
        }


.Menu-Items .ms-core-listMenu-horizontalBox .ms-core-listMenu-root li a.static.selected:after, .text-muted-link.active:after {
    background-color: var(--colors-brand-400) ;
}

#header-searchBTN.active img {
    filter: invert(1); 
}

.menuBg .navbarCustom .dropdown-menuTop {
    background-color: #eef2f5 !important;
    -webkit-box-shadow: 0 45px 45px rgba(0, 52, 98, 0.15);
    box-shadow: 0 45px 45px rgba(0, 52, 98, 0.15);
    border: unset;
    padding: var(--spacing-none);
    top: 72px !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    box-shadow: none;
    list-style: none;
    padding: var(--spacing-4xl);
    gap: var(--spacing-3xl);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: var(--spacing-md) var(--spacing-xl);
}

    .menuBg .navbarCustom .dropdown-menuTop li:hover {
        text-decoration: underline; 
        background-color: var(--colors-gray-100);
        border-radius: 4px;
        transition: background-color 0.3s ease-in-out; 
    }

    .menuBg .navbarCustom .dropdown-menuTop li :link {
        color: var(--colors-gray-950) !important;
        text-decoration: none !important;
        font-weight: 500;
    }

    .menuBg .navbarCustom .dropdown-menuTop .row {
        margin-right: var(--spacing-none);
        margin-left: var(--spacing-none);
        width: 100%;
    }

.menuBg .navbarCustom .colMenu {
    text-align: right;
    padding-right: var(--spacing-none);
    margin-top: var(--spacing-5xl);
}

    .menuBg .navbarCustom .colMenu h4 {
        font-size: var(--Text-xlF);
        color: var(--themes-text-text-primary);
        font-family: var(--IBMPlexSansAR-R);
        margin-bottom: var(--spacing-2xl);
    }

        .menuBg .navbarCustom .colMenu h4::after {
            width: 7px;
            right: -15px;
        }

    .menuBg .navbarCustom .colMenu ul {
        list-style: none;
        padding: var(--spacing-none);
    }

        .menuBg .navbarCustom .colMenu ul li a {
            color: var(--themes-text-text-primary);
            font-size: var(--Text-mdF);
            font-family: var(--IBMPlexSansAR-R);
            margin-bottom: var(--spacing-xs);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: var(--spacing-xs) var(--spacing-lg);
        }

            .menuBg .navbarCustom .colMenu ul li a:hover {
                background-color: var(--themes-text-text-primary);
                -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
                color: var(--colors-white);
            }

.menuBg .navbarCustom .navbar-brand {
    max-height: 95px;
    padding: var(--spacing-none);
    margin: var(--spacing-none);
}

.menuBg .navbarCustom .dropdown-menuTop div[class*="col"] {
    margin-bottom: var(--spacing-2xl);
}

@media screen and (min-width: 992px) {
    body .navbarCustom .dropdown-menuTop {
        top: 143px;
    }

    body .fixedTop .navbarCustom .dropdown-menuTop {
        top: 71px;
    }

    .navbarCustom {
        padding-top: var(--spacing-none);
        padding-bottom: var(--spacing-none);
        position: unset;
    }

        .navbarCustom .dropdown-menuTop {
            width: 10%;
            left: 0;
            right: 0;
            top: 45px;
            display: block;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: visibility 0s, opacity 0.3s linear;
            transition: visibility 0s, opacity 0.3s linear;
        }

        .navbarCustom .dropdown {
            position: static;
        }

            .navbarCustom .dropdown:hover .dropdown-menuTop {
                display: flex;
                visibility: visible;
                opacity: 1;
                -webkit-transition: visibility 0s, opacity 0.3s linear;
                transition: visibility 0s, opacity 0.3s linear;
                top: 71px !important;
                right: 0 !important;
                left: 0 !important;
                width: 100% !important;
                box-shadow: none;
                list-style: none;
                padding: var(--spacing-4xl);
                gap: var(--spacing-3xl);
                display: grid;
                grid-template-columns: repeat(4, 1fr);
            }

    ul.dropdown-menuTop li {
        padding: var(--spacing-md) var(--spacing-xl);
    }


    .navbarCustom .dropdown .dropdown-menuTop:hover {
        opacity: 1;
        -webkit-transition: visibility 0s, opacity 0.3s linear;
        transition: visibility 0s, opacity 0.3s linear;
    }

    .navbarCustom .dropdown-menuTop {
        border: 1px solid rgba(0, 0, 0, 0.15);
        background-color: var(--colors-white);
    }
}

.menuBg {
    border-bottom: 2px solid var(--primitives-colors-neutral-300);
}

        .menuBg .navbarCustom .navbar-brand.borderWidth img {
            height: 50px;
            border-right: 1px solid rgba(167, 173, 174, 0.5);
        }

        .menuBg .navbarCustom .searchBNT button {
            border-left: unset !important;
            padding-inline: var(--spacing-md);
            position: relative;
        }

            .menuBg .navbarCustom .searchBNT button::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 10%;
                width: 80%;
                height: 6px;
                background: transparent;
                border-radius: 50px;
                z-index: 99;
            }

            .menuBg .navbarCustom .searchBNT button:hover {
                background-color: var(--primitives-colors-neutral-100) !important;
            }

                .menuBg .navbarCustom .searchBNT button:hover::before {
                    background: var(--themes-background-background-neutral-400);
                }

        .menuBg .navbarCustom .colMenu {
            margin-block: var(--spacing-4xl) !important;
        }

            .menuBg .navbarCustom .colMenu h4 {
                font-size: var(--text-lg-bold-font-size);
                line-height: var(--text-lg-bold-line-height);
                margin-bottom: var(--primitives-spacing-3-12px);
                padding-inline: var(--primitives-spacing-4-16px);
                color: var(--themes-text-text-primary);
            }

                .menuBg .navbarCustom .colMenu h4 a {
                    color: var(--themes-text-text-primary) !important;
                    font-size: var(--text-lg-bold-font-size);
                    line-height: var(--text-lg-bold-line-height);
                    font-weight: var(--display-md-bold-font-weight);
                }

                .menuBg .navbarCustom .colMenu h4::after {
                    display: none;
                }

            .menuBg .navbarCustom .colMenu ul li a {
                color: var(--primitives-colors-neutral-800) !important;
                padding: var(--spacing-md) var(--spacing-xl);
                font-size: var(--text-md-medium-font-size);
                line-height: var(--text-md-regular-line-height);
                margin-bottom: var(--spacing-xs);
                font-weight: var(--text-sm-medium-font-weight);
                border-radius: var(--radius-radius-md);
            }

                .menuBg .navbarCustom .colMenu ul li a:visited {
                    color: var(--themes-text-text-primary);
                }

                .menuBg .navbarCustom .colMenu ul li a:hover {
                    color: var(--primitives-colors-neutral-800) !important;
                    background-color: var(--nav-link-hover);
                    text-decoration: underline !important;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                .menuBg .navbarCustom .colMenu ul li a:active {
                    background-color: var(--nav-link-active);
                    text-decoration: underline !important;
                }

                .menuBg .navbarCustom .colMenu ul li a:focus {
                    background-color: var(--colors-gray-200);
                    text-decoration: underline !important;
                }

                .menuBg .navbarCustom .colMenu ul li a:focus-visible {
                    outline: 2px solid var(--primitives-colors-base-black);
                    text-decoration: underline !important;
                    background-color: transparent;
                }

                .menuBg .navbarCustom .colMenu ul li a:focus:focus-visible {
                    background-color: transparent;
                }


@media (max-width: 767px) {

    .tabsCustom .nav-item .nav-link {
        margin: var(--spacing-none);
    }
}

@media (max-width: 992px) {
    .servicesBg .col-md-6 {
        margin-bottom: var(--spacing-3xl);
    }

    .menuBg .navbarCustom .dropdown-menuTop {
        padding-top: var(--spacing-xxs);
    }
}

html[dir="ltr"] .inner .ministry-card .btns-box .ministry-more img,
html[dir="ltr"] .inner .partners-list .partners-card .btns-box .ministry-more img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

html[dir="ltr"] .patternIcon::after, html[dir="ltr"] .menuBg .navbarCustom .colMenu h4::after, .menuBg .navbarCustom .colMenu html[dir="ltr"] h4::after, html[dir="ltr"] .servicesBg .sevBob:hover h3::after, .servicesBg .sevBob:hover html[dir="ltr"] h3::after,
html[dir="ltr"] .menuBg .navbarCustom .colMenu h4::after,
html[dir="ltr"] .servicesBg .sevBob:hover h3::after,
html[dir="ltr"] .menuBg .navbarCustom .colMenu h4::after,
html[dir="ltr"] .servicesBg .sevBob:hover h3::after {
    border-radius: 0 15px 0 15px;
}

html[dir="ltr"] .breadcrumbSec .patternIcon, html[dir="ltr"] .breadcrumbSec .menuBg .navbarCustom .colMenu h4, .menuBg .navbarCustom .colMenu html[dir="ltr"] .breadcrumbSec h4, html[dir="ltr"] .breadcrumbSec .servicesBg .sevBob:hover h3, .servicesBg .sevBob:hover html[dir="ltr"] .breadcrumbSec h3,
html[dir="ltr"] .breadcrumbSec .menuBg .navbarCustom .colMenu h4,
html[dir="ltr"] .menuBg .navbarCustom .colMenu .breadcrumbSec h4,
html[dir="ltr"] .breadcrumbSec .servicesBg .sevBob:hover h3,
html[dir="ltr"] .servicesBg .sevBob:hover .breadcrumbSec h3 {
    -webkit-transform: translate(30px);
    transform: translate(30px);
}

body.contrast .menuBg:not(.fixedTop) {
    position: relative;
    z-index: 5;
}

    body.contrast .menuBg:not(.fixedTop) .navbarCustom .dropdown-menuTop {
        top: 95px;
    }

.menuBg .navbarCustom .navbar-brand.borderWidth img {
    max-width: unset;
    height: 70px;
    width: 120px;
}

.menuBg .navbarCustom .nav-item:nth-of-type(2) .row .col-lg-3:last-of-type h4 {
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}


@media (max-width: 1400px) {
    .menuBg .navbarCustom .navbar-brand.borderWidth img {
        height: 52px;
        width: 70px;
        max-width: unset;
    }

    .menuBg .navbarCustom .nav-item:nth-of-type(3) .row .col-lg-3,
    .menuBg .navbarCustom .nav-item:nth-of-type(5) .row .col-lg-3 {
        width: auto;
    }

    [dir="ltr"] .menuBg .navbarCustom .nav-item .nav-link {
        font-size: var(--Text-smF) !important;
    }
}

@media (max-width: 1200px) {

    .menuBg .navbarCustom .colMenu h4 a {
        font-size: var(--Text-mdF) var(--Text-mdF);
    }

    .menuBg .navbarCustom .colMenu ul li a {
        font-size: var(--Text-smF);
    }

    #mainForm.col-md-7.search-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}

.menuBg .navbarCustom .nav-item:nth-of-type(2) .row .col-lg-3:last-of-type h4 {
    text-align: right;
}

    .menuBg .navbarCustom .nav-item .nav-link:hover, .text-muted-link:hover {
        background-color: var(--colors-gray-100);
    }

    .menuBg .navbarCustom .nav-item .nav-link:hover::before {
        background-color: var(--colors-gray-400);
    }

    .menuBg .navbarCustom .nav-item .nav-link:active, .text-muted-link:active {
        background-color: var(--colors-gray-200);
        outline: 0;
    }

    .menuBg .navbarCustom .nav-item .nav-link:active::before,.show .nav-link:active::before  {
         background-color: var(--colors-gray-800);
    }

.menuBg .navbarCustom > .navbar-brand {
    -webkit-margin-end: var(--spacing-xl);
    margin-inline-end: var(--spacing-xl);
}

.menuBg:before {
    background-color: var(--themes-background-background-primary-400);
}

@media (max-width: 990px) {
    .menuBg .navbarCustom .nav-item:nth-last-of-type(3) {
        margin-left: var(--spacing-none);
    }
}

@media (max-width: 600px) {
    html[dir="ltr"] .menuBg:before {
        left: -27px;
    }

    .menuBg .navbarCustom .nav-item:nth-of-type(2) .row .col-lg-3:last-of-type h4 {
        text-align: start !important;
    }
}

.menuBg .navbarCustom .dropdown-menuTop {
    background-color: var(--colors-white) !important;
    position: absolute;
}

    .menuBg .navbarCustom .nav-item.show .nav-link::before {
        background-color: var(--colors-gray-400);
    }

.menuBg .navbarCustom .nav-item .nav-link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    height: 6px;
    background-color: transparent;
    border-radius: 50px;
}

.menuBg .navbarCustom .nav-item .nav-link.active {
    color: var(--colors-white) !important;
    background-color: var(--primitives-colors-primary-SA-flag-600-primary);
    padding-inline: var(--spacing-xl);
}

    .menuBg .navbarCustom .nav-item .nav-link.active::before {
        background-color: var(--primitives-colors-primary-SA-flag-400);
    }

    .menuBg .navbarCustom .nav-item .nav-link.active::after {
        -webkit-filter: invert(1) brightness(4);
        filter: invert(1) brightness(4);
    }

    .menuBg .navbarCustom .nav-item .nav-link.active:hover {
        background-color: var(--primitives-colors-primary-SA-flag-700);
    }

    .menuBg .navbarCustom .nav-item .nav-link.active:active {
        background-color: var(--colors-brand-900);
    }

    .menuBg .navbarCustom .nav-item .nav-link.active:focus, .menuBg .navbarCustom .nav-item .nav-link.active:focus-visible {
        border: 2px solid var(--colors-white) !important;
        outline: 2px solid var(--themes-text-text-default) !important;
        outline-offset: -1px;
    }


.dropdown-menuTop.show {
    visibility: visible !important;
    opacity: 1 !important;
}

/* ---- AR ----- */



@media (min-width: 993px) and (max-width: 1600px) {
    .menuBg .navbarCustom .nav-item {
        padding: var(--spacing-none);
        margin: var(--spacing-none);
        padding-right: var(--spacing-none);
    }

    .menuBg .navbarCustom .searchBNT button {
        padding-left: var(--spacing-lg);
    }

    .menuBg .navbarCustom > .navbar-brand img {
        max-width: 190px;
    }

    .menuBg .navbarCustom .borderWidth img {
        width: 100px;
    }

    .MainHeader .owl-nav {
        max-width: 1330px;
        width: 100%;
        margin: var(--spacing-none) auto !important;
        display: none;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .briefImg img {
        max-width: 100%;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {


    .menuBg .navbarCustom > .navbar-brand {
        margin: var(--spacing-none);
    }

        .menuBg .navbarCustom > .navbar-brand img {
            max-width: 145px;
        }

    .menuBg .navbarCustom .nav-item .nav-link {
        font-size: var(--Text-smF) !important;
        padding: var(--spacing-none) 2px;
    }
}

@media (min-width: 993px) and (max-width: 1400px) {
    .menuBg .navbarCustom .nav-item .nav-link {
        padding: var(--spacing-none) 4px;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .menuBg .navbarCustom .nav-item .nav-link {
        padding: var(--spacing-none) 8px;
    }
}

@media (max-width: 992px) {

    .navBar .linksNB {
        line-height: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
    }

        .navBar .linksNB ul li.paddingGap {
            padding-right: var(--spacing-2xl);
        }

        .navBar .linksNB ul li a span {
            font-size: var(--Text-xsF);
            white-space: nowrap;
        }

    .menuBg .navbarCustom {
        padding: var(--spacing-lg) var(--spacing-none);
        height: unset;
    }

        .menuBg .navbarCustom .navbar-collapse {
            text-align: center;
        }

        .menuBg .navbarCustom .nav-item {
            text-align: center;
        }

            .menuBg .navbarCustom .nav-item .nav-link {
                height: auto;
                padding: var(--spacing-xl) var(--spacing-none);
                margin: var(--spacing-none);
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

        .menuBg .navbarCustom .searchBNT button {
            border-left: 0px solid rgba(167, 173, 174, 0.5);
            padding-left: var(--spacing-none);
        }

        .menuBg .navbarCustom .dropdown-menuTop {
            margin-top: var(--spacing-none);
        }

        .menuBg .navbarCustom .colMenu {
            text-align: right;
            padding-right: var(--spacing-2xl);
            margin-top: var(--spacing-4xl);
            margin-bottom: var(--spacing-none);
        }

            .menuBg .navbarCustom .colMenu h4 {
                font-size: var(--Text-smF);
                margin-bottom: var(--spacing-none);
                padding-block: var(--spacing-md);
            }

            .menuBg .navbarCustom .colMenu ul li a {
                font-size: var(--Text-smF);
            }

    .borderWidth::after {
        display: none;
    }

    .btnArrow {
        padding: var(--spacing-xl) var(--spacing-xl);
        border-radius: 25px;
        min-width: auto;
    }

        .btnArrow img {
            max-width: 15px;
            margin-right: var(--spacing-md);
        }

        .btnArrow span {
            font-size: var(--Text-xsF);
            color: var(--colors-white);
            margin-top: -4px;
        }
}

@media (max-width: 768px) {
    .menuBg .navbarCustom {
        padding: var(--spacing-lg) var(--spacing-xl);
    }

        .menuBg .navbarCustom .dropdown-menuTop div[class*="col"] {
            margin-bottom: var(--spacing-none);
        }

        .menuBg .navbarCustom > .navbar-brand {
            margin: var(--spacing-none);
            width: 75%;
        }

            .menuBg .navbarCustom > .navbar-brand img {
                width: 75%;
            }

    .navBar {
        padding: var(--spacing-xs) var(--spacing-none);
    }
}



@media (max-width: 1600px) {
    .navBar .linksNB ul li {
        padding-right: var(--spacing-sm);
    }

        .navBar .linksNB ul li.paddingGap {
            padding-right: var(--spacing-md);
        }
}


@media (max-width: 1200px) {

    .navBar .linksNB ul li.paddingGap,
    .navBar .linksNB.textLeft ul li a span {
        padding-right: var(--spacing-xs);
    }

}

@media (max-width: 992px) {
    .menuBg .navbarCustom .dropdown-menuTop .row {
        padding-bottom: var(--spacing-md);
    }


    .menuBg.fixedTop {
        position: unset;
    }

    .menuBg .navbarCustom .dropdown-menuTop div[class*="col"] {
        padding: var(--spacing-none) var(--spacing-md);
    }

    .menuBg .navbarCustom .nav-item,
    .menuBg .navbarCustom .nav-item .nav-link {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
        text-align: right;
    }

    .menuBg .navbarCustom .navbar-brand.borderWidth {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        border-top: 1px solid rgba(0, 52, 98, 0.18);
        width: 95%;
        padding-top: var(--spacing-sm);
        margin-top: var(--spacing-md);
    }

        .menuBg .navbarCustom .navbar-brand.borderWidth img {
            width: 90px;
            margin-top: var(--spacing-none);
        }

    .flexMenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    .searchMob:hover,
    .searchMob:focus {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background-color: unset;
        border-color: unset;
    }

    .searchMob {
        background: unset;
        border: unset;
        height: 100%;
        padding: var(--spacing-none);
        border-radius: unset;
        min-width: 3em;
    }

    .flexMenu .nav-link {
        font-size: var(--Text-mdF);
        padding: var(--spacing-none);
        color: var(--themes-text-text-default);
        font-family: var(--IBMPlexSansAR-R);
        font-weight: 500;
    }

    .searchMob,
    .flexMenu .nav-link {
        display: block;
    }

    .menuBg .navbarCustom .nav-item:nth-last-of-type(1),
    .menuBg .navbarCustom .nav-item:nth-last-of-type(2) {
        display: none;
    }

    .navbar-toggler:focus {
        -webkit-box-shadow: unset;
        box-shadow: unset;
    }

    .menuBg .navbarCustom .nav-item.dropdown .nav-link::after {
        position: absolute;
        left: 0;
    }

    .navbar-light .navbar-toggler {
        border-color: transparent;
    }

    .hamburger .line {
        width: 24px;
        height: 2px;
        background-color: var(--themes-text-text-default);
        display: block;
        margin: var(--spacing-xs) auto;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .menuBg .navbar-light .navbar-toggler:not(.collapsed) .hamburger .line:nth-child(2) {
        opacity: 0;
    }

    .menuBg .navbar-light .navbar-toggler:not(.collapsed) .hamburger .line:nth-child(1) {
        -webkit-transform: translateY(7px) rotate(45deg);
        transform: translateY(7px) rotate(45deg);
    }

    .menuBg .navbar-light .navbar-toggler:not(.collapsed) .hamburger .line:nth-child(3) {
        -webkit-transform: translateY(-7px) rotate(-45deg);
        transform: translateY(-7px) rotate(-45deg);
    }

    .navBar {
        position: relative;
    }

    .customContainer .col-lg-7 {
        display: none;
    }

        .customContainer .col-lg-7.TTMSow {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

    .toggleTopMenu {
        position: absolute;
        left: 13px;
        top: -4px;
        color: var(--colors-white);
        font-size: var(--Display-mdF);
    }

}

@media (max-width: 767px) {
    .main-comp {
        margin-bottom: var(--spacing-4xl);
    }

    .menuBg .navbarCustom > .navbar-brand img {
        width: 100%;
    }

    .menuBg .navbarCustom > .navbar-brand {
        margin: var(--spacing-none);
        width: 60%;
    }

    .list-consultations .col-lg-4 {
        width: 100%;
    }
}

/* ------------------------------------------------------ end  */

/* Make parent stay highlighted ALWAYS when parent-active is added */

.nav-item.parent-active a::before {
    background-color: var(--colors-brand-400) !important;
}

.nav-item.parent-active a::after {
    filter: invert(1);
}

.nav-item.parent-active {
    background-color: var(--colors-brand-600);
    color: var(--colors-white);
    border-radius: 4px;
}

    .nav-item.parent-active a.nav-link:hover {
        background-color: var(--colors-brand-700) !important;
        color: var(--colors-white);
        border-radius: 4px;
    }

    .nav-item.parent-active a.nav-link:active {
        background-color: var(--colors-brand-800) !important;
    }

.header-action, .nav-link {
    z-index: 1000;
}