:root {
    --body: #fff;
    --body-font: 14px;
    --thrdwht: #d9d9d9;
    --themebl: #016799;
    --themeblback: #016799;
    scrollbar-width: thin;
    scrollbar-color: lightgray white;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background: #c1cfd3;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #005b7f;
    }

@media (max-width: 480px) {
    :root {
        --body-font: 12px;
    }
}


body {
    font-size: var(--body-font) !important;
    cursor: default;
    background-color: var(--body);
    font-family: var(--font-family-sans-serif) !important;
}

p {
    margin-bottom: 0px !important;
}

label {
    margin-bottom: 0px !important;
}

button:focus {
    outline: none;
}

.btn-excard:focus {
    outline: none;
}

/* General CSS */
.temp-fix-page-wrapper.exrdpage-wrapper.ed-wrapper {
	padding: 0 !important;
}

.ed-wrapper {
    max-width: 1600px;
    padding: 0px 80px;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .ed-wrapper {
        max-width: 1200px;
        padding: 0px 15px ;
    }
}

.excrd-dflex {
    display: flex;
}

.excrdMenu-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
}

.excrdMenu-col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.excrdMenu-col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.excrdMenu-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.float-left {
    float: left !important;
}

.excrdMenu-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.excrdMenu-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.excrdMenu-col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}


/* Top page section (Excard Home, ExcardPlus) */
.excrd-top_sec {
    background-color: var(--themeblback);
}

    .excrd-top_sec .excrd-top {
        /* max-width: 1200px;  */
        margin: auto;
        height: 28px;
        display: flex;
        align-items: center;
    }

        .excrd-top_sec .excrd-top .Expage-sec {
            padding: 5px 20px;
            text-decoration: none;
            font-weight: 500;
            color: #fff;
        }

            .excrd-top_sec .excrd-top .Expage-sec:hover {
                text-decoration: none;
                background-color: var(--header);
                color: var(--themebl);
            }

            .excrd-top_sec .excrd-top .Expage-sec.active {
                background-color: var(--header);
                color: var(--themebl);
            }


/* Scrolling Header */
.stickyHead {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
    background-color: white;
    box-shadow: 0px 0px 10px #959595;
}

.showmenu {
    display: none;
}

.excard-sideBar {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

@media screen and (max-width: 1140px) {
    .excard-sideBar {
        visibility: visible;
    }
}


/* Header Bar */

.excrdHeader {
    background-color: var(--hbackground);
}

.excard-headbar {
    margin: 0 auto;
    display: block;
    /* padding: 0px 0px; */
}

#excard-member .excard-headbar_sec {
    display: flex;
    padding: 10px 0px;
    height: 70px;
    width: 100%;
}

#excard-visitor .excard-headbar_sec {
    display: flex;
    padding: 10px 0px;
    height: 82px;
    width: 100%;
}

#excard-member .excard-logoImg, #excard-member .excard-logoImg img {
    height: 100%;
}

#excard-visitor .excard-logoImg, #excard-visitor .excard-logoImg img {
    height: 88%;
}

@media screen and (max-width: 1300px) {
    .excard-headbar, .excrd-top_sec .excrd-top, .exrdpage-wrapper, .excrd-val {
        padding: 0px 15px !important;
    }
}


/* Header search bar */
.m-auto {
    margin: auto;
}

#excard-member .nav-search {
    font-family: Roboto, serif;
    position: relative;
    width: 500px;
}

#excard-visitor .nav-search {
    font-family: Roboto, serif;
    position: relative;
    width: 30vw;
    top: -4px;
}

.navfocus .content-results {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
}

.nav-input {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    border: 1px solid var(--thrdwht);
    padding: 1px 0px;
    background-color: #fff;
}

    .nav-input i {
        position: absolute;
        left: 15px;
        font-size: 16px;
        transition: all .25s ease;
        opacity: .5;
    }

.navnoV .nav-input i.nav-searchic {
    display: block;
}

.nav-input i.nav-searchic {
    display: none;
}

.navnoV .nav-input i.nav-x {
    display: none;
}

.nav-input i.nav-x {
    display: block;
    cursor: pointer;
}

.nav-input input {
    width: 100%;
    padding: 5px 20px 5px 40px;
    box-sizing: border-box;
    border: 0px;
    /* border-radius: 20px; */
    transition: all .25s ease;
    font-size: var(--body-font);
    line-height: 25px;
}

    .nav-input input:focus {
        box-shadow: 0px 10px 20px 0px rgba(0,0,0,.05);
    }

        .nav-input input:focus ~ i {
            opacity: 1;
        }

.content-results {
    position: absolute;
    width: 100%;
    background: #fff;
    margin-top: 10px;
    border-radius: 8px;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 20%);
    transform: translate(0, -10px);
    transition: all .25s ease;
    opacity: 0;
    z-index: 11;
    /* visibility: hidden; */
    padding-right: 10px;
    overflow: hidden;
    font-family: Poppins, serif;
}

.nav-results {
    width: 100%;
}

    .nav-results:empty {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.nav-noresults {
    text-align: center;
    padding: 15px;
    font-size: var(--body-font);
    opacity: .7;
    display: none;
}

.nav-search:not(.navnoV) .nav-results:empty ~ .nav-noresults {
    display: block;
}

.nav-results .result p, .result > .order-content > .title {
    font-size: var(--body-font);
    background-color: transparent;
}

.result.product .navigator {
    background: transparent;
    height: 45px;
}

.result.product .navigator a:hover {
       font-size: calc(var(--body-font) + 7px) !important;
}

@media screen and (max-width: 767px) {
    .result.product .navigator a {
        font-size: calc(var(--body-font) + 4px) !important;
        opacity: 0.5 !important;
        color: var(--hlinkhover) !important;
    }
}

@media screen and (min-width: 767px) {
    .result.product .navigator a {
        font-size: calc(var(--body-font) + 1px);
        opacity: 0;
        color: var(--hlinkhover);
        transform: translateY(-10px);
    }

    .result.product:hover .navigator a {
        font-size: calc(var(--body-font) + 2.2px);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transform: translateY(0);
        opacity: 0.5;
        display: block;
        color: var(--hlinkhover);
        filter: drop-shadow(0px 4px 2px #ccc);
    }

    .result.product .navigator a:hover {
        transform: translateY(-4px);
        opacity: 1;
    }
}


.nav-results .result b {
    text-decoration: underline;
    border-radius: 2px;
}

.nav-result::-webkit-scrollbar {
    width: 5px;
}

.nav-result::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #959595;
}

.nav-result {
    width: 100%;
    overflow: auto;
    max-height: 450px;
    margin-top: 10px;
    margin-bottom: 10px;
    scrollbar-width: thin;
}

    .nav-result .result-category {
        margin: 0px 15px;
        position: relative;
    }

        .nav-result .result-category p {
            font-size: 12px;
            font-weight: 500;
            color: #8E8E8E;
        }

        .nav-result .result-category .link {
            position: absolute;
            right: 0px;
            top: 0px;
            font-size: 12px;
        }

.nav-results .result {
    padding: 10px 15px;
    margin: 5px 0px;
    list-style: none;
    transition: all .25s ease;
    position: relative;
    cursor: pointer;
    width: calc(100% - 10px);
    margin-left: 10px;
    border-radius: 8px;
}

    .nav-results .result:hover {
        background: #f4f7f8;
    }

    .nav-results .result .path {
        font-size: 10px;
        color: #CBCBCB;
    }


    /* Search - Products */
    .nav-results .result .dflex {
        display: flex;
        padding-top: 5px;
    }

    .nav-results .result .img-box {
        width: 20%;
        margin: auto;
        text-align: center;
    }

        .nav-results .result .img-box img {
            max-width: 100%;
        }

    .nav-results .result .content-box {
        width: 80%;
        padding: 0px 10px;
    }

        .nav-results .result .content-box .title {
            font-weight: 700;
        }

        .nav-results .result .content-box .descript {
            font-size: calc(var(--body-font) - 3px);
            color: #878787;
        }

        .nav-results .result .content-box .price-box {
            font-size: 10px;
            color: var(--themebl);
            background-color: #E9F2FF;
            border-radius: 50px;
            padding: 0px 5px;
            width: fit-content;
            margin-top: 10px;
        }

/* Search - Orders */
.nav-results .order-content .jobList {
    font-size: 12px;
    color: var(--themebl);
}

.nav-results .order-content .order-date {
    font-size: 10px;
    color: #898989;
}

.nav-results .order_status {
    font-family: Poppins, serif;
    font-size: 10px;
    padding: 1px 10px;
    margin-left: 5px;
    border-radius: 30px;
}

    .nav-results .order_status.new-order {
        background-color: #d0e8f1;
        color: #0090c9;
    }

    .nav-results .order_status.pending-order {
        color: #ffb500;
        background-color: #fdb9131f;
    }

    .nav-results .order_status.cancel-order {
        background-color: #eee;
        color: #777;
    }

    .nav-results .order_status.preflight-order {
        background-color: #fee4ff;
        color: #d200ff;
    }

    .nav-results .order_status.print-order {
        background-color: #dbe1f5;
        color: blue;
    }

    .nav-results .order_status.delivery-order {
        background-color: #cafcc4;
        color: #0f9500;
    }


/* Header search bar category selection */
.nav-input select {
    font-size: var(--body-font);
    font-weight: normal;
    max-width: 100%;
    border: none;
    border-left: 1px solid #E2E2E2;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 30px 5px 15px;
    font-family: Poppins, serif;
}

    .nav-input select:active, .nav-input select:focus {
        outline: none;
        box-shadow: none;
    }

        .nav-input select:active + .nav-input::after, .nav-input select:focus + .nav-input::after {
            transform: rotate(-135deg) translateY(-50%);
        }

.nav-input:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #aaa;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.desktop-search {
    display: block;
}

.mobile-search {
    display: none;
}


/* Header Icon (pending, notification, track order, shopping cart, account) */
.nav-notify {
    position: relative;
    margin: auto 0px auto auto;
}

    .nav-notify ul li {
        display: inline-block;
        margin-right: 8px;
        vertical-align: middle;
    }

        .nav-notify ul li i, .nav-notify ul li .head-icon {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .nav-notify ul li i, .nav-notify ul li .head-icon {
            font-size: 17px;
            background-color: var(--hiconbackground);
            color: var(--hicon);
            border-radius: 30px;
            width: 40px;
            height: 40px;
        }

            .nav-notify ul li i:hover, .nav-notify ul li .head-icon:hover {
                filter: brightness(95%);
                transition: .3s;
            }

    .nav-notify a {
        text-decoration: none;
        cursor: pointer;
    }

.head-accountsec {
    font-size: var(--body-font);
    font-family: Roboto, serif;
}

.head-account {
    display: flex;
    background-color: #E6F8FF;
    padding: 5px 10px;
    border-radius: 8px;
    width: 180px;
}

.sidebar-header-login .head-account {
    width: 200px;
}

.sidebar-header-login .head-accountMPP img {
    width: 100% !important;
    padding: 0;
}

.head-accountMPP {
    display: flex;
    align-items: center;
}

    .head-accountMPP img {
        width: 55px !important;
        padding-right: 10px;
    }

.head-acctCode {
    color: var(--themebl);
    font-weight: 700;
}

.account-info {
    font-family: Roboto, serif;
    letter-spacing: 1px;
    font-size: calc(var(--body-font) + 3.5px);
}

.head-topup {
    color: #F77F00 !important;
    display: flex;
    align-items: center;
}

    .head-topup:hover {
        text-decoration: underline;
    }

    .head-topup img {
        width: 20px !important;
        padding-left: 3px;
    }

#excard-member .nav-notify ul > li:last-child {
    margin: 0 0 0 10px;
}

@media screen and (max-width: 360px) {
    .nav-notify li:nth-child(4) {
        display: none;
    }

    .excard-head {
        width: 100%;
    }
}


/* head account */
.nav-notify ul {
    margin-top: -2px;
}

    .nav-notify ul > li:last-child {
        position: relative;
    }

.head-acctContent {
    position: absolute;
    background-color: #F4F7FF;
    z-index: 999;
    width: 100%;
    padding: 10px;
    display: none;
}

.head-accountsec:hover .head-acctContent {
    display: block;
}

.head-acctContent a {
    display: block;
    font-size: var(--body-font);
    text-decoration: none;
    color: #000 !important;
    padding: 10px;
    position: relative;
}

    .head-acctContent a .badge-with-number {
        top: 28%;
        right: 0;
    }

    .head-acctContent a:hover {
        background-color: #E6F8FF;
        text-decoration: none;
    }


/* Header icon message no. */
.badge-wrap {
    position: relative;
    display: inline-block;
}

.badge-with-number {
    position: absolute;
    color: #fff;
    background-color: #f5424e;
    font-size: 11px;
    padding: 0px 5px;
    border-radius: 25px;
    top: -5px;
    right: -5px;
    animation-name: wave;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes wave {
    0% {
        box-shadow: 0 0 0px 0px rgba(245, 66, 78, 0.5);
    }

    100% {
        box-shadow: 0 0 0px 10px rgba(245, 66, 78, 0);
    }
}

.mobilebadge-with-number {
    color: #fff;
    background-color: #f5424e;
    font-size: 11px;
    padding: 0px 5px;
    border-radius: 25px;
    margin-left: 5px;
    animation-name: wave;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


/* Notification & Pending Dropdown */
.notification-sec, .pendingJob-sec {
    transform: translate(0, -10px);
    transition: all .25s ease;
    opacity: 0;
    z-index: 2000;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    right: 0px;
    width: 400px;
    background: #fff;
    margin-top: 10px;
    border-radius: 8px;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 20%);
    padding: 10px;
    overflow: hidden;
}

    /* .notification-sec:after, .pendingJob-sec:after{
        content: "";
        position: absolute;
        top: -30px;
        left: calc(50% - 7px);
        border-top: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #fff;
        border-left: 15px solid transparent;
    } */

    .notification-sec.nshow, .pendingJob-sec.jshow {
        transition: all 0.5s ease;
        visibility: visible;
        opacity: 1;
        transform: translate(0px, 9px);
    }

.notification-box .dflex, .pendingJob-box .dflex {
    display: flex;
    padding: 10px;
}

.notification-list, .pendingJob-list {
    width: 100%;
    overflow: auto;
    max-height: 450px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 5px;
    scrollbar-width: thin;
    scrollbar-color: lightgray white;
}

    .notification-list::-webkit-scrollbar, .pendingJob-list::-webkit-scrollbar {
        width: 3px;
    }

    .notification-list::-webkit-scrollbar-thumb, .pendingJob-list::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #959595;
    }

.notification-head, .pendingJob-head {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfd9d9;
}

.pendingJob-head {
    display: flex;
}

    .pendingJob-head a {
        text-align: right;
        font-size: 12px;
        font-weight: 400;
        margin-left: auto;
    }

.notify-result, .pendingJob-result {
    padding: 5px 10px;
    margin: 5px 0px;
    border-bottom: 1px solid #e7e7e7;
}

    .notify-result:hover, .pendingJob-result:hover {
        background: #f4f7f8;
    }

.notification-results a:hover, .pendingJob-results a:hover {
    text-decoration: none;
}

.notification-box .nimgBox, .pendingJob-box .jimgBox {
    width: 15%;
    padding-top: 5px;
}

.notification-box .ncontent, .pendingJob-box .jcontent {
    width: 85%;
    padding-left: 15px;
}

.notification-box .ncontent-title, .pendingJob-box .jcontent-title {
    font-weight: 700;
    color: #000 !important;
}

.notification-box .ncontent-descript, .pendingJob-box .jcontent-descript {
    font-size: 12px;
    color: #878787;
}

.notification-box .ncontent-date, .pendingJob-box .jcontent-date {
    font-size: 11px;
    color: #b3b3b3;
    margin-top: 5px;
}

.notification-box .notifyList-icon {
    /* background-image: linear-gradient(to right top, #38438b, #944b94, #d75a88, #ff7e71, #ffb25f, #ffeb68); */
    color: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    padding: 10px;
}

    .notification-box .notifyList-icon.announce {
        background-image: linear-gradient(314deg, #f7f706 0%, #ffd05e 80%);
        color: #fff;
    }

    .notification-box .notifyList-icon.reload {
        background-color: #2D90FD;
    }

    .notification-box .notifyList-icon.delay {
        background-color: #c65e5e;
    }

    .notification-box .notifyList-icon.xcare {
        background-color: #5ec66e;
    }

    .notification-box .notifyList-icon.quotation {
        background-color: #c5c65e;
    }

    .notification-box .notifyList-icon.proceed {
        background-color: #5eb2c6;
    }

    .notification-box .notifyList-icon.packaging {
        background-color: #955ec6;
    }

    .notification-box .notifyList-icon.delivery {
        background-color: #2aea13;
    }

.notifyList-icon.pending {
    background-color: #dc3545;
    color: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    padding: 10px;
}

@media screen and (max-width: 480px) {
    .notification-sec, .pendingJob-sec {
        width: 85vw;
    }

    .notification-box .ncontent-title, .pendingJob-box .jcontent-title {
        font-size: 12px;
    }

    .notify-result, .pendingJob-result {
        padding: 0px 0px;
        margin: 2px 0px;
    }

    .notification-head, .pendingJob-head {
        font-size: 14px;
    }

    .notification-box .ncontent-descript, .pendingJob-box .jcontent-descript {
        font-size: 11px;
    }

    .notification-box .ncontent-date, .pendingJob-box .jcontent-date {
        font-size: 10px;
    }

    .pendingJob-box .notifyList-icon.pending, .notification-box .notifyList-icon {
        font-size: 15px;
        width: 35px;
        height: 35px;
    }

    .notification-box .ncontent, .pendingJob-box .jcontent {
        padding-left: 10px;
    }
}


/* Login section */
.nav-login {
    order: 3;
    margin: auto 0px auto auto;
    font-family: 'Poppins', serif;
    display: flex;
}

    .nav-login .nav-login-sec {
        margin: 0 0 0 auto;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
        top: 6px;
    }

.nav-login-sec .textfield {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 5px;
}

.nav-login .nav-login-sec .textfield input.inputfield {
    padding: 9px 13px;
    margin: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    width: 150px;
}

.nav-login .nav-login-sec .textfield .login-btn {
    padding: 9px 12px;
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    width: 100%;
    line-height: 18px;
    height: auto;
}

.nav-login .nav-login-sec .textfield .login-btn-m {
    border: 1px solid #ddd;
    border-radius: 8px;
    display: table-cell;
}

.nav-login .mobile-login {
    display: none;
}

.nav-login .desktop-login {
    display: block;
}

@media screen and (max-width: 767px) {
    .nav-login .desktop-login {
        display: none;
    }

    .nav-login .mobile-login {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .nav-login .nav-login-sec .textfield .login-btn {
        padding: 5px 12px;
        font-size: 10px;
        line-height: 15px;
    }

    .nav-login .nav-login-sec .textfield {
        margin: 0 2px;
    }
}

.nav-login .nav-login-sec .textfield input.inputfield:focus {
    box-shadow: none;
}

.nav-login .nav-login-sec .textfield label.labelLogin {
    position: absolute;
    top: 11px;
    left: 12px;
    font-size: 12px;
    color: #a7a7a7;
    -webkit-transition: top .2s;
    transition: top .2s;
    cursor: text;
}

.nav-login .nav-login-sec .textfield input.inputfield:valid {
    padding-bottom: 0;
    line-height: 29px;
}

    .nav-login .nav-login-sec .textfield input.inputfield:valid + label.labelLogin {
        top: 2px;
        font-size: 10px;
        -webkit-transition: top .2s;
        transition: top .2s;
    }

.nav-login .nav-login-sec .loginText {
    font-size: 10px;
    line-height: 15px;
    cursor: pointer;
    position: relative;
    vertical-align: text-top;
    top: 1px;
}

.nav-login .nav-login-sec .signUpLink:hover {
    text-decoration: underline;
}

.nav-login .nav-login-sec .checkRemember {
    cursor: pointer;
}


/* search mobile */
.nav-notify ul li.search-icon {
    display: none;
}

@media screen and (max-width: 1200px) {
    .nav-search {
        width: 30%;
    }
}

@media screen and (max-width: 1140px) {
    .nav-notify ul li.search-icon {
        display: inline-block;
    }

    .nav-notify {
        margin: auto 0px auto auto;
    }

    .desktop-search {
        display: none;
    }

    .search-show {
        display: block;
    }

    .menu-hide {
        display: none !important;
        visibility: hidden;
    }

    #excard-visitor .excard-headbar_sec, #excard-member .excard-headbar_sec {
        height: auto;
        flex-wrap: wrap;
        position: relative;
    }

    .excard-logoImg {
        width: 120px;
        display: flex;
        align-items: center;
        order: 1;
        height: auto;
    }

    #excard-visitor .excard-logoImg img, #excard-member .excard-logoImg img {
        width: 100%;
        height: auto;
    }

    .excard-sideBar {
        order: 2;
    }

    .nav-notify {
        order: 2;
        top: -4px;
        display: flex;
    }

        .nav-notify ul {
            margin: 0;
        }

    .desktop-search {
        order: 4;
        width: 100% !important;
        padding: 15px 0px 5px 0px;
    }

    .nav-input:after {
        top: 55%;
    }

    .nav-login {
        margin: 0 0 0 4px;
    }
}

@media screen and (max-width: 767px) {
    .nav-login {
        margin-top: -4px;
    }

    .nav-notify {
        top: 0;
    }

    .desktop-search {
        padding: 20px 0px 5px 0px;
        width: 100%;
    }

    .nav-input:after {
        top: 60%;
    }

    .excard-logoImg {
        width: 100px;
    }

    #excard-member .nav-notify ul > li:last-child {
        display: none;
    }

    .head-account {
        background-color: #fff;
        padding: 10px 10px;
    }
}

@media screen and (max-width: 480px) {
    .nav-notify ul li i, .nav-notify ul li .head-icon {
        font-size: 15px;
        width: 30px;
        height: 30px;
    }

    .excard-logoImg {
        width: 80px;
    }
}


/* Navigation menu */
.head-menu_sec {
    border-bottom: 1px solid #E7E7E7;
}

.nav-menu {
    white-space: nowrap;
}

    .nav-menu ul li {
        display: inline-block;
        vertical-align: middle;
        padding: 5px 10px 10px 10px;
        text-align: center;
        cursor: pointer;
        flex: 1 1 auto;
        font-size: calc(var(--body-font) + 1.9 * ((100vw - 1300px) / 680));
    }


.xparent.deskmenu:first-child {
    text-align: left !important;
    padding-left: 0px;
}

.xparent.deskmenu:nth-child(2) {
    text-align: left !important;
    padding-right: 0px;
    padding-left: 15px;
}

.xparent.deskmenu:last-child {
    text-align: right !important;
    padding-right: 0px;
}

.xparent.deskmenu:nth-last-child(2) {
    text-align: right !important;
    padding-left: 0px;
}

.nav-menu ul li a {
    color: var(--htitlecolor) !important;
    font-family: Poppins, serif;
    text-decoration: none;
    position: relative;
    font-weight: 500;
}

    .nav-menu ul li:hover > a, .nav-menu ul li a:hover {
        color: var(--hlinkhover) !important;
        font-weight: 500;
    }

.nav-menu ul li .exrdMenu_mega-box a {
    color: var(--htextcolor) !important;
    text-decoration: none;
    position: relative;
    font-weight: 400;
    font-family: 'Roboto', serif;
}

.nav-menu ul li .exrdMenu_mega-box a.navmenu_link {
    font-family: 'Poppins', serif;
}

    .nav-menu ul li .exrdMenu_mega-box a:hover {
        color: var(--hlinkhover) !important;
        font-weight: 500;
    }

.nav-menu ul li > a span:after {
    content: "";
    height: 0px;
    transform: translateY(-2px);
    transition: transform .15s cubic-bezier(.25,.46,.45,.94)
}

.nav-menu ul li:hover > a span:after {
    content: "";
    background: var(--hlinkhover);
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 3px;
    width: 25%;
    margin: auto;
    border-radius: 10px;
    transform: translateY(0px);
}

.nav-menu ul li.issolo:hover > a span:after {
    content: "";
    background: none;
}

.nav-menu_sec {
    font-size: var(--body-font);
    height: 50px;
    /* display: flex; */
    align-items: end;
    justify-content: center;
    position: relative;
}

.nav-menu_list {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.exrdMenu_list_products p {
    font-family: Poppins, serif;
    font-size: calc(var(--body-font) - 0.8px);
}

@media screen and (max-width:1200px) {
    .nav-menu_sec {
        height: auto;
    }

    .menu-wordbreak {
        display: inline;
        position: relative;
    }
}

@media screen and (max-width: 1140px) {
    .nav-notify ul > li:nth-last-of-type(-n+2) {
        margin-right: 0px;
    }

    .nav-menu_sec {
        display: none;
    }
}


/* Dropdown Mega Menu */
.nav-menu .nav-menu_list li:hover > .exrdMenu_mega-box {
    top: 50px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.exrdMenu_mega-box {
    position: absolute;
    left: 0;
    width: 100%;
    top: 35px;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    background-color: #fff;
    z-index: 9999;
    cursor: default;
    white-space: normal;
}

.excrdMenu-content_back {
    background-color: #fff;
    padding: 15px;
}

    .excrdMenu-content_back a {
        /* font-family: Roboto, serif !important; */
    }

.exrdMenu_mega-box .exrdMenu_mega-content {
    background: #fff;
    display: flex;
    width: 100%;
    justify-content: space-between;
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}

.exrdMenu_menu-list {
    position: relative;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mega-menubar.active {
    transform: translateY(0) !important;
    transition: transform ease 0.3s;
}

.mega-menubar {
    width: 100%;
    transition: transform ease 0.3s;
    z-index: 999;
    background-color: #fff;
    top: 60px;
}

.mega-container {
    margin-right: auto;
    margin-left: auto;
}

.mega-menubar--block {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}

.mega-menubar--block--list {
    background-color: #F4F7FF;
    /* background-color: grey; */
    padding: 0;
}

.excrdMenu_tabnav {
    display: block;
    height: 480px;
}

.mega-menubar--block--list .exrdMenu_list_products.active {
    color: var(--hlinkhover);
    font-weight: 500;
}

.mega-menubar--block--list .exrdMenu_list_products {
    background-color: #F4F7FF;
    padding: 10px 12px;
    font-weight: 400;
    display: block !important;
    position: relative;
    cursor: pointer;
    text-align: left;
}

.excrdMenu-pcategory {
    padding: 10px;
}

.navmenu_link {
    /* font-family: var(--font-family-sans-serif) !important; */
}

    .navmenu_link:hover {
        color: var(--hlinkhover) !important;
    }

.mega-menubar--block--products {
    padding: 0;
    background-color: #FFF;
}

/* .mega-menubar--block--products .exrdMenu_tab-content {
        height: 480px;
    } */

.exrdMenu_tab-pane.active {
    animation-name: fadeIn;
    animation-duration: 250ms;
    animation-timing-function: ease-in;
    animation-fill-mode: both;
}

.exrdMenu_tab-content > .active {
    display: block;
}

.exrdMenu_tab-content > .exrdMenu_tab-pane {
    display: none;
}

    .exrdMenu_tab-content > .exrdMenu_tab-pane.active {
        display: block;
    }

.mega-menubar--block--products .exrdMenu_tab-content .exrdMenu_product_list {
    overflow: hidden;
    width: 100%;
}

.mega-menubar--block--products .exrdMenu_tab-content .exrdMenu_product_list__inner {
    width: 100%;
    padding-right: 25px;
    box-sizing: content-box;
}

.mega-menubar--block--products a.product_nav, .mega-menubar--block--products span.product_nav-title {
    padding: 5px 10px;
    /* padding: 10px; */
    display: -webkit-inline-box;
    font-size: calc(var(--body-font) - 2.3px) !important;
    color: #4a4a4a !important;
    cursor: pointer;
    width: 100%;
    font-family: 'Roboto', serif;
}

.mega-menubar--block--products span.product_nav-title {
    padding: 3px 10px;
}

.mega-menubar--block--products a.product_nav-title:hover {
    color: #4a4a4a !important;
    cursor: default;
}

.mega-menubar--block--products a.product_nav-cat {
    padding: 3px 10px;
    display: -webkit-inline-box;
    font-size: 12px !important;
    color: #4a4a4a !important;
    cursor: pointer;
    width: 100%;
}

.prdCat-div {
    padding: 6px 0px;
    break-inside: avoid;
}

    .prdCat-div a.product_nav {
        padding: 3px 10px;
    }

.img-card img {
    width: 100%;
}

@media screen and (max-width: 1140px) {
    .nav-menu .nav-menu_list li:hover > .exrdMenu_mega-box {
        top: 36px;
    }

    .exrdMenu_menu-list {
        font-size: 12px;
    }
}


/* Menu Packaging & Boxes */
.excrd_packaging-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .excrd_packaging-content a {
        font-size: 12px !important;
        color: #4a4a4a !important;
        padding: 12px 16px;
        text-decoration: none !important;
        display: block;
    }

        .excrd_packaging-content a:hover {
            background-color: #ddd !important;
            color: var(--hlinkhover) !important;
            border-bottom: none !important;
        }

.menu_packaging:hover .excrd_packaging-content {
    display: block;
}

.mega-menubar--block--products a.product_nav:hover, .mega-menubar--block--products a.product_nav-cat:hover {
    /* background-color: #e5e5e5ba !important; */
    color: var(--hlinkhover) !important;
    border-bottom: none !important;
    transform: translateX(10px);
    transition: all 0.5s ease;
    background-color: transparent !important;
}

.exrdMenu_product_list__inner {
    -moz-column-count: 2;
    -moz-column-gap: 2%;
    -webkit-column-count: 2;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%;
}

    .exrdMenu_product_list__inner.all_product {
        -moz-column-count: 3;
        -moz-column-gap: 2%;
        -webkit-column-count: 3;
        -webkit-column-gap: 2%;
        column-count: 4;
        column-gap: 2%;
    }

    .exrdMenu_product_list__inner.exrdMenu_labelpack {
        -moz-column-count: 2;
        -moz-column-gap: 2%;
        -webkit-column-count: 2;
        -webkit-column-gap: 2%;
        column-count: 1;
        column-gap: 2%;
    }


/* Nav Menu (Design & Learn, Help Center) */
.mega-box-md {
    width: 476px;
    right: 0;
    left: auto;
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}

    .mega-box-md.box-2 {
        width: 724px;
    }

.mega-box-mdsec {
    display: flex;
    width: 100%;
    padding: 10px;
}

.mega-box-mdcontent {
    width: 50%;
    padding: 10px;
}

    .mega-box-mdcontent img {
        width: 100%;
    }

.megamenu-cat_titl {
    font-weight: 500;
    padding: 7px 10px;
    cursor: default;
}

.mega-box-mdcontent a {
    display: block;
    font-family: Roboto, serif;
    padding: 7px 10px !important;
    padding: 10px;
    display: -webkit-inline-box;
    font-size: 12px !important;
    color: #4a4a4a !important;
    cursor: pointer;
    width: 100%;
}

    .mega-box-mdcontent a:hover {
        color: var(--hlinkhover) !important;
        border-bottom: none !important;
        transform: translateX(10px);
        transition: all 0.5s ease;
        background-color: transparent !important;
    }


/* My Consultant */
.sidebar-cosultant {
    font-size: 14px;
	font-weight:500;
    cursor: pointer;
}

.sidebar-consultgn {
    position: fixed;
	z-index: 1001;
    /* display: inline-flex; */
    writing-mode: vertical-rl;
 }
  
.sidebar-consultgnCtt {
    position: fixed;
    right: 0;
    bottom: 15%;
    z-index: 1001;
    display: inline-flex;
    writing-mode: vertical-rl;
    background-color: #24A538;
    padding: 15px 5px 10px;
    border-radius: 8px 0px 0px 8px;
}

.sidebar-chat {
    transform: rotate(0deg);
    color: #fff;
    padding: 0 0 7px 0;
	display: flex;
	align-items: center;
	gap: 5px;
}

.sidebar-whatsapp {
    width: 22px;
    padding: 0 0 3px 0;
    transform: rotate(90deg);
}

/* .sidebar-consultBox { */
    /* position: fixed; */
    /* bottom: 7%; */
    /* right: 40px; */
    /* max-width: 350px; */
    /* background: #fff; */
    /* padding: 10px; */
    /* border: 1px solid #cfcfcf; */
    /* margin: 5px 0px; */
    /* box-shadow: 0px 0px 5px #cfcfcf; */
    /* z-index: 1001; */
    /* transform: translateX(50px); */
    /* visibility: hidden; */
/* } 

    .sidebar-consultBox.show {
        transition: all 0.5s ease;
        visibility: visible;
        transform: translateX(0px);
    }*/

.sidebar-consult {
    display: flex;
    width: 100%;
    box-shadow: 0px 3px 3px #eaeaea;
    border: 1px solid #eaeaea;
    background-color: #fff;
}

.sidebar-consultmt {
    margin-top: 5px;
}

.sidebarConsult-ImgBox {
    width: 30%;
}

.sidebarConsult-img {
    object-fit: cover;
    object-position: 0% 100%;
    height: 115px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
	width: 100%;
}

.sidebarConsult-ctn {
    width: 70%;
    margin: auto 0px;
    padding-left: 10px;
}

.row_consultant .btn-social {
    padding: 10px;
}

.btn-social {
    font-size: var(--body-font);
    font-weight: 600;
    text-align: center;
    display: flex;
    color: #1d9c11 !important;
    width: 110px;
    border: 1px solid #1d9c11 !important;
    padding: 5px 10px;
    border-radius: 20px;
    margin-top: 10px;
    cursor: pointer;
    align-items: center;
    gap: 5px;
}

    .btn-social:hover {
        color: #fff !important;
        background-color: #1d9c11;
		text-decoration: none;
    }
	
    .btn-social.wdFit {
        width: fit-content;
    }
	
    .btn-social span {
        line-height: 1px;
    }

.hrating-stars {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: 25px;
    font-family: Times;
    line-height: 0.8;
}

    .hrating-stars ::before {
        content: '★★★★★';
        letter-spacing: 1px;
        background: linear-gradient(90deg, #fc0 var(--percent), rgb(216, 216, 216) var(--percent));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

@media screen and (max-width: 767px) {
    .sidebar-consultgn {
        border-radius: 30px;
        padding: 10px;
        top: auto;
        bottom: 10px;
        right: 10px;
    }

    /* .sidebar-chat {
        display: none;
    } */

    .sidebar-whatsapp {
        width: 30px;
        padding: 0px;
        transform: rotate(0deg);
    }

    .sidebar-consultBox {
        right: 10px;
        top: auto;
        bottom: 70px;
    }

    .sidebarConsult-img {
        height: 100px;
    }

    .btn-social {
        font-size: 12px;
        padding: 3px 5px;
        margin-top: 8px;
    }
}


/* sidebar */

#excrd-sidebar {
    background: #fff;
    height: 100%;
    left: -100%;
    top: 0;
    bottom: 0;
    overflow: auto;
    position: fixed;
    transition: 0.4s ease-in-out;
    width: 84%;
    z-index: 5001;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
    padding: 1.25rem 1rem 1rem;
    display: none;
}

    #excrd-sidebar.active {
        left: 0;
    }

.overlay {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: -1;
    width: 100%;
    opacity: 0;
}

    .overlay.visible {
        opacity: 1;
        z-index: 5000;
    }

@media screen and (max-width: 1140px) {
    #excrd-sidebar {
        display: block;
    }

    .excrd-sidebar_back {
        width: 100%;
        height: 100%;
        background-color: #ffffffa8;
        z-index: 9999;
        position: fixed;
        top: 0;
    }
}

.sidebar-header-login {
    border-bottom: 1px solid #e4e4e4;
}

.sidebar-header {
    width: 25%;
}

.sidebar-btn, .sidebar-btn:focus {
    align-self: center;
    font-size: 25px;
    margin: 0px 10px;
    padding: 0px 10px;
    color: var(--hlinkhover);
    background-color: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
}

    .sidebar-btn:hover i {
        filter: drop-shadow(0px 1px 1px var(--hiconbackground)) brightness(0.9);
    }

@media screen and (max-width: 480px) {
    .sidebar-btn, .sidebar-btn:focus {
        font-size: 18px;
        margin: 0px 5px;
        padding: 0px 5px;
    }
}

.sidebarcollapsex {
    margin-left: auto;
    border: none;
    display: flex;
    align-items: start;
    cursor: pointer;
    position: absolute;
    right: 15px;
}

    .sidebarcollapsex:focus {
        box-shadow: none;
        outline: none;
    }

    .sidebarcollapsex i {
        font-size: 16px;
        background-color: #E6E6E6;
        padding: 8px;
        border-radius: 30px;
    }

        .sidebarcollapsex i:hover {
            background-color: #cdcdcd;
        }

.excrd-sidebarCat {
    font-size: 12px;
    font-weight: 700;
    color: #b3b3b3;
    padding: 10px 0px;
}

.excrd-sidebarSub {
    display: flex;
    font-size: calc(var(--body-font) + 1.5px);
    font-weight: 500;
    padding: 10px 16px;
    cursor: pointer;
}

    .excrd-sidebarSub .fa-angle-down {
        margin: auto 0px auto auto;
    }

    .excrd-sidebarSub.active .fa-angle-down {
        transform: rotate(180deg);
    }

a.excrd-sidebarSub {
    color: #000 !important;
    text-decoration: none;
}

.excrd-sidebarSub:hover, .excrd-sidebarSub.active {
    color: var(--hlinkhover);
    background: #ebe9e9;
    text-decoration: none;
}

.excrd-sidebarList {
    font-size: var(--body-font);
    padding: 8px 16px;
    cursor: pointer;
}

.excrd-sideList_content a {
    color: #000 !important;
    text-decoration: none;
    display: block;
}

    .excrd-sideList_content a:hover {
        color: var(--hlinkhover) !important;
        text-decoration: none;
        transform: translateX(10px);
        transition: all 0.5s ease;
    }

.excrd-sideList_content {
    padding: 0px 0px 10px 18px;
    display: none;
}

.sidebar-footer {
    padding-top: 15px;
}

.signOutBtn {
    font-size: 15px;
    padding-right: 10px;
    margin: auto 0px;
}


/* Toggle general/account */
.toggle-excrdside {
    margin: 15px auto;
    background-color: var(--hlinkhover);
    border-radius: 8px;
    display: flex;
    font-size: calc(var(--body-font) + 1.5px);
}

    .toggle-excrdside .toggle-button {
        transition: all 0.2s ease;
        display: block;
        cursor: pointer;
        float: left;
        width: 100%;
        color: #fff;
        background: transparent;
        border: none;
        padding: 5px 10px;
        outline: none;
        margin: 10px;
    }

        .toggle-excrdside .toggle-button.active, .toggle-excrdside .toggle-button:hover {
            background-color: #64a7cf;
            box-shadow: none;
        }

.toggle-sidecontent {
    display: none;
    border-bottom: 1px solid #e4e4e4;
    padding: 15px 0px;
}

    .toggle-sidecontent.active {
        display: block;
    }


/* Custom Die Cut Quotation */
.sp_cdc {
    position: fixed;
    bottom: 50% !important;
    right: 0;
    z-index: 9;
    transform: translateX(245px);
    transition: all 0.5s ease;
}

    .sp_cdc .sp_cdc_sec {
        position: relative;
        display: flex;
    }

    .sp_cdc .sp_cdc_img {
        width: 65px;
        position: absolute;
        left: -73px;
        transform: scale(1.1);
        transition: all 1s;
        top: 0px;
        cursor: pointer;
    }

.survey__box {
    bottom: 45% !important;
}


    .sp_cdc .survey_icon.sp_cdc_img {
        /* width: 80px; */
        position: absolute;
        /* left: -73px; */
        transform: scale(1.1);
        transition: all 1s;
        /* top: 5px; */
        cursor: pointer;
    }

    .sp_cdc.hh {
        transform: translateX(0);
        transition: all 0.5s;
    }

        .sp_cdc.hh .sp_cdc_img {
            transform: scale(1.6);
            transition: all 0.3s;
        }
		
		.sp_cdc_sec .badge_new{
			display:none!important;
		}

.die-cutBox {
    display: block;
    background-color: #C22939;
    padding: 20px 5px 20px 50px;
    width: 240px;
}

    .die-cutBox p.cdc_ttl {
        color: #fff;
        font-size: 1.05rem;
        font-weight: 700;
        letter-spacing: 0.06rem;
        margin-bottom: 10px !important;
    }

.sp_cdc .btn_get_quote {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 5px 15px;
    letter-spacing: 0.07rem;
    text-align: center;
    border-radius: 46px;
    background-color: #fdb913 !important;
    color: #fff !important;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
    font-size: var(--body-font);
    font-weight: 700;
    margin: 0px;
    transition: all .2s linear;
    cursor: pointer;
}

    .sp_cdc .btn_get_quote:hover {
        transform: translateY(-2px);
        background-color: #ffed00;
        background-image: linear-gradient(315deg, #f7f706 0%, #fdb913 74%);
        text-decoration: none;
    }

.sp_cdc .hide_cdc {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    background: #C22939;
    color: #FFCD09 !important;
    cursor: pointer;
    text-decoration: none !important;
    display: block;
}

@media (max-width: 767px) {
    .sp_cdc .btn_get_quote {
        font-size: 10px;
    }

    .cdc_ttl {
        font-size: 0.8rem;
        letter-spacing: 0.03rem;
        display: block;
        margin-bottom: 0.5rem;
    }

    .sp_cdc .sp_cdc_img {
        left: -56px;
    }

    .sp_cdc.hh .sp_cdc_img {
        transform: scale(1.5);
    }
}

@media (max-width: 480px) {
    .sp_cdc {
        bottom: 15%;
    }

        .sp_cdc .sp_cdc_img {
            transform: scale(0.8);
        }
}


/* Top Notification Bar */

#top-bar .bar_content {
    overflow: hidden;
    position: relative;
    color: #fff;
    width: 100%;
    height: 100%;
}

    #top-bar .bar_content p {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        text-align: center;
        vertical-align: middle;
        line-height: 1.8;
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -moz-animation: scroll-left 15s linear infinite;
        -webkit-animation: scroll-left 15s linear infinite;
        animation: scroll-left 15s linear infinite;
    }

@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

#top-bar .fa-times-circle {
    margin-left: auto;
    color: #fff;
    z-index: 1;
    cursor: pointer;
}


/* Hot Products Icon */
i.fab.fa-gripfire {
    font-size: 16px;
}

.homePrd-box i.fab.fa-gripfire {
    font-size: 16px;
}

.badge.badge-warning {
    margin-left: 0px;
    padding: 0px;
    background: -moz-linear-gradient(top, red, yellow);
    background: -webkit-linear-gradient(top, red, yellow);
    background: linear-gradient(to bottom, red, yellow);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav-badge.badge {
	font-size: xx-small;
}

/* Gradient text */

.gradient-heading span:first-child {
    font-weight: 700 !important;
    text-align: center;
    background: -o-linear-gradient(45deg,#ff8a00,#e52e71,#044bea,#7a00ff);
    background: linear-gradient(45deg,#ff8a00,#e52e71,#044bea,#7a00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 300% 300%;
    -webkit-animation: gradient-text 8s ease infinite;
    animation: gradient-text 8s ease infinite;
}

.gradient-heading-o > span.ispromo {
    font-weight: 700 !important;
    text-align: center;
    background: -o-linear-gradient(45deg,#ff8a00,#e52e71,#044bea,#7a00ff);
    background: linear-gradient(45deg,#ff8a00,#e52e71,#044bea,#7a00ff);
    background-size: 300% 300%;
    -webkit-animation: gradient-text 8s ease infinite;
    animation: gradient-text 8s ease infinite;
}

@-webkit-keyframes gradient-text {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes gradient-text {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.tooltip {
    z-index: 999;
}

.topup_icon {
    --topupsizew: 25;
    --topupsizeh: 28;
}

    .topup_icon:hover {
        filter: drop-shadow(0px 1px 1px #000) brightness(1.05);
    }
.mega-menubar--block--products .exrdMenu_tab-content .exrdMenu_product_list:has(.exrdMenu_product_list__inner.all_product) {
    height: 480px;
    overflow-y: auto;
    scrollbar-width: thin;
}


@media screen and (max-width: 767px){
    .sidebar-chat {
        padding: 0px;
    }
}

/* Consultant gif */
.sidebar-consultgif, .sidebar-consultHd {
    position: fixed;
    right: -1%;
    bottom: 15%;
    z-index: 1000;
}

.sidebar-consultHd {
    z-index: 1001;
    opacity: 1;
}

.sidebar-consultgif .consulticn {
    font-size: 20px;
    position: absolute;
    right: 15%;
    top: -3%;
    rotate: 45deg;
}

.sidebar-consultgif:hover .consulticn {
    box-shadow: 0px 0px 5px #fff;
    border-radius: 30px;
    background-color: #fff;
}

.sidebar-consultgif .consultimg {
    width: 155px;
}

@media screen and (max-width: 767px) {
    .sidebar-consultgif, .sidebar-consultHd {
        right: 1%;
        bottom: 1%;
    }

        .sidebar-consultgif .consultimg {
            content: url('../images/v3/home/ws-consultant-mobile.gif');
            width: 100px;
        }

        .sidebar-consultHd img {
            content: url('../images/v3/home/ws-consultant-mobile.png');
            width: 100px;
        }

        .sidebar-consultgif .consulticn {
            top: -15%;
        }
}



/* Sidebar consultant, currency, language */

/* language & currency built in */

.linguise_switcher {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    outline: 0 !important;
}

    .linguise_switcher a {
        display: flex;
        align-items: center;
        text-decoration: none
    }

    .linguise_switcher ul {
        list-style: none !important;
        margin: 0;
        padding: 0;
    }

    .linguise_switcher .lccaret {
        margin-left: 5px;
        transition: transform .2s linear;
        display: flex;
    }

        .linguise_switcher .lccaret svg {
            width: 20px;
            height: 20px;
        }

    .linguise_switcher span.linguise_language_icon {
        height: 24px;
        width: 24px;
        display: inline-block;
        vertical-align: middle;
        opacity: .8;
        cursor: pointer
    }

        .linguise_switcher span.linguise_language_icon + .linguise_lang_name {
            margin-left: 10px;
            word-break: keep-all;
            overflow-wrap: normal;
            white-space: nowrap;
        }

        .linguise_switcher span.linguise_language_icon > .linguise_lang_name {
            margin-right: 10px
        }

    .linguise_switcher.linguise_flag_rectangular span.linguise_language_icon {
        border-radius: 0;
        background-size: 100% auto;
        background-position: center
    }

    .linguise_switcher:hover {
        opacity: 1
    }

    .linguise_switcher .linguise_switcher_popup {
        display: flex;
        align-items: center;
        text-decoration: none;
        padding: 5px 10px
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_af {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/af.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_am {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/am.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ar {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ar.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_az {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/az.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_be {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/be.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_bg {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/bg.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_bn {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/bn.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_bs {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/bs.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ca {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ca.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ceb {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ceb.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_co {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/co.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_cs {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/cs.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_cy {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/cy.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_da {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/da.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_de {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/de.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_de_at {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/de-at.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_el {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/el.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_en_us, .linguise_switcher.linguise_flag_rounded .linguise_flag_en {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/en-us.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_en_gb {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/en-gb.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_eo {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/eo.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_es {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/es.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_es-mx, .linguise_switcher.linguise_flag_rounded .linguise_flag_es_mx {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/es-mx.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_es-pu, .linguise_switcher.linguise_flag_rounded .linguise_flag_es_pu {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/es-pu.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_et {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/et.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_eu {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/eu.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_fa {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/fa.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_fi {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/fi.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_fr {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/fr.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ga {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ga.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_gd {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/gd.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_gu {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/gu.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_gl {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/gl.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ha {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ha.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_haw {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/haw.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_he {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/he.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_hi {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/hi.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_hr {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/hr.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ht {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ht.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_hu {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/hu.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_hy {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/hy.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_id {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/id.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ig {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ig.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_is {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/is.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ja {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ja.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_jw {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/jw.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ka {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ka.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_kk {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/kk.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_km {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/km.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_kn {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/kn.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ko {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ko.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ku {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ku.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ky {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ky.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_lb {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/lb.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_it {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/it.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_lo {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/lo.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_lt {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/lt.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_lv {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/lv.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_mg {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/mg.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_mi {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/mi.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_mk {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/mk.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ml {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ml.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_mn {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/mn.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_mr {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/mr.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ms {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ms.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_mt {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/mt.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_my {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/my.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ne {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ne.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_nl {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/nl.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_no {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/no.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ny {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ny.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_pa {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/pa.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_pl {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/pl.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ps {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ps.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_pt {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/pt.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_pt_br {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/pt-br.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_pt-br {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/pt-br.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ro {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ro.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ru {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ru.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_rw {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/rw.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_si {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/si.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_sk {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/sk.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_sl {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/sl.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_sm {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/sm.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_sn {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/sn.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_so {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/so.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_sq {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/sq.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_sr {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/sr.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_su {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/su.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_sv {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/sv.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_sw {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/sw.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ta {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ta.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_te {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/te.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_tg {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/tg.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_th {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/th.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_tl {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/tl.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_tr {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/tr.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_uk {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/uk.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_ur {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/ur.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_uz {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/uz.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_vi {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/vi.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_xh {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/xh.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_yo {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/yo.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_zh-cn {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/zh-cn.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_zh-tw {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/zh-tw.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_zu {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/zu.svg)
    }

    .linguise_switcher.linguise_flag_rounded .linguise_flag_hmn {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rounded/hmn.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_af {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/af.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_kn {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/kn.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_eo {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/eo.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ku {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ku.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ps {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ps.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_hmn {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/hmn.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_mr {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/mr.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_pa {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/pa.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_am {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/am.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ar {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ar.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_az {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/az.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_az {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/az.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_be {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/be.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_bg {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/bg.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_bn {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/bn.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_bs {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/bs.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ca {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ca.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_cs {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/cs.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ceb {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ceb.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_co {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/co.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_cy {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/cy.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_da {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/da.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_de {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/de.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_de-at, .linguise_switcher.linguise_flag_rectangular .linguise_flag_de_at {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/de-at.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_el {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/el.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_en-us, .linguise_switcher.linguise_flag_rectangular .linguise_flag_en_us, .linguise_switcher.linguise_flag_rectangular .linguise_flag_en {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/en-us.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_en-gb, .linguise_switcher.linguise_flag_rectangular .linguise_flag_en_gb {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/en-gb.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_es {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/es.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_es-mx, .linguise_switcher.linguise_flag_rectangular .linguise_flag_es_mx {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/es-mx.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_es-pu, .linguise_switcher.linguise_flag_rectangular .linguise_flag_es_pu {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/es-pu.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_et {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/et.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_eu {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/eu.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_fa {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/fa.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_fi {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/fi.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_fr {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/fr.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ga {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ga.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_gu {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/gu.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_gl {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/gl.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ha {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ha.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_haw {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/haw.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_he {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/he.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_hi {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/hi.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_hr {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/hr.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ht {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ht.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_hu {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/hu.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_hy {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/hy.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_id {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/id.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ig {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ig.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_is {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/is.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_it {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/it.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ja {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ja.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ka {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ka.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_kk {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/kk.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_km {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/km.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_kn {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/kn.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ko {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ko.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_lb {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/lb.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_lo {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/lo.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_lt {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/lt.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_lv {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/lv.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_mg {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/mg.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_mi {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/mi.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_mk {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/mk.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ml {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ml.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_mn {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/mn.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ms {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ms.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_mt {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/mt.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ne {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ne.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_nl {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/nl.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_no {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/no.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_pl {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/pl.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_pt {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/pt.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_pt-br, .linguise_switcher.linguise_flag_rectangular .linguise_flag_pt_br {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/pt-br.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ro {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ro.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ru {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ru.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_rw {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/rw.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_sk {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/sk.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_sl {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/sl.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_sm {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/sm.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_sq {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/sq.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_sr {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/sr.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_su {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/su.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_sv {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/sv.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_sw {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/sw.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ta {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ta.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_te {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/te.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_tg {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/tg.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_th {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/th.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_tl {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/tl.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_tr {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/tr.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_uk {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/uk.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_ur {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/ur.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_vi {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/vi.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_zh-cn {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/zh-cn.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_zh-tw {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/zh-tw.svg)
    }

    .linguise_switcher.linguise_flag_rectangular .linguise_flag_zu {
        background-image: url(https://static.linguise.com/script-js/assets/images/flags-rectangular/zu.svg)
    }

.mr-10 {
    margin-right: 10px
}


/* Currency  & Language*/

#dropdownCurrency {
    position: fixed;
    bottom: 10px;
    right: 130px;
    z-index: 1005;
}

#dropdownLang {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1005;
}

    #dropdownCurrency .linguise_switcher, #dropdownLang .linguise_switcher {
        background: #fff;
        border-radius: 0;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #dropdownCurrency .linguise_current, #dropdownLang .linguise_current {
        position: relative;
    }

    #dropdownCurrency .linguise_current_lang, #dropdownLang .linguise_current_lang {
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    #dropdownCurrency .linguise_flags, #dropdownLang .linguise_flags {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        box-shadow: 2px 2px 12px #eee;
    }

    #dropdownCurrency .linguise_lang_name, #dropdownLang .linguise_lang_name {
        color: #000;
    }

    #dropdownCurrency ul.linguise_switcher_sub, #dropdownLang ul.linguise_switcher_sub {
        position: absolute;
        bottom: 100%;
        left: 0px;
        background: rgb(255, 255, 255);
        list-style: none;
        padding: 0px;
        margin: 0px;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
        border-radius: 4px;
        display: none;
    }

    #dropdownCurrency .linguise_switcher_dropdown li.linguise_current, #dropdownLang .linguise_switcher_dropdown li.linguise_current {
        display: flex;
        width: fit-content;
        font-size: 14px;
        margin: 0;
        position: relative;
    }

    #dropdownCurrency .linguise_switcher_dropdown li, #dropdownLang .linguise_switcher_dropdown li {
        border-bottom: #eee 1px solid;
        font-size: 14px;
    }

        #dropdownCurrency .linguise_switcher_dropdown li.linguise_current .linguise_current_lang, #dropdownLang .linguise_switcher_dropdown li.linguise_current .linguise_current_lang {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 10px;
            cursor: pointer;
            border: #eee 1px solid;
        }

    #dropdownCurrency .linguise_switcher_dropdown ul, #dropdownLang .linguise_switcher_dropdown ul {
        width: 100%;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
        margin: 0;
        background-color: #fff;
        padding: 0;
        border-radius: 4px;
        z-index: 999;
        box-shadow: 2px 3px 6px 0 rgba(0, 0, 0, .16);
        box-sizing: border-box;
        transition: visibility 0s, opacity .2s linear;
    }

        #dropdownCurrency .linguise_switcher_dropdown ul li, #dropdownLang .linguise_switcher_dropdown ul li {
            display: flex;
            margin: 0;
            padding: 10px;
            width: 100%;
            align-items: center;
        }

    #dropdownCurrency .linguise_switcher ul, #dropdownLang .linguise_switcher ul {
        list-style: none !important;
        margin: 0;
        padding: 0;
    }

    #dropdownCurrency .linguise_switcher_dropdown li.linguise_current:hover > ul, #dropdownLang .linguise_switcher_dropdown li.linguise_current:hover > ul {
        visibility: visible;
        opacity: 1;
        top: unset;
        bottom: 100%;
    }

    #dropdownCurrency .linguise_switcher .lccaret, #dropdownLang .linguise_switcher .lccaret {
        margin-left: 5px;
        transition: transform .2s linear;
        display: flex;
    }

    #dropdownCurrency .linguise_switcher_dropdown li.linguise_current:hover .lccaret.top, #dropdownLang .linguise_switcher_dropdown li.linguise_current:hover .lccaret.top {
        transform: rotate(180deg);
    }

    #dropdownLang a, #dropdownCurrency a {
        text-decoration: none;
    }

.linguise_lang_item:hover, .linguise_lang_item.active {
    background-color: #eee;
}

.linguise_lang_item.active {
    cursor: default;
}

/* Mobile Floating Icon */

.sidebar-consultBox {
    visibility: visible;
    z-index: 1006;
}

    .sidebar-consultBox .sidebarMb-Btn {
        display: none;
        position: fixed;
        top: auto;
        right: 10px;
        z-index: 1005;
        display: inline-flex;
        writing-mode: vertical-rl;
        padding: 10px;
        border-radius: 30px;
        visibility: hidden;
    }

    .sidebar-consultBox .sidebar-consultBoxCtt {
        position: fixed;
        bottom: 7%;
        right: 40px;
        z-index: 1005;
        transform: translateX(50px);
        visibility: hidden;
        max-width: 350px;
        background: #fff;
        padding: 10px;
        border: 1px solid #cfcfcf;
        margin: 5px 0px;
        box-shadow: 0px 0px 5px #cfcfcf;
    }

    .sidebar-consultBox.show .sidebar-consultBoxCtt {
        transition: all 0.5s ease;
        visibility: visible;
        transform: translateX(0px);
    }

.linguise_switcher {
    position: fixed;
    bottom: 10px;
    z-index: 1005;
    box-shadow: 0px 0px 5px #cfcfcf;
    background: rgb(255, 255, 255);
    border: 1px solid #cfcfcf;
    border-radius: 0px;
}

.linguise_lang_item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px;
    cursor: pointer;
}

.linguise_lang_name {
    color: rgb(0, 0, 0);
}

.langChck, .currChck {
    margin-right: 0px;
    margin-left: auto;
}

    .langChck i, .currChck i {
        color: #24A538;
    }

.sideFloat-icon {
    display: none;
    transition: all 0.5s ease;
    transform: rotate(45deg);
    color: white;
    font-size: 28px;
}

    .sideFloat-icon.active {
        transition: all 0.5s ease;
        transform: rotate(90deg);
    }

@media screen and (max-width: 767px) {

    .sidebar-consultgnCtt {
        display: none;
    }

    .sidebarMb-whatsapp {
        width: 30px;
        padding: 0px;
        transform: rotate(0deg);
    }

    .sidebar-consultBox.show .sidebarMb-WhatsGrn, .sidebar-consultBox.show .sidebarMb-Lang, .sidebar-consultBox.show .sidebarMb-Curr {
        transition: all 0.5s ease;
        visibility: visible;
        transform: translateY(0px);
    }

    .sidebarMb-WhatsGrn, .sidebarMb-Lang, .sidebarMb-Curr {
        z-index: -1;
    }

    .sidebarMb-WhatsGrn, .sidebar-consultBox.show .sidebarMb-WhatsGrn.active {
        top: auto;
        right: 10px;
        bottom: 190px;
        transition: all 0.5s ease;
        transform: translateY(180px);
        background-color: #24A538;
    }

    .sidebarMb-Lang, .sidebar-consultBox.show .sidebarMb-Lang.active {
        top: auto;
        right: 10px;
        bottom: 130px;
        transition: all 0.5s ease;
        transform: translateY(120px);
        background-color: #016799;
    }

    .sidebarMb-Curr, .sidebar-consultBox.show .sidebarMb-Curr.active {
        top: auto;
        right: 10px;
        bottom: 70px;
        transition: all 0.5s ease;
        transform: translateY(60px);
        background-color: #00ABCE;
    }

    .sidebar-consultgn.hide,
    .sidebar-consultgif.hide,
    .sidebar-consultHd.hide,
    .sidebar-langBoxCtt,
    .sidebar-CurrBoxCtt,
    .sidebar-consultBox.show .sidebarMb-Lang.hide,
    .sidebar-consultBox.show .sidebarMb-Curr.hide,
    .sidebar-whatsapp {
        display: none;
    }

    .sidebar-consultBox.show .sidebarMb-WhatsGrn.login-block.hide {
        display: none !important;
    }

    .sidebar-consultBox .sidebar-consultBoxCtt {
        right: 10px;
        top: auto;
        bottom: 70px;
        transform: translateX(50px);
    }

    .sidebar-consultgn {
        background-color: #13C500;
    }

    .sideFloat-icon, .sidebarMb-Btn, .sidebar-langBoxCtt, .sidebar-CurrBoxCtt {
        display: block;
    }

    .sidebar-consultBox.show .sidebar-consultBoxCtt, .sidebar-langBoxCtt, .sidebar-CurrBoxCtt {
        visibility: hidden;
    }

        .sidebar-consultBox.show .sidebar-consultBoxCtt.show, .sidebar-langBoxCtt.show, .sidebar-CurrBoxCtt.show {
            visibility: visible;
        }

    #dropdownCurrency .linguise_current_lang, #dropdownLang .linguise_current_lang {
        display: none !important;
    }

    .linguise_current {
        width: 100% !important;
    }

    .linguise_switcher {
        width: 300px;
        bottom: 70px;
        right: 10px !important;
    }

    .sidebar-langBoxCtt.show #dropdownCurrency ul.linguise_switcher_sub,
    .sidebar-langBoxCtt.show #dropdownLang ul.linguise_switcher_sub,
    .sidebar-CurrBoxCtt.show #dropdownCurrency ul.linguise_switcher_sub,
    .sidebar-CurrBoxCtt.show #dropdownLang ul.linguise_switcher_sub {
        visibility: visible;
        opacity: 1;
        top: unset;
        bottom: 100%;
    }
	
}

	.linguise_lang_item.active .currChck {
		display: block;
	}
	 
	.currChck{
		display: none;
	}
	.linguise_lang_item.active .langChck{
		display: block;
	}
	 
	.langChck{
		display: none;
	}