.copyright .WbIcon {
    width: 2.25rem;
    height: 1rem;
    background-size: contain;
}

@media (max-width: 991px) {
    /* *bottom stcky start */
    .control__Panel_Wrapper {
        width: 100%;
        z-index: 10;
    }

    .bottom__Pannel {
        z-index: 99;
        position: fixed;
        bottom: 0;
        width: 100%;
        transition-property: z-index;
        transition-delay: 0.5s;
        background: var(--white);
        box-shadow: 0px -4px 4px 0px #70707040;
    }

    .control__Panel_Wrapper .bottom__Button {
        --button-accent: #000;
        --icon: 1.5rem;
        color: var(--button-accent);
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: var(--transition);
        justify-content: space-between;
        gap: 4px;
        padding: 14px 0 14px;
    }

    .control__Panel_Wrapper .bottom__Button.active {
        --button-accent: var(--mc1);
        color: var(--mc1);
    }

    /* .control__Panel_Wrapper .bottom__Button.active .button__Title {
        color: var;
    } */

    .control__Panel_Wrapper .bottom__Button .WbIcon {
        background: var(--button-accent);
    }

    .searchBoxContainer .search-icon {
        left: 12px;
        background: var(--tc3);
    }

    .ModWBAdvanceSearchC {
        width: 100%;
    }

    .bottom__Menu {
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        position: fixed;
        top: 0;
        left: 0;
        transform: translate(100%);
        opacity: 0;
        visibility: hidden;
        transition: var(--transition);
        overflow-y: scroll;
        background-color: var(--white);
        z-index: 21;
    }

    .bottom__Menu.active {
        opacity: 1;
        visibility: visible;
        transform: translate(0);
    }

    .append__Bottom_Menu .header__Logo {
        padding: 1.5rem 2.5rem;
        border: none;
    }

    .append__Bottom_Menu .Header__Category_Nav .SCat-Main {
        margin-top: -0.75rem;
    }

    .append__Bottom_Menu .SCat-Main li > a {
        --color-accent: var(--mc2-fade-1);
        color: var(--color-accent);
        padding: 0.75rem 0;
        display: flex;
        align-items: center;
        font-weight: var(--fw-400);
    }

    .append__Bottom_Menu .SCat-Main li.SCat-have-sub-menu > a::after {
        content: "";
        display: block;
        min-width: 12px;
        width: 12px;
        height: 12px;
        min-height: 12px;
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        mask-image: url(/Portals/0/Images/chev-down.svg);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        -webkit-mask-image: url(/Portals/0/Images/chev-down.svg);
        background-color: var(--tc1);
        margin-right: auto;
        transition: var(--transition);
    }

    .append__Bottom_Menu .SCat-Main li > a {
        color: var(--tc1);
        font-weight: 500;
    }

    .append__Bottom_Menu .SCat-Main .SCat-sub-menu a {
        font-weight: 300;
    }

    .append__Bottom_Menu .SCat-sub-menu.SCat-sub-menu.SCat-sub-menu {
        padding-right: 12px !important;
    }

    .append__Bottom_Menu .SCat-Main li.SCat-have-sub-menu.active > a::after {
        rotate: 180deg;
    }

    .Main__Menu_Mobile li.active .txt-menu {
        color: var(--mc2);
    } 

    .sidebar_header__Menu_Close {
        --icon-color: var(--tc1);
    }

    .append__Bottom_Menu .ServiceList_Card {
        border: unset !important;
        padding-inline: 0.5rem !important;
    }
    /* .append__Bottom_Menu .SCat-Main li.active > a {
        color: var(--mc2);
        --icon-color: var(--mc2);
    } */


    .append__Bottom_Menu {
        padding-top: 4rem;
        padding-bottom: 2rem;
    }

    .append__Bottom_Menu .Header__Category_Nav .SCat-Main li.SCat-have-sub-menu > a.active::after {
        transform: rotate(0deg);
    }

    .append__Bottom_Menu
        .Header__Category_Nav
        .SCat-Main
        li.SCat-have-sub-menu
        > .SCat-sub-menu
        .header__Category_Item
        > .header__Categroy_Title {
        font-weight: var(--fw-700);
        display: list-item;
        list-style-position: inside;
        list-style-type: disc;
        --accent-color: var(--mc2-fade-3);
        color: var(--accent-color);
    }

    /* !bottom stcky end */
}

footer.FooterPane {
    background: #1e1e1e;
    padding-top: 118px;
}

.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ff8c42;
    margin-bottom: 28px;
}

.footer-top a {
    padding-block: 8px;
    padding-inline: 1rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 6px;
    background: #fff;
    transition: var(--transition);
}

.footer-top a span {
    font-size: var(--fz-lg);
    line-height: 28px;
    font-family: "roboto";
}

.footer-top a:hover {
    background: var(--mc1);
    color: #fff;

    --icon-color: #fff;
}

.footer-top p {
    color: var(--MC-6, #fff);
    text-align: right;
    font-family: Kalameh;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 48px;
}

.footer-bottom > div {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    text-align: center;
    padding-inline: 12px;
    padding-block: 1rem;
    width: 193px;
    height: 180px;
}

.footer-bottom a {
    color: #fff !important;
    color: var(--MC-6, #fff);
    text-align: right;
    font-family: Kalameh;
    font-size: var(--fz-md);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-bottom-header {
    display: flex;
    gap: 8px;
    align-items: center;
}

.footer-bottom-header p {
    color: var(--mc2);
    font-size: var(--fz-md);
}

.footer-bottom-header > img {
    filter: brightness(0) saturate(100%) invert(71%) sepia(84%) saturate(3925%) hue-rotate(342deg) brightness(100%)
        contrast(102%);
}

.footer-bottom .d-flex {
    gap: 1rem;
    align-items: center;
}

.footer-bottom .tel-link {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: var(--fz-md);
}

.copyright {
    color: var(--MC-6, #fff);
    text-align: right;
    font-family: 'roboto';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 266.667% */
}


@media (max-width:991px) {
    .footer-top,
    .footer-bottom {
        flex-direction: column;
        justify-content: center;
        gap: 2rem;
        text-align: center;
    }

    .footer-top p {
        font-size: 14px;
    }

    :is(.footer-top,.footer-bottom) :is(p,a) {
        text-align: center;
    }

    .footer-bottom-header img {
        width: 1rem;
    }

    .footer-bottom > div {
        gap: 8px;
        height: auto;
    }

    footer.FooterPane {
        padding-bottom: 7rem;
    }
}
#scrollToTop {
    --iconUrl: url("/Portals/0/Images/chev-down.svg");
    --icon: 1.5rem;
    border: solid 1px #fff;
    background-color: #000;
    border-radius: 0;
    position: fixed;
    bottom: 2rem;
    right: -5.5rem;
    display: block;
    transform: rotate(180deg);
    transition: var(--transition);
    z-index: 19;
    --icon-color: #fff;
    padding: 0.5rem;
    padding-block: 0.55rem;
}

#whatsapp {
    position: fixed;
    bottom: 2rem;
    left: 1rem;
    display: block;
    transition: var(--transition);
    z-index: 19;
    width: 48px;
    height: 48px;
}

/* #scrollToTop.active */
#scrollToTop.active {
    right: 1rem;
}

@media (max-width:991px) {
    #whatsapp {
        position: fixed;
        bottom: 6rem;
        left: 0.5rem;
        display: block;
        transition: var(--transition);
        z-index: 19;
        width: 42px;
        height: 42px;
    }

    #scrollToTop {
        position: fixed;
        bottom: 6rem;
        right: -5.5rem;
        display: block;
        transform: rotate(180deg);
        transition: var(--transition);
        z-index: 19;
        --icon-color: #fff;
        padding: 0.35rem;
        padding-block: 0.15rem;
        --icon: 1rem;
    }

    #scrollToTop.active {
        right: 0.5rem;
    }
}

@media (max-width:991px) {
    
}