/* 
@font-face {
    font-family: 'GE SS';
    src: url("https://db.onlinewebfonts.com/t/02f502e5eefeb353e5f83fc5045348dc.woff2")format("woff2"),
        Modern Browsers
        url("https://db.onlinewebfonts.com/t/02f502e5eefeb353e5f83fc5045348dc.woff")format("woff");
    Older Browsers
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TajawalAR';
    src: url("https://db.onlinewebfonts.com/t/5e8964a3ad15aac170f1c13c0e3afeba.woff2")format("woff2"),
        Modern Browsers
        url("https://db.onlinewebfonts.com/t/5e8964a3ad15aac170f1c13c0e3afeba.woff")format("woff");
    Older Browsers
    font-weight: normal;
    font-style: normal;
} */


@font-face {
    font-family: 'TajawalAR';
    src: url("Fonts/Arabic/Tajawal-Medium.ttf")format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TajawalEN';
    src: url("Fonts/Arabic/Tajawal-Medium.ttf")format("truetype");
    font-weight: normal;
    font-style: normal;
}

:root {
    --primary-color: #D22630;
    --primary-white-color: #ffffff;
    --primary-dark-color: black;

    --primary-user-message-color: #D22630;
    --primary-font: Arial, Helvetica, sans-serif;
    --primary-header-color: #5c5c5c;
    --primary-bot-message-color: #5c5c5c;

    --banner-header-color: rgb(0, 102, 67);
    --banner-header-dark-color: rgb(207 28 21);
    --banner-header-border-color: rgb(219 12 4 / 75%);
    --icon-need-help-color: #d33131;
    --icon-need-help-color-hover: #ad2727;
}

.ui-autocomplete {
    position: unset !important;
    top: unset !important;
    left: unset !important;
    cursor: default;
}

.ui-menu {
    max-height: 400px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid #bababa !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    bottom: 100% !important;
    left: 0 !important;
    width: 90% !important;
    margin: 0 5% !important;
    position: absolute !important;
    right: 0 !important;
    z-index: 9999999 !important;
    -webkit-animation: popup-suggestion .150s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: popup-suggestion .150s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


.ui-menu-item {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #fff;
    cursor: pointer;
    width: unset !important;
    padding: 10px !important;
    color: rgb(0, 102, 67);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: none;
    background: transparent;
    font-weight: normal;
    color: black;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: none;
    background-color: transparent;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: black;
    text-decoration: none;
}

.oda-chat-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 40px;
    display: flex;
    align-items: center;
    z-index: 1000;
}

.obj {
    width: 6px;
    height: 40px;
    background: #2c3968;
    margin: 0 3px;
    border-radius: 10px;
    animation: loading 0.8s infinite;
}

.obj:nth-child(2) {
    animation-delay: 0.1s;
}

.obj:nth-child(3) {
    animation-delay: 0.2s;
}

.obj:nth-child(4) {
    animation-delay: 0.3s;
}

.obj:nth-child(5) {
    animation-delay: 0.4s;
}

.obj:nth-child(6) {
    animation-delay: 0.5s;
}

.obj:nth-child(7) {
    animation-delay: 0.6s;
}

.obj:nth-child(8) {
    animation-delay: 0.7s;
}

@keyframes loading {
    0% {
        height: 0;
    }

    50% {
        height: 40px;
    }

    100% {
        height: 0;
    }
}


.oda-chat-conversation-container {
    padding: 10px 10px 0 10px;
}

.oda-chat-logoImage {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.oda-chat-logoHeader {
    left: 70px;
    transform: translateX(-50%);
    position: relative;
    top: -10px;
    background: rgb(0, 102, 67);
    border-radius: 15px 40px;
    align-items: center;
    box-sizing: border-box;
    color: #ffffff;
    height: 70px;
    width: 160px;
    box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
}


.oda-chat-wrapper {
    bottom: 20px;
    box-sizing: border-box;
    height: 0;
    position: fixed;
    right: 20px;
    text-transform: none;
    width: 0;
    z-index: 10000;
    font-size: 13px;
    font-family: "TajawalAR", "TajawalEN";
}


.oda-chat-action-url {
    color: white;
}

.oda-chat-button {
    background-position: center center;
    background-repeat: no-repeat;
    /*    background-color: rgb(246 129 31);*/
    border: none;
    /*    border-radius: 16px;*/
    bottom: -6px;
    /*	box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.35);*/
    cursor: pointer;
    /*display: block;*/
    overflow: visible;
    padding: 0 !important;
    position: absolute;
    right: 4px;
    text-align: center;
    /*	visibility: hidden;*/
    width: 56px;
    height: 56px;
    z-index: 10000;
    min-width: unset !important;
}

.oda-chat-button:hover {
    /*	outline: none !important;*/
    /*	border-color: transparent !important;*/
    /*    background-color: rgb(246 129 31) !important;*/
    /*
    transition: 0.2s ease-out;
    height: 65px;
    width: 65px;
*/
}

.oda-chat-expanded .oda-chat-button {
    -webkit-animation: scale-out-center 0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) forwards;
    animation: scale-out-center 0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) forwards;
}

.oda-chat-collapsed .oda-chat-button {
    /*    display: flex;*/
    -webkit-animation: scale-in-center 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
    animation: scale-in-center 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
}

.oda-chat-button img {
    max-height: 100%;
    max-width: 100%;
}

.oda-chat-notification-badge {
    align-items: center;
    background: rgb(230, 8, 27);
    background-size: 10px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 24px;
    top: 0;
}

.oda-chat-widget {
    width: 400px !important;
    /* height: 740px; SA */
    height: 710px;
    border-radius: 16px;
    background: white;
    box-shadow: -4px 2px 21px 0 rgba(112, 112, 112, 0.50);
    bottom: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    /*max-height: calc(100vh - 20px);*/
    /*max-width: 980px; */
    min-width: 300px;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-transform: none;
    z-index: 10000;
}

.oda-chat-expanded .oda-chat-widget {
    -webkit-animation: scale-in-br 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
    animation: scale-in-br 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
}

.oda-chat-collapsed .oda-chat-widget {
    -webkit-animation: scale-out-br 0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) forwards;
    animation: scale-out-br 0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) forwards;
}

.oda-chat-none {
    display: none;
}

.oda-chat-conversation-pane {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.oda-chat-conversation-container {
    padding: 30px 10px 0 10px;
}

.oda-chat-empty-conversation-div {
    display: flex;
    flex: auto;
}

.oda-chat-chat-message-date {
    font-size: 10px;
    padding: 6px 0;
}

.oda-chat-embed-sticky-top {
    padding-top: 5px;
    padding-bottom: 5px;
}

.oda-chat-embed-scroll-top {
    padding-top: 5px;
    padding-bottom: 10px;
}

.oda-chat-embed-scroll-bottom {
    padding-top: 10px;
    padding-bottom: 5px;
}

.oda-chat-embed-sticky-bottom {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Chat button entrance */
@-webkit-keyframes scale-in-center {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-in-center {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Chat button exit */
@-webkit-keyframes scale-out-center {
    0% {
        display: flex;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        display: none;
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes scale-out-center {
    0% {
        display: flex;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        display: none;
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

/* Chat widget entrance */
@-webkit-keyframes scale-in-br {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }
}

@keyframes scale-in-br {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }
}

/* Chat widget exit */
@-webkit-keyframes scale-out-br {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    99% {
        opacity: 1;
        -webkit-transform: scale(0.01);
        transform: scale(0.01);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    100% {
        display: none;
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }
}

@keyframes scale-out-br {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    99% {
        opacity: 1;
        -webkit-transform: scale(0.01);
        transform: scale(0.01);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    100% {
        display: none;
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }
}



.oda-chat-conversation:lang(ar-EG) {
    background: #ffffff;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* font-family: Helvetica Neue Arabic !important; SA 179 */
    /* font-family: "TajawalEN", "TajawalAR" !important; */
    overflow: auto;
    scroll-behavior: smooth;
    width: 100%;
}

.oda-chat-conversation:lang(ar) {
    background: #ffffff;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* font-family: Helvetica Neue Arabic !important; SA 179 */
    font-family: "TajawalEN", "TajawalAR" !important;
    overflow: auto;
    scroll-behavior: smooth;
    width: 100%;
}

.oda-chat-conversation:lang(en-US) {
    background: #ffffff;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
    scroll-behavior: smooth;
    width: 100%;
}

.oda-chat-conversation:lang(en) {
    background: #ffffff;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
    scroll-behavior: smooth;
    width: 100%;
}

.oda-chat-conversation::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: white;
}

.oda-chat-conversation::-webkit-scrollbar {
    width: 6px;
    background-color: white;
}

.oda-chat-conversation::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    /* background-color: rgb(0, 102, 67); Scroll bar color SA 179 */
    background-color: rgb(255, 161, 0);
    border-color: rgb(255 161 0);
}

.oda-chat-footer {
    border-radius: 0px 0px 10px 10px;
    align-items: center;
    background-color: #ffffff;
    border-top: 1px solid #dadada;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    max-height: 78px;
    position: relative;
}

.oda-chat-footer-mode-keyboard {
    display: flex;
    align-items: center;
    flex: 1;
    flex-direction: row;
    justify-content: center;
    max-height: 78px;
    padding: 8px 6px 8px 4px;
    background: white;
}

.oda-chat-footer-button {
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    height: 32px;
    -webkit-tap-highlight-color: transparent;
    justify-content: center;
    max-height: 32px;
    max-width: 32px;
    overflow: hidden;
    padding: 4px;
    width: 32px;
    text-shadow: none;
    min-width: 4em !important;
}

.oda-chat-footer-button-icon {
    background-size: 100%;
    background-position: center;
    height: 100%;
    margin: auto;
    padding: 0;
    width: 100%;
}

.oda-chat-footer-button-svg-icon {
    height: 24px;
    fill: #878C90;
    width: 24px;
}

.oda-chat-footer-button:disabled .oda-chat-footer-button-svg-icon,
.oda-chat-footer-button:disabled .oda-chat-footer-button-svg-icon:active,
.oda-chat-footer-button:disabled .oda-chat-footer-button-svg-icon:hover {
    fill: #cbcccd;
}

.oda-chat-button-upload {
    height: 24px;
    width: 24px;
    margin-left: 8px;
}

.oda-chat-button-send {
    height: 24px;
    width: 24px;
}

.oda-chat-button-speech-active {
    animation: mic-toggle 300ms ease 0s infinite normal none running;
}

@keyframes mic-toggle {
    from {
        fill: #ff8a80;
    }

    to {
        fill: #d50000;
    }
}

.oda-chat-content-wrapper {
    max-width: 85%;
}

.oda-chat-user-input {
    background: white;
}

.oda-chat-user-input:lang(ar-EG) {
    font-size: 14px;
    direction: rtl;
    font-family: "TajawalEN", "TajawalAR";
    /* SA 189 */
    border: none;
    border-radius: 16px;
    box-sizing: border-box;
    color: #666;
    flex: 1;
    height: 32px;
    margin-left: 6px;
    margin-right: 6px;
    min-height: 32px;
    max-height: 61px;
    outline: none;
    padding: 6px 14px;
    resize: none;
}

.oda-chat-user-input:lang(ar) {
    font-size: 14px;
    direction: rtl;
    font-family: "TajawalEN", "TajawalAR";
    /* SA 189 */
    border: none;
    border-radius: 16px;
    box-sizing: border-box;
    color: #666;
    flex: 1;
    height: 32px;
    margin-left: 6px;
    margin-right: 6px;
    min-height: 32px;
    max-height: 61px;
    outline: none;
    padding: 6px 14px;
    resize: none;
}

.oda-chat-user-input:lang(en-US) {
    font-size: 14px;
    direction: ltr;
    border: none;
    border-radius: 16px;
    box-sizing: border-box;
    color: #666;
    flex: 1;
    height: 32px;
    margin-left: 6px;
    margin-right: 6px;
    min-height: 32px;
    max-height: 61px;
    outline: none;
    padding: 6px 14px;
    resize: none;
}

.oda-chat-user-input:lang(en) {
    font-size: 14px;
    direction: ltr;
    border: none;
    border-radius: 16px;
    box-sizing: border-box;
    color: #666;
    flex: 1;
    height: 32px;
    margin-left: 6px;
    margin-right: 6px;
    min-height: 32px;
    max-height: 61px;
    outline: none;
    padding: 6px 14px;
    resize: none;

    font-family: "TajawalAR", "TajawalEN";
    /* SA 179 */
}

.oda-chat-user-input::placeholder {
    padding: 5px 2;
    color: #707070;
}

.oda-chat-user-input.oda-chat-disabled {
    color: #737373;
}

.oda-chat-user-input.oda-chat-disabled::placeholder {
    color: #cbcccd;
}

.oda-chat-autocomplete-items {
    background-color: white;
    border: 1px solid #bababa;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    bottom: 100%;
    left: 0;
    margin: 0 32px;
    position: absolute;
    right: 0;
    z-index: 1;
    -webkit-animation: popup-suggestion .150s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: popup-suggestion .150s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes popup-suggestion {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
        -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
    }

    100% {
        box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.35);
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
    }
}

@keyframes popup-suggestion {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
    }

    100% {
        box-shadow: 0 -12px 15px -12px rgba(0, 0, 0, 0.35);
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
    }
}

.oda-chat-autocomplete-items div {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #fff;
    cursor: pointer;
    padding: 10px;
    color: rgb(0, 102, 67);
}

.oda-chat-autocomplete-items strong {
    color: rgb(238, 127, 1);
    font-size: 16px;
}

.oda-chat-autocomplete-items div:hover {
    background-color: #f1f0f0;
}

.oda-chat-autocomplete-active {
    background-color: #85bbe7 !important;
}

.oda-chat-header {
    border-radius: 15px 15px 0px 0px;
    background: #FFFFFF;
    align-items: center;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    /*	flex-direction: row;*/
    height: 110px;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 8px;
    z-index: 2;
    /*    box-shadow: 0px 2px 20px rgba(0, 0, 0, .5);*/
    box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
}

.oda-chat-header:lang(ar) {
    border-radius: 15px 15px 0px 0px;
    background: #FFFFFF;
    align-items: center;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    /*	flex-direction: row;*/
    height: 110px;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 8px;
    z-index: 2;
    /*    box-shadow: 0px 2px 20px rgba(0, 0, 0, .5);*/
    box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
    /* direction: rtl; */
}


.oda-chat-logo {
    flex: 0;
    width: 262px;
    /*
	height: 45px;
	max-height: 50px;
	max-width: 50px;
	min-height: 16px;
	width: 45px;*/
    /*	display: none;*/
}

.oda-chat-header-info-wrapper {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    line-height: 1.2;
}

.oda-chat-title {
    flex: 1;
    font-size: 16px;
    justify-content: center;
    margin: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.oda-chat-description {
    flex: 1;
    font-size: 13px;
    justify-content: center;
    margin: 2px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oda-chat-connection-status {
    flex: 1;
    font-weight: bold;
    font-size: 9px;
    justify-content: center;
    margin: 0 8px;
    text-transform: uppercase;
}

.oda-chat-connection-status.oda-chat-connected {
    color: #ccff90;
}

.oda-chat-connection-status.oda-chat-connecting {
    color: #ffeb00;
}

.oda-chat-connection-status.oda-chat-disconnected {
    color: #e40004;
}

.oda-chat-header-button {
    position: relative;
    top: 10px;
    cursor: pointer;
    align-items: center;
    border: none;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    fill: #ffffff;
    padding: 4px;
    margin-left: 4px;
    max-height: 24px;
    max-width: 24px;
    min-width: unset !important;
}

.oda-chat-header-button:hover {
    border-color: transparent !important;
    background-color: transparent !important;
    background-color: transparent !important;
}

.oda-chat-header-button:active {
    filter: brightness(0.875);
    outline: none;
    border-color: transparent !important;
    background-color: transparent !important;
    background-color: transparent !important;
}

.oda-chat-header-button:focus {
    outline: none;
}

.oda-chat-header-button-icon {
    height: 16px;
    width: 16px;
}

.oda-chat-header-button-icon:focus {
    outline: none;
}

.oda-chat-header-button-icon:active {
    filter: brightness(0.875);
    outline: none;
}

.oda-chat-message-actions a.oda-chat-action-postback:hover {
    background: rgb(0, 102, 67);
    color: #6faa73;
}

.oda-chat-message-actions a.oda-chat-action-postback:focus,
.oda-chat-message-actions a.oda-chat-action-postback:active {
    background: rgb(0, 102, 67);
}

.oda-chat-message-actions a.oda-chat-action-postback.oda-chat-disabled {
    background: #f8f8f8 !important;
    color: #737373 !important;
}

.oda-chat-right .oda-chat-message-global-actions {
    margin-left: 25px;
}

.oda-chat-left .oda-chat-message-global-actions {
    /*margin-right: 25px;*/
}

.oda-chat-message-global-actions a {
    border: 1px solid rgb(0, 102, 67);
    border-radius: 20px;
    color: rgb(0, 102, 67);
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    padding: 8px 10px;
    text-decoration: none;
}

.oda-chat-message-global-actions a:hover {
    background: rgb(0, 102, 67);
    color: #6faa73;
}

.oda-chat-message-global-actions a:focus,
.oda-chat-message-global-actions a:active {
    background: rgb(0, 102, 67);
    color: #fff;
}

.oda-chat-message-global-actions a.oda-chat-disabled {
    background: #f8f8f8;
    border-color: #c5c5c5;
    color: #737373;
}

.oda-chat-attachment-image,
.oda-chat-attachment-video {
    width: 100%;
}

.oda-chat-attachment-file {
    word-break: break-all;
}

.oda-chat-attachment-audio {
    width: 190px;
}

.oda-chat-attachment-message {
    display: -webkit-flex;
    display: flex;
}

.oda-chat-attachment-icon {
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin-right: 5px;
    justify-content: center;
    background-color: transparent;
    background: no-repeat center center;
    border: none;
    align-items: center;
}

.oda-chat-message-date {
    color: #ababab;
    margin-top: 10px;
    font-size: 10px;
}

.oda-chat-attachment-fileName {
    margin: auto 0;
}

.oda-chat-round {
    align-items: center;
    background: #eaeaea;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: white;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    text-align: center;
    top: calc(50% - 18px);
    width: 30px;
    z-index: 1;
    min-width: unset !important;
    padding: 0 !important;
    cursor: pointer;
}

.oda-chat-round svg {
    fill: #2b6744;
}

.oda-chat-round:focus {
    outline: none;
}

.oda-chat-round:hover {
    background: rgb(0, 102, 67);
    color: white;
}

.oda-chat-round:hover svg {
    fill: white;
}

.oda-chat-previous {
    left: -20px;
}

.oda-chat-next {
    right: -10px;
}

.oda-chat-loading-message {
    margin-bottom: 20px;
}

.oda-chat-loading-icon {
    display: -webkit-flex;
    display: flex;
}

.oda-chat-message-with-icon {
    display: -webkit-flex;
    display: flex;
}

.oda-chat-error-icon {
    margin-right: 5px;
    max-width: 24px;
    max-height: 24px;
}

.oda-chat-message-text {
    margin: auto 0;
    white-space: pre-wrap;
    word-break: break-all;
}

.oda-chat-spinner {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 5px;
}

.oda-chat-spinner svg {
    animation-duration: 750ms;
    -webkit-animation: spinner-rotate 1s linear infinite;
    animation: spinner-rotate 1s linear infinite;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.oda-chat-spinner circle {
    stroke: #387ef5;
    fill: transparent;
    stroke-width: 4px;
    stroke-dasharray: 128px;
    stroke-dashoffset: 82px;
}

@-webkit-keyframes spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.oda-chat-message {
    margin-bottom: 20px;
}

.oda-chat-left {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.oda-chat-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}

.oda-chat-message-wrapper {
    display: flex;
    max-width: 100%;
    width: 100%;
}

.oda-chat-left .oda-chat-message-wrapper {
    flex-direction: row;
}

.oda-chat-right .oda-chat-message-wrapper {
    flex-direction: row-reverse;
}

.oda-chat-icon-wrapper {
    margin-right: 8px;
    padding: 5px;
    align-self: flex-end;
    align-items: flex-end;
    border-radius: 4px;
    display: flex;
    height: 40px;
    justify-content: center;
    min-width: 32px;
    width: 40px;
}

.oda-chat-message-icon {
    max-width: 50px;
    max-height: 50px;
    display: block;
}

/*------------*/

.oda-chat-message-profile-pic {
    padding: 2px;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: rgba(20, 0, 0, .12);
    position: absolute;
}

.oda-chat-left .oda-chat-message-profile-pic {
    bottom: 6px;
    left: 6px;
}

.oda-chat-right .oda-chat-message-profile-pic {
    bottom: 6px;
    right: 6px;
}

/*------------
.oda-chat-message-bubble:lang(ar-EG) {
    direction: rtl;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    max-width: 325px;
    padding: 15px;
    position: relative;
}
*/

.oda-chat-message-bubble {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    max-width: 325px;
    padding: 15px;
    position: relative;
    direction: ltr;
}

.oda-chat-message-content {
    /*overflow: hidden;*/
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 1.4;
}

.oda-chat-right .oda-chat-message-bubble {
    background-color: rgb(0, 102, 67);
    color: #ffff;
    margin-left: 25px;
    border-radius: 20px 20px 0 20px;
    font-weight: bold;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
}

.oda-chat-left .oda-chat-message-bubble {
    background-color: #F3F3F3;
    color: #333;
    margin-right: 25px;
    border-radius: 20px 20px 20px 0;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
}

.oda-chat-left .oda-chat-message-header {
    border-radius: 20px 20px 0 0;
    margin-bottom: 10px;
}

.oda-chat-left .oda-chat-message-footer {
    border-radius: 0 0 20px 0;
    margin-top: 10px;
}

.oda-chat-left .oda-chat-has-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.oda-chat-left .oda-chat-has-footer {
    border-bottom-right-radius: 0;
}

/*------------*/

.oda-chat-attachment-image,
.oda-chat-attachment-video {
    width: 100%;
}

.oda-chat-attachment-file {
    word-break: break-all;
}

.oda-chat-attachment-audio {
    width: 190px;
}

/* TODO: set by javascript */

/* Styling of Download Button */
/* .oda-chat-chat-box-download-btn {
    float: right;
    margin: 10px 10px;
} */
.oda-chat-status-message-container {
    display: flex;
    flex-direction: column;
}

.oda-chat-status-message-wrapper {
    align-self: center;
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    border-radius: 25px;
    background-color: #f3f3f3;
    max-width: 70%;
    padding: 10px 15px;

    animation: vibrate 0.5s linear both;
}

@keyframes vibrate {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    20% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    40% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    60% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px);
    }

    80% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

.oda-chat-status-image {
    margin-left: 8px;
    margin-right: 8px;
    max-width: 16px;
    max-height: 16px;
}

.oda-chat-header-button {
    background-color: transparent;
}

.oda-chat-status-message {
    font-size: 1.0rem;
    color: #737373;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}

.oda-chat-screen-reader-only {
    height: 1px;
    left: -20000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

.oda-chat-button:active,
.oda-chat-button:focus,
.oda-chat-input:active,
.oda-chat-input:focus {
    outline: none;
}

.oda-chat-message-actions .oda-chat-action-postback {
    align-items: center;
    border-radius: 10px;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    font-size: 13.75px;
    font-weight: bold;
    flex: 1;
    justify-content: center;
    padding: 12px 24px;
    margin: 4px;
    text-decoration: none;
}

.oda-chat-message-actions .oda-chat-action-postback:focus,
.oda-chat-message-actions a.oda-chat-action-postback:active {
    background: #004d80;
}

.oda-chat-message-actions .oda-chat-action-postback.oda-chat-disabled {
    background: #f8f8f8;
    border-color: #c5c5c5;
    color: #737373;
}

.oda-chat-message-actions .oda-chat-action-postback.oda-chat-disabled:hover {
    background: #f8f8f8;
}

.oda-chat-message-actions .oda-chat-action-postback.oda-chat-disabled:focus,
.oda-chat-message-actions a.oda-chat-action-postback.oda-chat-disabled:active {
    background: #f8f8f8;
}

.oda-chat-message-global-actions {
    margin-top: 15px !important;
    margin: 10px auto;
    width: 85%;
    align-items: baseline;
    display: block;
    flex-direction: row;
    text-align: center;
    position: relative;
}

.oda-chat-message-global-actions.oda-chat-has-message-icon {
    /*margin-left: 40px;*/
}

.oda-chat-message-global-actions .oda-chat-action-postback {
    align-items: center;
    border: 1px solid #1b8fd2;
    border-radius: 5px 5px 5px 5px;
    color: #1b8fd2;
    cursor: pointer;
    /* display: flex; */
    /* flex: 1; */
    font-size: 13px;
    /* font-weight: bold; */
    justify-content: center;
    margin-top: 4px;
    margin-bottom: 4px;
    margin: 5px;
    padding: 10px 10px;
    text-decoration: none;
    vertical-align: baseline;
    max-width: 40%;
    width: 105px;
    height: 20px;
    display: inline;
    box-sizing: content-box;
    line-height: inherit;
}

.oda-chat-message-global-actions .oda-chat-action-postback:hover {
    /* font-weight: bold;*/
}

.oda-chat-message-global-actions .oda-chat-action-postback:first-of-type {
    margin-top: 0;
}

.oda-chat-message-global-actions .oda-chat-action-postback:last-of-type {
    margin-bottom: 0;
}

.oda-chat-message-global-actions .oda-chat-action-postback:focus,
.oda-chat-message-global-actions .oda-chat-action-postback:active {
    background: #004d80;
    color: #fff;
}

.oda-chat-message-global-actions .oda-chat-action-postback.oda-chat-disabled {
    background: #f8f8f8;
    border-color: #c5c5c5;
    color: #737373;
}

.oda-chat-message-global-actions .oda-chat-action-postback.oda-chat-disabled:hover,
.oda-chat-message-global-actions .oda-chat-action-postback.oda-chat-disabled:focus,
.oda-chat-message-global-actions .oda-chat-action-postback.oda-chat-disabled:active {
    background: #f8f8f8;
    border-color: #c5c5c5;
    color: #737373;
}

.oda-chat-message-actions {
    margin-top: 10px;
    /* centeralize Retail/Corp Btns SA 179 */
    margin-right: auto;
    margin-left: auto;
}


.oda-chat-message-actions .oda-chat-action-postback {
    border-color: rgb(255 161 0) transparent transparent !important;
    border: 0;
    background-color: rgb(255, 161, 0);
    box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
    color: white;
    width: 165px;
    box-sizing: content-box;
    line-height: inherit;
    /* display: none;*/
}

.oda-chat-message-actions .oda-chat-action-postback:focus {
    background: white;
    border-color: white;
    color: rgb(0, 102, 67);
}

.oda-chat-message-actions .oda-chat-action-postback:hover {
    background-color: rgb(255, 161, 0);
    border-color: rgb(234, 234, 234) transparent transparent;
}

.oda-chat-message-global-actions .oda-chat-action-postback {
    background: #ffffff;
    border-color: rgb(0, 102, 67);
    color: rgb(0, 102, 67);
    box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
}

.oda-chat-message-global-actions .oda-chat-action-postback[title="Show More"] {
    background: #ffa100;
    border-color: rgb(255 161 0);
    color: white;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
}

.oda-chat-message-global-actions .oda-chat-action-postback[title="Previous"] {
    background: #ffa100;
    border-color: rgb(255 161 0);
    color: white;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
}

.oda-chat-message-global-actions .oda-chat-action-postback[title="أظهر المزيد"] {
    background: #ffa100;
    border-color: rgb(255 161 0);
    color: white;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
}

.oda-chat-message-global-actions .oda-chat-action-postback[title="السابق"] {
    background: #ffa100;
    border-color: rgb(255 161 0);
    color: white;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
}

.oda-chat-message-global-actions .oda-chat-action-postback:focus {
    background: rgb(0, 102, 67);
}

/*
.oda-chat-message-global-actions .oda-chat-action-postback:hover {
    font-weight: bold;
    letter-spacing: 0.05em;
    opacity: 1;
}
*/

.oda-chat-card-message-horizontal .oda-chat-message-bubble.oda-chat-message-header,
.oda-chat-card-message-horizontal .oda-chat-message-bubble.oda-chat-message-footer {
    margin-right: 0;
}

.oda-chat-card-message-horizontal .oda-chat-content-wrapper {
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: visible;
}

.oda-chat-card-message-content {
    line-height: 1.5;
    max-width: 100%;
    white-space: pre-wrap;
}

.oda-chat-card-message-horizontal .oda-chat-card-message-content {
    position: relative;
}

.oda-chat-card-message-content a {
    text-decoration: none;
}

.oda-chat-card-message-horizontal {
    margin-left: 20px;
    margin-right: 20px;
}

.oda-chat-card-message-horizontal.oda-chat-has-message-icon {
    margin-left: 0;
}

.oda-chat-card-message-cards {
    margin-right: 20px;
    max-width: 100%;
}

.oda-chat-card-message-horizontal .oda-chat-card-message-cards {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    ;
    position: relative;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    width: 100%;
    white-space: nowrap;
}

.oda-chat-card-message-horizontal .oda-chat-card-message-cards::-webkit-scrollbar {
    display: none;
}

.oda-chat-card-message-vertical .oda-chat-card {
    border-radius: 20px;
    margin: 8px 0;
}

.oda-chat-card-message-vertical .oda-chat-card:first-of-type {
    margin-top: 0;
}

.oda-chat-card-message-vertical .oda-chat-card:last-of-type {
    margin-bottom: 0;
}

.oda-chat-card-message-vertical .oda-chat-message-wrapper {
    flex-direction: column;
}

.oda-chat-card-message-horizontal .oda-chat-card {
    width: 75%;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: space-around;
    margin: 0 8px;
    scroll-snap-align: start;
}

.oda-chat-card-message-horizontal .oda-chat-card:first-of-type {
    margin-left: 0;
}

.oda-chat-card-message-horizontal .oda-chat-card:last-of-type {
    margin-right: 0;
}

.oda-chat-card-image {
    /*
    height: 70%;
    max-height: 70%;
*/
    max-width: 100%;
    width: 100%;
}

.oda-chat-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    line-height: 1.5;
}

.oda-chat-card-title {
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0;
    max-width: 100%;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: pre-wrap;
    color: #2b6744;
}

.oda-chat-card-description {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-weight: 400;
    max-width: 100%;
    height: 50%;
    margin: 8px;
    text-overflow: ellipsis;
    text-align: center;
    white-space: pre-wrap;
    color: rgb(179, 179, 179);
}

.oda-chat-card-actions {
    display: flex;
    flex-direction: column;
}

.oda-chat-card-actions button.oda-chat-disabled {
    color: #737373;
    background: #ffffff;
    border-color: #c5c5c5;
}

.oda-chat-card-actions button.oda-chat-disabled:hover {
    color: #737373;
    background: #ffffff;
}

.oda-chat-card {
    background: #fff;
    box-sizing: border-box;
    border: 1.0px solid rgb(0 0 0 / 0.10);
    border-radius: 20px 20px 20px 0px;
    display: block;
    max-width: 100%;
    min-width: 75%;
    overflow: hidden;
    color: rgb(0, 102, 67);
    white-space: pre-wrap;
}

.oda-chat-card-actions .oda-chat-action-postback {
    border-color: rgb(234, 234, 234) transparent transparent;
    background-color: rgb(255, 161, 0);
    color: white;
    cursor: pointer;
    border-width: 1px 0px 0px;
    border-top-style: solid;
    border-radius: 10px;
    font-weight: bold;
    line-height: 1.5;
    height: 30px;
    width: 90%;
    min-width: unset !important;
    padding: 5px 0px !important;
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
    box-sizing: content-box;
}

.oda-chat-card-actions .oda-chat-action-postback:focus {
    /*background: #053242;*/
    outline: none;
}

.oda-chat-card-actions .oda-chat-action-postback:hover {
    box-shadow: 0 -4px 6px rgba(252, 182, 64, 0.6);
}

.oda-chat-card-message-content a {
    color: #f7e0a1;
}

hr {
    border-top: 1px solid #eee;
    padding: 0;
    margin: 10px 0;
}

.close-handle {
    font-size: 20px;
    position: absolute;
    color: #2b3867 !important;
    right: 5px;
    top: 5px;
    background-color: white;
    border-radius: 20px;
    height: 35px;
    width: 35px;
    padding: 13px 10px 10px 10px;
    box-shadow: 0 12px 60px rgba(71, 69, 123, 0.04);
    box-sizing: unset !important;
}


.webview {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    visibility: visible;
}

.webview-container {
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.webview-header {
    height: 0;
    padding: 0;
    z-index: 10;
    height: 44px;
    line-height: 32px;
    padding: 6px 15px;
    position: relative;
    background-color: transparent;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    box-sizing: content-box;
    color: #333;
    max-height: 32px;
    text-align: center;
}

.webview-iframe-container {
    overflow: initial;
    border: none;
    position: relative;
    width: 100%;
    height: calc(100% - 44px);
    -webkit-overflow-scrolling: touch;
}

.webview-iframe {
    border-radius: 10px;
    background: white;
    border: none;
    position: relative;
    width: 100%;
    height: 100%;
}

.footerBtns {
    display: flex;
}

.restartLeftBtns {
    width: 100%;
    cursor: pointer;
    border-color: rgb(234, 234, 234) white white;
    background-color: white;
    color: rgb(0, 102, 67);
    border-width: 1px 0px 0px;
    border-top-style: solid;
    border-radius: 0px 0px 0px 15px;
    font-weight: 500;
    line-height: 2.2;
    min-width: unset;
    padding: 2px 0px !important;
    font-family: unset !important;
    font-size: unset !important;
}

.restartRightBtns {
    width: 100%;
    cursor: pointer;
    border-color: rgb(234, 234, 234) white white;
    background-color: white;
    color: rgb(0, 102, 67);
    border-width: 1px 0px 0px;
    border-top-style: solid;
    border-radius: 0px 0px 15px 0px;
    font-weight: 500;
    line-height: 2.2;
    min-width: unset;
    padding: 2px 0px !important;
    /* font-family: unset !important; SA 189 */
    /* font-family: "TajawalEN", "TajawalAR"; */
    /* SA 189 */
    font-size: unset !important;
}

.restartLeftBtns:hover {
    background-color: rgb(0, 102, 67);
    font-weight: bold;
    color: white;
}

.restartRightBtns:hover {
    background-color: rgb(0, 102, 67);
    font-weight: bold;
    color: white;
}

#disclaimerBanner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
    overflow: hidden;
    background: #357AE2;
}

#disclaimerHeader {
    top: 12%;
    color: #FCB540;
    left: 50%;
    width: 80%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: center;
    /* font-family: Helvetica Neue; SA 179 */
    /* font-family: "TajawalEN", "TajawalAR"; */
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    line-height: 132%;
}

#disclaimerContent::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #4887e4;
}

#disclaimerContent::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

#disclaimerContent::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
    background-color: #F5821F;
}

#disclaimerContent:lang(en-US) {
    overflow: scroll;
    overflow-y: auto;
    overflow-x: hidden;
    height: 65%;
    top: 50%;
    left: 50%;
    width: 80%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: left;
    color: #FFFFFF;
    /* font-family: Helvetica Neue; SA 179 */
    /* font-family: "TajawalEN", "TajawalAR"; */
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 132%;
}

#disclaimerContent:lang(en) {
    overflow: scroll;
    overflow-y: auto;
    overflow-x: hidden;
    height: 65%;
    top: 50%;
    left: 50%;
    width: 80%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: left;
    color: #FFFFFF;
    /* font-family: Helvetica Neue; SA 179 */
    /* font-family: "TajawalEN", "TajawalAR"; */
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 132%;
}

#disclaimerContent:lang(ar-EG) {
    direction: rtl;
    /* font-family: "TajawalEN", "TajawalAR"; */
    /* SA 189 */
    overflow: scroll;
    overflow-y: auto;
    overflow-x: hidden;
    height: 65%;
    top: 50%;
    left: 50%;
    width: 80%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: right;
    color: #FFFFFF;
    /* font-family: Helvetica Neue Arabic !important; SA 179 */
    /* font-family: "TajawalEN", "TajawalAR" !important; */
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 132%;
}

#disclaimerContent:lang(ar) {
    direction: rtl;
    /* font-family: "TajawalEN", "TajawalAR"; */
    /* SA 189 */
    overflow: scroll;
    overflow-y: auto;
    overflow-x: hidden;
    height: 65%;
    top: 50%;
    left: 50%;
    width: 80%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: right;
    color: #FFFFFF;
    /* font-family: Helvetica Neue Arabic !important; SA 179 */
    /* font-family: "TajawalEN", "TajawalAR" !important; */
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 132%;
}


/* .banner_holderImage:lang(ar-EG) {
    height: 100%;
    position: relative;
    background: url("https://cibbot.com/cibBotWidget/images/coverImageAr.jpg")no-repeat;
    background-size: cover;
    background-position: center;
}

.banner_holderImage:lang(ar) {
    height: 100%;
    position: relative;
    background: url("https://cibbot.com/cibBotWidget/images/coverImageAr.jpg")no-repeat;
    background-size: cover;
    background-position: center;
}

.banner_holderImage:lang(en-US) {
    height: 100%;
    position: relative;
    background: url("https://cibbot.com/cibBotWidget/images/coverImage.jpg")no-repeat;
    background-size: cover;
    background-position: center;
}

.banner_holderImage:lang(en) {
    height: 100%;
    position: relative;
    background: url("https://cibbot.com/cibBotWidget/images/coverImage.jpg")no-repeat;
    background-size: cover;
    background-position: center;
} */

#customBanner .closeIconBanner {
    background: url(https://chatbot.nbe.com.eg/images/closeIconBanner_Orange.svg)no-repeat;
    z-index: 10;
    top: 12px;
    right: 20px !important;
    position: absolute;
    border: none;
    height: 24px;
    width: 24px;
    cursor: pointer;
    min-width: unset !important;
    padding: 0 !important;
    border-radius: unset !important;
}

#disclaimerBanner .closeIconBanner {
    background: url(https://chatbot.nbe.com.eg/images/closeIconBanner_Orange.svg)no-repeat;
    z-index: 10;
    top: 20px;
    right: 25px !important;
    position: absolute;
    border: none;
    height: 24px;
    width: 24px;
    cursor: pointer;
    min-width: unset !important;
    padding: 0 !important;
}

.bannerTitle:lang(en-US) {
    top: 72%;
    left: 50%;
    width: 80%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: center;
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
}

.bannerTitle:lang(en) {
    top: 72%;
    left: 50%;
    width: 80%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: center;
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
}

.bannerTitle:lang(ar-EG) {
    direction: rtl;
    /* font-family: "TajawalEN", "TajawalAR"; */
    /* SA 189 */
    top: 72%;
    left: 50%;
    width: 90%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: center;
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
}

.bannerTitle:lang(ar) {
    direction: rtl;
    /* font-family: "TajawalEN", "TajawalAR"; */
    /* SA 189 */
    top: 72%;
    left: 50%;
    width: 90%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: center;
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
}

.startMessageHeader {
    border: 2px solid #F5821F;
    box-sizing: border-box;
    position: absolute;
    border-radius: 43px;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    padding: 10px 30px;
}

.startMessageBanner {
    font: inherit;
    position: absolute;
    background: #F5821F;
    border-radius: 43px;
    border: none;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    padding: 6px 24px;
}

.agreeMessageHeader {
    border: 2px solid #89BA40;
    box-sizing: border-box;
    position: absolute;
    border-radius: 43px;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    padding: 10px 30px;
}

.agreeMessageBanner {
    font: inherit;
    position: absolute;
    background: #89BA40;
    border-radius: 43px;
    border: none;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    padding: 6px 24px;
}

/*
.startMessageBanner:hover {
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	background-color:#fb9e25;
}
*/

#customBanner {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
    overflow: hidden;
    z-index: 2;
}

.readMeFirst {
    position: absolute;
    border-radius: 43px;
    top: 82%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    /* font-family: Helvetica Neue; SA 179 */
    /* font-family: "TajawalEN", "TajawalAR"; */
    font-style: normal;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    text-decoration-line: underline;
    color: #FCB540;
}

.readMeFirst:visited {
    color: #FCB540 !important;
}

.readMeFirst:hover {
    color: #FCB540 !important;
}

.readMeFirst:focus {
    color: #FCB540 !important;
}

#regexModal h2 {
    font-size: 20px;
    font-weight: bold;
}

.oda-chat-widget .modal {
    border-radius: 15px;
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 99999;
    /* Sit on top */
/*  padding-top: 100px;*/
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.oda-chat-widget .modal-content {
    height: 470px;
    bottom: 0;
    border-radius: 10px;
    position: fixed;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
/*
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
*/
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.oda-chat-widget .modal-header {
/*    padding: 10px 16px;*/
/*  background-color: rgb(0, 102, 67);*/
    color: white;
    text-align: center;
}

.oda-chat-widget .modal-body {
    padding: 13px 16px;
    text-align: center;
}

.oda-chat-widget .modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
    text-align: center;
}

/* The Close Button */
.closeRegexModal {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeRegexModal:hover,
.closeRegexModal:focus {
    color: rgb(0, 102, 67);
    text-decoration: none;
    cursor: pointer;
}


/* The Close Button */
.closeBlockModal {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeBlockModal:hover,
.closeBlockModal:focus {
    color: rgb(0, 102, 67);
    text-decoration: none;
    cursor: pointer;
}

.customFloatingBanner {
    display: inline-flex;
}

.customFloatingBannerImageDiv {
    margin-right: 20px;
    margin-left: 20px;
}

.errorIcon {
    width: 10px;
}

.customFloatingBannerTextDiv {
    text-align: start;
}

.customFloatingBannerFirstSpan {
    font-weight: bold;
}

.customFloatingBannerSecondSpan {
    font-size: 12px;
    font-weight: 600;
}

.oda-chat-button-icon {
    /*    border-radius: 50%;*/
}

@media (max-height: 700px) and (min-width: 768px) {
    .oda-chat-widget {
        width: 350px !important;
        height: 550px !important;
    }
}

@media (max-width:767px) {
    .oda-chat-wrapper {
        right: 10px !important;
        bottom: 20px !important;
    }

    .preloader {
        right: 10px !important;
        bottom: 20px !important;
        width: 48px;
        height: 48px;
    }

    .customBanner-main {
        height: 500px !important;
    }

    .oda-chat-widget {
        width: 100% !important;
        height: 100% !important;
        right: 0 !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        max-height: 100% !important;
        position: fixed !important;
    }

    #customBanner {
        border-radius: 0 !important;
    }

    .oda-chat-button-icon {
        max-height: 48px;
        max-width: 48px;
    }

    .oda-chat-card-actions .oda-chat-action-postback {
        height: 50px;
    }

    .wrap-cFKFT {
        overflow-y: scroll;
        max-height: 280px;
    }

    .container-sf0EO[data-v-7e8f4192] {
        max-height: 280px;
    }

}

@media (min-width:768px) {
    .oda-chat-button {
        height: 56px;
        width: 56px;
    }

    .oda-chat-button-icon {
        max-height: 56px;
        max-width: 56px;
    }
}


.oda-fabs {
    bottom: 0;
    position: fixed;
    margin: 1em;
    right: 0;
    z-index: 999999999;

}

.oda-fab {
    display: block;
    width: 56px;
    height: 56px;
    text-align: center;
    color: white;
    color: white;
    margin: 25px auto 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
    z-index: 998;
    overflow: hidden;
    background: #f6811f;
    border-radius: 50% 50% 0px 50%;
}

.oda-fab>i {
    color: white;
    font-size: 2em;
    line-height: 55px;
    -webkit-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.oda-fab:not(:last-child) {
    width: 0;
    height: 0;
    margin: 20px auto 0;
    opacity: 0;
    visibility: hidden;
    line-height: 40px;
}

.oda-fab:not(:last-child)>i {
    font-size: 1.4em;
    line-height: 40px;
}

.oda-fab.oda-fab-is-visible {
    border-radius: 50% 0px 50% 50%;
}

.oda-fab:not(:last-child).oda-fab-is-visible {
    width: 40px;
    height: 40px;
    margin: 15px auto 10;
    opacity: 1;
    visibility: visible;
}

.oda-fab:nth-last-child(1) {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms;
}

.oda-fab:not(:last-child):nth-last-child(2) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms;
}

.oda-fab:not(:last-child):nth-last-child(3) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
}

.oda-fab:not(:last-child):nth-last-child(4) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
}

.oda-fab:not(:last-child):nth-last-child(5) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
}

.oda-fab(:last-child):active,
.oda-fab(:last-child):focus,
.oda-fab(:last-child):hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}

/*Chatbox*/

.oda-fab-chat {
    position: fixed;
    cursor: pointer;
    right: 14px;
    bottom: 12px;
    width: 290px;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    opacity: 1;
    box-shadow: 1px 1px 100px 2px rgb(0 0 0 / 22%);
    border-radius: 25px 25px 0px 25px;
    -webkit-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: white;
}

.oda-chat_header {
    /* margin: 10px; */
    font-size: 13px;
    /* font-family: 'Roboto'; SA 179 */
    font-weight: 500;
    color: #f3f3f3;
    height: 100px;
    background: #0C5435;
    /* padding-top: 8px; */
    /* margin-bottom: 10px; */
    border-radius: 20px 0px 0px 0px;
}

.oda-fab-chat.oda-fab-is-visible {
    opacity: 1;
    -webkit-animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
    animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
}

.oda-chat_option {
    font-size: 15px;
    list-style: none;
    position: relative;
    height: 100%;
    width: 100%;
    text-align: relative;
    letter-spacing: 0.5px;
    font-weight: 500
}


.oda-chat_option .bot_image {
    width: 60px;
    position: absolute;
    right: 50%;
    transform: translate(50%, -50%);
    border-radius: 100%;
}


.oda-fab-change_img img {
    width: 35px;
    margin: 0px 20px 0px 20px;
}

.oda-fab_field {
    width: 100%;
    height: 72px;
    display: inherit;
    background: #fff;
    border-radius: 25px 25px 0px 25px;

}

/*Element state*/

.oda-fab-is-active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.oda-fab-is-float {
    box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}

.oda-fab-is-loading {
    display: block;
    -webkit-animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
    animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
}

/*Animation*/

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.0;
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes load {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.0;
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

/* SMARTPHONES PORTRAIT */

@media only screen and (min-width: 300px) {
    .oda-fab-chat {
        width: 290px;
    }
}

/* SMARTPHONES LANDSCAPE */

@media only screen and (min-width: 480px) {
    .oda-fab-chat {
        width: 290px;
    }

    .oda-chat_field {
        width: 65%;
    }
}

/* TABLETS PORTRAIT */

@media only screen and (min-width: 768px) {
    .oda-fab-chat {
        width: 290px;
    }

    .oda-chat_field {
        width: 65%;
    }
}

/* TABLET LANDSCAPE / DESKTOP */

@media only screen and (min-width: 1024px) {
    .oda-fab-chat {
        width: 290px;
    }

    .oda-chat_field {
        width: 65%;
    }
}

.oda-fab-header_img {}

.oda-fab-header_title:lang(ar) {
    /* font-family: HelveticaNeueLT Arabic\ 45, sans-serif; SA 179 */
    font-family: "TajawalEN", "TajawalAR";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    top: 30px;
    position: relative;
    right: 50%;
    transform: translate(50%, -50%);
    direction: rtl;
}

.oda-fab-header_title:lang(ar-EG) {
    /* font-family: HelveticaNeueLT Arabic\ 45, sans-serif; SA 179 */
    font-family: "TajawalEN", "TajawalAR";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    top: 30px;
    position: relative;
    right: 50%;
    transform: translate(50%, -50%);
    direction: rtl;
}

.oda-fab-header_title:lang(en) {
    /*
    font-family: Helvetica Neue,sans-serif;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    width: 80%;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
*/
    font-family: "TajawalAR", "TajawalEN";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    top: 30px;
    position: relative;
}

.oda-fab-header_title:lang(en-US) {
    font-family: "TajawalAR", "TajawalEN";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    top: 30px;
    position: relative;
}

.oda-fab-field_title:lang(ar-EG) {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    top: 30px;
    position: relative;
    direction: rtl;
    font-family: "TajawalEN", "TajawalAR";
    /* SA 189 */
}


.oda-fab-field_title:lang(ar) {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    top: 30px;
    position: relative;
    direction: rtl;
    font-family: "TajawalEN", "TajawalAR";
    /* SA 189 */
}

.oda-fab-field_title:lang(en-US) {
    font-family: "TajawalAR", "TajawalEN";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    top: 35px;
    direction: ltr;
    position: relative;
}

.oda-fab-field_title:lang(en) {
    font-family: "TajawalAR", "TajawalEN";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    top: 35px;
    direction: ltr;
    position: relative;
}

.oda-fab-field_description:lang(ar-EG) {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 300;
    position: relative;
    top: 12px;
    direction: rtl;
    font-family: "TajawalEN", "TajawalAR";
    /* SA 189 */
}

.oda-fab-field_description:lang(ar) {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 300;
    position: relative;
    top: 12px;
    direction: rtl;
    font-family: "TajawalEN", "TajawalAR";
    /* SA 189 */
}

.oda-fab-field_description:lang(en-US) {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 300;
    position: relative;
    top: 12px;
    direction: ltr;
}

.oda-fab-field_description:lang(en) {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 300;
    position: relative;
    top: 12px;
    direction: ltr;
}


.bot_circle_wrapper {
    width: 160px;
    height: 160px;
    position: absolute;
    right: 50%;
    top: 10px;
    transform: translate(50%, -50%);
    z-index: -1;
}

/* Set the sizes of the elements that make up the progress bar */
.bot_circle {
    width: 64px;
    height: 64px;
    border: 5.59px solid #009de6;
    border-radius: 100%;
    position: absolute;
    clip: rect(0px, 38px, 80px, 0px);
    box-sizing: unset !important;
}

/* Using the data attributes for the animation selectors. */
/* Base settings for all animated elements */
div[data-anim~=base] {
    -webkit-animation-iteration-count: 1;
    /* Only run once */
    -webkit-animation-fill-mode: forwards;
    /* Hold the last keyframe */
    -webkit-animation-timing-function: linear;
    /* Linear animation */
}

.bot_circle_wrapper[data-anim~=wrapper] {
    -webkit-animation-duration: 0s;
    /* Complete keyframes asap */
    -webkit-animation-delay: 12.5s;
    /* Wait half of the animation */
    -webkit-animation-name: close-wrapper;
    /* Keyframes name */
}

.bot_circle[data-anim~=left] {
    -webkit-animation-duration: 25s;
    /* Full animation time */
    -webkit-animation-name: left-spin;
}

.bot_circle[data-anim~=right] {
    -webkit-animation-duration: 12.5s;
    /* Half animation time */
    -webkit-animation-name: right-spin;
}

/* Rotate the right side of the progress bar from 0 to 180 degrees */
@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(180deg);
    }
}

/* Rotate the left side of the progress bar from 0 to 360 degrees */
@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

/* Set the wrapper clip to auto, effectively removing the clip */
@-webkit-keyframes close-wrapper {
    to {
        clip: rect(auto, auto, auto, auto);
    }
}

.fa-comment-alt {
    transform: scaleX(-1) scale(0.9, 0.7);
}

.bot-emoji {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.oda-bot-dot {
    height: 81px;
    width: 81px;
    border-radius: 50%;
    position: absolute;
    right: 50%;
    transform: translate(50%, -50%);
    background: #1961ae;
}


.oda-status-circle {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #82BB51;
    border: 2px solid white;
    bottom: 146px;
    left: 158px;
    position: absolute;
    z-index: 1;
}

































/* @import "https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext&display=swap"; */
/* @import "https://db.onlinewebfonts.com/c/02f502e5eefeb353e5f83fc5045348dc?family=GE+SS+Two+Light"; */

:root {
    --tawk-header-background-color: rgb(0, 102, 67);
    --tawk-header-text-color: #fff
}

html {
    /* font-family: Lato; SA 179 */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.618;
    letter-spacing: normal;
    background: 0 0;
    color: #242424;
    scroll-behavior: smooth
}

body {
    margin: 0
}

a:active,
a:hover {
    outline: none
}

a:focus {
    outline: 1px solid #1f6885
}

.tawk-link,
a {
    color: #03a84e;
    text-decoration: none;
    cursor: pointer
}

.tawk-link:hover,
a:hover {
    color: #03a84e;
    text-decoration: underline
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline
}

b,
strong {
    font-weight: bolder
}

:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
    /* font-family: Lato; SA 179 */
    /* font-family: "TajawalAR", "TajawalEN"; */
    font-size: .812rem;
    color: #bf1212;
    white-space: nowrap
}

em {
    color: #bf1212
}

ins {
    background: #ffd;
    color: #545454
}

mark {
    background: rgba(109, 55, 218, .1);
    color: #03a84e
}

q {
    font-style: italic
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: .25em
}

svg:not(:root) {
    overflow: hidden
}

img:not([src]) {
    visibility: hidden
}

address,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
    margin: 0
}

*+address,
*+dl,
*+fieldset,
*+figure,
*+ol,
*+p,
*+pre,
*+ul {
    margin-top: 0
}

*+.tawk-h1,
*+.tawk-h2,
*+.tawk-h3,
*+.tawk-h4,
*+.tawk-h5,
*+.tawk-h6,
*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
    margin-top: 1.5rem
}

.tawk-h1>h1 {
    font-size: 1.7rem;
    line-height: 1.2
}

.tawk-h2>h2 {
    font-size: 1.275rem;
    line-height: 1.3;
    font-weight: 400
}

.tawk-h3>h3 {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 400
}

.tawk-h4>h4 {
    font-size: .937rem;
    line-height: 1.4
}

.tawk-h5>h5 {
    font-size: 1rem;
    line-height: 1.4
}

.tawk-h6>h6 {
    font-size: .812rem;
    line-height: 1.4
}

@media(min-width:960px) {
    .tawk-h1>h1 {
        font-size: 2rem
    }

    .tawk-h2>h2 {
        font-size: 1.5rem
    }
}

.tawk-hr,
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    text-align: inherit;
    margin: 0 0 1rem;
    border: 0;
    border-top: 1px solid #d9dbe4
}

*+.tawk-hr,
*+hr {
    margin-top: 1rem
}

.tawk-hr.tawk-hr-dashed {
    border-style: dashed
}

address {
    font-size: normal
}

blockquote {
    margin: 0 0 1rem;
    font-size: .937rem;
    line-height: 1.5;
    font-style: italic
}

*+blockquote {
    margin-top: 1rem
}

blockquote p:last-of-type {
    margin-bottom: 0
}

blockquote footer {
    margin-top: .5rem;
    font-size: .812rem;
    line-height: 1.5
}

pre {
    /* font: .812rem/1.5 Lato; SA 179 */
    /* font: .812rem/1.5 "TajawalAR", "TajawalEN"; */
    color: #545454;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    overflow: auto
}

pre code {
    /* font-family: Lato SA 179 */
    /* font-family: "TajawalAR", "TajawalEN"; */
}

::-moz-selection {
    background: #03a84e;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #03a84e;
    color: #fff;
    text-shadow: none
}

details,
main {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

iframe {
    border: 0
}

.tawk-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.tawk-flex-inline {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tawk-flex-inline:after,
.tawk-flex-inline:before,
.tawk-flex:after,
.tawk-flex:before {
    display: none
}

.tawk-flex-left {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tawk-flex-center {
    -ms-flex-pack: center;
    justify-content: center
}

.tawk-flex-right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tawk-flex-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tawk-flex-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media screen and (min-width:640px) {
    .tawk-flex-left\@s {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .tawk-flex-center\@s {
        -ms-flex-pack: center;
        justify-content: center
    }

    .tawk-flex-right\@s {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .tawk-flex-between\@s {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tawk-flex-around\@s {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (min-width:960px) {
    .tawk-flex-left\@m {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .tawk-flex-center\@m {
        -ms-flex-pack: center;
        justify-content: center
    }

    .tawk-flex-right\@m {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .tawk-flex-between\@m {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tawk-flex-around\@m {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (min-width:1200px) {
    .tawk-flex-left\@l {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .tawk-flex-center\@l {
        -ms-flex-pack: center;
        justify-content: center
    }

    .tawk-flex-right\@l {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .tawk-flex-between\@l {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tawk-flex-around\@l {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (min-width:1600px) {
    .tawk-flex-left\@xl {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .tawk-flex-center\@xl {
        -ms-flex-pack: center;
        justify-content: center
    }

    .tawk-flex-right\@xl {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .tawk-flex-between\@xl {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tawk-flex-around\@xl {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.tawk-flex-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

.tawk-flex-top {
    -ms-flex-align: start;
    align-items: flex-start
}

.tawk-flex-middle {
    -ms-flex-align: center;
    align-items: center
}

.tawk-flex-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.tawk-flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.tawk-flex-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.tawk-flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.tawk-flex-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.tawk-flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.tawk-flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tawk-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.tawk-flex-wrap-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.tawk-flex-wrap-top {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.tawk-flex-wrap-middle {
    -ms-flex-line-pack: center;
    align-content: center
}

.tawk-flex-wrap-bottom {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.tawk-flex-wrap-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.tawk-flex-wrap-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.tawk-flex-first {
    animation: 1.2s ease-out 0s 1 slideInFromLeft;
    -ms-flex-order: -1;
    order: -1
}

.tawk-flex-last {
    -ms-flex-order: 99;
    order: 99
}

@media screen and (min-width:640px) {
    .tawk-flex-first\@s {
        -ms-flex-order: -1;
        order: -1
    }

    .tawk-flex-last\@s {
        -ms-flex-order: 99;
        order: 99
    }
}

@media screen and (min-width:960px) {
    .tawk-flex-first\@m {
        -ms-flex-order: -1;
        order: -1
    }

    .tawk-flex-last\@m {
        -ms-flex-order: 99;
        order: 99
    }
}

@media screen and (min-width:1200px) {
    .tawk-flex-first\@l {
        -ms-flex-order: -1;
        order: -1
    }

    .tawk-flex-last\@l {
        -ms-flex-order: 99;
        order: 99
    }
}

@media screen and (min-width:1600px) {
    .tawk-flex-first\@xl {
        -ms-flex-order: -1;
        order: -1
    }

    .tawk-flex-last\@xl {
        -ms-flex-order: 99;
        order: 99
    }
}

.tawk-flex-none {
    -ms-flex: none;
    flex: none
}

.tawk-flex-auto {
    -ms-flex: auto;
    flex: auto
}

.tawk-flex-1 {
    -ms-flex: 1;
    flex: 1
}

.tawk-margin {
    margin-bottom: 1.5rem !important
}

*+.tawk-margin,
.tawk-margin-top {
    margin-top: 1.5rem !important
}

.tawk-margin-bottom {
    margin-bottom: 1.5rem !important
}

.tawk-margin-left {
    margin-left: 1.5rem !important
}

body.tawk-rtl .tawk-margin-left {
    margin-left: auto !important;
    margin-right: 1.5rem !important
}

.tawk-margin-right {
    margin-right: 1.5rem !important
}

body.tawk-rtl .tawk-margin-right {
    margin-right: auto !important;
    margin-left: 1.5rem !important
}

.tawk-margin-xsmall {
    margin-bottom: .5rem !important
}

*+.tawk-margin-xsmall,
.tawk-margin-xsmall-top {
    margin-top: .5rem !important
}

.tawk-margin-xsmall-bottom {
    margin-bottom: .5rem !important
}

.tawk-margin-xsmall-left {
    margin-left: .5rem !important
}

body.tawk-rtl .tawk-margin-xsmall-left {
    margin-left: auto !important;
    margin-right: .5rem !important
}

.tawk-margin-xsmall-right {
    margin-right: .5rem !important
}

body.tawk-rtl .tawk-margin-xsmall-right {
    margin-right: auto !important;
    margin-left: .5rem !important
}

.tawk-margin-small {
    margin-bottom: 1rem !important
}

*+.tawk-margin-small,
.tawk-margin-small-top {
    margin-top: 1rem !important
}

.tawk-margin-small-bottom {
    margin-bottom: 1rem !important
}

.tawk-margin-small-left {
    margin-left: 1rem !important
}

body.tawk-rtl .tawk-margin-small-left {
    margin-left: auto !important;
    margin-right: 1rem !important
}

.tawk-margin-small-right {
    margin-right: 1rem !important
}

.tawk-rtl .tawk-margin-small-right {
    margin-right: auto !important;
    margin-left: 1rem !important
}

.tawk-margin-medium {
    margin-bottom: 2rem !important
}

*+.tawk-margin-medium,
.tawk-margin-medium-top {
    margin-top: 2rem !important
}

.tawk-margin-medium-bottom {
    margin-bottom: 2rem !important
}

.tawk-margin-medium-left {
    margin-left: 2rem !important
}

body.tawk-rtl .tawk-margin-medium-left {
    margin-left: auto !important;
    margin-right: 2rem !important
}

.tawk-margin-medium-right {
    margin-right: 2rem !important
}

body.tawk-rtl .tawk-margin-medium-right {
    margin-right: auto !important;
    margin-left: 2rem !important
}

.tawk-margin-large {
    margin-bottom: 2rem !important
}

*+.tawk-margin-large,
.tawk-margin-large-top {
    margin-top: 2rem !important
}

.tawk-margin-large-bottom {
    margin-bottom: 2rem !important
}

.tawk-margin-large-left {
    margin-left: 2rem !important
}

body.tawk-rtl .tawk-margin-large-left {
    margin-left: auto !important;
    margin-right: 2rem !important
}

.tawk-margin-large-right {
    margin-right: 2rem !important
}

body.tawk-rtl .tawk-margin-large-right {
    margin-right: auto !important;
    margin-left: 2rem !important
}

@media screen and (min-width:1200px) {
    .tawk-margin-large {
        margin-bottom: 2.5rem !important
    }

    *+.tawk-margin-large,
    .tawk-margin-large-top {
        margin-top: 2.5rem !important
    }

    .tawk-margin-large-bottom {
        margin-bottom: 2.5rem !important
    }

    .tawk-margin-large-left {
        margin-left: 2.5rem !important
    }

    body.tawk-rtl .tawk-margin-large-left {
        margin-left: auto !important;
        margin-right: 2.5rem !important
    }

    .tawk-margin-large-right {
        margin-right: 2.5rem !important
    }

    body.tawk-rtl .tawk-margin-large-right {
        margin-right: auto !important;
        margin-left: 2.5rem !important
    }
}

.tawk-margin-xlarge {
    margin-bottom: 2.5rem !important
}

*+.tawk-margin-xlarge,
.tawk-margin-xlarge-top {
    margin-top: 2.5rem !important
}

.tawk-margin-xlarge-bottom {
    margin-bottom: 2.5rem !important
}

.tawk-margin-xlarge-left {
    margin-left: 2.5rem !important
}

body.tawk-rtl .tawk-margin-xlarge-left {
    margin-left: auto !important;
    margin-right: 2.5rem !important
}

.tawk-margin-xlarge-right {
    margin-right: 2.5rem !important
}

body.tawk-rtl .tawk-margin-xlarge-right {
    margin-right: auto !important;
    margin-left: 2.5rem !important
}

@media screen and (min-width:1200px) {
    .tawk-margin-xlarge {
        margin-bottom: 3rem !important
    }

    *+.tawk-margin-xlarge,
    .tawk-margin-xlarge-top {
        margin-top: 3rem !important
    }

    .tawk-margin-xlarge-bottom {
        margin-bottom: 3rem !important
    }

    .tawk-margin-xlarge-left {
        margin-left: 3rem !important
    }

    body.tawk-rtl .tawk-margin-xlarge-left {
        margin-left: auto !important;
        margin-right: 3rem !important
    }

    .tawk-margin-xlarge-right {
        margin-right: 3rem !important
    }

    body.tawk-rtl .tawk-margin-xlarge-right {
        margin-right: auto !important;
        margin-left: 3rem !important
    }
}

.tawk-margin-remove {
    margin: 0 !important
}

.tawk-margin-remove-top {
    margin-top: 0 !important
}

.tawk-margin-remove-bottom {
    margin-bottom: 0 !important
}

.tawk-margin-remove-left {
    margin-left: 0 !important
}

body.tawk-rtl .tawk-margin-remove-left {
    margin-left: auto !important;
    margin-right: 0 !important
}

.tawk-margin-remove-right {
    margin-right: 0 !important
}

body.tawk-rtl .tawk-margin-remove-right {
    margin-right: auto !important;
    margin-left: 0 !important
}

.tawk-margin-remove-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.tawk-margin-remove-adjacent+* {
    margin-top: 0 !important
}

.tawk-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.tawk-margin-auto-top {
    margin-top: auto !important
}

.tawk-margin-auto-bottom {
    margin-bottom: auto !important
}

.tawk-margin-auto-left {
    margin-left: auto !important
}

body.tawk-rtl .tawk-margin-auto-left {
    margin-right: auto !important;
    margin-left: 0 !important
}

.tawk-margin-auto-right {
    margin-right: auto !important
}

body.tawk-rtl .tawk-margin-auto-right {
    margin-left: auto !important;
    margin-right: 0 !important
}

.tawk-margin-auto-vertical {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.tawk-padding {
    padding: 1rem !important
}

@media screen and (min-width:1200px) {
    .tawk-padding {
        padding: 2rem !important
    }
}

.tawk-padding-small {
    padding: .5rem !important
}

.tawk-padding-large {
    padding: 1rem !important
}

@media screen and (min-width:1200px) {
    .tawk-padding-large {
        padding: 2.5rem !important
    }
}

.tawk-padding-remove {
    padding: 0 !important
}

.tawk-padding-remove-top {
    padding-top: 0 !important
}

.tawk-padding-remove-bottom {
    padding-bottom: 0 !important
}

.tawk-padding-remove-left {
    padding-left: 0 !important
}

body.tawk- .tawk-padding-remove-left {
    padding-left: auto !important;
    padding-right: 0 !important
}

.tawk-padding-remove-right {
    padding-right: 0 !important
}

body.tawk- .tawk-padding-remove-right {
    padding-right: auto !important;
    padding-left: 0 !important
}

.tawk-padding-remove-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.tawk-padding-remove-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.tawk-text-regular-1 {
    font-size: .75rem
}

.tawk-text-regular-1,
.tawk-text-regular-2 {
    line-height: 1.618;
    font-weight: 400;
    color: #545454
}

.tawk-text-regular-2 {
    font-size: .812rem
}

.tawk-text-regular-3 {
    font-size: .937rem;
    line-height: 1.618;
    font-weight: 400;
    color: #545454
}

.tawk-text-bold-1,
.tawk-text-regular-4 {
    font-size: 1rem;
    line-height: 1.618;
    font-weight: 400;
    color: rgb(255, 161, 0);
}

.tawk-text-bold-2 {
    font-size: 1.25rem
}

.tawk-text-bold-2,
.tawk-text-bold-3 {
    line-height: 1.5;
    font-weight: 600;
    color: #545454
}

.tawk-text-bold-3 {
    font-size: 1.5rem
}

.tawk-text-bold-4 {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 600;
    color: #545454
}

.tawk-text-green-1 {
    color: #03a84e !important;
    display: none;
}

.tawk-text-yellow-1 {
    color: #fdc20f !important
}

.tawk-text-red-1 {
    color: #bf1212 !important
}

.tawk-text-grey-0 {
    color: #242424 !important
}

.tawk-text-grey-1 {
    color: #545454 !important
}

.tawk-text-grey-2 {
    color: #92929e !important
}

.tawk-text-grey-3 {
    color: #d9dbe4 !important
}

.tawk-text-grey-4 {
    color: #f7f7f9 !important
}

.tawk-text-white {
    color: #fff !important
}

.tawk-text-bold {
    font-weight: 600
}

.tawk-text-italic {
    font-style: italic
}

.tawk-text-oblique {
    font-style: oblique
}

.tawk-text-underline {
    text-decoration: underline
}

.tawk-text-uppercase {
    text-transform: uppercase !important
}

.tawk-text-capitalize {
    text-transform: capitalize !important
}

.tawk-text-lowercase {
    text-transform: lowercase !important
}

.tawk-text-left {
    text-align: left !important
}

.tawk-text-right,
body.tawk-rtl .tawk-text-left {
    text-align: right !important
}

body.tawk-rtl .tawk-text-right {
    text-align: left !important
}

.tawk-text-center {
    text-align: center !important
}

.tawk-text-justify {
    text-align: justify !important
}

@media screen and (min-width:640px) {
    .tawk-text-left\@s {
        text-align: left !important
    }

    .tawk-text-right\@s,
    body.tawk-rtl .tawk-text-left\@s {
        text-align: right !important
    }

    body.tawk-rtl .tawk-text-right\@s {
        text-align: left !important
    }

    .tawk-text-center\@s {
        text-align: center !important
    }
}

@media screen and (min-width:960px) {
    .tawk-text-left\@m {
        text-align: left !important
    }

    .tawk-text-right\@m,
    body.tawk-rtl .tawk-text-left\@m {
        text-align: right !important
    }

    body.tawk-rtl .tawk-text-right\@m {
        text-align: left !important
    }

    .tawk-text-center\@m {
        text-align: center !important
    }
}

@media screen and (min-width:1200px) {
    .tawk-text-left\@l {
        text-align: left !important
    }

    .tawk-text-right\@l,
    body.tawk-rtl .tawk-text-left\@l {
        text-align: right !important
    }

    body.tawk-rtl .tawk-text-right\@l {
        text-align: left !important
    }

    .tawk-text-center\@l {
        text-align: center !important
    }
}

@media screen and (min-width:1600px) {
    .tawk-text-left\@xl {
        text-align: left !important
    }

    .tawk-text-right\@xl,
    body.tawk-rtl .tawk-text-left\@xl {
        text-align: right !important
    }

    body.tawk-rtl .tawk-text-right\@xl {
        text-align: left !important
    }

    .tawk-text-center\@xl {
        text-align: center !important
    }
}

.tawk-text-top {
    vertical-align: top !important
}

.tawk-text-middle {
    vertical-align: middle !important
}

.tawk-text-bottom {
    vertical-align: bottom !important
}

.tawk-text-baseline {
    vertical-align: baseline !important
}

.tawk-text-nowrap {
    white-space: nowrap
}

.tawk-box-shadow-xsmall {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .08)
}

.tawk-box-shadow-small {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.tawk-box-shadow-medium {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .12)
}

.tawk-box-shadow-large {
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.tawk-box-shadow-xlarge {
    box-shadow: 0 28px 50px rgba(0, 0, 0, .16)
}

.tawk-text-truncate {
    max-width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.tawk-float-right,
body.tawk-rtl .tawk-float-left {
    float: right !important
}

body.tawk-rtl .tawk-float-right {
    float: left !important
}

.tawk-alert {
    padding: 1rem 1.5rem;
    background: #fff;
    color: #545454;
    border: 1px solid #d9dbe4;
    border-left-width: 5px;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box
}

.tawk-alert .tawk-close {
    position: absolute;
    right: 0;
    top: 0;
    background: 0 0;
    border: 0;
    height: 100%;
    border-radius: 0 5px 5px 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    visibility: hidden;
    background: #f7f7f9
}

.tawk-alert .tawk-close:focus,
.tawk-alert .tawk-close:hover {
    cursor: pointer;
    outline: none
}

.tawk-alert .tawk-close.tawk-isMobile,
.tawk-alert:hover .tawk-close {
    visibility: visible
}

.tawk-alert .tawk-close span {
    display: block;
    position: relative;
    width: .9375rem;
    height: .9375rem;
    opacity: .8
}

.tawk-alert .tawk-close:hover span,
.tawk-alert .tawk-close span:hover {
    opacity: 1
}

.tawk-close span:after,
.tawk-close span:before {
    display: inline-block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: .9375rem;
    width: .125rem;
    background-color: #333
}

.tawk-close span:before {
    transform: rotate(45deg)
}

.tawk-close span:after {
    transform: rotate(-45deg)
}

.tawk-alert-success {
    border-left-color: #03a84e
}

.tawk-alert-success .tawk-alert-icon,
.tawk-alert-success .tawk-alert-title {
    color: #03a84e
}

.tawk-alert-warning {
    border-left-color: #fdc20f
}

.tawk-alert-warning .tawk-alert-icon,
.tawk-alert-warning .tawk-alert-title {
    color: #fdc20f
}

.tawk-alert-danger {
    border-left-color: #bf1212
}

.tawk-alert-danger .tawk-alert-icon,
.tawk-alert-danger .tawk-alert-title {
    color: #bf1212
}

.tawk-alert-title {
    font-size: .937rem;
    color: #545454
}

.tawk-alert-icon {
    color: #545454
}

.tawk-alert-xsmall {
    padding: .5rem
}

.tawk-alert-xsmall .tawk-alert-title {
    font-size: .75rem
}

.tawk-alert-xsmall .tawk-alert-description {
    font-size: .75rem;
    font-size: calc(fontSize(xsmall) - .125rem)
}

.tawk-alert-small {
    padding: 1rem
}

.tawk-alert-small .tawk-alert-title {
    font-size: .812rem
}

.tawk-alert-medium {
    padding: 2rem
}

.tawk-alert-medium .tawk-alert-title {
    font-size: .937rem
}

.alert-fade-enter-active,
.alert-fade-leave-active {
    transition: opacity .5s
}

.alert-fade-enter,
.alert-fade-leave-to {
    opacity: 0
}

.tawk-avatar {
    display: inline-block;
    height: 3rem;
    width: 3rem;
    font-size: 1rem;
    line-height: 2.75rem;
    text-align: center;
    background-color: #efefef;
    border: 2px solid #fff;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden
}

.tawk-avatar.tawk-avatar-count {
    background-color: #fff;
    background-color: var(--tawk-header-text-color);
    color: #03a84e;
    color: var(--tawk-header-background-color)
}

.tawk-avatar .tawk-avatar-image {
    line-height: 0
}

.tawk-avatar .tawk-avatar-image>img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.tawk-avatar-xsmall {
    height: 2rem;
    width: 2rem;
    font-size: .75rem;
    line-height: 1.75rem
}

.tawk-avatar-small {
    height: 2.5rem;
    width: 2.5rem;
    font-size: .812rem;
    line-height: 2.25rem
}

.tawk-avatar-medium {
    height: 3.5rem;
    width: 3.5rem;
    font-size: .937rem;
    line-height: 3.25rem
}

.tawk-avatar-large {
    height: 4rem;
    width: 4rem;
    font-size: 1.25rem;
    line-height: 3.75rem
}

.tawk-badge {
    height: 1.25rem;
    width: 1.25rem;
    box-sizing: border-box;
    font-size: .687rem;
    line-height: 1.25rem;
    vertical-align: middle;
    text-align: center;
    background: #bf1212;
    color: #fff;
    border-radius: 50%
}

.tawk-branding:hover {
    background: #f7f7f9;
    border-radius: 1.25rem
}

.tawk-button {
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
    font: inherit;
    color: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: .5rem 1rem;
    vertical-align: middle;
    font-size: 1rem;
    border: 1px solid #03a84e;
    border-color: var(--tawk-header-background-color);
    line-height: 1.5rem;
    text-align: center;
    text-decoration: none;
    background-color: #03a84e;
    background-color: var(--tawk-header-background-color);
    color: #fff;
    color: var(--tawk-header-text-color)
}

.tawk-button:not(:disabled) {
    cursor: pointer
}

.tawk-button:disabled {
    cursor: not-allowed;
    opacity: .7
}

.tawk-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.tawk-button:hover,
a.tawk-button:hover {
    text-decoration: none
}

a.tawk-button:hover {
    color: #fff;
    color: var(--tawk-header-text-color)
}

.tawk-button:active,
.tawk-button:focus {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.tawk-button-success {
    background-color: #03a84e;
    color: #fff;
    border: 1px solid #03a84e
}

.tawk-button-danger {
    background-color: #f0505c;
    color: #fff;
    border: 1px solid #f0505c
}

.tawk-button-outline,
a.tawk-button-outline:hover {
    background-color: #fff;
    color: #03a84e;
    color: var(--tawk-header-background-color);
    border-color: #03a84e;
    border-color: var(--tawk-header-background-color)
}

.tawk-button-outline-success {
    color: #03a84e;
    border: 1.5px solid #03a84e
}

.tawk-button-outline-danger {
    color: #f0505c;
    border: 1.5px solid #f0505c
}

.tawk-button-dashed {
    border-style: dashed;
    background-color: #fff;
    color: #03a84e;
    color: var(--tawk-header-background-color)
}

.tawk-button-small {
    padding: .25rem 1rem;
    line-height: 1.5rem;
    font-size: .812rem
}

.tawk-button-large {
    padding: 1rem 2rem;
    line-height: 1.5rem;
    font-size: .937rem
}

.tawk-button-rounded {
    border-radius: 2.5rem
}

.tawk-button-small.tawk-button-rounded {
    border-radius: 1.875rem
}

.tawk-button-large.tawk-button-rounded {
    border-radius: 2.5rem
}

.tawk-button-text {
    padding: 0;
    line-height: 1.618;
    background: 0 0;
    border: none
}

.tawk-button-text,
.tawk-button-text:focus,
.tawk-button-text:hover {
    color: #03a84e;
    color: var(--tawk-header-background-color)
}

.tawk-button-text:active,
.tawk-button-text:focus {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.tawk-button-text:disabled {
    color: #92929e !important;
    cursor: not-allowed;
    outline: none
}

.tawk-button-group {
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    position: relative
}

.tawk-button-circle {
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.5rem;
    padding: 0;
    border-radius: 100%
}

.tawk-button-circle.tawk-button-small {
    height: 1.625rem;
    width: 1.625rem;
    line-height: 1.625rem
}

.tawk-button-circle.tawk-button-large {
    height: 3.75rem;
    width: 3.75rem;
    line-height: 3.75rem
}

.tawk-button-dashed .tawk-button-color-inverse,
.tawk-button-outline .tawk-button-color-inverse {
    color: #fff;
    color: var(--tawk-header-text-color);
    border-color: #fff;
    border-color: var(--tawk-header-text-color)
}

.tawk-button-text.tawk-button-color-inverse,
.tawk-button-text.tawk-button-color-inverse:focus,
.tawk-button-text.tawk-button-color-inverse:hover {
    color: #fff;
    color: var(--tawk-header-text-color)
}

.tawk-card {
    position: relative;
    box-sizing: border-box;
    padding: 1.5rem;
    border-radius: 5px
}

.tawk-card,
.tawk-card-default {
    background-color: #f7f7f9;
    color: #92929e
}

.tawk-card-inverse {
    background-color: #fff;
    color: #92929e
}

.tawk-card-primary {
    background-color: #03a84e;
    background-color: var(--tawk-header-background-color);
    color: #fff;
    color: var(--tawk-header-text-color)
}

.tawk-card-xsmall {
    padding: .6rem
}

.tawk-card-small {
    padding: 1rem
}

.tawk-card-medium {
    padding: 2rem
}

.tawk-card-large {
    padding: 2.5rem
}

.tawk-chatinput {
    width: 100%;
    padding: 0;
    position: relative;
    box-sizing: border-box
}

.tawk-chatinput-emojis {
    position: absolute;
    bottom: 100%;
    left: auto;
    right: 0;
    top: auto;
    margin: 0 auto .25rem;
    z-index: 2;
    width: 100%;
    max-width: 19.875rem
}

.tawk-chatinput-emojis .tawk-emoji-picker {
    margin: 0 auto;
    width: 100%
}

.tawk-chatinput-fileupload {
    box-sizing: border-box;
    padding: .5rem
}

.tawk-chatinput-fileupload-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.tawk-chatinput-fileupload-input,
.tawk-chatinput-fileupload-preview {
    margin-right: .625rem;
    width: 3.125rem;
    height: 3.125rem
}

.tawk-chatinput-fileupload-preview {
    padding: 0;
    position: relative;
    background: #f7f7f9;
    border-radius: 5px
}

.tawk-chatinput-fileupload-preview .tawk-icon {
    color: #92929e
}

.tawk-chatinput-fileupload-preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 5px
}

.tawk-chatinput-fileupload-input {
    background: #f7f7f9;
    border-radius: 5px;
    cursor: pointer
}

.tawk-chatinput-fileupload-input .tawk-icon-add {
    color: #92929e
}

.tawk-chatinput-fileupload-input:hover {
    cursor: pointer
}

.tawk-chatinput-fileupload input {
    display: none;
    box-sizing: border-box
}

.tawk-chatinput-editor {
    /* font: 400 .812rem Lato, sans-serif; SA 179 */
    /* font: 400 .812rem "TajawalAR", "TajawalEN"; */
    max-width: 100%;
    width: 100%;
    min-height: 1rem;
    height: 1rem;
    max-height: 9.375rem;
    resize: none;
    outline: none;
    border: 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 5.5rem 0 0;
    margin: .15rem 0 0
}

.tawk-chatinput-action-buttons {
    position: absolute;
    top: 0;
    right: 0
}

.tawk-chatinput-action-buttons.active {
    transition: all .1s ease;
    right: 2rem
}

.tawk-chatinput-button {
    color: #92929e;
    background: 0 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    width: 1.8rem
}

.tawk-chatinput-button.tawk-chatinput-focused {
    color: #545454
}

.tawk-chatinput-button:hover {
    cursor: pointer
}

.tawk-chatinput-button:focus {
    outline: none
}

.tawk-chatinput-button.active .tawk-chatinput-ratings {
    width: 3.8125rem;
    opacity: 1
}

.tawk-chatinput-button.active .tawk-chatinput-rating {
    opacity: 0
}

.tawk-chatinput-rating {
    transition: opacity 1s ease-in-out
}

.tawk-chatinput-ratings {
    position: absolute;
    background: #fff;
    box-sizing: border-box;
    width: 0;
    bottom: -10px;
    transition: all .3s ease;
    right: 0;
    height: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    z-index: 1
}

.tawk-chatinput-ratings input {
    display: none
}

.tawk-chatinput-rate {
    background: 0 0;
    display: inline-block;
    border: 0;
    padding: 0
}

.tawk-chatinput-rate:hover {
    transform: scale(1.4);
    cursor: pointer
}

.tawk-chatinput-ratings-thumbs-down {
    color: #bf1212
}

.tawk-chatinput-ratings-thumbs-up {
    color: #03a84e
}

.tawk-chatinput-send-container {
    position: absolute;
    top: 0;
    right: 0
}

.tawk-chatinput-send {
    background: 0 0;
    color: #03a84e;
    border: 1px solid transparent;
    padding: 0;
    width: 1.8rem
}

.tawk-chatinput-send:hover {
    cursor: pointer
}

.tawk-chatinput-send:focus {
    outline: 1px solid #1f6885
}

.tawk-chatinput-file-remove {
    position: absolute;
    right: -6px;
    top: -6px;
    background: #fff;
    width: .875rem;
    height: .875rem;
    border-radius: 50%;
    border: 1px solid #bf1212;
    cursor: pointer
}

.tawk-chatinput-file-remove .tawk-icon-close {
    font-size: .375rem;
    color: #bf1212
}

.tawk-chatinput-wrap {
    position: relative
}

.tawk-rtl .tawk-chatinput-editor {
    padding: 0 0 0 5.5rem
}

.tawk-rtl .tawk-chatinput-action-buttons {
    left: 0;
    right: auto
}

.tawk-rtl .tawk-chatinput-action-buttons.active {
    left: 30px
}

.tawk-rtl .tawk-chatinput-emojis,
.tawk-rtl .tawk-chatinput-ratings,
.tawk-rtl .tawk-chatinput-send-container {
    left: 0;
    right: auto
}

.tawk-checkbox-container {
    display: block;
    position: relative;
    padding-left: 1.5rem;
    margin: 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body.tawk-rtl .tawk-checkbox-container {
    padding-right: 2rem;
    padding-left: 0;
    text-align: right
}

.tawk-checkbox-container .tawk-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.tawk-checkbox-container .tawk-checkmark {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1rem;
    width: 1rem;
    border: 1px solid #d9dbe4;
    border-radius: 2px;
    background: #fff
}

body.tawk-rtl .tawk-checkbox-container .tawk-checkmark {
    right: 0;
    left: auto
}

.tawk-checkbox-container:hover .tawk-checkbox~.tawk-checkmark {
    border-color: #d9dbe4
}

.tawk-checkbox-container .tawk-checkbox:checked~.tawk-checkmark {
    background-color: #03a84e;
    background-color: var(--tawk-header-background-color);
    border-color: #03a84e;
    border-color: var(--tawk-header-background-color)
}

.tawk-checkbox-container .tawk-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.tawk-checkbox-container .tawk-checkbox:checked~.tawk-checkmark:after {
    display: block
}

.tawk-checkbox-container .tawk-checkmark:after {
    left: 5px;
    top: 2px;
    width: .25rem;
    height: .5rem;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.tawk-checkbox-container .tawk-form-label {
    color: #545454;
    /* font: 400 .812rem Lato SA 179 */
    /* font: 400 .812rem "TajawalAR", "TajawalEN" */
}

.tawk-checkbox-container .tawk-checkbox[disabled]~.tawk-form-label {
    color: #d9dbe4
}

.tawk-dropdown {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle
}

.tawk-dropdown-menu {
    display: none;
    position: absolute;
    top: 2.5rem;
    z-index: 2000;
    box-sizing: border-box;
    min-width: 9.375rem;
    max-width: 12.5rem;
    padding: 1rem;
    background-color: #fff;
    color: #545454;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .12)
}

.tawk-dropdown-menu.tawk-open {
    display: block
}

.tawk-dropdown-menu-right {
    right: 0
}

.tawk-dropdown-menu-left {
    left: 0
}

.slide-fade-enter-active {
    transition: all .3s ease
}

.slide-fade-leave-active {
    transition: all .8s cubic-bezier(1, .5, .8, 1)
}

.slide-fade-enter,
.slide-fade-leave-to {
    transform: translateY(10px)
}

.tawk-emoji-picker {
    width: 100%;
    max-width: 19.875rem;
    min-height: 16.0625rem;
    border: 1px solid #d9dbe4;
    border-radius: 5px;
    background: #fff;
    position: relative
}

.tawk-emoji-loading {
    width: 2em;
    height: 2em;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .2);
    border-left-color: #333;
    -webkit-animation: rotateCircleLoader 1.1s linear infinite;
    animation: rotateCircleLoader 1.1s linear infinite
}

@-webkit-keyframes rotateCircleLoader {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotateCircleLoader {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.tawk-emoji-group {
    border-bottom: 1px solid #d9dbe4
}

.tawk-emoji-group-tab {
    padding: .5rem
}

.tawk-emoji-group-tab:hover {
    cursor: pointer
}

.tawk-emoji-group-tab-active {
    position: relative
}

.tawk-emoji-group-tab-active:after {
    content: "";
    background: #03a84e;
    position: absolute;
    height: .125rem;
    width: 80%;
    margin: auto;
    left: 0;
    right: 0;
    top: 100%
}

.tawk-emoji-group-tab img {
    width: 1.125rem;
    fill: #03a84e
}

.tawk-emoji-search-container {
    box-sizing: border-box;
    padding: 1rem .5rem
}

.tawk-emoji-sticky-header {
    padding: 0 .5rem
}

.tawk-emoji-header,
.tawk-emoji-sticky-header {
    margin: 0;
    /* font: 400 .812rem Lato; SA 179*/
    /* font: 400 .812rem "TajawalAR", "TajawalEN"; */
    color: #545454
}

.tawk-emoji-scroll {
    height: 6.75rem;
    padding: 0 .5rem;
    position: relative;
    overflow: scroll
}

.tawk-emoji-preview {
    box-sizing: border-box;
    height: 3.125rem;
    background: #f7f7f9;
    padding: .5rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.tawk-emoji-preview-image {
    box-sizing: border-box;
    max-width: 15%;
    height: 100%
}

.tawk-emoji-preview-image img {
    max-width: 1.875rem
}

.tawk-emoji-preview-name {
    box-sizing: border-box;
    margin: 0;
    /* font: 600 .812rem Lato; */
    /* font: 600 .812rem "TajawalAR", "TajawalEN"; */
    max-width: 14.375rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.tawk-emoji-preview-shortname {
    font: 600 .75rem Lato SA 179
    /* font: 600 .75rem "TajawalAR", "TajawalEN" */
}

.tawk-emoji {
    margin: .375rem .5rem;
    padding: 0;
    border: 0;
    background: 0 0;
    border-radius: 5px
}

.tawk-emoji:hover {
    cursor: pointer;
    background: #03a84e
}

.tawk-emoji:focus {
    outline: 1px solid #1f6885
}

.tawk-emoji {
    height: 1.5rem;
    max-height: 1.5rem;
    width: 1.5rem;
    max-width: 1.5rem
}

.tawk-emoji img {
    max-width: 1.5rem;
    display: inline-block
}

@font-face {
    font-family: tawk-font-icon;
    src: url(/fonts/tawk-font-icon-2.woff2?55755728) format("woff2"), url(/fonts/tawk-font-icon-2.woff?55755728) format("woff"), url(/fonts/tawk-font-icon-2.ttf?55755728) format("truetype"), url(/fonts/tawk-font-icon-2.svg?55755728#tawk-font-icon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.tawk-icon {
    font-family: tawk-font-icon;
    font-size: 1.125rem;
    color: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    font-style: normal;
    display: inline-block;
    margin: 0 .2em;
    width: 1em;
    text-align: center
}

body.tawk-rtl .tawk-icon {
    transform: scaleX(-1)
}

.tawk-icon-xsmall {
    font-size: .75rem
}

.tawk-icon-small {
    font-size: .812rem
}

.tawk-icon-medium {
    font-size: .937rem
}

.tawk-icon-large {
    font-size: 1.25rem
}

.tawk-icon-xlarge {
    font-size: 1.5rem
}

.tawk-icon-xxlarge {
    font-size: 2rem
}

.tawk-icon-add:before {
    content: "\e824"
}

.tawk-icon-alert:before {
    content: "\e825"
}

.tawk-icon-attach-file:before {
    content: "\e826"
}

.tawk-icon-audio-file:before {
    content: "\e827"
}

.tawk-icon-call:before {
    content: "\e800"
}

.tawk-icon-call-incoming:before {
    content: "\e801"
}

.tawk-icon-change-name:before {
    content: "\e802"
}

.tawk-icon-chat:before {
    content: "\e803"
}

.tawk-icon-close:before {
    content: "\e804"
}

.tawk-icon-down-arrow-1:before {
    content: "\e805"
}

.tawk-icon-down-arrow-2:before {
    content: "\e806"
}

.tawk-icon-down-arrow-3:before {
    content: "\e807"
}

.tawk-icon-download:before {
    content: "\e808"
}

.tawk-icon-email-transcript:before {
    content: "\e809"
}

.tawk-icon-emoji:before {
    content: "\e80a"
}

.tawk-icon-end-call:before {
    content: "\e80b"
}

.tawk-icon-end-chat:before {
    content: "\e80c"
}

.tawk-icon-error:before {
    content: "\e80d"
}

.tawk-icon-file:before {
    content: "\e80e"
}

.tawk-icon-file-text:before {
    content: "\e80f"
}

.tawk-icon-filter:before {
    content: "\e810"
}

.tawk-icon-hamburger-menu:before {
    content: "\e811"
}

.tawk-icon-left-arrow:before {
    content: "\e812"
}

.tawk-icon-message:before {
    content: "\e813"
}

.tawk-icon-missed-chat:before {
    content: "\e814"
}

.tawk-icon-mobile-send:before {
    content: "\e815"
}

.tawk-icon-pop-out:before {
    content: "\e816"
}

.tawk-icon-recent-search:before {
    content: "\e817"
}

.tawk-icon-right-arrow:before {
    content: "\e818"
}

.tawk-icon-screenshare:before {
    content: "\e819"
}

.tawk-icon-search:before {
    content: "\e81a"
}

.tawk-icon-show-all:before {
    content: "\e81b"
}

.tawk-icon-sound-off:before {
    content: "\e81c"
}

.tawk-icon-sound-on:before {
    content: "\e81d"
}

.tawk-icon-thumbs-down:before {
    content: "\e81e"
}

.tawk-icon-thumbs-up:before {
    content: "\e81f"
}

.tawk-icon-user:before {
    content: "\e820"
}

.tawk-icon-video-chat:before {
    content: "\e821"
}

.tawk-icon-video-chat-off:before {
    content: "\e822"
}

.tawk-icon-video-file:before {
    content: "\e823"
}

.tawk-image {
    max-width: 200px;
    border-radius: 5px
}

.tawk-image-left {
    text-align: left
}

.tawk-image-right {
    text-align: right
}

.tawk-image-center {
    text-align: center
}

.tawk-image-loader,
.tawk-image-loader:after {
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem
}

.tawk-image-loader {
    margin: 1.25rem auto;
    font-size: .625rem;
    position: relative;
    text-indent: -9999rem;
    border: 5px solid #92929e;
    border-left-color: #d9dbe4;
    transform: translateZ(0);
    -webkit-animation: load8 1.1s linear infinite;
    animation: load8 1.1s linear infinite
}

@-webkit-keyframes load8 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes load8 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.tawk-input-medium {
    height: 3.125rem;
    padding: 1rem 1.5rem;
    line-height: 3.125rem;
    font-size: .937rem
}

.tawk-form-wrapper .tawk-input.tawk-input-medium+.tawk-form-label {
    font-size: .937rem;
    transform: translateY(14px)
}

.tawk-form-wrapper .tawk-input.tawk-input-medium+.tawk-form-label.tawk-active {
    transform: translateY(-.625rem)
}

.tawk-lists {
    font-size: .812rem
}

.tawk-list-item {
    padding: 1rem
}

a.tawk-list-item,
button.tawk-list-item {
    background: 0 0;
    width: 100%;
    text-align: left;
    display: block;
    border: 0
}

a.tawk-list-item:hover,
button.tawk-list-item:hover {
    cursor: pointer;
    color: var(--tawk-header-background-color)
}

.tawk--list-header {
    font-weight: 600;
    font-size: .937rem;
    color: #545454;
    margin-bottom: 0
}

.tawk-list-item-medium,
.tawk-list-item-small,
.tawk-list-item-xsmall {
    padding: .5rem
}

.tawk-list-item-large {
    padding: 2.5rem
}

.tawk-loader {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background-color: #d9dbe4;
    cursor: default
}

.tawk-loader-bar {
    width: 100%;
    height: 1.5rem
}

.tawk-loader-bar-xsmall {
    width: 100%;
    height: .5rem
}

.tawk-loader-bar-small {
    width: 100%;
    height: 1rem
}

.tawk-loader-bar-medium {
    width: 100%;
    height: 2rem
}

.tawk-loader-bar-large {
    width: 100%;
    height: 2.5rem
}

.tawk-loader-bar-xlarge {
    width: 100%;
    height: 3rem
}

.tawk-loader-icon {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem
}

.tawk-loader-icon-xsmall {
    border-radius: 50%;
    width: .5rem;
    height: .5rem
}

.tawk-loader-icon-small {
    border-radius: 50%;
    width: 1rem;
    height: 1rem
}

.tawk-loader-icon-medium {
    border-radius: 50%;
    width: 2rem;
    height: 2rem
}

.tawk-loader-icon-large {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem
}

.tawk-loader-icon-xlarge {
    border-radius: 50%;
    width: 3rem;
    height: 3rem
}

.tawk-loader-avatar {
    border-radius: 10px;
    width: 3rem;
    height: 3rem
}

.tawk-loader-avatar-xsmall {
    border-radius: 10px;
    width: 2rem;
    height: 2rem
}

.tawk-loader-avatar-small {
    border-radius: 10px;
    width: 2.5rem;
    height: 2.5rem
}

.tawk-loader-avatar-medium {
    border-radius: 10px;
    width: 3.5rem;
    height: 3.5rem
}

.tawk-loader-avatar-large {
    border-radius: 10px;
    width: 4rem;
    height: 4rem
}

.tawk-loader-avatar-xlarge {
    border-radius: 10px;
    width: 4.5rem;
    height: 4.5rem
}

.tawk-loader-animation {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards !important;
    animation-fill-mode: forwards !important;
    -webkit-animation-name: shimmerLeftToRight;
    animation-name: shimmerLeftToRight;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: linear-gradient(90deg, #f7f7f9 8%, #d9dbe4 18%, #f7f7f9 33%);
    background-size: 62.5rem 6.5rem;
    position: relative;
    overflow: hidden
}

@-webkit-keyframes shimmerLeftToRight {
    0% {
        background-position: -29.25rem 0
    }

    to {
        background-position: 29.25rem 0
    }
}

@keyframes shimmerLeftToRight {
    0% {
        background-position: -29.25rem 0
    }

    to {
        background-position: 29.25rem 0
    }
}

body.tawk-rtl .tawk-loader-animation {
    -webkit-animation-name: shimmerRightToLeft;
    animation-name: shimmerRightToLeft
}

@-webkit-keyframes shimmerRightToLeft {
    0% {
        background-position: 29.25rem 0
    }

    to {
        background-position: -29.25rem 0
    }
}

@keyframes shimmerRightToLeft {
    0% {
        background-position: 29.25rem 0
    }

    to {
        background-position: -29.25rem 0
    }
}

.tawk-overlay {
    position: fixed;
    inset: 0;
    z-index: 1050;
    left: 0;
    right: 0;
    top: 100%;
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    transition: top .3s ease-in-out;
    overflow: hidden
}

.tawk-overlay.tawk-open {
    top: 0
}

.tawk-overlay .tawk-overlay-header {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    background-color: #03a84e;
    background-color: var(--tawk-header-background-color);
    padding: 1rem;
    z-index: 1051
}

.tawk-overlay-header .tawk-overlay-header-left {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.tawk-overlay .tawk-overlay-header .tawk-overlay-header-right {
    margin-left: auto
}

.tawk-overlay .tawk-overlay-body {
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    box-sizing: border-box
}

.tawk-overlay-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .937rem;
    line-height: 1.618;
    font-weight: 400;
    margin-left: .5rem;
    color: #fff;
    color: var(--tawk-header-text-color)
}

.tawk-overlay-header .tawk-button {
    padding: 0;
    height: 1.875rem;
    width: 2rem;
    -ms-flex: none;
    flex: none;
    background-color: transparent;
    border: none;
    transition: background .15s ease-in-out
}

.tawk-overlay-header .tawk-button:focus,
.tawk-overlay-header .tawk-button:hover {
    border: none;
    background-color: hsla(0, 0%, 100%, .2)
}

.tawk-form-field-label {
    color: #545454;
    /* font: 600 .812rem Lato SA 179*/
    /* font: 600 .812rem "TajawalAR", "TajawalEN"; */
}

body.tawk-rtl .tawk-form-field-label {
    text-align: right
}

.tawk-radio-container {
    display: block;
    position: relative;
    padding-left: 1.5rem;
    margin: 1rem;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body.tawk-rtl .tawk-radio-container {
    padding-left: 0;
    padding-right: 2rem;
    text-align: right
}

.tawk-radio-container .tawk-radio {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.tawk-radio-container .tawk-checkmark {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    border: 1px solid #d9dbe4;
    border-radius: 50%
}

body.tawk-rtl .tawk-radio-container .tawk-checkmark {
    left: auto;
    right: 0
}

.tawk-radio-container .tawk-radio~.tawk-checkmark {
    border: 1px solid #d9dbe4
}

.tawk-radio-container:hover .tawk-radio~.tawk-checkmark {
    background-color: #f7f7f9
}

.tawk-radio-container .tawk-radio[disabled]~.tawk-checkmark {
    background: #f7f7f9
}

.tawk-radio-container .tawk-radio[disabled] {
    border-color: #d9dbe4
}

.tawk-radio-container .tawk-radio:checked~.tawk-checkmark {
    background: #03a84e;
    background-color: var(--tawk-header-background-color);
    border-color: #03a84e;
    border-color: var(--tawk-header-background-color)
}

.tawk-radio-container .tawk-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.tawk-radio-container .tawk-radio:checked~.tawk-checkmark:after {
    display: block
}

.tawk-radio-container .tawk-checkmark:after {
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    color: #fff;
    background: #fff;
    width: 8px;
    height: 8px
}

.tawk-radio-container .tawk-form-label {
    color: #545454;
    /* font: 400 .812rem Lato SA 179 */
    /* font: 400 .812rem "TajawalAR", "TajawalEN" */
}

.tawk-radio-container .tawk-radio[disabled]~.tawk-form-label {
    color: #f7f7f9
}

.tawk-rating {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 1.5rem
}

.tawk-rating-button {
    height: 5rem;
    width: 5rem;
    line-height: 0;
    background-color: #f7f7f9 !important;
    color: #545454 !important;
    border: 1px solid #f7f7f9 !important;
    margin: 0 8px !important
}

.tawk-rating-button svg {
    width: 40px
}

.tawk-rating-button.tawk-active,
.tawk-rating-button:hover {
    background-color: #f7f7f9 !important;
    border-color: #d9dbe4 !important
}

.tawk-rating-button:disabled {
    background-color: #f7f7f9 !important;
    opacity: .7
}

.tawk-input.tawk-search {
    height: 3rem;
    position: relative;
    z-index: 2;
    line-height: 1rem
}

.tawk-input.tawk-search.tawk-search-left-padding {
    padding-left: 5.5rem;
    text-align: right
}

.tawk-input.tawk-search.tawk-search-right-padding {
    padding-right: 5.5rem;
    text-align: left
}

.tawk-input.tawk-search::-ms-clear {
    display: none
}

.tawk-input.tawk-search,
.tawk-input.tawk-search:focus,
.tawk-input.tawk-search:hover {
    border: none
}

.tawk-search::-webkit-input-placeholder {
    opacity: 1 !important
}

.tawk-search::-moz-placeholder {
    opacity: 1 !important
}

.tawk-search:-ms-input-placeholder {
    opacity: 1 !important
}

.tawk-search::-ms-input-placeholder {
    opacity: 1 !important
}

.tawk-search::placeholder {
    opacity: 1 !important
}

.tawk-search-wrapper {
    background: #fff;
    position: relative;
    border-radius: 5px;
    z-index: 1;
    padding: .0625rem
}

.tawk-icon.tawk-search-icon {
    width: 1.875rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem
}

.tawk-search-icon.tawk-search-icon-flip {
    right: auto;
    left: 0
}

.tawk-search-icon:not(.tawk-search-icon-flip)+.tawk-search {
    padding-left: 1.875rem
}

.tawk-search-icon.tawk-search-icon-flip+.tawk-search {
    padding-right: 1.875rem
}

.tawk-search-icon.tawk-icon-close {
    cursor: pointer
}

.tawk-search-dropdown {
    display: none;
    position: absolute;
    top: 3.5rem;
    left: 0;
    right: 0;
    z-index: 9000;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 5px
}

.tawk-search-dropdown.tawk-open {
    display: block
}

.tawk-search-list {
    list-style-type: none;
    padding: 0;
    text-align: left
}

.tawk-search-list>li {
    padding: .5rem 1rem;
    color: #545454
}

.tawk-search-list>li:not(.tawk-search-list-title):hover {
    color: #545454;
    background-color: #f7f7f9;
    cursor: pointer
}

.tawk-search-list-title-button {
    color: #545454;
    cursor: pointer
}

.tawk-search-list>li.tawk-active {
    background-color: #f7f7f9
}

.tawk-search-list-icon {
    fill: #92929e;
    width: 1rem;
    height: 1rem
}

.tawk-search-list-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tawk-search-list-title .tawk-search-list-title-icon {
    margin-right: 1rem
}

.tawk-search-list-title .tawk-search-list-title-label {
    -ms-flex: 1;
    flex: 1;
    font-size: .937rem
}

.tawk-search-loader {
    width: 100%;
    box-sizing: border-box;
    padding: 1rem
}

.tawk-search-button {
    height: calc(100% - .125rem);
    width: 3rem;
    background: #03a84e !important;
    background: var(--tawk-header-background-color) !important;
    color: #fff !important;
    color: var(--tawk-header-text-color) !important;
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.tawk-search-button.tawk-search-left-button {
    right: auto;
    left: 1px;
    border-radius: 4px 0 0 4px
}

.tawk-search-button.tawk-search-right-button {
    right: 1px;
    left: auto;
    border-radius: 0 4px 4px 0
}

.tawk-search-button-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 !important;
    z-index: 2;
    height: 1.5625rem !important;
    width: 1.5625rem !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #d9dbe4 !important;
    color: #242424 !important;
    border: none !important
}

.tawk-search-button-close .tawk-icon {
    font-size: .5rem;
    margin: 0;
    padding: 0;
    height: 1.5625rem;
    width: 1.5625rem
}

.tawk-search-button-close.tawk-search-left-button {
    right: auto;
    left: 3.5rem
}

.tawk-search-button-close.tawk-search-right-button {
    right: 3.5rem;
    left: auto
}

.tawk-input,
.tawk-select,
.tawk-textarea {
    box-sizing: border-box;
    margin: 0;
    border-radius: 5px;
    /* font-family: Lato; SA 179 */
    /* font-family: "TajawalAR", "TajawalEN"; */
    font-size: .812rem;
    -webkit-appearance: none
}

body.tawk-rtl .tawk-input,
body.tawk-rtl .tawk-select,
body.tawk-rtl .tawk-textarea {
    text-align: right
}

.tawk-input::-moz-placeholder,
.tawk-textarea::-moz-placeholder {
    opacity: 1
}

.tawk-input,
.tawk-select,
.tawk-textarea {
    max-width: 100%;
    width: 100%;
    border: 1px solid #d9dbe4;
    padding: .5rem 1rem;
    background: #fff;
    color: #545454
}

.tawk-form-wrapper .tawk-input {
    z-index: 1
}

.tawk-input,
.tawk-select:not([multiple]):not([size]) {
    height: 2.5rem;
    vertical-align: middle;
    display: inline-block
}

.tawk-input:focus,
.tawk-select:focus,
.tawk-textarea:focus {
    outline: none;
    background-color: #fff;
    border-color: #03a84e;
    border-color: var(--tawk-header-background-color)
}

.tawk-input:disabled,
.tawk-select:disabled,
.tawk-textarea:disabled {
    background-color: #fff;
    color: #f7f7f9;
    border-color: #f7f7f9
}

.tawk-input::-webkit-input-placeholder,
.tawk-textarea::-webkit-input-placeholder {
    color: #545454
}

.tawk-input::-moz-placeholder,
.tawk-textarea::-moz-placeholder {
    color: #545454
}

.tawk-input:-ms-input-placeholder,
.tawk-textarea:-ms-input-placeholder {
    color: #545454
}

.tawk-input::-ms-input-placeholder,
.tawk-textarea::-ms-input-placeholder {
    color: #545454
}

.tawk-input::placeholder,
.tawk-textarea::placeholder {
    color: #545454
}

.tawk-form-wrapper .tawk-input::-webkit-input-placeholder,
.tawk-form-wrapper .tawk-textarea::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.tawk-form-wrapper .tawk-input::-moz-placeholder,
.tawk-form-wrapper .tawk-textarea::-moz-placeholder {
    opacity: 0;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.tawk-form-wrapper .tawk-input:-ms-input-placeholder,
.tawk-form-wrapper .tawk-textarea:-ms-input-placeholder {
    opacity: 0;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.tawk-form-wrapper .tawk-input::-ms-input-placeholder,
.tawk-form-wrapper .tawk-textarea::-ms-input-placeholder {
    opacity: 0;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.tawk-form-wrapper .tawk-input::placeholder,
.tawk-form-wrapper .tawk-textarea::placeholder {
    opacity: 0;
    transition: all .15s ease-in-out
}

.tawk-form-wrapper .tawk-input:focus::-webkit-input-placeholder,
.tawk-form-wrapper .tawk-textarea:focus::-webkit-input-placeholder {
    opacity: 1
}

.tawk-form-wrapper .tawk-input:focus::-moz-placeholder,
.tawk-form-wrapper .tawk-textarea:focus::-moz-placeholder {
    opacity: 1
}

.tawk-form-wrapper .tawk-input:focus:-ms-input-placeholder,
.tawk-form-wrapper .tawk-textarea:focus:-ms-input-placeholder {
    opacity: 1
}

.tawk-form-wrapper .tawk-input:focus::-ms-input-placeholder,
.tawk-form-wrapper .tawk-textarea:focus::-ms-input-placeholder {
    opacity: 1
}

.tawk-form-wrapper .tawk-input:focus::placeholder,
.tawk-form-wrapper .tawk-textarea:focus::placeholder {
    opacity: 1
}

.tawk-form-success,
.tawk-form-sucess:focus {
    color: #03a84e;
    border-color: #03a84e
}

.tawk-form-danger,
.tawk-form-danger:focus {
    color: #bf1212;
    border-color: #bf1212
}

.tawk-form-wrapper {
    position: relative
}

.tawk-form-label {
    display: block;
    font-size: .812rem;
    color: #545454;
    line-height: normal
}

.tawk-form-wrapper .tawk-form-label {
    margin-left: .5rem
}

body.tawk-rtl .tawk-form-wrapper .tawk-form-label {
    margin-right: .5rem;
    margin-left: 0
}

.tawk-form-wrapper .tawk-input+.tawk-form-label,
.tawk-form-wrapper .tawk-textarea+.tawk-form-label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 0 100%;
    transform: translateY(.7rem);
    color: #545454;
    background-color: transparent;
    padding: 0 .5rem;
    transition: all .3s ease-in-out
}

.tawk-form-wrapper .tawk-input+.tawk-form-label.tawk-form-label-custom-style,
.tawk-form-wrapper .tawk-textarea+.tawk-form-label.tawk-form-label-custom-style {
    transform: translateY(1rem)
}

body.tawk-rtl .tawk-form-wrapper .tawk-input+.tawk-form-label,
body.tawk-rtl .tawk-form-wrapper .tawk-textarea+.tawk-form-label {
    right: 0;
    left: auto
}

.tawk-form-wrapper .tawk-input+.tawk-form-label.tawk-active,
.tawk-form-wrapper .tawk-textarea+.tawk-form-label.tawk-active {
    transform: translateY(-10px) scale(.9);
    background-color: #fff
}

.tawk-form-label.tawk-active,
.tawk-form-wrapper .tawk-input:focus+.tawk-form-label,
.tawk-form-wrapper .tawk-textarea:focus+.tawk-form-label {
    color: #03a84e;
    color: var(--tawk-header-background-color)
}

.tawk-textarea {
    /* font: 400 .812rem Lato; SA 179 */
    /* font: 400 .812rem "TajawalAR", "TajawalEN"; */
    width: 100%;
    border-radius: 5px;
    resize: none;
    height: 5rem
}

.tawk-timeago {
    /* font: 400 .75rem Lato; */
    /* font: 400 .75rem "TajawalAR", "TajawalEN"; */
    color: #92929e
}

.tawk-video-iframe-container {
    width: 100%;
    padding-top: 56.25%;
    position: relative
}

.tawk-video-iframe {
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tawk-tooltip:hover .tawk-tooltip-hover {
    opacity: 1;
    transition: opacity .5s linear .5s
}

.tawk-tooltip .tawk-tooltip-hover {
    position: fixed;
    margin-top: 8px;
    padding: 4px 8px;
    border-radius: 5px;
    background: #545454;
    color: #fff;
    text-align: center;
    font-size: .75rem;
    right: 0;
    left: auto;
    opacity: 0;
    transition: opacity 0s linear;
    z-index: 2
}

.tawk-tooltip .tawk-tooltip-hover .tawk-tooltip-arrow {
    top: -16px;
    display: block;
    left: 50%;
    border: 8px solid transparent;
    border-bottom-color: #545454;
    position: absolute
}

.tawk-tooltip .tawk-tooltip-hover.bottom .tawk-tooltip-arrow {
    border-color: #545454 transparent transparent;
    bottom: -16px;
    top: auto
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    height: 15px;
    bottom: 0
}

.ps__rail-x,
.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    position: absolute
}

.ps__rail-y {
    width: 15px;
    right: 0
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-x,
.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-y {
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports(-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto !important
    }
}

.ps__rail-y {
    left: auto !important;
    right: 0 !important;
    z-index: 2;
    background: 0 0 !important;
    opacity: 1 !important
}

.ps__rail-y .ps__thumb-y {
    width: 5px !important;
    background: #92929e !important
}

body.tawk-rtl .ps__rail-y {
    left: 0 !important;
    right: auto !important;
    width: 5px !important
}

body.tawk-rtl .ps__rail-y .ps__thumb-y {
    left: 2px !important;
    right: auto !important
}

/* body.font-lato { */
    /* font-family: Lato, Open Sans, sans-serif !important SA 179 */
    /* font-family: "TajawalAR", "TajawalEN"; */
/* } */

body.tawk-rtl {
    direction: rtl;
    overflow: hidden
}

@media(min-width:768px) and (max-width:1024px) {

    body.tawk-mobile,
    html.tawk-mobile {
        font-size: 22px !important
    }
}

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

    body.tawk-mobile,
    html.tawk-mobile {
        font-size: 18px !important
    }
}

@media(max-width:480px) {

    body.tawk-mobile,
    html.tawk-mobile {
        font-size: 18px !important
    }
}

.clear {
    clear: both
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

@font-face {
    font-family: tawk-font-icon;
    src: url(https://embed.tawk.to/_s/v4/assets/fonts/tawk-font-icon-2.woff2?55755728=) format("woff2"), url(https://embed.tawk.to/_s/v4/assets/fonts/tawk-font-icon-2.woff?55755728=) format("woff"), url(https://embed.tawk.to/_s/v4/assets/fonts/tawk-font-icon-2.ttf?55755728=) format("truetype"), url(https://embed.tawk.to/_s/v4/assets/fonts/tawk-font-icon-2.svg?55755728=#tawk-font-icon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: tawk-icon;
    src: url(https://embed.tawk.to/_s/v4/assets/fonts/tawk-font-icon-2.woff2?55755728=) format("woff2"), url(https://embed.tawk.to/_s/v4/assets/fonts/tawk-font-icon-2.woff?55755728=) format("woff"), url(https://embed.tawk.to/_s/v4/assets/fonts/tawk-font-icon-2.ttf?55755728=) format("truetype"), url(https://embed.tawk.to/_s/v4/assets/fonts/tawk-font-icon-2.svg?55755728=#tawk-font-icon) format("svg");
    font-weight: 400;
    font-style: normal
}

.tawk-icon {
    font-family: tawk-icon !important
}

.tawk-call {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    padding: 60px 20px;
    border: 1px solid #f7f7f9;
    border-radius: 5px
}

.tawk-call-header {
    -ms-flex: 2;
    flex: 2
}

.tawk-call-footer {
    -ms-flex: 1;
    flex: 1
}

.tawk-call-accept {
    width: 100%
}

.tawk-call-decline {
    width: 80%
}

.tawk-max-container {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    border: 1px solid #e9e9e9
}

.tawk-max-container.tawk-no-toolbar-elements .slide-fade-leave-active .tawk-chat-panel:before {
    visibility: hidden
}

.tawk-max-container.tawk-no-toolbar-elements .tawk-main-panel .tawk-chat-panel:before {
    content: " ";
    position: fixed;
    top: 1rem;
    left: 1px;
    right: 1px;
    height: calc(29px + 1rem);
    background-color: var(--tawk-header-background-color);
    width: auto
}

.tawk-toolbar {
    z-index: 3;
    margin-top: -1px
}

.tawk-no-toolbar-elements .tawk-toolbar {
    padding: .5rem
}

.tawk-toolbar .tawk-toolbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.tawk-toolbar .tawk-route-back {
    overflow: hidden
}

.tawk-route-back .tawk-toolbar-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tawk-toolbar .tawk-button-hover {
    position: relative;
    overflow: visible;
    height: 1.875rem;
    width: 2rem
}

body.tawk-mobile .tawk-toolbar .tawk-button-hover {
    margin: 0 .2rem 0 0
}

.tawk-button-hover,
.tawk-button-submitting {
    position: relative
}

.tawk-button-hover:focus:before,
.tawk-button-hover:hover:before,
.tawk-button-submitting:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(247, 247, 249, .2);
    border-radius: 5px
}

.tawk-overlay .tawk-toolbar {
    z-index: auto !important;
    margin-top: 0 !important;
    padding: 0 !important
}

.tawk-toolbar-agent-avatars {
    margin-left: .5rem;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.tawk-toolbar-agent-avatars .tawk-avatar {
    height: 1.875rem;
    width: 1.875rem;
    line-height: 1.725rem;
    font-size: .8rem
}

.tawk-toolbar-agent-avatars>.tawk-avatar:not(:first-child) {
    margin-left: -15px
}

.tawk-toolbar-agent-avatars .tawk-toolbar-agent-details {
    margin-left: .5rem;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.tawk-toolbar-agent-details .tawk-toolbar-agent-name {
    font-size: .87rem
}

.tawk-toolbar-agent-details .tawk-toolbar-agent-title {
    font-size: .75rem
}

.tawk-header-text,
.tawk-header-text:hover {
    color: var(--tawk-header-text-color)
}

.tawk-toolbar-menu .tawk-header-text:focus {
    color: #fff
}

.tawk-toolbar-menu .tawk-dropdown-menu {
    top: 2.1875rem;
    border-radius: 5px;
    padding: .5rem 0;
    width: calc(100vw - 3.125rem)
}

.tawk-toolbar-menu .tawk-dropdown-menu:after,
.tawk-toolbar-menu .tawk-dropdown-menu:before {
    content: "";
    position: absolute;
    bottom: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-bottom-color: #fff
}

.tawk-toolbar-menu .tawk-dropdown-menu.tawk-dropdown-menu-right:after,
.tawk-toolbar-menu .tawk-dropdown-menu.tawk-dropdown-menu-right:before {
    right: .5625rem
}

.tawk-toolbar-menu .tawk-dropdown-menu.tawk-dropdown-menu-left:after,
.tawk-toolbar-menu .tawk-dropdown-menu.tawk-dropdown-menu-left:before {
    left: .5625rem
}

.tawk-toolbar-menu .tawk-dropdown-menu .tawk-button {
    display: block;
    width: 100%;
    margin: 0;
    color: #545454;
    border-radius: 0;
    padding: .5rem 1rem
}

.tawk-toolbar-menu .tawk-dropdown-menu .tawk-button:focus,
.tawk-toolbar-menu .tawk-dropdown-menu .tawk-button:hover {
    background-color: #f6f6f6
}

.tawk-toolbar-menu .tawk-dropdown-menu .tawk-button:focus {
    outline: 0
}

.tawk-cancel-button {
    background-color: #d9dbe4 !important;
    color: #545454 !important;
    border-color: #d9dbe4 !important
}

#tawk-dragover-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.125rem;
    color: #545454;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: 5px
}

#tawk-chatinput-container {
    padding: .75rem 1rem
}

.tawk-router-view {
    position: relative;
    height: 1px;
    background-color: #fff
}

.tawk-form-error-alert {
    position: absolute;
    top: 0;
    z-index: 2
}

.tawk-footer {
    border-top: 1px solid #f7f7f9;
    padding: 0;
    z-index: 3
}

.tawk-search-button {
    color: #92929e
}

.tawk-search-button:focus,
.tawk-search-button:hover {
    color: #545454
}

.missed-chat-icon {
    height: 3rem;
    width: 3rem;
    text-align: center;
    line-height: 3rem
}

.tawk-spinner-loader,
.tawk-spinner-loader:after {
    border-radius: 50%;
    height: 1.25rem;
    width: 1.25rem
}

.tawk-spinner-loader {
    position: relative;
    margin: 1.25rem auto;
    border: .3125rem solid #92929e;
    border-left-color: #d9dbe4;
    font-size: .625rem;
    text-indent: -9999rem;
    transform: translateZ(0);
    -webkit-animation: spinner 1.1s linear infinite;
    animation: spinner 1.1s linear infinite
}

@-webkit-keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

body.tawk-mobile .tawk-tooltip-hover,
body.tawk-mobile .tawk-tooltip:hover .tawk-tooltip-hover {
    display: none !important
}

.tawk-max-end-chat {
    position: fixed;
    bottom: 16px;
    left: 16px;
    right: 16px;
    height: auto;
    width: auto;
    z-index: 1060
}

.tawk-agent-list-view .tawk-chat-panel {
    height: 100%;
    background-color: #fff
}

.tawk-agent-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: var(--tawk-header-text-color);
    background-color: var(--tawk-header-background-color);
    padding: 20px 30px;
    box-sizing: border-box
}

.tawk-agent-header .tawk-button-text {
    color: var(--var-header-text-color)
}

.tawk-agent-header .tawk-agent-header-title {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.tawk-agent-header .tawk-agent-header-title>* {
    color: var(--tawk-header-text-color)
}

.tawk-agent-body {
    padding: 20px 15px
}

.tawk-agent-body .tawk-text-regular-4 {
    line-height: normal
}

.tawk-list.tawk-agent-list {
    box-shadow: none;
    border: none;
    border-radius: initial
}

.tawk-chat-view .tawk-chat-panel {
    background-color: #fff !important
}

.tawk-main-panel .tawk-chat-panel {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: scroll;
    height: 1px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #f7f7f9
}

.tawk-chat-view .tawk-new-messages-notification {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%);
    z-index: 2;
    background-color: #545454;
    color: #fff;
    border-color: #545454
}

.tawk-chat-view .tawk-chat-panel-inner {
    height: 100%
}

.tawk-chat-view .tawk-header {
    padding-bottom: 15px;
    margin-left: -16px !important;
    margin-right: -16px !important
}

.agentTypingIndicator {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.agentTypingIndicator .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 3px;
    background: #303131;
    -webkit-animation: typing 1.3s linear infinite;
    animation: typing 1.3s linear infinite
}

.agentTypingIndicator .dot:nth-child(2) {
    animation-delay: -1.1s;
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    -ms-animation-delay: -1.1s;
    -o-animation-delay: -1.1s
}

.agentTypingIndicator .dot:nth-child(3) {
    animation-delay: -.9s;
    -webkit-animation-delay: -.9s;
    -moz-animation-delay: -.9s;
    -ms-animation-delay: -.9s;
    -o-animation-delay: -.9s
}

@keyframes typing {

    0%,
    60%,
    to {
        transform: none
    }

    30% {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes typing {

    0%,
    60%,
    to {
        transform: none
    }

    30% {
        transform: translateY(-10px)
    }
}

.tawk-chat-message-container {
    width: 100%;
    box-sizing: border-box
}

.tawk-message-profile {
    border: none
}

.tawk-message-body {
    width: calc(100% - 40px);
    box-sizing: border-box;
    max-width: 100%
}

.tawk-agent-chat,
.tawk-visitor-chat {
    position: relative;
    max-width: calc(100% - 16px);
    word-break: break-all
}

.tawk-message-bubble+.tawk-message-bubble {
    margin-top: 8px
}

.tawk-message-bubble:last-child .tawk-agent-chat,
.tawk-message-bubble:last-child .tawk-visitor-chat {
    margin-bottom: 0
}

.tawk-agent-chat {
    float: left;
    position: relative;
    margin: 0 16px 0 0
}

.tawk-rtl .tawk-agent-chat {
    float: right;
    margin: 0 8px 0 0
}

.tawk-visitor-chat {
    float: right;
    margin: 0 0 8px 16px;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tawk-rtl .tawk-visitor-chat {
    float: left;
    margin: 0 0 4px 8px
}

.tawk-agent-chat .tawk-time-display,
.tawk-visitor-chat .tawk-time-display {
    display: block;
    margin-bottom: 4px;
    visibility: hidden
}

.tawk-agent-chat:hover .tawk-time-display,
.tawk-visitor-chat:hover .tawk-time-display {
    visibility: visible
}

.tawk-visitor-chat .tawk-time-display {
    float: right
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.lds-spinner {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 0;
    transform: scale(.3);
    top: 50%;
    transform: translateY(-50%) scale(.3);
    margin-right: -10px
}

.lds-spinner.lds-spinner-left {
    left: auto;
    right: 100%
}

.lds-spinner .spin {
    transform-origin: 32px 32px;
    -webkit-animation: lds-spinner 1.2s linear infinite;
    animation: lds-spinner 1.2s linear infinite
}

.lds-spinner .spin:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 29px;
    width: 5px;
    height: 14px;
    border-radius: 20%;
    background: rgba(0, 0, 0, .4)
}

.lds-spinner .spin-1 {
    transform: rotate(0deg);
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.lds-spinner .spin-2 {
    transform: rotate(30deg);
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.lds-spinner .spin-3 {
    transform: rotate(60deg);
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.lds-spinner .spin-4 {
    transform: rotate(90deg);
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.lds-spinner .spin-5 {
    transform: rotate(120deg);
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.lds-spinner .spin-6 {
    transform: rotate(150deg);
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.lds-spinner .spin-7 {
    transform: rotate(180deg);
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.lds-spinner .spin-8 {
    transform: rotate(210deg);
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.lds-spinner .spin-9 {
    transform: rotate(240deg);
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.lds-spinner .spin-10 {
    transform: rotate(270deg);
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.lds-spinner .spin-11 {
    transform: rotate(300deg);
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.lds-spinner .spin-12 {
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes lds-spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.tawk-agent-bar {
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 5px
}

.tawk-agent-bar.single-agent {
    max-width: 100%
}

.tawk-chat-view .tawk-agent-chat-bubble.tawk-card,
.tawk-chat-view .tawk-visitor-chat-bubble {
    padding: 8px !important;
    min-height: 40px
}

.tawk-chat-resend {
    width: 100%;
    margin-bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

body.tawk-rtl .tawk-chat-resend {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tawk-chat-resend * {
    color: #bf1212 !important
}

.tawk-chat-resend .tawk-button-text {
    text-decoration: underline;
    margin-left: 8px
}

.file-upload-progress .progress {
    height: 10px;
    width: 200px;
    background-color: #f7f7f9;
    border-radius: 5px;
    box-shadow: none
}

.file-upload-progress .progress-bar {
    height: 10px;
    background-color: #03a84e;
    border-radius: 5px;
    box-shadow: none
}

.tawk-chat-view .emojione {
    height: 3.2ex;
    min-width: auto;
    min-height: auto;
    vertical-align: text-bottom
}

.tawk-chat-view .emojionly .emojione {
    height: 4.5ex !important;
    width: auto
}

.tawk-chat-view .tawk-link {
    color: inherit;
    text-decoration: underline
}

.tawk-message-block .tawk-message-group {
    width: calc(100% - 40px)
}

.tawk-message-bubble .tawk-agent-chat-bubble {
    border-radius: 0 5px 5px 0
}

.tawk-rtl .tawk-message-bubble .tawk-agent-chat-bubble {
    border-radius: 5px 0 0 5px
}

.tawk-message-bubble:last-child .tawk-agent-chat-bubble {
    border-radius: 0 5px 5px 5px
}

.tawk-rtl .tawk-message-bubble:last-child .tawk-agent-chat-bubble {
    border-radius: 5px 0 5px 5px
}

.tawk-message-bubble:first-child .tawk-agent-chat-bubble {
    border-radius: 5px 5px 5px 0
}

.tawk-rtl .tawk-message-bubble:first-child .tawk-agent-chat-bubble {
    border-radius: 5px 5px 0 5px
}

.tawk-message-bubble .tawk-visitor-chat-bubble {
    border-radius: 5px 0 0 5px
}

.tawk-rtl .tawk-message-bubble .tawk-visitor-chat-bubble {
    border-radius: 0 5px 5px 0
}

.tawk-message-bubble:last-child .tawk-visitor-chat-bubble {
    border-radius: 5px 0 5px 5px
}

.tawk-rtl .tawk-message-bubble:last-child .tawk-visitor-chat-bubble {
    border-radius: 0 5px 5px 5px
}

.tawk-message-bubble:first-child .tawk-visitor-chat-bubble {
    border-radius: 5px 5px 0 5px
}

.tawk-rtl .tawk-message-bubble:first-child .tawk-visitor-chat-bubble {
    border-radius: 5px 5px 5px 0
}

.list-enter-active,
.list-leave-active {
    transition: all .5s cubic-bezier(1, .5, .8, 1)
}

.list-enter,
.list-leave-to {
    transform: translateY(5px);
    opacity: 0
}

body.tawk-mobile .tawk-agent-chat .tawk-time-display,
body.tawk-mobile .tawk-visitor-chat .tawk-time-display {
    visibility: visible
}

.tawk-form-view {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%
}

.tawk-form-input {
    border: 1px solid #d9dbe4;
    border-left: 5px solid var(--tawk-header-background-color) !important
}

.tawk-form-width-100 {
    width: 100%
}

.tawk-form-wrapper {
    z-index: 0
}

.tawk-form-input .tawk-dropdown {
    width: 100%;
    z-index: 1
}

.tawk-form-input .tawk-dropdown>.tawk-button {
    position: relative;
    height: 2.5rem;
    width: 100%;
    color: #545454;
    font-size: .812rem;
    border-color: #d9dbe4;
    background-color: #fff;
    text-align: left;
    z-index: 1;
    overflow: visible
}

.tawk-form-input .tawk-dropdown>.tawk-button:focus {
    border-color: #03a84e;
    border-color: var(--tawk-header-background-color)
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu {
    width: 100%;
    max-width: 100%;
    padding: 0;
    border-radius: 5px;
    border: 5px;
    overflow: hidden !important
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu.slide-fade-enter,
.tawk-form-input .tawk-dropdown .tawk-dropdown-menu.slide-fade-leave-to {
    transform: translateY(-10px) !important
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu .tawk-dropdown-container {
    max-height: 100px;
    position: relative;
    overflow: auto
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu .tawk-lists {
    max-height: 100px;
    border: 0;
    box-shadow: none;
    overflow-y: auto
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu .tawk-lists .tawk-list-item {
    padding: 8px
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu .tawk-lists .tawk-list-item:hover {
    background-color: #f7f7f9;
    color: var(--tawk-header-text-color)
}

.tawk-form-input .tawk-dropdown .tawk-dropdown-menu .tawk-lists .tawk-list-item .tawk-button {
    width: 100%;
    text-align: left;
    color: #545454;
    font-size: .812rem
}

.tawk-form-footer .tawk-button {
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%
}

.tawk-form-footer .tawk-button.width-100 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.tawk-form-footer .tawk-button .tawk-spinner-loader {
    margin: 0 5px;
    border: .125rem solid #92929e;
    border-left-color: #d9dbe4
}

.tawk-form-input .tawk-dropdown>.tawk-form-danger {
    color: #bf1212;
    border-color: #bf1212
}

.tawk-dropdown-container .tawk-form-label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all .3s ease-in-out;
    transform: translateY(10px);
    transform-origin: 0 100%;
    background-color: #fff;
    padding: 0 .5rem;
    color: inherit;
    line-height: normal
}

.tawk-rtl .tawk-dropdown-container .tawk-form-label {
    right: 0;
    left: auto
}

.tawk-dropdown-container .tawk-form-label.tawk-active {
    transform: translateY(-10px) scale(.9)
}

.tawk-form-footer .tawk-button {
    width: 100%;
    position: relative
}

.tawk-form-submitting-container {
    position: absolute;
    top: -20px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    margin-top: -20px;
    padding: 0 15px;
    overflow: hidden
}

.tawk-form-submitting-container.slide-fade-up-enter,
.tawk-form-submitting-container.slide-fade-up-leave-to,
.tawk-form-submitting-container .tawk-form-submitting-inner {
    overflow: hidden;
    transform: translateY(10px);
    opacity: 0
}

.tawk-form-submitting-container .tawk-form-submitting-inner {
    position: relative;
    right: 0;
    bottom: 0;
    background-color: #545454;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    margin-left: auto;
    transition: all .3s cubic-bezier(1, .5, .8, 1)
}

.tawk-form-submitting-container .tawk-form-submitting-inner .tawk-spinner-loader {
    height: 10px;
    width: 10px;
    margin: 0 auto;
    border: 1px solid #92929e;
    border-bottom-color: #d9dbe4
}

.tawk-history-item {
    border-radius: 5px;
    cursor: pointer
}

.tawk-history-item:hover {
    background-color: #f7f7f9
}

.tawk-chat-view .avatar-loader {
    height: 40px;
    width: 40px
}

.tawk-chat-view .avatar-name-loader {
    height: 15px;
    width: 120px
}

.tawk-chat-view .chat-message-loader {
    height: 40px;
    width: 200px
}

.tawk-history-item .emojione {
    min-width: auto;
    min-height: auto;
    height: 2.5ex;
    vertical-align: text-bottom
}

.tawk-button-retry {
    width: 100%
}

.tawk-main-panel {
    position: relative;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    height: auto;
    width: 100%;
    padding: 0;
    background-color: #fff;
    color: #92929e
}

.tawk-main-panel .tawk-chat-panel .tawk-chat-panel-inner {
    position: relative;
    box-sizing: border-box;
    padding: 0 16px 15px
}

.tawk-main-panel .tawk-header {
    position: relative;
    z-index: 2;
    margin-left: -16px;
    margin-right: -16px;
    padding-top: 1px;
    padding-bottom: 30px;
    border-radius: 0px 0px 30px 30px
}

.tawk-main-panel .tawk-header .tawk-search-wrapper {
    margin: 10px 0
}

.tawk-body {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: auto;
    top: -25px;
    z-index: 2;
}

.card-container>div {
    margin-bottom: 8px
}

.card-container:last-child {
    margin-bottom: 0
}

/*
.card-container:first-child:before {
    border-radius: 0px 0px 50px 50px;
	content: " ";
	position: absolute;
	top: -1px;
	left: -16px;
	right: -16px;
	height: 25px;
	z-index: -1;
	background-color: var(--tawk-header-background-color)
}
*/

.card-container .tawk-card,
.card-container .tawk-kb-search {
    border: 1px solid #d9dbe4
}

.card-container .tawk-kb-search {
    z-index: 2;
    position: relative
}

.card--logo,
.header-card {
    margin: 10px 0
}

.card--logo .tawk-image {
    /*
	height: 3.75rem;
	width: 3.75rem
*/
}

.card--heading {
    font-size: 33px;
    font-weight: 700
}

.card--heading .emojione {
    width: calc(2rem + 2px);
    height: calc(2rem + 2px);
    vertical-align: text-bottom
}

.card--chat .tawk-button {
    width: 100%
}

.card--agents .tawk-avatar {
    margin: 0 3px
}

.card--video iframe,
.card--video video {
    width: 100%;
    border-radius: 5px
}

.card--heading .link,
.card--text .link {
    color: inherit;
    text-decoration: underline;
    outline: 0
}

.card--text .emojione {
    width: calc(1rem + 2px);
    height: calc(1rem + 2px);
    vertical-align: text-bottom
}

.card--form.submitting form {
    opacity: .6
}

.card--kb-featured-article .featured-article-content:active,
.card--kb-featured-article .featured-article-content:focus,
.card--kb-featured-article .featured-article-content:hover {
    cursor: pointer;
    text-decoration: none;
    background: #f7f7f9;
    border-radius: 5px
}

.card--kb-featured-article .tawk-loader-avatar {
    width: 100%;
    height: 8rem
}

.card-container .tawk-button-cta {
    background-color: #fff;
    color: #545454;
    border-color: #545454
}

.card-container .tawk-button-cta:focus,
.card-container .tawk-button-cta:hover {
    background: #f7f7f9
}

.tawk-home-kb-list {
    box-shadow: none;
    border: none
}

.tawk-home-kb-list .tawk-featured-article {
    border-radius: 5px
}

.tawk-home-kb-list .tawk-featured-article:focus,
.tawk-home-kb-list .tawk-featured-article:hover {
    cursor: pointer;
    background-color: #f7f7f9
}

.tawk-home-list.tawk-home-list-chat>li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    padding: .5rem
}

.tawk-home-list.tawk-home-list-chat>li .tawk-home-list-chat-content {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tawk-home-list.tawk-home-list-chat>li .emojione {
    min-width: auto;
    min-height: auto;
    height: 2.5ex;
    vertical-align: text-bottom
}

.tawk-home-list.tawk-home-list-hover>li {
    border-radius: 5px
}

.tawk-home-list.tawk-home-list-hover>li:focus,
.tawk-home-list.tawk-home-list-hover>li:hover {
    cursor: pointer;
    background: #f7f7f9
}

.tawk-home-kb-card {
    border: 1px solid #f7f7f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    border-radius: 25px;
}

.tawk-home-conversation-active-button {
    padding: .3rem;
    margin-top: .5rem
}

.tawk-home-conversation-active-button>.tawk-icon {
    font-size: 1rem
}

.tawk-kb-body {
    padding: 15px 0 0;
    width: 100%
}

.tawk-kb-body .tawk-chat-panel {
    background: #fff !important
}

.tawk-kb-table {
    border-collapse: collapse;
    width: 100%
}

.tawk-kb-table td,
.tawk-kb-table th {
    border: 1px solid #eee;
    padding: 10px
}

.CodeMirror {
    font-family: monospace;
    border: 1px solid #eee;
    border-radius: 5px
}

.CodeMirror,
.CodeMirror-scroll {
    height: auto !important
}

.tawk-kb-body ol,
.tawk-kb-body ul {
    margin: 0 25px
}

.tawk-kb-body ol li,
.tawk-kb-body ul li {
    padding: 2px
}

.tawk-kb-body blockquote {
    display: block;
    position: relative;
    margin: 0 0 20px;
    border: 1px solid #eee;
    border-left: 10px solid #9c9aa6;
    border-radius: 5px;
    padding: 10px 20px 10px 40px;
    background-color: #fff;
    font-style: normal
}

.tawk-kb-body blockquote:before {
    content: "\201C";
    position: absolute;
    left: 10px;
    top: -5px;
    color: #9c9aa6;
    font-family: Georgia, serif;
    font-size: 40px;
    font-weight: 700
}

.tawk-kb-body a {
    color: inherit;
    text-decoration: underline
}

.tawk-code-textarea {
    width: 100%;
    height: 80px;
    resize: none;
    border: 1px solid #eee
}

.tawk-kba-card {
    width: 100%;
    cursor: pointer
}

.tawk-kba-card .tawk-kb-item {
    border-radius: 5px
}

.tawk-kba-card:focus .tawk-kb-item,
.tawk-kba-card:hover .tawk-kb-item {
    background-color: #f7f7f9
}

.tawk-kba-list {
    width: 100%;
    border: none;
    box-shadow: none
}

.slide-fade-enter-active {
    transition: all .2s ease
}

.slide-fade-leave-active {
    transition: all .1s cubic-bezier(1, .5, .8, 1);
    position: absolute
}

.slide-fade-enter,
.slide-fade-leave-to {
    transform: translateY(-10px);
    opacity: 0
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}


@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes scxi_loader {
    0% {
        opacity: 1;
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        opacity: 1;
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@-webkit-keyframes fadein-635801b9-3ZMxm {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-635801b9-3ZMxm {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-635801b9-2-wde {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-635801b9-2-wde {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-635801b9-3zrbL {
    to {
        opacity: .3
    }
}

@keyframes blinker-635801b9-3zrbL {
    to {
        opacity: .3
    }
}

.icon-2sEkG[data-v-635801b9] {
    width: 21px;
    height: 21px;
    fill: transparent;
    stroke: var(--text);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .3s
}

.native-3FT1i[data-v-635801b9] {
    stroke-width: 0;
    fill: rgba(var(--textRGB), .8)
}

.native-3FT1i.light-3r6IK[data-v-635801b9] {
    fill: var(--text-gray)
}

.native-3FT1i.lighter-2wF2b[data-v-635801b9] {
    fill: rgba(var(--textRGB), .25)
}

.native-3FT1i.warning-3wj7s[data-v-635801b9] {
    fill: #ffb00d
}

.native-3FT1i.success-3ZxmJ[data-v-635801b9] {
    fill: #2fcc66
}

.byPrimary-pT6fW[data-v-635801b9] {
    stroke: var(--pc-text)
}

.byLink-QK4ut[data-v-635801b9] {
    stroke: var(--lc-text)
}

.light-3r6IK[data-v-635801b9] {
    stroke: var(--text-gray)
}

.lighter-2wF2b[data-v-635801b9] {
    stroke: rgba(var(--textRGB), .25)
}

.warning-3wj7s[data-v-635801b9] {
    stroke: #ffb00d
}

.success-3ZxmJ[data-v-635801b9] {
    stroke: #2fcc66
}

.small-2v8E6[data-v-635801b9] {
    width: 16px;
    height: 16px
}

.medium-1iDMG[data-v-635801b9] {
    width: 28px;
    height: 28px
}

.large-2Zfkf[data-v-635801b9] {
    width: 36px;
    height: 36px
}

.xlarge-12VMd[data-v-635801b9] {
    width: 56px;
    height: 56px
}

@-webkit-keyframes fadein-1OBCr {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-1OBCr {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-1diLX {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-1diLX {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-9ZX7L {
    to {
        opacity: .3
    }
}

@keyframes blinker-9ZX7L {
    to {
        opacity: .3
    }
}

.header-1rqvn {
    position: relative;
    top: 50px;
}

.backBtn-JOlAA {
    justify-content: center;
    position: fixed;
    left: 0;
    padding: 0 15px
}

.backBtn-JOlAA,
.closeBtn-3XAd4 {
    top: 20px;
    z-index: 10
}

.closeBtn-3XAd4 {
    position: absolute;
    right: 20px;
    background-color: rgba(var(--pc-textRGB), .1);
    border-radius: 4px;
    line-height: 1
}

html[dir=rtl] .closeBtn-3XAd4 {
    right: auto;
    left: 20px
}

html[dir=rtl] .backBtn-JOlAA {
    transform: scaleX(-1);
    left: auto;
    right: 0
}

.header-1rqvn {
    transition: height .3s
}

.header-1rqvn>* {
    min-height: 5px
}

@-webkit-keyframes fadein-569bab65-n6SW4 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-569bab65-n6SW4 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-569bab65-DfETs {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-569bab65-DfETs {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-569bab65-3cWzZ {
    to {
        opacity: .3
    }
}

@keyframes blinker-569bab65-3cWzZ {
    to {
        opacity: .3
    }
}

.footer-2Jpsb[data-v-569bab65] {
    background-color: var(--bg);
    text-align: center;
    z-index: 1
}

.logo-1uqjk[data-v-569bab65] {
    color: rgba(var(--textRGB), .4);
    font-size: 12px;
    /* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; SA 179*/
    /* font-family: "TajawalEN", "TajawalAR"; */
    margin-bottom: 10px
}

.pwrBy-3WADW[data-v-569bab65] {
    margin-top: -10px
}

@-webkit-keyframes fadein-3jeZf {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-3jeZf {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-3yECs {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-3yECs {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-1vqOI {
    to {
        opacity: .3
    }
}

@keyframes blinker-1vqOI {
    to {
        opacity: .3
    }
}

.ntf-179Ej {
    -webkit-animation: fadeindown-3hMTL .3s;
    animation: fadeindown-3hMTL .3s;
    transition: margin-bottom .3s;
    margin: auto;
    margin-bottom: 10px;
    max-width: 85%;
    text-align: center;
    cursor: default
}

.ntf-179Ej a {
    color: rgb(var(--bg));
    text-decoration: underline
}

.close-27Wq9 {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
}

.close-27Wq9:hover {
    opacity: .5
}

.content-31fxk {
    position: relative;
    display: inline-flex;
    text-align: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 5px 30px 5px 10px;
    border-radius: 8px;
    color: var(--text-gray);
    background-color: var(--bg);
    border: 1px solid var(--text-gray);
    border-left-width: 5px;
    text-align: left;
    line-height: 1.2em;
    pointer-events: all
}

.success-rg9BE>.content-31fxk {
    color: rgba(47, 204, 102, .9);
    border-color: rgba(47, 204, 102, .9)
}

.warning-5IbxW>.content-31fxk {
    color: rgba(255, 176, 13, .9);
    border-color: rgba(255, 176, 13, .9)
}

.waiting-14swU>.content-31fxk p {
    -webkit-animation: blinker-1vqOI .3s cubic-bezier(.5, 0, 1, 1) infinite alternate;
    animation: blinker-1vqOI .3s cubic-bezier(.5, 0, 1, 1) infinite alternate
}

.error-mSzRY>.content-31fxk {
    color: rgba(228, 68, 68, .9);
    border-color: rgba(228, 68, 68, .9)
}

@-webkit-keyframes fadein-3DwMl {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-3DwMl {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-wdZQ4 {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-wdZQ4 {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-1H36g {
    to {
        opacity: .3
    }
}

@keyframes blinker-1H36g {
    to {
        opacity: .3
    }
}

[data-focusable]:focus {
    box-shadow: 0 0 5px rgba(var(--lcRBB), 1)
}

.fadeEnterActive-1LZpM,
.fadeLeaveActive-2CcNb {
    transition: opacity .15s ease, transform .15s ease;
    transform: translateY(0)
}

.fadeEnterFrom-1uFac,
.fadeLeaveTo-2C6z_ {
    opacity: 0;
    transform: translateY(10px)
}

.app-3cl75,
button {
    /* font-family: var(--font), Helvetica Neue, Helvetica, Arial, sans-serif; SA 179 */
    /* font-family: "TajawalEN"; SA 189 */

    /* font-family: "TajawalAR", "TajawalEN"; */
    /* SA 189 */
    font-size: var(--fontSz)
}

.app-3cl75 {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
}

.app-3cl75,
.main-2xcRE {
    height: 100%
}

.main-2xcRE {
    position: relative;
    flex: 1 1 auto;
    background-color: #0C5435;
    border-radius: 50px 50px 0 0;
    overflow: hidden;
    padding-bottom: 15px
}

.ntfs-1rwZ2 {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 20
}

@-webkit-keyframes fadein-7e8f4192-29ae9 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-7e8f4192-29ae9 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-7e8f4192-35EAQ {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-7e8f4192-35EAQ {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-7e8f4192-3Ld7S {
    to {
        opacity: .3
    }
}

@keyframes blinker-7e8f4192-3Ld7S {
    to {
        opacity: .3
    }
}

.container-sf0EO[data-v-7e8f4192] {
    max-width: 720px;
    margin: auto
}

.container-sf0EO:not(.noSpace-3FFhg) .footer-3VL5n[data-v-7e8f4192],
.container-sf0EO:not(.noSpace-3FFhg) .wrap-cFKFT[data-v-7e8f4192] {
    padding: 0 30px
}

.wrap-cFKFT[data-v-7e8f4192] {
    margin: 0 auto;
    /*    margin-bottom:60px*/
}

.layout-9aojZ[data-v-7e8f4192] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /*    height:100%*/
}

.layout-9aojZ>.wrap-cFKFT[data-v-7e8f4192] {
    width: 100%;
    flex: 1 1 auto;
    /* overflow: hidden; */
}

.layout-9aojZ>.wrap-cFKFT[data-v-7e8f4192],
.noBottomSpace-vRXyd .wrap-cFKFT[data-v-7e8f4192] {
    margin-bottom: 0
}

.light-1NfgX[data-v-7e8f4192] {
    background-color: var(--lightBg)
}

.light-1NfgX>.wrap-cFKFT[data-v-7e8f4192] {
    padding: 30px
}

.borderBottom-1fUEz[data-v-7e8f4192] {
    border-bottom: 1px solid var(--text-gray)
}

.loading-2MHh4[data-v-7e8f4192] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.loading-2MHh4 svg[data-v-7e8f4192] {
    -webkit-animation: spinner-7e8f4192-35EAQ 1.7s infinite;
    animation: spinner-7e8f4192-35EAQ 1.7s infinite
}

.fullHeight-3FKFh[data-v-7e8f4192],
.fullHeight-3FKFh>.wrap-cFKFT[data-v-7e8f4192] {
    height: 100%
}

@media only screen and (max-width:320px) {
    .light-1NfgX>.wrap-cFKFT[data-v-7e8f4192] {
        padding: 10px
    }

    .container-sf0EO:not(.noSpace-3FFhg) .footer-3VL5n[data-v-7e8f4192],
    .container-sf0EO:not(.noSpace-3FFhg) .wrap-cFKFT[data-v-7e8f4192] {
        padding: 0 20px
    }
}

@-webkit-keyframes fadein-NLass {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-NLass {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-1qXVo {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-1qXVo {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-3vd19 {
    to {
        opacity: .3
    }
}

@keyframes blinker-3vd19 {
    to {
        opacity: .3
    }
}

.btn-2KR8n {
    display: inline-flex;
    align-items: center;
    font-size: .9em;
    height: 35px;
    border-radius: 8px;
    background: var(--lightBg)
}

.btn-2KR8n:not(.noSpace-2-Bea) {
    padding: 0 10px
}

.btn-2KR8n[disabled] {
    pointer-events: none;
    opacity: .5
}

button.link-3GMYt {
    color: var(--lc);
    background-color: transparent
}

button.link-3GMYt.primary-1duVz {
    color: var(--pc)
}

button.link-3GMYt.secondary-3MFNA {
    color: var(--lc)
}

button.link-3GMYt.alt-OBSnT {
    color: var(--alt)
}

button.link-3GMYt.dark-4SqCP {
    color: var(--text)
}

button.link-3GMYt.gray-2qUtW {
    color: var(--text-gray)
}

.icon-7NoWl {
    margin-left: -5px;
    margin-right: -5px
}

.icon-7NoWl>* {
    margin-left: 5px;
    margin-right: 5px
}

.primary-1duVz {
    color: #fff;
    background-color: var(--pc)
}

.secondary-3MFNA {
    color: #fff;
    background-color: var(--lc)
}

.alt-OBSnT {
    color: #fff;
    background-color: var(--alt)
}

.dark-4SqCP {
    color: var(--text)
}

.gray-2qUtW {
    color: var(--text-gray)
}

.xsmall-25-Ri {
    font-size: .85em
}

.small-lMFRQ {
    font-size: .9em
}

.medium-1Z6rG {
    font-size: var(--fontSz)
}

.large-ab7H1 {
    font-size: var(--fontSz)3
}

.xlarge-2Sr25 {
    font-size: var(--fontSz)5
}

.bold-2rSTN {
    font-weight: 700
}

@-webkit-keyframes fadein-97625e78-2tbJz {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-97625e78-2tbJz {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-97625e78-3UxgY {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-97625e78-3UxgY {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-97625e78-1XV81 {
    to {
        opacity: .3
    }
}

@keyframes blinker-97625e78-1XV81 {
    to {
        opacity: .3
    }
}

.header-2ADOg[data-v-97625e78] {
    padding: 0 20px
}

.composer-3_LfI[data-v-97625e78] {
    display: flex;
    align-items: center;
    border: 2px solid transparent;
    border-radius: 12px;
    margin-top: 10px;
    background-color: rgba(var(--textRGB), .08);
    transition: border-color .3s, background-color .3s, box-shadow .3s;
    word-break: break-word
}

.composer-3_LfI.focused-w8Giq[data-v-97625e78] {
    box-shadow: 0 0 1px rgba(var(--textRGB), .18), 0 2px 15px rgba(var(--textRGB), .1), 0 1px 1px rgba(var(--textRGB), .09);
    background-color: rgba(var(--bgRGB), 1);
    border-color: rgba(var(--lcRGB), .5)
}

.tools-A_9XW[data-v-97625e78] {
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 0 5px
}

.tools-A_9XW>label[data-v-97625e78] {
    transform: translateY(2px)
}

.tools-A_9XW>*[data-v-97625e78] {
    margin: 0 5px
}

.disabled-15Jd_[data-v-97625e78] {
    opacity: .5;
    pointer-events: none
}

.editor-jVvId[data-v-97625e78] {
    flex: 1 1 auto;
    font-size: var(--fontSz);
    padding: 10px 15px;
    overflow-y: auto;
    overflow-wrap: break-word;
    -webkit-user-modify: read-write;
    -webkit-line-break: after-white-space;
    min-height: 55px;
    max-height: 125px;
    outline: none;
    transition: min-height .3s;
    cursor: text
}

.editor-jVvId[data-v-97625e78]:empty:before {
    display: block;
    color: var(--text-gray);
    font-size: var(--fontSz);
    font-style: italic;
    content: attr(data-ph)
}

.attach-3Ng0Z[data-v-97625e78] {
    cursor: pointer
}

.attach-3Ng0Z:focus svg[data-v-97625e78],
.attach-3Ng0Z:hover svg[data-v-97625e78] {
    opacity: .7
}

.attach-3Ng0Z input[data-v-97625e78] {
    display: none
}

.previewFile-2eH8E[data-v-97625e78] {
    justify-content: center
}

.fileInfo-2FKl5[data-v-97625e78],
.previewFile-2eH8E[data-v-97625e78] {
    display: flex;
    align-items: center
}

.fileInfo-2FKl5[data-v-97625e78] {
    background-color: rgb(var(--richer));
    border-radius: 4px
}

.fileInfo-2FKl5>span[data-v-97625e78] {
    padding: 3.3333333333px 10px
}

.fileInfo-2FKl5>img[data-v-97625e78] {
    max-width: 120px;
    max-height: 30px;
    margin: 3.3333333333px 0 5px 3.3333333333px;
    height: auto;
    border-radius: 4px
}

.hidden-3YxtG[data-v-97625e78] {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

html[dir=rtl] .sendBtn-395G5[data-v-97625e78] {
    transform: scaleX(-1)
}

@-webkit-keyframes fadein-1Sdg2 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-1Sdg2 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-2eed6 {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-2eed6 {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-2KjDG {
    to {
        opacity: .3
    }
}

@keyframes blinker-2KjDG {
    to {
        opacity: .3
    }
}

.all-2T6iF {
    padding: 20px
}

.top-elovX {
    padding-top: 20px
}

.topSmall-1ldYe {
    padding-top: 15px
}

.topLarge-11AuB {
    padding-top: 30px
}

.right-2dwIU {
    padding-right: 20px
}

.bottom-3zXg6 {
    padding-bottom: 20px
}

.bottomLarge-2tJLr {
    padding-bottom: 30px
}

.left-3BDt6 {
    padding-left: 20px
}

.small-3RfPF.all-2T6iF {
    padding: 10px
}

.small-3RfPF.top-elovX {
    padding-top: 10px
}

.small-3RfPF.right-2dwIU {
    padding-right: 10px
}

.small-3RfPF.bottom-3zXg6 {
    padding-bottom: 10px
}

.small-3RfPF.left-3BDt6 {
    padding-left: 10px
}

.large-nSX1F.all-2T6iF {
    padding: 30px
}

.large-nSX1F.top-elovX {
    padding-top: 30px
}

.large-nSX1F.right-2dwIU {
    padding-right: 30px
}

.large-nSX1F.bottom-3zXg6 {
    padding-bottom: 30px
}

.large-nSX1F.left-3BDt6 {
    padding-left: 30px
}

@media only screen and (max-width:320px) {
    .all-2T6iF {
        padding: 15px
    }

    .top-elovX {
        padding-top: 15px
    }

    .topSmall-1ldYe {
        padding-top: 10px
    }

    .topLarge-11AuB {
        padding-top: 20px
    }

    .right-2dwIU {
        padding-right: 15px
    }

    .bottom-3zXg6 {
        padding-bottom: 15px
    }

    .bottomLarge-2tJLr {
        padding-bottom: 20px
    }

    .left-3BDt6 {
        padding-left: 15px
    }
}

@-webkit-keyframes fadein-29sWs {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-29sWs {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-CeQLp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-CeQLp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-9dCpw {
    to {
        opacity: .3
    }
}

@keyframes blinker-9dCpw {
    to {
        opacity: .3
    }
}

.text-2UBf1 {
    text-align: center;
}

.text-2UBf1 p {
    line-height: 1.4em
}

.text-2UBf1 p:not(:last-child) {
    margin-bottom: 20px
}

.text-2UBf1 small {
    display: inline-block;
    font-size: .9em;
    line-height: 1.35em
}

.text-2UBf1 h1:not([data-no-space]),
.text-2UBf1 h2:not([data-no-space]),
.text-2UBf1 h3:not([data-no-space]),
.text-2UBf1 h4:not([data-no-space]),
.text-2UBf1 h5:not([data-no-space]) {
    margin-bottom: 20px
}

.text-2UBf1 h1,
.text-2UBf1 h2 {
    font-weight: 700
}

.text-2UBf1 h1:not([data-no-space]),
.text-2UBf1 h2:not([data-no-space]) {
    margin-bottom: 30px
}

.text-2UBf1 h1 {
    font-size: 2em
}

.text-2UBf1 h2 {
    font-size: 1.2em
}

.text-2UBf1 h3 {
    font-size: .95em
}

.text-2UBf1 h4 {
    font-size: var(--fontSz);
    margin-top: 30px;
    margin-bottom: 10px
}

.text-2UBf1 h3:not(:first-child),
.text-2UBf1 h4:not(:first-child) {
    margin-top: 10px
}

.text-2UBf1 ol,
.text-2UBf1 ul {
    list-style-position: inside;
    margin-bottom: 30px;
    line-height: 1.4em
}

.text-2UBf1 ul {
    list-style-type: disc
}

.text-2UBf1 ol {
    list-style-type: decimal
}

.text-2UBf1 li {
    margin-bottom: 10px;
    margin-left: 20px
}

.text-2UBf1 [grayout] {
    color: var(--text-gray)
}

.text-2UBf1 button[grayout] {
    text-decoration: underline
}

.center-3mrsa {
    text-align: center
}

.small-1KMt- {
    font-size: .9em
}

.smaller-AVAsT {
    font-size: -.1em
}

.grayout-2jOfJ {
    color: var(--text-gray)
}

.marginBottom-1-hAi {
    padding-bottom: 20px
}

@media only screen and (max-width:320px) {
    .text-2UBf1 h1 {
        font-size: 1.7em !important
    }

    .text-2UBf1 h2 {
        font-size: 1.1em
    }

    .text-2UBf1 h3 {
        font-size: .85em
    }
}

@-webkit-keyframes fadein-2d0580c5-3XRj7 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-2d0580c5-3XRj7 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-2d0580c5-3tc1j {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-2d0580c5-3tc1j {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-2d0580c5-wsGHv {
    to {
        opacity: .3
    }
}

@keyframes blinker-2d0580c5-wsGHv {
    to {
        opacity: .3
    }
}

.center-3hcAB[data-v-2d0580c5] {
    display: block;
    margin: auto
}

@-webkit-keyframes fadein-b108601a-2aGSK {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-b108601a-2aGSK {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-b108601a-g7Php {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-b108601a-g7Php {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-b108601a-3PnBg {
    to {
        opacity: .3
    }
}

@keyframes blinker-b108601a-3PnBg {
    to {
        opacity: .3
    }
}

.input-13Ibz[data-v-b108601a]:not(.noMargin-vEOcl) {
    margin-bottom: 30px
}

.input-13Ibz:not(:last-child):not(.inline-35ES_) .inputItem-1eXGs[data-v-b108601a] {
    margin-bottom: 5px
}

.inputItem-1eXGs[data-v-b108601a] {
    display: block
}

.inline-35ES_ .inputItem-1eXGs[data-v-b108601a] {
    display: inline-block
}

.label-2JtWj[data-v-b108601a] {
    font-weight: 700;
    margin-bottom: 15px
}

.useImg-24rCx .inputItem-1eXGs[data-v-b108601a] {
    padding: 10px;
    line-height: 1;
    border: 1px solid rgba(var(--border));
    transition: border-color .3s;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer
}

.useImg-24rCx .active-Br-20[data-v-b108601a] {
    border-color: var(--lc);
    background-color: rgba(var(--richer))
}

.useImg-24rCx .itemTitle-2ycQG[data-v-b108601a] {
    display: block;
    color: rgba(var(--text-gray));
    font-size: .85em;
    text-align: center;
    margin-top: 5px
}

.listStyle-1vEQV .inputItem-1eXGs[data-v-b108601a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px 1px 10px;
    height: 35px;
    border: 1px solid var(--border);
    transition: background-color .15s, border-color .15s;
    border-radius: 8px;
    margin-right: 5px;
    cursor: pointer
}

.listStyle-1vEQV .inputItem-1eXGs[data-v-b108601a]:hover {
    background-color: rgba(var(--textRGB), .15)
}

.listStyle-1vEQV .active-Br-20[data-v-b108601a],
.listStyle-1vEQV .active-Br-20[data-v-b108601a]:hover {
    color: var(--lc-text);
    border-color: var(--lc);
    background-color: var(--lc)
}

.singleInput-CJlUH input[data-v-b108601a],
.singleInput-CJlUH textarea[data-v-b108601a] {
    border: 2px solid transparent;
    background-color: var(--lightBg);
    border-radius: 8px;
    font-size: var(--fontSz);
    transition: border-color .3s, background-color .3s, box-shadow .3s;
    width: 100%;
    max-width: 100%
}

.singleInput-CJlUH input[data-v-b108601a]:active,
.singleInput-CJlUH input[data-v-b108601a]:focus,
.singleInput-CJlUH textarea[data-v-b108601a]:active,
.singleInput-CJlUH textarea[data-v-b108601a]:focus {
    box-shadow: 0 0 1px rgba(var(--textRGB), .18), 0 2px 15px rgba(var(--textRGB), .1), 0 1px 1px rgba(var(--textRGB), .09);
    background-color: rgba(var(--bgRGB), 1)
}

.singleInput-CJlUH input[data-v-b108601a] {
    height: 48px;
    padding: 0 15px
}

.singleInput-CJlUH textarea[data-v-b108601a] {
    min-height: 144px;
    padding: 10px 15px
}

.hasSubmitBtn-x29F8[data-v-b108601a] {
    display: flex;
    align-items: center
}

.hasSubmitBtn-x29F8 input[data-v-b108601a],
.hasSubmitBtn-x29F8 textarea[data-v-b108601a] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.submitBtn-YWIGl[data-v-b108601a] {
    height: 48px;
    padding: 0 15px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.inlineLabel-2TRmq[data-v-b108601a] {
    position: relative
}

.inlineLabel-2TRmq>label[data-v-b108601a] {
    position: absolute;
    top: -8px;
    left: 10px;
    color: var(--text-gray);
    background-color: var(--lightBg);
    padding: 0 5px;
    font-size: .85em;
    border-radius: 3px;
    transition: opacity .15s;
    opacity: 0
}

.inlineLabel-2TRmq.focused-1XYHX>label[data-v-b108601a],
.inlineLabel-2TRmq.hasValue-1Nzem>label[data-v-b108601a] {
    opacity: 1
}

.inlineLabel-2TRmq.focused-1XYHX>label[data-v-b108601a] {
    color: var(--lc-text);
    background-color: var(--lc)
}

.hint-2l6JH[data-v-b108601a] {
    margin-top: 10px
}

.listStyle-1vEQV input[data-v-b108601a],
.type-checkbox-19Uf3 input[data-v-b108601a],
.useImg-24rCx input[data-v-b108601a] {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

.type-checkbox-19Uf3.error-1Jwnq label[data-v-b108601a]:before {
    border-width: 3px;
    border-color: #e44444
}

.type-checkbox-19Uf3 input~label[data-v-b108601a]:after {
    content: none
}

.type-checkbox-19Uf3 input:checked+label[data-v-b108601a]:after {
    content: ""
}

.type-checkbox-19Uf3 input:focus+label[data-v-b108601a]:before {
    border-radius: 4px
}

.type-checkbox-19Uf3 label[data-v-b108601a] {
    display: flex;
    position: relative;
    transition: color .3s
}

.type-checkbox-19Uf3 label[data-v-b108601a]:after,
.type-checkbox-19Uf3 label[data-v-b108601a]:before {
    content: ""
}

.type-checkbox-19Uf3 label[data-v-b108601a]:before {
    min-width: 20px;
    height: 20px;
    border: 1px solid rgba(var(--lcRGB), .5);
    border-radius: 4px;
    margin-top: 3px;
    margin-right: 10px;
    background-color: var(--bg)
}

.type-checkbox-19Uf3 label[data-v-b108601a]:after {
    position: absolute;
    top: 8px;
    left: 5px;
    width: 12px;
    height: 6px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-color: var(--lc);
    transform: rotate(-45deg)
}

.type-checkbox-19Uf3 .hint-2l6JH[data-v-b108601a] {
    margin-left: 30px
}

.error-1Jwnq>label[data-v-b108601a] {
    background-color: var(--bg)
}

.error-1Jwnq .singleInput-CJlUH input[data-v-b108601a],
.error-1Jwnq .singleInput-CJlUH textarea[data-v-b108601a] {
    background-color: rgba(228, 68, 68, .1)
}

.errorMsg-10ng2[data-v-b108601a] {
    color: #e44444;
    margin-top: 10px;
    font-size: .9em
}

.small-3RA-R .input-13Ibz[data-v-b108601a] {
    margin-bottom: 5px
}

.small-3RA-R .inlineLabel-2TRmq>label[data-v-b108601a] {
    top: -14px;
    font-size: .75em
}

.small-3RA-R .singleInput-CJlUH input[data-v-b108601a] {
    font-size: .9em;
    padding: 0 10px;
    height: 35px
}

.small-3RA-R .singleInput-CJlUH textarea[data-v-b108601a] {
    padding: 5px 10px
}

.small-3RA-R .submitBtn-YWIGl[data-v-b108601a] {
    height: 35px
}

.small-3RA-R .hint-2l6JH[data-v-b108601a] {
    margin-top: 5px
}

@media only screen and (max-width:320px) {
    .input-13Ibz[data-v-b108601a] {
        margin-bottom: 5px
    }

    .inlineLabel-2TRmq>label[data-v-b108601a] {
        top: -14px;
        font-size: .75em
    }

    .singleInput-CJlUH input[data-v-b108601a] {
        font-size: .9em;
        padding: 0 10px;
        height: 35px
    }

    .singleInput-CJlUH textarea[data-v-b108601a] {
        padding: 5px 10px
    }

    .submitBtn-YWIGl[data-v-b108601a] {
        height: 35px
    }

    .hint-2l6JH[data-v-b108601a] {
        margin-top: 5px
    }
}

@-webkit-keyframes fadein-199dd24e-2Iz8V {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-199dd24e-2Iz8V {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-199dd24e-3RepW {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-199dd24e-3RepW {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-199dd24e-2GmpN {
    to {
        opacity: .3
    }
}

@keyframes blinker-199dd24e-2GmpN {
    to {
        opacity: .3
    }
}

.btn-3A-6l[data-v-199dd24e] {
    text-align: right
}

@-webkit-keyframes fadein-6ee47582-2qcIK {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-6ee47582-2qcIK {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-6ee47582-2TzLW {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-6ee47582-2TzLW {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-6ee47582-3pnBU {
    to {
        opacity: .3
    }
}

@keyframes blinker-6ee47582-3pnBU {
    to {
        opacity: .3
    }
}

.pic-1dEeN[data-v-6ee47582] {
    right: 20px;
    position: relative;
    width: 90px;
    height: 105px;
    /* border-radius: 40%; */
    background-repeat: no-repeat;
    /* background-position: 50%; */
    background-size: cover;
    /* background-color: rgba(var(--pc-textRGB),.3);
}
.pic-1dEeN[data-v-6ee47582]:after{
/*
    top:-5%;
    left:-5%;
    width:110%;
    height:110%;
    border:1px solid rgba(var(--pc-textRGB),.2);
    transition:border-color .3s;
    border-radius:40%
*/
}

.online-32hcI[data-v-6ee47582]:before,
.pic-1dEeN[data-v-6ee47582]:after {
    content: "";
    position: absolute
}

.online-32hcI[data-v-6ee47582]:before {
    opacity: 1;
    top: 1px;
    right: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #2fcc66;
    border: 1px solid rgba(var(--pc-textRGB), .7);
    -webkit-animation: fadein-6ee47582-2qcIK .3s forwards;
    animation: fadein-6ee47582-2qcIK .3s forwards;
    z-index: 10
}

.small-3aK12[data-v-6ee47582] {
    width: 30px;
    height: 30px
}

.small-3aK12[data-v-6ee47582]:before {
    top: -1px;
    right: -1px;
    width: 10px;
    height: 10px
}

.right-1jUBq[data-v-6ee47582] {
    display: inline-block;
    float: right;
    margin-left: 20px
}

@media only screen and (max-width:320px) {
    .pic-1dEeN[data-v-6ee47582] {
        width: 70px;
        height: 70px
    }

    .online-32hcI[data-v-6ee47582]:before {
        width: 12px;
        height: 12px
    }
}

@-webkit-keyframes fadein-bc65acbc-22eO6 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-bc65acbc-22eO6 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-bc65acbc-fJXxp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-bc65acbc-fJXxp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-bc65acbc-2vuyu {
    to {
        opacity: .3
    }
}

@keyframes blinker-bc65acbc-2vuyu {
    to {
        opacity: .3
    }
}

.header-aF4Lb[data-v-bc65acbc] {
    color: #252525;
    padding: 10px 0 30px 0
}

.header-aF4Lb p[data-v-bc65acbc] {
    margin-right: 10px
}

@media only screen and (max-width:320px) {
    .header-aF4Lb[data-v-bc65acbc] {
        padding: 20px 0
    }
}

h1[data-v-bc65acbc] {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.05;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: #252525;
}

h1[data-v-bc65acbc]:lang(ar) {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.05;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /* text-align: right; */
    /* font-family: "TajawalEN", "TajawalAR"; */
    /* SA 189 */

}

h3[data-v-bc65acbc]:lang(ar) {
    text-align: right;
    direction: rtl;
}


h2[data-v-bc65acbc] {
    margin-top: 10px
}

@-webkit-keyframes fadein-0fe77b34-lbNFA {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-0fe77b34-lbNFA {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-0fe77b34-3HbTy {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-0fe77b34-3HbTy {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-0fe77b34-1y6LD {
    to {
        opacity: .3
    }
}

@keyframes blinker-0fe77b34-1y6LD {
    to {
        opacity: .3
    }
}

.pics-2Sr1R[data-v-0fe77b34] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 10px
}

.online-1K7sP .op-fK3cc[data-v-0fe77b34]:after {
    content: "";
    opacity: 1;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(47, 204, 102, .9);
    border: 1px solid rgba(var(--pc-textRGB), .5);
    -webkit-animation: fadein-0fe77b34-lbNFA .3s forwards;
    animation: fadein-0fe77b34-lbNFA .3s forwards;
    z-index: 10
}

.op-fK3cc[data-v-0fe77b34] {
    position: relative;
    width: 60px;
    height: 60px;
    margin-left: -10px;
    border: 5px solid var(--pc);
    border-radius: 45%;
    box-sizing: content-box
}

.op-fK3cc img[data-v-0fe77b34] {
    width: 100%;
    height: 100%;
    border-radius: 45%
}

.truncate-3RriO[data-v-0fe77b34] {
    position: absolute;
    color: rgba(var(--text-gray));
    bottom: -20px;
    left: 0;
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: .85em;
    box-sizing: border-box
}

@-webkit-keyframes fadein-277251d9-fDldp {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-277251d9-fDldp {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-277251d9-18CpA {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-277251d9-18CpA {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-277251d9-lzW-r {
    to {
        opacity: .3
    }
}

@keyframes blinker-277251d9-lzW-r {
    to {
        opacity: .3
    }
}

.header-YESYE[data-v-277251d9] {
    color: var(--pc-text);
    text-align: center;
    padding-bottom: 30px
}

.ops-3FUFu[data-v-277251d9],
h2[data-v-277251d9] {
    margin-top: 20px
}

@-webkit-keyframes fadein-XYHX- {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-XYHX- {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-51KTT {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-51KTT {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-2nlO- {
    to {
        opacity: .3
    }
}

@keyframes blinker-2nlO- {
    to {
        opacity: .3
    }
}

.box-1sOMo {
    border: 1px solid var(--border);
    border-radius: 8px
}

.box-1sOMo:not(.noSpace-3U9_D)>div {
    padding: 30px
}

.border-1SR8A {
    border: 1px solid var(--border)
}

.scroll-O4SjI {
    overflow: auto
}

.flex-1-7Cq8z {
    flex: 1
}

.flex-2-1AIne {
    flex: 2
}

.flex-3-200WN {
    flex: 3
}

.flex-4-5M2WS {
    flex: 4
}

.flex-5-11jSO {
    flex: 5
}

@-webkit-keyframes fadein-1R0PO {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-1R0PO {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-3letM {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-3letM {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-hH3QZ {
    to {
        opacity: .3
    }
}

@keyframes blinker-hH3QZ {
    to {
        opacity: .3
    }
}

.row-2yNnC {
    display: flex
}

.row-2yNnC:not(.dir-column-1pR1Y) {
    margin-left: -10px;
    margin-right: -10px
}

.row-2yNnC:not(.dir-column-1pR1Y)>* {
    margin-left: 10px;
    margin-right: 10px
}

.dir-column-1pR1Y {
    margin-top: -10px;
    margin-bottom: -10px
}

.dir-column-1pR1Y>* {
    margin-top: 10px;
    margin-bottom: 10px
}

.dir-column-1pR1Y.small-NiwQd {
    margin-top: -5px;
    margin-bottom: -5px
}

.dir-column-1pR1Y.small-NiwQd>* {
    margin-top: 5px;
    margin-bottom: 5px
}

.small-NiwQd:not(.dir-column-1pR1Y) {
    margin-left: -5px;
    margin-right: -5px
}

.small-NiwQd:not(.dir-column-1pR1Y)>* {
    margin-left: 5px;
    margin-right: 5px
}

.fullHeight-8JX-q {
    height: 100%
}

.marginBottom-2-6XP {
    margin-bottom: 10px
}

.dir-column-1pR1Y {
    flex-direction: column
}

.align-center-3VsT- {
    align-items: center
}

@media only screen and (max-width:320px) {
    .row-2yNnC:not(.dir-column-1pR1Y) {
        margin-left: -5px;
        margin-right: -5px
    }

    .row-2yNnC:not(.dir-column-1pR1Y)>* {
        margin-left: 5px;
        margin-right: 5px
    }

    .dir-column-1pR1Y {
        margin-top: -5px;
        margin-bottom: -5px
    }

    .dir-column-1pR1Y>* {
        margin-top: 5px
    }

    .dir-column-1pR1Y>*,
    .marginBottom-2-6XP {
        margin-bottom: 5px
    }
}

@-webkit-keyframes fadein-253cbc92-96erA {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-253cbc92-96erA {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner-253cbc92-1h3Gb {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-253cbc92-1h3Gb {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes blinker-253cbc92-1chwF {
    to {
        opacity: .3
    }
}

@keyframes blinker-253cbc92-1chwF {
    to {
        opacity: .3
    }
}

.footer-3Q0Az[data-v-253cbc92] {
    text-align: center;
    margin-top: 18px
}

.pic-3ES9D[data-v-253cbc92] {
    float: right;
    position: relative;
    margin-top: -10px;
    margin-right: -10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-color: rgba(var(--bg), .2)
}

.pic-3ES9D[data-v-253cbc92]:after {
    content: "";
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    border: 1px solid rgba(var(--text), .15);
    transition: border-color .3s;
    border-radius: 50%
}

.hidden-1SJIF[data-v-253cbc92] {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}







.custom-oda-k9lbvn {
    font: 100% / 1 custom-oda-font, "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif;
    letter-spacing: normal;
    text-align: left;
    text-align-last: initial;
    text-indent: 0px;
    text-justify: auto;
    text-shadow: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    position: absolute;
    inset: 0px;
    overflow: hidden;
}

.custom-oda-10ipnfg {
    z-index: 2147483002;
    position: fixed;
    inset: 0px;
    overflow-y: auto;
    z-index: 2147483002;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-y: auto;
}

.custom-oda-1b1hdla {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0px 16px;
    min-height: 100%;
}

.custom-oda-10ipnfg .e26ch0o1:not(.e15ck77g0),
.custom-oda-10ipnfg .en4ni9q0 {
    transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
    transform: scale(1);
}

.custom-oda-1we0hfc {
    max-width: 100%;
    margin-bottom: 17px;
    background-color: rgb(255, 255, 255);
    border-radius: 40px 40px 40px 40px;
    font-size: 14px;
    line-height: 1.4;
    color: var(--primary-bot-message-color);
    position: relative;
    box-shadow: #00000080 0px 4px 15px 0px, rgb(0 0 0 / 10%) 0px 1px 2px 0px, var(--banner-header-border-color) 0px 2px 0px 0px inset;
    transition: all 0.3s ease-out 0s;
    overflow: visible;
}

.custom-oda-j4nudy {
    transition: height 250ms ease 0s;
}

.custom-oda-10ipnfg .e26ch0o1:not(.e15ck77g0),
.custom-oda-10ipnfg .en4ni9q0 {
    transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
    transform: scale(1);
}

.custom-oda-rsdqpo {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 24px 40px 87px;
    box-sizing: border-box;
    transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
    transform: scale(1);
}

.custom-oda-19r57ay {
    transform: translateY(0px);
    opacity: 1;
}

.custom-oda-19b3utr {
    height: 60px;
    padding-bottom: 5px;
}

.custom-oda-12kakg4 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.custom-oda-3vlnpr {
    color: rgba(255, 255, 255);
    display: block;
    font-size: 16px;
    line-height: 1.5em;
    overflow-wrap: break-word;
    white-space: pre-line;
}

.custom-oda-10ipnfg .e26ch0o1:not(.e15ck77g0),
.custom-oda-10ipnfg .en4ni9q0 {
    transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
    transform: scale(1);
}

.custom-oda-k09p59 {
    max-width: 100%;
    margin-bottom: 17px;
    background-color: rgb(255, 255, 255);
    border-radius: 40px 40px 40px 40px;
    font-size: 14px;
    line-height: 1.4;
    color: var(--primary-bot-message-color);
    overflow: hidden;
    position: relative;
    box-shadow: #00000080 0px 4px 15px 0px, rgb(0 0 0 / 10%) 0px 1px 2px 0px, var(--banner-header-border-color) 0px 2px 0px 0px inset;
}

.custom-oda-j4nudy {
    transition: height 250ms ease 0s;
}

.custom-oda-1b1hdla {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0px 16px;
    min-height: 100%;
}


.custom-oda-vmab6f {
    margin-bottom: 4px;
}

.custom-oda-6do3g1 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 15px;
}

.custom-oda-1yuhvjn {
    margin-top: 15px;
}

.custom-oda-vmab6f h2 {
    font-weight: 600;
}

.custom-oda-66oquk {
    line-height: 1.5;
    word-break: break-word;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 0px;
}

.custom-oda-tw9njd {
    margin-right: 6px;
    display: flex;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.custom-oda-h9ic2e {
    padding: 0px;
    display: inline-block;
    flex: 1 1 56px;
    margin-left: -2px;
}

.custom-oda-1qvvmlf {
    height: 41px;
    width: 177px;
    font-size: 14px;
    line-height: 35px;
    pointer-events: auto;
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    padding: 0px 15px !important;
    background-color: #FFA100;
    color: rgb(255, 255, 255);
    transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
    display: inline;
}

.custom-oda-18biwo {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.custom-oda-1g5a4m5 {
    width: 15px;
    height: 16px;
}

.custom-oda-1g5a4m5 path {
    fill: rgb(255, 255, 255);
}

.custom-oda-1qvvmlf span {
    white-space: nowrap;
    font-weight: 400;
    font-family: "TajawalAR", "TajawalEN";
}

.custom-oda-1qvvmlf span:lang(ar) {
    white-space: nowrap;
    font-weight: 400;

    font-family: "TajawalEN", "TajawalAR";
    /* SA 189 */
}

.custom-oda-1qvvmlf span:lang(ar-EG) {
    white-space: nowrap;
    font-weight: 400;

    font-family: "TajawalEN", "TajawalAR";
    /* SA 189 */
}

.custom-oda-1b1hdla {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0px 16px;
    min-height: 100%;
}

.custom-oda-1xafcqx {
    position: relative;
    flex: 1 1 0%;
    background-color: white;
    /*  box-shadow: rgb(0 0 0 / 20%) 0px 21px 4px -20px inset;*/
}

.custom-oda-rsdqpo {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 24px 40px 87px;
    box-sizing: border-box;
    transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
    transform: scale(1);
}

.custom-oda-1r9pix7 {
    z-index: 2147483003;
    position: absolute;
    width: 51px;
    height: 51px;
    top: 0px;
    right: 0px;
    background-position: center center;
    margin: 12px 8px 12px 2px;
    display: none;
    cursor: pointer;
}

.custom-oda-k9lbvn {
    inset: 0px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.custom-oda-12kakg4 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.custom-oda-rsdqpo {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 24px 40px 87px;
    box-sizing: border-box;
    transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
    transform: scale(1);
}

.custom-oda-19r57ay {
    transform: translateY(0px);
    opacity: 1;
}

.custom-oda-hjb0xl {
    position: relative;
    min-height: 75px;
    color: white;
    transition: height 160ms ease-out 0s;
    border-radius: 0px 0px 40px 40px;
    background: linear-gradient(135deg, var(--banner-header-color) 0%, var(--banner-header-dark-color) 100%);
}

.custom-oda-hjb0xl::before {
    content: "";
    opacity: 0;
    position: absolute;
    inset: 0px;
    pointer-events: none;
    transition: opacity 100ms ease-in 0s;
}

.custom-oda-19b3utr img {
    max-width: 100%;
    max-height: 100%;
    margin: auto 0px;
    display: block;
}

.custom-oda-12kakg4 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.custom-oda-1kzqrg5 img {
    width: 45px;
    height: 45px;
}

.custom-oda-1kzqrg5 img {
    border-radius: 50%;
}

.custom-oda-1kzqrg5 {
    margin: 0px auto;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    cursor: default;
    width: 45px;
    height: 45px;
    line-height: 56px;
    font-size: 28px;
}

.custom-oda-tw9njd .evxuo3e0 {
    border: 2px solid rgb(255, 255, 255);
}

.custom-oda-79elbk {
    position: relative;
}

.custom-oda-ix4tey {
    padding: 0px;
    display: inline-block;
    flex: 1 1 56px;
    margin-left: -40px;
}

.custom-oda-h9ic2e {
    padding: 0px;
    display: inline-block;
    flex: 1 1 56px;
    margin-left: -2px;
}

.custom-oda-r0hs1w {
    font-size: 14px;
    width: 100%;
    color: rgb(115, 115, 118);
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.custom-oda-g8bbhi {
    display: flex;
    font-weight: 600;
    font-size: 14px;
}

.custom-oda-g8bbhi>svg {
    margin-top: 2px;
    padding: 0px 4px 2px 0px;
    flex-shrink: 0;
}

.custom-oda-l51vyx {
    fill: var(--banner-header-color);
}

.custom-oda-1o4wo1x {
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-oda-g8bbhi {
    display: flex;
    font-weight: 600;
    font-size: 14px;
}

.custom-oda-f7go4k {
    display: flex;
    flex-flow: column wrap;
    margin-left: 0px;
    line-height: 1.5;
    padding-right: 0px;
}

.custom-oda-6r063y.exit-done {
    position: static;
}

.custom-oda-j4nudy {
    transition: height 250ms ease 0s;
}

.custom-oda-vmab6f h2 {
    font-weight: 600;
}

.custom-oda-mdfmq {
    line-height: 1.5;
    margin-bottom: 8px;
    word-break: break-word;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: black;
}

.custom-oda-mdfmq:lang(ar) {
    line-height: 1.5;
    margin-bottom: 8px;
    word-break: break-word;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    direction: rtl;
}

.custom-oda-tg33l:lang(ar) {
    text-align: right;
    direction: rtl;

    font-family: "TajawalEN", "TajawalAR";
    /* SA 189 */
}

.custom-oda-1vq19og {
    border: 1px solid var(--banner-header-color);
    border-radius: 20px;
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: left;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(115, 115, 118);
    transition: all 0.3s ease-out 0s;
    cursor: text;
    padding: 0px 24px;
    box-sizing: border-box;
}

.custom-oda-uolpw0 {
    margin-bottom: -14px;
}

.custom-oda-1s402xq {
    font-weight: 600;
    margin: 16px 0px 8px;
    color: rgb(115, 115, 118);
}

.custom-oda-1c2ffv {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.custom-oda-1pvphf4 {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px -24px;
    cursor: pointer;
    transition: background 0.1s linear 0s;
    padding: 8px 24px;
}

.custom-oda-rroo0p {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}

.custom-oda-1760uga {
    flex: 1 1 0%;
    margin-right: 20px;
    overflow: auto;
}

.custom-oda-hn552h {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-self: center;
    color: rgb(115, 115, 118);
}

.custom-oda-10ipnfg .e26ch0o1:not(.e15ck77g0),
.custom-oda-10ipnfg .en4ni9q0 {
    transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
    transform: scale(1);
}

.custom-oda-kzred5 {
    position: relative;
    background-color: #0C5435;
    /*    border-radius: 40px 40px 40px 40px;*/
    font-size: 14px;
    line-height: 1.5;
    color: var(--primary-bot-message-color);
    /*    box-shadow: #00000080 0px 4px 15px 0px, rgb(0 0 0 / 10%) 0px 1px 2px 0px, var(--banner-header-border-color) 0px 2px 0px 0px inset;*/
    transition: height 300ms ease-in-out 0s;
}

.custom-oda-1gidgja {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 8px;
    user-select: none;
    -webkit-box-pack: center;
    justify-content: center;
}

.custom-oda-3tym06 {
    width: 100%;
    height: 8px;
}

.custom-oda-10xxk1t {
    width: 100%;
    height: 4px;
}

.custom-oda-ogdsf2 {
    position: relative;
    margin: 0px -24px -24px;
    /*    border-top: 1px solid rgb(238, 238, 238);*/
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-bottom: 0px;
}

.custom-oda-1thajcg:last-child {
    border-bottom: 0px;
}

.custom-oda-1thajcg {
    background-color: #0C5435;
    padding: 16px 24px;
    border-radius: 0px 0px 40px 40px;
    border-bottom: 1px solid rgb(238, 238, 238);
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.custom-oda-tg33l {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}

.custom-oda-1keihqc {
    font-size: 14px;
    color: var(--banner-header-color);
}

.custom-oda-1c8rdjc {
    font-size: 14px;
    color: #FFFFFF;
}

.custom-oda-ogdsf2 {
    position: relative;
    margin: 0px -24px -24px;
    /*    border-top: 1px solid rgb(238, 238, 238);*/
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-bottom: 0px;
}

.custom-oda-1thajcg .ejnurbt0 {
    margin-bottom: 0px;
    margin-right: 8px;
}

.custom-oda-1s5nufg {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 8px;
    user-select: none;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.custom-oda-tg33l {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}

.custom-oda-1keihqc {
    font-size: 14px;
    color: var(--banner-header-color);
}

.custom-oda-ogdsf2 {
    position: relative;
    margin: 0px -24px -24px;
    /*    border-top: 1px solid rgb(238, 238, 238);*/
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-bottom: 0px;
}

.custom-oda-icbmz8 {
    padding: 35px 0px 5px;
    line-height: 1.5;
}

.custom-oda-10ipnfg .e11j3510 {
    margin-bottom: 16px;
}

.oda-need-help-button {
    cursor: pointer;
    background-color: var(--icon-need-help-color);
    color: rgb(255, 255, 255);
    display: block;
    padding: 8px 0px 8px 0px;
    width: 145px;
    text-align: center;
    /*
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
*/
    position: fixed;
    right: 0;
    z-index: 999;
    top: 50%;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateY(-100%) rotate(270deg) translateX(50%);
    -ms-transform: translateY(-100%) rotate(270deg) translateX(50%);
    transform: translateY(-100%) rotate(270deg) translateX(50%);
}

.oda-need-help-button:lang(ar) {
    cursor: pointer;
    background-color: var(--icon-need-help-color);
    color: rgb(255, 255, 255);
    display: block;
    padding: 8px 0px 8px 0px;
    width: 145px;
    text-align: center;
    position: fixed;
    left: 0;
    right: unset !important;
    /* bottom: 1em; */
    z-index: 999;
    top: 30%;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateY(-100%) rotate(90deg) translateX(50%);
    -ms-transform: translateY(-100%) rotate(90deg) translateX(50%);
    transform: translateY(-100%) rotate(90deg) translateX(50%);
}

.oda-need-help-button:hover {
    background-color: var(--icon-need-help-color-hover);
}

.wrap-cFKFT::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: white;
}

.wrap-cFKFT::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

.wrap-cFKFT::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
    background-color: rgb(255, 161, 0);
    border-color: rgb(255 161 0);
    /* Scroll Bar Color : Orange SA 179 */
    /* background-color: #006643; */
}

.oda-chat-widget button {
    /* margin: 0px; SA 249 */
    margin-bottom: 3px; /*SA 249 */
    padding: 0px;
}


.oda-chat-wrapper .oda-chat-button {
    background: transparent;
}


#customBanner a,
body,
div,
footer,
h1,
h2,
#customBanner h3,
h4,
h5,
h6,
header,
span,
strong {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;*/
    vertical-align: baseline
}

#customBanner * {
    box-sizing: border-box;
}

#customBanner button {
    border: none;
}

.customBanner-logo {
    display: flex;
    justify-content: center;
}

.customBanner-avatar {
    top: 215px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.customBanner-disclaimer {
    display: flex;
    justify-content: center;
    margin-top: 18px;
}

.customBanner-main {
    height: 495px;
}

.customBanner-Checkbox:lang(en) {
    width: 20.4px;
    height: 20.4px;
    cursor: pointer;
    background: rgba(40, 40, 40, 0.2);
    /* color: black; SA */
    color: rgba(238, 134, 35, 255);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #FFFFFF80;
    position: relative;
    left: -5px;
    top: -5px;
    background-color: transparent;
}

.customBanner-Checkbox:lang(en-US) {
    width: 20.4px;
    height: 20.4px;
    cursor: pointer;
    background: rgba(40, 40, 40, 0.2);
    /* color: black; SA */
    color: rgba(238, 134, 35, 255);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #FFFFFF80;
    position: relative;
    left: -5px;
    top: -5px;
    background-color: transparent;
}

.customBanner-Checkbox:lang(ar) {
    width: 20.4px;
    height: 20.4px;
    cursor: pointer;
    background: rgba(40, 40, 40, 0.2);
    /* color: black; SA */
    color: rgba(238, 134, 35, 255);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #FFFFFF80;
    position: relative;
    left: -5px;
    top: -5px;
    background-color: transparent;
    direction: rtl;
}

.customBanner-Checkbox:lang(ar-EG) {
    width: 20.4px;
    height: 20.4px;
    cursor: pointer;
    background: rgba(40, 40, 40, 0.2);
    /* color: black; SA */
    color: rgba(238, 134, 35, 255);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #FFFFFF80;
    position: relative;
    left: -5px;
    top: -5px;
    background-color: transparent;
    direction: rtl;
}

.customBanner-Checkbox:checked {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.oda-chat-header-actions {
    justify-content: right;
    display: flex;
}

.oda-new-popup-avatar {
    width: 160px;
    height: 160px;
}

.oda-fabs .closeIconBanner {
    background: url(https://chatbot.nbe.com.eg/images/closeIconBanner_Orange.svg)no-repeat;
    z-index: 10;
    top: -107px;
    right: 10px !important;
    position: absolute;
    border: none;
    height: 24px;
    width: 24px;
    cursor: pointer;
    min-width: unset !important;
    padding: 0 !important;
    border-radius: unset !important;
}

/* .app-3cl75 {
    font-family: "TajawalAR", "TajawalEN";
} */


.form-control {
    /* font-family: "TajawalAR", "TajawalEN"; */
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    /* text-align: center; */
    margin-bottom: 20px;
    margin-top: 5px;
    color: #949494;
}

.form-control:lang(ar) {
    /* font-family: "TajawalEN", "TajawalAR"; */
    /*, sans-serif SA 189 */
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    /* text-align: center; */
    margin-bottom: 20px;
    margin-top: 5px;
    color: #949494;
    direction: rtl
}

.form-control:lang(ar-EG) {
    /* font-family: "TajawalEN", "TajawalAR"; */
    /*, sans-serif SA 189 */
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    /* text-align: center; */
    margin-bottom: 20px;
    margin-top: 5px;
    color: #949494;
    direction: rtl
}

input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: transparent;
    /* Not removed via appearance */
    margin: 0;

    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);

    display: grid;
    place-content: center;
}

input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #FFA100;
    /* Windows High Contrast Mode */
    background-color: CanvasText;
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}

#agreeBtn:disabled {
    background-color: rgb(138, 138, 138);
    cursor: not-allowed;
}

.disclaimerHeader:lang(ar) {
    direction: rtl;
    text-align: center;
}

.disclaimerHeader:lang(ar-EG) {
    direction: rtl;
    text-align: center;
}

.regex-button{
    height: 41px;
    width: 177px;
    font-size: 14px;
    line-height: 45px;
    pointer-events: auto;
    cursor: pointer;
    border-radius: 10px;
    border: none;
    text-align: center;
    padding: 0px 15px !important;
    background-color: rgb(0, 102, 67);
    color: rgb(255, 255, 255);
    transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
    display: inline;
}