:root {
    --phone-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M20.1304 15.6689C18.941 13.9697 16.9947 13.4795 15.4826 14.5364L14.1167 15.4955C13.3697 14.6886 12.6804 13.8311 12.0205 12.8894C11.3622 11.95 10.7925 11.0091 10.2894 10.0288L11.6569 9.07197C13.1788 8.00531 13.3947 6.05 12.1819 4.31894L10.6061 2.06515C9.4152 0.366668 7.46672 -0.121968 5.96066 0.93485L3.88869 2.38561C2.62505 3.27046 2.20005 5.35152 2.72429 8.0947C3.2455 10.822 4.61899 13.8742 6.59096 16.6909C9.86066 21.3599 14.2887 24.6212 17.3622 24.6212C18.05 24.6212 18.6379 24.453 19.1084 24.1235L21.1796 22.6727C21.9713 22.1205 22.4357 21.3114 22.4894 20.397C22.5379 19.5765 22.2675 18.7205 21.7069 17.9197L20.1304 15.6689ZM20.3614 21.5038L18.2902 22.9538C18.0637 23.1136 17.7516 23.1939 17.3622 23.1939C15.1932 23.1939 11.0887 20.628 7.7599 15.8727C5.90081 13.2174 4.6099 10.3599 4.12581 7.82652C3.72429 5.72425 3.94702 4.08637 4.70687 3.55379L6.77884 2.10303C7.0796 1.89243 7.39247 1.78561 7.70687 1.78561C8.31747 1.78561 8.94853 2.18561 9.43717 2.88334L11.0137 5.13485C11.6144 5.99243 11.8834 7.1697 10.8394 7.90076L8.47278 9.55758L8.73566 10.1045C9.33717 11.3538 10.0296 12.5326 10.8523 13.7061C11.666 14.8682 12.5599 15.9523 13.5137 16.9288L13.9372 17.3629L16.3031 15.7053C17.1879 15.0864 18.2205 15.428 18.9622 16.4864L20.5379 18.7379C20.9061 19.2644 21.094 19.8242 21.0644 20.3129C21.0364 20.797 20.7993 21.197 20.3614 21.5038Z' fill='white'/%3E%3C/svg%3E");
    --location-icon: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4404 2.47758C12.8427 0.879884 10.7185 0 8.459 0C6.19954 0 4.07524 0.879884 2.47758 2.47758C0.879884 4.07532 0 6.19954 0 8.45896C0 13.0298 4.32181 16.8315 6.64365 18.8739C6.9663 19.1578 7.24494 19.4029 7.46693 19.6102C7.74505 19.87 8.10205 20 8.45896 20C8.81596 20 9.17287 19.87 9.45103 19.6102C9.67303 19.4028 9.95166 19.1578 10.2743 18.8739C12.5962 16.8315 16.918 13.0298 16.918 8.45896C16.9179 6.19954 16.0381 4.07532 14.4404 2.47758ZM9.50049 17.9943C9.17076 18.2844 8.88603 18.5349 8.65127 18.7541C8.54342 18.8548 8.37451 18.8548 8.26662 18.7541C8.03189 18.5348 7.74712 18.2843 7.4174 17.9943C5.23458 16.0742 1.17149 12.5 1.17149 8.459C1.17149 4.44071 4.44059 1.1716 8.45892 1.1716C12.4772 1.1716 15.7463 4.44071 15.7463 8.459C15.7464 12.5 11.6833 16.0742 9.50049 17.9943Z' fill='white'/%3E%3Cpath d='M8.45901 4.41162C6.4035 4.41162 4.73123 6.08385 4.73123 8.13936C4.73123 10.1949 6.4035 11.8671 8.45901 11.8671C10.5145 11.8671 12.1868 10.1949 12.1868 8.13936C12.1868 6.08385 10.5145 4.41162 8.45901 4.41162ZM8.45901 10.6955C7.04952 10.6955 5.9028 9.54878 5.9028 8.13932C5.9028 6.72987 7.04952 5.58315 8.45901 5.58315C9.86851 5.58315 11.0152 6.72987 11.0152 8.13932C11.0152 9.54878 9.86851 10.6955 8.45901 10.6955Z' fill='white'/%3E%3C/svg%3E%0A");
}

.container {
    width: 100%;
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}

body {
    padding-top: 99px;
}



header.main-header {
    padding: 11px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: all .5s ease;
    line-height: 0;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

header.main-header.nav-up {
    top: -100%;
}

header.main-header.nav-down {
    top: 0;
}

.header_bottom_row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.humbrgr-icon {
    display: flex;
    align-items: center;
    justify-content: end;
}

.site-logo a img,
.site-logo a {
    display: block;
}

.site-logo a img {
    width: 100%;
    max-width: 287px;
}


.humbrgr-icon .mobile_menu_bar {
    height: 33px;
    width: 33px;
    position: relative;
    display: block;
    line-height: 0;
    cursor: pointer;
}

.humbrgr-icon .mobile_menu_bar svg {
    width: 33px;
    height: 33px;
}

.header-left-col {
    display: flex;
    align-items: center;
    gap: 22px;
    width: 338px;
}

.header-right-col {
    display: flex;
    align-items: center;
    width: calc(100% - 338px);
    justify-content: end;
    column-gap: 41px;
    padding-left: 40px;
}

.header-bottom-bar nav.nav-link ul.menu {
    display: flex;
    align-items: center;
    list-style: none;
    column-gap: 20px;
}

.header-bottom-bar nav.nav-link ul.menu li {
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.header-bottom-bar nav.nav-link ul.menu li:last-child a {
    background: var(--primary-color);
    color: var(--white);
}

.header-bottom-bar nav.nav-link ul.menu li.hdr-btn a {
    display: block;
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    background: var(--bg-white);
    color: var(--primary-color);
    font-family: var(--font-primary);
    font-size: var(--font-md);
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding: 11.5px 20px;
}

.header-bottom-bar nav.nav-link ul.menu li.hdr-btn:last-child a {
    background: var(--primary-color);
    color: var(--white);
}

.header-bottom-bar nav.nav-link ul.menu li.hdr-btn a:hover {
    background: var(--primary-color);
    color: var(--white);
}

.header-bottom-bar nav.nav-link ul.menu li.hdr-btn:last-child a:hover {
    background-color: var(--bg-white);
    color: var(--primary-color);
}

.number-call {
    position: relative;
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.number-call::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background: var(--primary-color);
}

.number-call::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    left: 10px;
    background-color: #fff;
    -webkit-mask: var(--phone-icon) no-repeat center;
    -webkit-mask-size: contain;
    mask: var(--phone-icon) no-repeat center;
    mask-size: contain;
}

.header-right-col .number-call p {
    color: #000;
    font-size: var(--font-md);
    font-weight: 400;
    line-height: normal;
}

.header-right-col .number-call a {
    color: var(--primary-color);
    font-size: var(--font-lg-plus);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.header-right-col .number-call a:hover {
    color: #000;
}

header .sidenav {
    position: fixed;
    left: -200%;
    top: 0;
    width: 100%;
    max-width: 100%;
    background: var(--primary-color);
    height: 100%;
    margin: 0;
    padding: 20px 0px 80px;
    overflow-y: auto;
    flex-direction: column;
    transition: all .6s ease;
    display: block;
    flex-wrap: nowrap;
    z-index: 99;
    overflow-x: hidden;
    overflow-y: auto;
}

body.active-responsive-menu header .sidenav {
    left: 0;
}

body.active-responsive-menu {
    overflow: hidden;
}

header .sidenav .sidenav-top-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}

header .sidenav .closebtn {
    width: 30px;
    height: 30px;
    display: block;
}

header .sidenav .closebtn span svg path {
    transition: var(--transition);
}

header .sidenav .closebtn span svg:hover path {
    fill: rgba(255, 255, 255, 0.2);
}


header .sidenav .sidenav-top-detail .span.mobile_menu_bar_inner,
header .sidenav .sidenav-top-detail svg {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

header .sidenav .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    column-gap: 50px;
}

header .sidenav .row .menu-col {
    width: calc(100% - 350px);
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
}

header .sidenav .row .menu-col .menu-box {
    /* width: calc(100% / 3); */
    /* width: 33.33%; */
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding-right: 30px;
}

header .sidenav .row .menu-col .menu-box:last-child {
    padding-right: 0;
    border-right: 0;
}


header .sidenav .row .menu-col .menu-box,
header .sidenav .row .menu-col .menu-box,
header .sidenav .row .menu-col .menu-box {}


header .sidenav .row .menu-col .menu-box:last-child {
    padding-right: 0;
}

header .sidenav .header-menu-image {
    width: 300px;
}

header .sidenav .header-menu-image img {
    border-radius: 7px;
}


header .sidenav .menu-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    color: var(--white);
    line-height: 33px;
    margin-bottom: 12px;
}



header .sidenav ul.menu li {
    line-height: normal;
    margin-bottom: 10px;
}

header .sidenav ul.menu li:last-child {
    margin-bottom: 0;
}

header .sidenav ul.menu li a {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    transition: all 0.5s ease;
    position: relative;
}

header .sidenav ul.menu li.current_page_item>a,
header .sidenav ul.menu li a:hover {
    /* color: rgba(255, 255, 255, 0.2); */
}

header .sidenav ul.menu li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 1px;
    background: #fff;
    transition: all 0.5s ease;
}

header .sidenav ul.menu li a:hover:after,
header .sidenav ul.menu li.current_page_item>a::after {
    width: 100%;
}


.header-contact-details {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 40px;
    margin-top: 50px;
}


.header-contact-details .ftr-contact-detail .contact-details {
    column-gap: 30px;
    padding-right: 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);

}

.header-contact-details .social-title h4 {
    color: #fff;
}

.header-contact-details .social-links a {
    background-color: transparent;
}

.header-contact-details .social-links a img {
    filter: brightness(0) invert(1);

}

.header-contact-details .social-links a:hover {
    border-color: #fff;
    background-color: #fff;
}

.header-contact-details .social-links a:hover img {
    filter: url();
}

.header-contact-details .ftr-contact-detail {
    flex-direction: row;
}

.header-contact-details .social-share {
    padding-left: 30px;
}

.header-contact-details .contact-details .detail p,
.header-contact-details .contact-details .detail a {
    font-size: 20px;
    line-height: 28px;
}

.header-contact-details .contact-details .detail a {
    position: relative;
    color: var(--white);
    border: 1px solid #fff;
    padding: 10px 20px 10px 50px;
    border-radius: 5px;
}

.header-contact-details .contact-details .detail a:hover {
    /* opacity: 0.7; */
    /* color: rgba(255, 255, 255, 0.2); */
    background: #fff;
    color: var(--primary-color);
    /* border-color: rgba(255, 255, 255, 0.2); */
}

.header-contact-details .contact-details .detail a:hover::before {
    background-color: var(--primary-color);
}

.header-contact-details .contact-details .detail a::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    left: 20px;
    background-color: #fff;
    -webkit-mask: var(--phone-icon) no-repeat center;
    -webkit-mask-size: contain;
    mask: var(--phone-icon) no-repeat center;
    mask-size: contain;
    transition: var(--transition);
}

.header-contact-details .contact-details .detail a:hover:before {
    background-color: var(--primary-color);
}

.our_location p {
    position: relative;
    padding-left: 30px;
    border: 1px solid #fff;
    padding: 8px 20px 8px 50px;
    border-radius: 5px;
}

.our_location p::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    left: 20px;
    background-color: #fff;
    -webkit-mask: var(--location-icon) no-repeat center;
    -webkit-mask-size: contain;
    mask: var(--location-icon) no-repeat center;
    mask-size: contain;
}

.mobile-button {
    display: none;
}

/* @media (min-width:768px) { */
header .sidenav ul.menu li ul.sub-menu {
    width: 100%;
    list-style: none;
    padding: 0px 0 0;
    padding-left: 20px;
    display: none;
}

header .sidenav ul.menu li.menu-item-has-children {
    position: relative;
}

header .sidenav ul.menu li.menu-item-has-children>a {
    position: relative;
    padding-right: 20px;
    display: block;
    width: 100%;
}

header .sidenav ul.menu li.menu-item-has-children>a i.arrow-icon {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 8px;
    height: 8px;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
}

span.mobile-toggle {}

header .sidenav ul.menu li.menu-item-has-children span.mobile-toggle {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 0;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

header .sidenav ul.menu li.menu-item-has-children span.mobile-toggle:after,
header .sidenav ul.menu li.menu-item-has-children span.mobile-toggle:before {
    content: "";
    width: 14px;
    height: 2px;
    background: #fff;
    position: absolute;
    border-radius: 1px;
    transition: all .6s ease;
    right: 5px;
}

header .sidenav ul.menu li.menu-item-has-children span.mobile-toggle.dt-open::after {
    transform: rotate(0deg);
}

header .sidenav ul.menu li.menu-item-has-children span.mobile-toggle:after {
    transform: rotate(90deg);
}

header .sidenav ul.menu li ul.sub-menu li:first-child {
    padding-top: 10px;
}

/* Footer css */
header .sidenav ul.menu li.left-space,
.footer-menu li.left-space {
    margin-left: 10px;
}

.contact-details .detail p a,
.footer-menu li a {
    position: relative;
}

.footer-menu li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 1px;
    background: #fff;
    transition: all 0.5s ease;
}


.contact-details .detail p a:hover:after,
.footer-menu li.current_page_item a::after,
.footer-menu li a:hover:after,
.footer-menu li.current-menu-item.current_page_item a:after {
    width: 100%;
}

.contact-details.footer-contact {
    flex-direction: column;
    row-gap: 14px;
    align-items: flex-start;
}

.contact-details.footer-contact p {
    position: relative;
    padding-left: 28px;
}

.contact-details.footer-contact p::before {
    content: "";
    position: absolute;
    top: 2px;
    width: 20px;
    height: 20px;
    left: 0;
    background-color: #fff;
    -webkit-mask-size: contain;
    mask-size: contain !important;
}

.contact-details.footer-contact .location p::before {}

.contact-details.footer-contact .location p::before {
    -webkit-mask: var(--location-icon) no-repeat center;
    mask: var(--location-icon) no-repeat center;
}

.contact-details.footer-contact a {
    position: relative;
    color: var(--white);
    padding-left: 28px;
}




.contact-details.footer-contact a::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    left: 0;
    background-color: #fff;
    -webkit-mask-size: contain;
    mask-size: contain !important;
    transition: var(--transition);
}

.contact-details.footer-contact .phone_link a::before {
    -webkit-mask: var(--phone-icon) no-repeat center;
    mask: var(--phone-icon) no-repeat center;
}

.contact-details.footer-contact a span {
    position: relative;
    display: inline-block;
}

.contact-details.footer-contact a span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 1px;
    background: #fff;
    transition: all 0.5s ease;
}

.contact-details.footer-contact a:hover span:after {
    width: 100%;
}

/* } */

@media (max-width:1439px) {
    body {
        padding-top: 90px;
    }


    .site-logo a img {
        width: 100%;
        max-width: 250px;
    }

    .humbrgr-icon .mobile_menu_bar svg,
    .humbrgr-icon .mobile_menu_bar {
        width: 28px;
        line-height: 28px;
    }

    .header-left-col {
        width: 300px;
    }

    .header-right-col {
        width: calc(100% - 300px);
    }

    .header-right-col .number-call a {
        font-size: 20px;
    }

    .number-call {
        padding-left: 55px;
    }


    .number-call::before {
        width: 42px;
        height: 42px;
    }

    .number-call::after {
        width: 22px;
        height: 22px;
    }

    header .sidenav .header-menu-image {
        width: 250px;
    }

    header .sidenav .row .menu-col {
        width: calc(100% - 300px);
        gap: 40px;
    }

    .header-bottom-bar nav.nav-link ul.menu li.hdr-btn a {
        padding: 9px 20px;
    }

    header .sidenav .row .menu-col .menu-box,
    header .sidenav .row .menu-col .menu-box,
    header .sidenav .row .menu-col .menu-box {}

    .footer-row>div:nth-child(odd) {
        padding-right: 20px;
    }

}

@media (max-width:1199px) {

    body {
        padding-top: 81px;
    }

    .site-logo a img {
        max-width: 220px;
    }

    .header-left-col {
        width: 270px;
    }

    .header-right-col {
        column-gap: 30px;
    }

    .header-right-col .number-call p {
        font-size: 15px;
    }
    header .sidenav .closebtn {
        width: 20px;
        height: 20px;
    }

    header .sidenav {
        padding: 20px 0 70px;
    }

    header .sidenav .row {
        column-gap: 30px;
    }

    header .sidenav .row .menu-col {
        /* width: calc(100% - 280px); */
        width: 100%;
    }

    header .sidenav .row .menu-col {
        gap: 60px;
    }

    header .sidenav .header-menu-image {
        /* width: 250px; */
        display: none;
    }

    header .sidenav .menu-title {
        font-size: 20px;
        line-height: 30px;
    }

    header .sidenav .sidenav-top-detail {
        margin-bottom: 60px;
    }



    .header-right-col {
        width: calc(100% - 270px);
    }

    header .sidenav ul.menu li {
        margin-bottom: 8px;
    }

    .header-contact-details .contact-details .detail p,
    .header-contact-details .contact-details .detail a {
        font-size: 18px;
    }

    header .sidenav ul.menu li a:after,
    .footer-menu li a:after {
        bottom: -4px;
    }



    .contact-details.footer-contact p::before,
    .contact-details.footer-contact a::before {
        width: 18px;
        height: 18px;
    }
}

@media (max-width:991px) {

    header .sidenav .row .menu-col {
        gap: 40px;
    }

    .header-right-col .header-bottom-bar {
        display: none;
    }

    .number-call::before,
    .number-call::after {
        display: none;
    }


    .number-call {
        padding-left: 0;
        gap: 0;
    }

    .header-right-col .number-call p,
    .header-right-col .number-call a {
        font-size: 0;
    }

    .header-right-col .number-call a {
        position: relative;
        width: 45px;
        height: 45px;
    }

    .header-right-col .number-call a::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 45px;
        height: 45px;
        border-radius: 50px;
        background: var(--primary-color);
    }

    .header-right-col .number-call a::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 25px;
        height: 25px;
        left: 10px;
        background-color: #fff;
        -webkit-mask: var(--phone-icon) no-repeat center;
        -webkit-mask-size: contain;
        mask: var(--phone-icon) no-repeat center;
        mask-size: contain;
    }

    .header-contact-details .ftr-contact-detail {
        display: none;
    }

    .header-contact-details {
        padding-top: 30px;
    }

    .header-contact-details .mobile-button {
        display: block;
    }

    .header-contact-details .header-bottom-bar nav.nav-link ul.menu li {
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0;
    }

    .header-contact-details .header-bottom-bar nav.nav-link ul.menu li.hdr-btn a {
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
    }

    .header-contact-details .header-bottom-bar nav.nav-link ul.menu li.hdr-btn a::after {
        display: none;
    }

    .header-contact-details .header-bottom-bar nav.nav-link ul.menu li.hdr-btn a:hover {
        background: #fff;
        color: var(--primary-color);
    }

}

@media (max-width:776px) {
    header .sidenav .row .menu-col {
        grid-template-columns: 1fr;
        gap: 0;
    }
    header .sidenav .menu-title {
        font-size: 18px;
        line-height: 28px;
         margin-top: 12px;
        position: relative;
    }

    header .sidenav .sidenav-top-detail {
        margin-bottom: 30px;
    }



    header .sidenav .row .menu-col .menu-box {
        border-right: 0;
        padding-right: 0;
        padding: 0 0;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        position: relative;
    }

    header .sidenav .row .menu-col .menu-box:last-child {
        border-bottom: 0;
    }



    header .sidenav .sidenav-top-detail .site-logo a img {
        max-width: 200px;
    }

    .header-bottom-bar nav.nav-link ul.menu {
        gap: 10PX 20px;
        flex-wrap: wrap;
    }

    .header-right-col .number-call a,
    .header-right-col .number-call a::before {
        width: 40px;
        height: 40px;
    }

    .header-right-col .number-call a::after {
        width: 20px;
        height: 20px;
    }

    .menu-col .nav-link {
        display: none;
        margin-bottom: 20px;
    }


    .header-contact-details {
        margin-top: 0px;
    }

    .menu-col .nav-link>ul.menu {
        padding-left: 20px;
    }

    header .sidenav ul.menu li a {
        display: block;
    }

    /* header .sidenav .menu-title:before,
    header .sidenav .menu-title:after {
        content: "";
        width: 14px;
        height: 2px;
        background: #fff;
        position: absolute;
        border-radius: 1px;
        transition: all .6s ease;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
    }

    header .sidenav .menu-title:after {
        transform: translateY(-50%) rotate(90deg);
    }


    header .sidenav .menu-box.active .menu-title:after {
        transform: translateY(-50%) rotate(0deg);
    } */


    .menu-box>span.mobile-toggle {
        width: 26px;
        height: 26px;
        position: absolute;
        top: 11px;
        right: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }



    .menu-box>span.mobile-toggle:after,
    .menu-box>span.mobile-toggle:before {
        content: "";
        width: 14px;
        height: 2px;
        background: #fff;
        position: absolute;
        border-radius: 1px;
        transition: all .6s ease;
        right: 5px;
    }

    .menu-box.active>span.mobile-toggle::after {
        transform: rotate(0deg);
    }

    .menu-box>span.mobile-toggle:after {
        transform: rotate(90deg);
    }

    /* header .sidenav .menu-title:after {
                transform: rotate(90deg);
    }

    header .sidenav .menu-title:before {
        height: 2px;
        width: 10px;
        right: 5px;
    } */

    /* span.mobile-toggle {
        width: 30px;
        height: 46px;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    span.mobile-toggle:after, span.mobile-toggle:before {
        content: "";
        width: 14px;
        height: 2px;
        background: #fff;
        position: absolute;
        border-radius: 1px;
        transition: all .6s ease;
        right: 5px;
    }

    span.mobile-toggle:after {
        transform: rotate(90deg);
    }
    header  .menu-box.active span.mobile-toggle::after {
        transform: rotate(0deg);
    } */

    header .sidenav ul.menu li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    header .sidenav ul.menu li:last-child {
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0;
    }

    header .sidenav ul.menu li a:after {
        display: none;
    }

    header .sidenav ul.menu li.current_page_item>a,
    header .sidenav ul.menu li a:hover {
        color: rgb(182 181 185);
    }

}

@media (max-width:576px) {
    body {
        padding-top: 68px;
    }

    .header-left-col {
        width: 230px;
    }

    .header-left-col {
        gap: 12px;
    }

    .site-logo a img {
        max-width: 170px;
    }

    .footer-row>div:nth-child(odd) {
        padding-right: 0;
    }




    .header-right-col {
        width: calc(100% - 230px);
        padding: 0;
    }
}