@media (max-width: 767px) {

                header .navbar > .container-fluid {

                    align-items: center;

                    justify-content: space-between;

                }



                .mobile-navbar-brand {

                    order: 2;

                    flex: 0 0 auto !important;

                    display: flex !important;

                    align-items: center !important;

                    justify-content: flex-end;

                    width: 180px !important;

                    height: 100%;

                    margin: 0 !important;

                    align-self: center !important;

                }



                .mobile-navbar-brand .navbar-brand {

                    display: inline-flex !important;

                    align-items: center;

                    justify-content: flex-end;

                    width: 180px !important;

                    max-width: 180px;

                    margin: 0 !important;

                }



                .mobile-navbar-menu {

                    order: 1;

                    flex: 0 0 auto !important;

                    display: flex !important;

                    align-items: center !important;

                    width: auto !important;

                    height: 100%;

                    margin: 0 !important;

                    align-self: center !important;

                }



                .mobile-navbar-menu .navbar-toggler {

                    float: none !important;

                    margin: 0;

                }

            }



            @media (max-width: 575px) {

                .navbar #navbarNav {

                    max-height: calc(100vh - 86px);

                    padding: 12px 18px 24px;

                    overflow-y: auto;

                    background: #fff;

                    border-top: 1px solid #edf0f4;

                    box-shadow: 0 18px 35px rgba(22, 28, 39, 0.08);

                }



                .navbar #navbarNav > .navbar-nav {

                    gap: 2px;

                }



                .navbar #navbarNav > .navbar-nav > .nav-item {

                    width: 100%;

                    border-bottom: 1px solid #edf0f4;

                }



                .navbar #navbarNav > .navbar-nav > .nav-item:last-child {

                    border-bottom: 0;

                }



                .navbar #navbarNav > .navbar-nav > .nav-item > .nav-link {

                    display: flex;

                    align-items: center;

                    min-height: 50px;

                    padding: 10px 2px !important;

                    color: #171c27 !important;

                    font-size: 18px;

                    font-weight: 600;

                    line-height: 28px;

                }



                .navbar #navbarNav .dropdown.dropdown-with-icon {

                    position: relative;

                }



                .navbar #navbarNav .dropdown.dropdown-with-icon > .dropdown-toggle {

                    position: absolute;

                    top: 7px;

                    right: 0;

                    display: inline-flex;

                    align-items: center;

                    justify-content: center;

                    width: 38px;

                    height: 38px;

                    margin: 0;

                    border-radius: 50%;

                    background: #f3f5f8;

                    color: #171c27;

                    font-size: 0;

                }



                .navbar #navbarNav .dropdown.dropdown-with-icon > .dropdown-toggle::before {

                    display: none !important;

                    content: none !important;

                }



                .navbar #navbarNav .dropdown.dropdown-with-icon > .dropdown-toggle::after {

                    display: block !important;

                    width: auto;

                    height: auto;

                    border: 0;

                    content: "+";

                    color: #171c27;

                    font-family: Arial, sans-serif;

                    font-size: 22px;

                    font-weight: 400;

                    line-height: 1;

                }



                .navbar #navbarNav .dropdown.dropdown-with-icon > .dropdown-toggle[aria-expanded="true"]::after {

                    content: "−";

                }



                .navbar .navbar-nav .dropdown.dropdown-with-icon:hover > .services-dropdown-menu,

                .navbar .navbar-nav .dropdown.dropdown-with-icon .services-dropdown-menu.show {

                    position: static !important;

                    display: grid !important;

                    grid-template: none !important;

                    grid-template-columns: minmax(0, 1fr) !important;

                    grid-auto-flow: row !important;

                    width: 100% !important;

                    max-width: 100% !important;

                    max-height: min(54vh, 460px);

                    margin: 2px 0 14px !important;

                    padding: 8px !important;

                    gap: 7px !important;

                    overflow-x: hidden;

                    overflow-y: auto;

                    transform: none !important;

                    background: #f3f5f8;

                    border: 1px solid #e7eaf0;

                    border-radius: 16px;

                    box-shadow: none;

                    scrollbar-color: #9ca2ad transparent;

                    scrollbar-width: thin;

                }



                .navbar .navbar-nav .dropdown.dropdown-with-icon:hover > .services-dropdown-menu:not(.show) {

                    display: none !important;

                }



                .services-dropdown-menu::-webkit-scrollbar {

                    width: 5px;

                }



                .services-dropdown-menu::-webkit-scrollbar-thumb {

                    background: #9ca2ad;

                    border-radius: 10px;

                }



                .services-dropdown-menu > li {

                    display: block;

                    width: 100%;

                    min-width: 0;

                    background: transparent;

                }



                .services-dropdown-menu > li > a {

                    display: flex !important;

                    align-items: center;

                    width: 100% !important;

                    min-width: 0 !important;

                    min-height: 66px;

                    padding: 11px 12px !important;

                    background: #fff;

                    border: 1px solid #e9ebef !important;

                    border-radius: 12px;

                    box-shadow: 0 4px 12px rgba(22, 28, 39, 0.035);

                    white-space: normal !important;

                    word-break: normal !important;

                    overflow-wrap: normal !important;

                }



                .services-dropdown-menu > li > a::before {

                    display: none !important;

                    content: none !important;

                }



                .services-dropdown-menu > li > a > i {

                    display: inline-flex;

                    flex: 0 0 38px;

                    align-items: center;

                    justify-content: center;

                    width: 38px;

                    height: 38px;

                    margin: 0 12px 0 0 !important;

                    border-radius: 11px;

                    background: rgba(255, 106, 77, 0.12);

                    color: #ff6a4d !important;

                    font-size: 17px;

                }



                .services-dropdown-menu .submenu-icon-content {

                    display: block;

                    min-width: 0;

                    width: auto;

                    text-align: left;

                    white-space: normal !important;

                    word-break: normal !important;

                }



                .services-dropdown-menu .submenu-icon-content span {

                    display: block;

                    color: #171c27 !important;

                    font-size: 14px;

                    font-weight: 700;

                    line-height: 20px;

                    white-space: normal !important;

                    word-break: normal !important;

                }



                .services-dropdown-menu .submenu-icon-content p {

                    display: block;

                    margin: 2px 0 0;

                    color: #747986;

                    font-size: 11px;

                    line-height: 16px;

                    white-space: normal !important;

                    word-break: normal !important;

                }

            }