@media (max-width: 1440px) {
    .nav-link {
        font-size: 15px;
        padding: 0 15px !important;
    }
}
@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
        width: 75%;
        justify-content: space-evenly;
    }
}

    @media (max-width: 1199px) {
        .logo {
            max-height: 33px;
        }

        .fa-bars {
            font-size: 24px;
        }

        .nav-link {
            color: #003865;
            font-size: 14px;
            padding: 12px 10px !important;
            border-bottom: 1px solid #a6a6a6;
        }

            .nav-link:hover,
            .nav-link:focus {
                color: var(--primary-color-hover);
            }

        .offcanvas-header {
            display: block;
            padding: 10px;
        }

        .mobile-offcanvas {
            visibility: hidden;
            transform: translateX(-100%);
            border-radius: 0;
            display: block;
            position: fixed;
            top: 0;
            right: 100%;
            height: 100%;
            z-index: 1200;
            width: 300px;
            max-width: 100%;
            overflow-y: scroll;
            overflow-x: hidden;
            transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
            background-color: #fff !important;
            bottom: 0;
            height: 100vh;
        }

        html:lang(ar) .mobile-offcanvas {
            transform: translateX(-100%);
            left: 100%;
        }

        .mobile-offcanvas.show {
            visibility: visible;
            transform: translateX(0%);
            left: 0;
            padding-bottom: 20px;
            z-index: 9999;
            background: #fff !important;
            bottom: 0;
            height: 100vh;
            width: 100%;
            /* max-width: 480px; */
        }

        .navbar-toggler:focus {
            box-shadow: none !important;
        }
        /* .mobile-offcanvas.show::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #0006;
        height: 100%;
    } */

        .mobile-offcanvas .btn {
            /* width: 100%; */
            margin: 10px 0;
            font-weight: 600;
            font-size: 14px;
        }

        .mobile-offcanvas .d-flex.gap-2 {
            display: block !important;
        }

        .offcanvas-header .btn-close {
            color: #000;
            font-size: 30px;
            background: transparent;
            float: right;
        }

        .nav-cont {
            display: block !important;
            padding-right: auto !important;
            padding-left: auto !important;
        }
        /*footer accordian*/
        .accordion-content {
            display: none;
        }

        .accordion-toggle {
            cursor: pointer;
            position: relative;
            /*padding-bottom: 15px;
        border-bottom: 1px solid #fff;*/
            padding-top: 30px;
            border-top: 1px solid #ffffff66;
        }

            /* Optional: add a "+" icon */
            .accordion-toggle::after {
                content: "";
                position: absolute;
                right: 8px;
                top: 35px;
                width: 12px;
                height: 12px;
                background: transparent;
                text-indent: -9999px;
                border-top: 2px solid #bfbfbf;
                border-left: 2px solid #bfbfbf;
                transition: all 250ms ease-in-out;
                text-decoration: none;
                color: transparent;
                transform: rotate(-135deg);
            }
            /* When active, show "-" */
            .accordion-toggle.active::after {
                transform: rotate(45deg);
                top: 35px;
            }
    }

    @media (max-width: 991px) {
        .footer-actions {
            justify-content: center !important;
        }

        .footer-social {
            justify-content: center !important;
        }

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

        .social-icon-link {
            font-size: 24px;
        }

        .footer-legal-link {
            font-size: 13px;
        }

        .footer-links li a {
            font-size: 13px;
        }

        .footer-links li {
            margin-bottom: 16px;
        }

        .h6, h6 {
            font-size: 13px;
        }

        .logo_footer {
            max-height: 38px;
        }

        .btn-outline-custom {
            font-size: 13px;
            padding: 9px 22px
        }
    }

    @media (max-width: 767px) {
        .side_menu .navbar-collapse {
            left: 0;
            top: 16px;
        }

        .side_menu .navbar-nav .nav-link {
            min-height: 44px;
        }

        .footer-legal {
            flex-direction: column;
            align-items: flex-start;
        }

        .footer-social {
            justify-content: flex-start !important;
        }

        .social-icon-link {
            width: inherit;
            height: inherit;
            margin-right: 15px;
        }
    }