.view-last-update {
    text-align: end;
    margin: 1rem auto;
}
/* mainFooter  */
.mainFooter {
    background: #074D31;
    padding: 2.5rem 0 3rem 0;
}
.region.region-footer-right {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}
.mainFooter .region-footer-right .block {
    width: calc(100% / 2 - 10px);
}
@media (max-width: 767px) {
    .mainFooter .region-footer-right .block {
        width: 100%;
    }
}
.mainFooter .block .block-title {
    font-size: 1rem;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 1.5rem;
    color: var(--bs-white);
    margin-bottom: 0.5rem;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
.mainFooter .block .block-content p {
    margin: 0;
}
.mainFooter .block .block-content .menu {
    margin: 0;
    padding: 0;
}
.mainFooter .block .block-content .menu-item {
    color: var(--bs-white);
    list-style: none;
    padding-top: 0;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
}
.mainFooter .block .block-content .menu-item a:hover {
    color: #fff !important;
    opacity: 0.8;
    text-decoration: underline !important;
}
.mainFooter .block .block-content .menu-item svg {
    width: 14px;
    height: 14px;
    padding: 0;
    margin-inline-start: 0.2em;
    fill: var(--bs-white);
    font-weight: 900;
    stroke: none;
}
.mainFooter .block .block-content .menu-item svg.ext path {
    stroke-width: 0px !important;
}
/****footer connect us****/
.connect-channels {
    --spacing-md: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-md);
    margin-bottom: 1rem;
}
.connect-channels-item {
    --Global-spacing-none: 0rem;
    --Button-buttons-md-padding: 0.5rem;
    --Button-buttons-md-gap: 0.25rem;
    --Radius-radius-sm: 0.25rem;
    --Border-border-oncolor-transparent-30: rgba(255, 255, 255, 0.30);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--Button-buttons-md-gap);
    width: 2rem;
    height: 2rem;
    color: var(--bs-white);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    cursor: pointer;
}
.connect-channels-item:hover {
    color: var(--bs-white);
    opacity: 0.8;
}
.connect-channels-item:hover svg path {
    fill: var(--bs-white);
    opacity: 0.8;
}
.connect-channels-item svg {
    width: 1.500rem;
    height: 1.500rem;
    cursor: pointer;
}
/*******copyright and links Start*********/
.copyright-wrapper {
    background: #074D31;
    padding: 1rem 0 2.5rem 0;
}
.copyright-wrapper .region-copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 991.98px) {
    .copyright-wrapper .region-copyright {
        flex-direction: column;
    }
}
.copyright-content {
    /* --spacing-3xl: 1.5rem; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem;
}
.copyright-content p {
    color: var(--bs-white);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25rem;
}
.copyright-content p+p {
    font-weight: 400;
}
.footer-links {
    --spacing-xl: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    gap: var(--spacing-xl);
    align-self: stretch;
    flex-wrap: wrap;
}
.copyright-content a {
    color: var(--bs-white);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    text-decoration-line: underline !important;
}
.copyright-content a:hover {
    color: #fff;
    opacity: 0.8;
    text-decoration: underline;
}
/*******copyright and links End*********/
/*******Footer Logos Start*********/
.footer-logos {
    --spacing-xl: 1rem;
    display: flex;
    align-items: center;
    gap: var(--spacing-xl);
}
@media (max-width: 576px) {
    .footer-logos {
        flex-flow: column;
    }
}
.footer-logos .dga-logo img {
    height: 65px;
    width: 197px;
    filter: brightness(0) invert(1);
}
.footer-logos .vision-logo img {
    width: auto;
    height: 53px;
    max-width: 100%;
}
/*******Footer Logos End*********/
.mainFooter #block-vote-home,
.mainFooter #block-block-vote,
.mainFooter #block-term-vote {
    display: block;
    padding: 0;
    background-color: #fff;
    border-radius: 16px;
    padding: 28px;
    height: 126px;
    margin-top: -60px;
    margin-bottom: 63px;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .mainFooter #block-vote-home,
    .mainFooter #block-block-vote,
    .mainFooter #block-term-vote {
        height: auto;
        margin-top: 25px;
    }
}
.mainFooter #block-vote-home .vud-widget-title,
.mainFooter #block-block-vote .vud-widget-title,
.mainFooter #block-term-vote .vud-widget-title {
    float: right;
    width: 285px;
    color: #000;
    font-size: 1.125rem;
    font-weight: bold;
    margin-left: 6px;
    background: url(../images/backgrounds/vote-bg.svg) no-repeat right 1px transparent;
    padding: 22px;
    padding-right: 85px;
    padding-top: 5px;
}
@media (max-width: 991.98px) {
    .mainFooter #block-vote-home .vud-widget-title,
    .mainFooter #block-block-vote .vud-widget-title,
    .mainFooter #block-term-vote .vud-widget-title {
        float: none;
    }
}
.mainFooter #block-vote-home .vote-all-scores,
.mainFooter #block-block-vote .vote-all-scores,
.mainFooter #block-term-vote .vote-all-scores {
    overflow: hidden;
    padding-top: 8px;
}
.mainFooter #block-vote-home .vud-widget-vote-action,
.mainFooter #block-block-vote .vud-widget-vote-action,
.mainFooter #block-term-vote .vud-widget-vote-action {
    float: left;
    margin-top: 21px;
}
@media (max-width: 991.98px) {
    .mainFooter #block-vote-home .vud-widget-vote-action,
    .mainFooter #block-block-vote .vud-widget-vote-action,
    .mainFooter #block-term-vote .vud-widget-vote-action {
        width: 100%;
        text-align: center;
        margin-bottom: 18px;
        float: none;
    }
}
.mainFooter #block-vote-home .vud-widget-vote-action *,
.mainFooter #block-block-vote .vud-widget-vote-action *,
.mainFooter #block-term-vote .vud-widget-vote-action * {
    background: 0;
    color: inherit;
}
.mainFooter #block-vote-home .vud-widget-vote-action a,
.mainFooter #block-block-vote .vud-widget-vote-action a,
.mainFooter #block-term-vote .vud-widget-vote-action a {
    padding: 15px 24px;
    width: 69px;
    height: 48px;
    color: #628c35;
    background: #f4f9ef;
    border: 1px solid var(--bs-secondary);
    border-radius: 8px;
    margin-left: 4px;
}
.mainFooter #block-vote-home .vud-widget-vote-action a span,
.mainFooter #block-block-vote .vud-widget-vote-action a span,
.mainFooter #block-term-vote .vud-widget-vote-action a span {
    padding: 0;
    min-width: 0;
    margin: 0;
    border-radius: 0;
}
.mainFooter #block-vote-home .social-media-links,
.mainFooter #block-block-vote .social-media-links,
.mainFooter #block-term-vote .social-media-links {
    float: left;
    margin-top: 10px;
    margin-left: 90px;
}
.mainFooter #block-vote-home .social-media-links ul,
.mainFooter #block-block-vote .social-media-links ul,
.mainFooter #block-term-vote .social-media-links ul {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin: 0;
    margin: 0 -8px;
}
.mainFooter #block-vote-home .social-media-links ul a,
.mainFooter #block-block-vote .social-media-links ul a,
.mainFooter #block-term-vote .social-media-links ul a {
    padding: 5px 8px;
    display: inline-block;
}
.mainFooter #block-vote-home .vote-current-score,
.mainFooter #block-block-vote .vote-current-score,
.mainFooter #block-term-vote .vote-current-score {
    overflow: hidden;
    height: 42px;
    font-size: 1rem;
    color: #3c3c3b;
}
.mainFooter .region-footer .block {
    width: 32%;
}
@media (max-width: 991.98px) {
    .mainFooter .region-footer .block {
        width: auto;
    }
}
.mainFooter [id *="contactus"] .block-content {
    color: #b8bebe;
}
.mainFooter [id *="contactus"] [class^="sub-content"],
.mainFooter [id *="contactus"] .contact-title {
    margin-bottom: 10px !important;
    color: var(--bs-white);
}
.mainFooter [id *="contactus"] [class^="sub-title"] {
    margin-bottom: 6px;
}
.mainFooter [id *="contactus"] .sub-title-1 {
    color: #b5d78f;
}
.mainFooter [id *="contactus"] .sub-content-1 {
    color: var(--bs-secondary);
    font-size: 2rem;
}
.mainFooter [id *="contactus"] .sub-title-2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--bs-white);
    font-weight: 700;
    font-size: 1rem;
}
.mainFooter [id *="contactus"] .sub-title-2 svg {
    display: none;
}
.mainFooter [id *="contactus"] .sub-title-2::before {
    font-family: ds;
    content: "\eb11" !important;
    margin-inline-end: 5px;
}
.mainFooter [id *="contactus"] .sub-title-3 {
    margin-top: 64px;
}
.mainFooter [id *="contactus"] .sub-content-3 svg {
    width: 158px;
    margin-top: 16px;
}
.mainFooter #block-mobile-app-footer {
    padding: 0;
}
.mainFooter #block-mobile-app-footer .block-content .view-mobile-application .view-content .views-row .views-field-field-description-app {
    color: #fff;
    opacity: 0.64;
    margin-bottom: 19px;
}
.mainFooter #block-mobile-app-footer .block-content .view-mobile-application .view-content .views-row .views-field-field-image-app {
    margin-top: 40px;
    height: 251px;
    overflow: hidden;
}
.mainFooter #block-mobile-app-footer .block-content .view-mobile-application .view-content .views-row .views-field-field-image-app .field-content {
    margin-bottom: -74px;
    overflow: hidden;
    width: 231px;
    height: 391px;
    display: block;
    position: relative;
    left: 29px;
}
@media (max-width: 991.98px) {
    .mainFooter #block-mobile-app-footer .block-content .view-mobile-application .view-content .views-row .views-field-field-image-app .field-content {
        margin: auto;
        margin-bottom: -74px;
    }
}
.mainFooter #block-mobile-app-footer .block-content .view-mobile-application .view-content .views-row .views-field-field-image-app .field-content img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}
.mainFooter #block-mobile-app-footer .block-content .view-mobile-application .view-content .views-row .views-field-field-play-store,
.mainFooter #block-mobile-app-footer .block-content .view-mobile-application .view-content .views-row .views-field-field-ios-store {
    filter: brightness(0) invert(1);
    width: 100% !important;
}
.mainFooter #block-mobile-app-footer .block-content .view-mobile-application .view-content .views-row .views-field-field-play-store a,
.mainFooter #block-mobile-app-footer .block-content .view-mobile-application .view-content .views-row .views-field-field-ios-store a {
    background-size: 87% !important;
    height: 87px;
    width: 100%;
    background-position: center right !important;
}
@media (max-width: 991.98px) {
    .mainFooter #block-mobile-app-footer .block-content .view-mobile-application .view-content .views-row .views-field-field-play-store a,
    .mainFooter #block-mobile-app-footer .block-content .view-mobile-application .view-content .views-row .views-field-field-ios-store a {
        background-size: 50% !important;
        background-position: center center !important;
    }
}
.mainFooter #block-newsletter {
    width: 491px;
    height: 244px;
    background: linear-gradient(142.63deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 16px;
    margin-top: 44px;
    padding: 24px 39px;
    text-align: right;
}
.mainFooter #block-newsletter * {
    background: 0;
    border: 0;
    padding: 0;
    margin: 0;
    text-align: right;
}
.mainFooter #block-newsletter .block-title {
    margin-bottom: 16px;
    font-size: 1.125rem;
}
@media (max-width: 991.98px) {
    .mainFooter #block-newsletter {
        width: auto;
    }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .mainFooter #block-newsletter {
        width: 491px;
    }
}
.mainFooter #block-newsletter [data-drupal-selector="edit-label"] {
    margin-bottom: 24px;
    font-size: 0.875rem;
    color: #b1b1b1;
}
.mainFooter #block-newsletter .ajax-progress {
    display: none !important;
}
.mainFooter #block-newsletter .form-type-email {
    display: inline-block;
    vertical-align: middle;
    width: 72%;
}
@media (max-width: 991.98px) {
    .mainFooter #block-newsletter .form-type-email {
        width: 62%;
    }
}
.mainFooter #block-newsletter .form-type-email input {
    width: 100%;
    border: 1px solid #5b5b5b;
    border-radius: 8px;
    height: 56px;
    padding: 15px;
    color: #fff;
}
.mainFooter #block-newsletter .form-actions {
    display: inline-block;
    vertical-align: middle;
    width: 105px;
    background: #10615f;
    border-radius: 8px;
    text-align: center;
}
.mainFooter #block-newsletter .form-actions input {
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    height: 56px;
}
.inner-page .mainFooter {
    margin-top: 5rem;
}
.mainFooter .accesability .font-size .font-size-content {
    width: auto;
    right: -5px;
    top: 100%;
}
.mainFooter .accesability i {
    font-size: 2rem;
}
.mainFooter .d-flex .sub-content-2.text-center {
    line-height: 1.25;
}
@media (max-width: 991.98px) {
    .mainFooter .col-md-3 {
        width: 50%;
    }
}
@media (max-width: 576px) {
    .mainFooter .col-md-3 {
        width: 100%;
    }
}
@media print {
    .user-logged-in .mainFooter {
        display: none !important;
    }
}
.mainFooter .accesability .font-size:hover i,
.mainFooter .accesability .switcher:hover i {
    color: #68a12d !important;
}
.mainFooter [id *="connectus"] .block-content {
    color: #b8bebe;
}
.mainFooter [id *="connectus"] [class^="sub-content"],
.mainFooter [id *="connectus"] .contact-title {
    margin-bottom: 16px;
}
.mainFooter [id *="connectus"] [class^="sub-title"] {
    margin-bottom: 6px;
}
.mainFooter [id *="connectus"] .sub-title-1 {
    color: #b5d78f;
}
.mainFooter [id *="connectus"] .sub-content-1 {
    color: var(--bs-secondary);
    font-size: 2rem;
}
.mainFooter [id *="connectus"] .sub-title-2 {
    color: #39c4c0;
    opacity: .5;
}
.mainFooter [id *="connectus"] .sub-title-3 {
    margin-top: 64px;
}
.mainFooter [id *="connectus"] .sub-content-3 svg {
    width: 158px;
    margin-top: 16px;
}
/* ------------------- */
div.switcher+div.switcher {
    margin-top: 10px;
}
div.switcher label {
    padding: 0;
}
div.switcher label * {
    vertical-align: middle;
}
div.switcher label input {
    display: none;
}
div.switcher label input+span {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: 26px;
    height: 16px;
    background: var(--bs-gray);
    border: 2px solid var(--bs-gray);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
div.switcher label input+span small,
div.switcher label input+span .small {
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    left: 0;
}
div.switcher label input:checked+span {
    background: var(--bs-pink);
    border-color: var(--bs-pink);
}
div.switcher label input:checked+span small,
div.switcher label input:checked+span .small {
    left: 50%;
}
/****oda-chat******/
.oda-chat-wrapper .oda-chat-timestamp-header {
    font-size: .85rem !important;
    margin: 0px 0 3px 0 !important;
}
.oda-chat-header {
    padding: 30px 0px !important;
}
.oda-chat-message-bubble {
    max-width: 100% !important;
    width: 100% !important;
}
.oda-chat-logo {
    height: 60px !important;
    max-height: 60px !important;
    min-height: 60px !important;
    object-fit: cover;
}
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-direction: row !important;
}
.oda-chat-wrapper .oda-chat-conversation .oda-chat-conversation-pane.oda-chat-bot-icon.oda-chat-bot-icon .oda-chat-message-block .oda-chat-messages-wrapper, .oda-chat-wrapper .oda-chat-conversation .oda-chat-conversation-pane.oda-chat-user-icon.oda-chat-bot-icon .oda-chat-message-block .oda-chat-messages-wrapper {
    max-width: calc(0.9 * (100% - 30px)) !important;
}
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="الرخص التجارية"],
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="الرخص الإنشائية"],
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="نظام علاقات العملاء"],
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="الفرص الاستثمارية"],
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="تصنيف مقدمي خدمات المدن"],
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="المنتجات الأخرى"] {
    width: calc(100% / 3 - 5px) !important;
    height: 115px !important;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #bcbcbc !important;
    border-radius: 20px !important;
    padding: 70px 5px 10px 5px !important;
    justify-content: center !important;
    text-align: center !important;
    background-image: url("/sites/default/files/2023-06/commercial.png") !important;
    background-position: center 10px !important;
    background-size: 45px !important;
    background-repeat: no-repeat !important;
    margin-bottom: 0px !important;
    margin-top: 15px !important;
}
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="الرخص الإنشائية"] {
    background-image: url("/sites/default/files/2023-06/build.png") !important;
    background-position: center 10px !important;
    background-size: 45px !important;
    background-repeat: no-repeat !important;
}
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="نظام علاقات العملاء"] {
    background-image: url("/sites/default/files/2023-06/customerserv.png") !important;
    background-position: center 10px !important;
    background-size: 45px !important;
    background-repeat: no-repeat !important;
}
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="الفرص الاستثمارية"] {
    background-image: url("/sites/default/files/2023-06/furas.png") !important;
    background-position: center 10px !important;
    background-size: 45px !important;
    background-repeat: no-repeat !important;
}
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="تصنيف مقدمي خدمات المدن"] {
    background-image: url("/sites/default/files/2023-06/city.png") !important;
    background-position: center 10px !important;
    background-size: 45px !important;
    background-repeat: no-repeat !important;
}
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="المنتجات الأخرى"] {
    background-image: url("/sites/default/files/2023-06/othersproduct.png") !important;
    background-position: center 10px !important;
    background-size: 45px !important;
    background-repeat: no-repeat !important;
}
.oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="كود البناء السعودي"]+.oda-chat-action-postback[title="الرخص الإنشائية"] {
    background-color: #599c9b !important;
    border-width: 0px !important;
    padding: 9px 16px !important;
    color: #fff !important;
    border-radius: 0.25rem !important;
    font-size: .68rem !important;
    font-weight: 100 !important;
    text-align: start !important;
    line-height: 1.5 !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    height: auto !important;
    background-image: none !important;
    justify-content: start !important;
}
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="Saudi Building Code"]+.oda-chat-action-postback[title="Construction Licenses"] {
    background-color: #599c9b !important;
    border-width: 0px !important;
    padding: 9px 16px !important;
    color: #fff !important;
    border-radius: 0.25rem !important;
    font-size: .68rem !important;
    font-weight: 100 !important;
    text-align: start !important;
    line-height: 1.5 !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    height: auto !important;
    background-image: none !important;
    justify-content: start !important;
}
.oda-chat-wrapper .oda-chat-conversation-container>.oda-chat-timestamp-header+div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message:nth-child(2) .oda-chat-message-bubble {
    background: url("/sites/default/files/2023-06/intlchatbottext.jpg") center no-repeat !important;
    background-size: cover !important;
    color: #fff !important;
    border-radius: 30px !important;
    font-size: 0px !important;
    height: 148px !important;
}
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container>.oda-chat-timestamp-header+div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message:nth-child(2) .oda-chat-message-bubble {
    background: url(/sites/default/files/2023-06/intlchatbottexten.jpg) center no-repeat !important;
    background-size: cover !important;
    color: #fff !important;
    border-radius: 30px !important;
    font-size: 0px !important;
    height: 148px !important;
}
.oda-chat-wrapper .oda-chat-conversation-container>.oda-chat-timestamp-header+div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message:nth-child(1) .oda-chat-message-bubble {
    background: #ffffff !important;
    display: none !important;
}
.oda-chat-wrapper .oda-chat-conversation-container>.oda-chat-timestamp-header+div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message:nth-child(1) .oda-chat-attachment .oda-chat-attachment-placeholder {
    background: #ffffff !important;
    min-height: 45px !important;
}
.oda-chat-left .oda-chat-message-bubble, .oda-chat-left .oda-chat-message-header, .oda-chat-left .oda-chat-message-footer {
    background-color: #f0f0f000 !important;
}
.oda-chat-wrapper .oda-chat-conversation .oda-chat-conversation-pane.oda-chat-bot-icon.oda-chat-bot-icon .oda-chat-message-block .oda-chat-messages-wrapper, .oda-chat-wrapper .oda-chat-conversation .oda-chat-conversation-pane.oda-chat-user-icon.oda-chat-bot-icon .oda-chat-message-block .oda-chat-messages-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}
.oda-chat-wrapper .oda-chat-icon-wrapper {
    display: none !important;
}
.oda-chat-wrapper .oda-chat-message-block.oda-chat-right .oda-chat-messages-wrapper .oda-chat-message:last-child .oda-chat-message-bubble:last-child {
    border-radius: 20px !important;
    background: linear-gradient(163deg, #72c680 0.62%, #539dbc 55.69%) !important;
}
@media screen and (min-width: 426px) {
    .oda-chat-widget {
        overflow: inherit !important;
    }
}
.oda-chat-wrapper .oda-chat-dialog-wrapper .oda-chat-prompt-banner-background {
    max-height: 70vh !important;
    left: 0 !important;
}
.oda-chat-wrapper .oda-chat-header .oda-chat-header-info-wrapper {
    display: none !important;
}
.oda-chat-wrapper .oda-chat-conversation {
    padding: 0px 5px 0px 5px !important;
}
.oda-chat-wrapper .oda-chat-conversation .oda-chat-conversation-pane .oda-chat-message-date, .oda-chat-wrapper .oda-chat-conversation .oda-chat-conversation-pane .oda-chat-relative-timestamp {
    margin: 3px 0 3px !important;
}
[dir="ltr"] .oda-chat-wrapper .oda-chat-footer .oda-chat-footer-mode-keyboard {
    justify-content: end !important;
}
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation {
    padding: 0px 5px 5px 5px !important;
}
.oda-chat-wrapper .oda-chat-button {
    z-index: 9999 !important;
}
.oda-chat-wrapper .oda-chat-attachment .oda-chat-attachment-placeholder {
    max-height: fit-content !important;
}
[dir="ltr"] .oda-chat-wrapper .oda-chat-header .oda-chat-header-info-wrapper .oda-chat-title {
    text-align: left !important;
}
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="Commercial License"],
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="Construction Licenses"],
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="Customer Relations System"],
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="Investment Opportunities"],
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="Rating Of City Service Providers"],
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="Other Products"] {
    width: calc(100% / 3 - 5px) !important;
    height: 115px !important;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #bcbcbc !important;
    border-radius: 20px !important;
    padding: 70px 5px 10px 5px !important;
    justify-content: center !important;
    text-align: center !important;
    background-image: url("/sites/default/files/2023-06/commercial.png") !important;
    background-position: center 10px !important;
    background-size: 45px !important;
    background-repeat: no-repeat !important;
    margin-bottom: 0px !important;
    margin-top: 15px !important;
}
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="Construction Licenses"] {
    background-image: url("/sites/default/files/2023-06/build.png") !important;
    background-position: center 10px !important;
    background-size: 45px !important;
    background-repeat: no-repeat !important;
}
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="Customer Relations System"] {
    background-image: url("/sites/default/files/2023-06/customerserv.png") !important;
    background-position: center 10px !important;
    background-size: 45px !important;
    background-repeat: no-repeat !important;
}
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="Investment Opportunities"] {
    background-image: url("/sites/default/files/2023-06/furas.png") !important;
    background-position: center 10px !important;
    background-size: 45px !important;
    background-repeat: no-repeat !important;
}
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="Rating Of City Service Providers"] {
    background-image: url("/sites/default/files/2023-06/city.png") !important;
    background-position: center 10px !important;
    background-size: 45px !important;
    background-repeat: no-repeat !important;
}
[dir="ltr"] .oda-chat-wrapper .oda-chat-conversation-container div.oda-chat-message-block.oda-chat-flex.oda-chat-left .oda-chat-message-actions .oda-chat-action-postback[title="Other Products"] {
    background-image: url("/sites/default/files/2023-06/othersproduct.png") !important;
    background-position: center 10px !important;
    background-size: 45px !important;
    background-repeat: no-repeat !important;
    letter-spacing: 2px !important;
}
.mx-4.switcher em label, .m-0.switcher em label {
    margin-top: -35px !important;
    position: relative;
}
.m-0.switcher em~label, .mx-4.switcher em~label {
    display: none !important;
}
/*rating*/
.view-reader-rate {
    padding: 1.5rem 1rem;
    border-top: 2px solid #1B8354;
    background: #FFF;
}
.view-reader-rate .services-rate-block textarea {
    height: 6rem;
    resize: none;
    margin-bottom: 1rem;
}
.view-reader-rate div.fivestar-rating-wrapper>div>label.average,
.view-reader-rate div.fivestar-rating-wrapper>div>label.full {
    color: var(--bs-primary);
}
.view-reader-rate div.fivestar-rating-wrapper>div>label::before {
    font-size: 2rem;
}
.view-reader-rate .fivestar-rating-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.25rem;
    margin-top: 1rem;
}
.view-reader-rate div.fivestar-rating-wrapper>div.form-type-radio {
    margin: 0 0.125rem;
}
.view-reader-rate .rate-header {
    align-items: center;
}
.view-reader-rate .rate-form-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem 1rem;
    gap: 2rem;
}
.view-reader-rate .rate-form-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}
[id *="nmadhj--2"][class *="block-webform"] {
    display: none;
}
.rate_title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: 0;
}
.rate_desc {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin-bottom: 0;
}
.close-rate-form {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
}
.close-rate-form i {
    font-size: 1.25rem;
    color: #161616;
}
.rate-form, .rate-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
}
.rate-form-container .rate_desc .rate-widget {
    display: none;
}
.rate-widget.fivestar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}
.rate-widget .vote-result {
    margin-inline-start: 1rem;
}
.rate-widget.fivestar p {
    margin-bottom: 0;
}
/**********/
#cookie-banner-container .accept {
    width: 100%;
}
#cookie-banner-container .close-cookie-btn {
    cursor: pointer;
}
#cookie-banner-container {
    background: #fff;
    bottom: 0;
    left: 0;
    opacity: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2rem;
    position: fixed;
    right: 0;
    transform: translateY(0);
    transition: opacity .3s ease, transform .3s ease;
    width: 100%;
    z-index: 9999999999;
}
#cookie-banner-container .cookie-banner-box {
    background: #fff;
    border: 1px solid #ddd;
    padding: 24px;
    max-width: 600px;
    margin: 20px auto;
    border-radius: 8px;
    font-family: sans-serif;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
#cookie-banner-container .cookie-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#cookie-banner-container .cookie-body {
    margin: 16px 0;
    font-size: 14px;
    color: #333;
}
body.balady #cookie-banner-container .form-check-input {
    width: 3rem;
    height: 1.5rem;
}
body.balady #cookie-banner-container .form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
body.balady #cookie-banner-container .form-check-input:disabled {
    opacity: 1;
    background-color: #D2D6DB;
    border-color: #D2D6DB;
}
body.balady #cookie-banner-container .form-check-input:checked + label {
    font-size: 1rem;
    font-weight: 500 !important;
    color: #1F2A37;
}
#cookie-banner-container .form-check-input:disabled~.form-check-label, #cookie-banner-container .form-check-input[disabled]~.form-check-label {
    opacity: 1;
}
#cookie-banner-container .text-md.font-normal {
    color: #384250;
    font-weight: 400;
    line-height: 1.5rem;
}
#cookie-banner-container .form-check-input:focus {
    border-color: #161616;
    outline: 0;
    box-shadow: 0 0 0 1px #161616;
    filter: grayscale(1);
}
/**/
.mainFooter a.ext[href *=https] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.mainFooter a.ext[href *=https]::after {
  content: "䊔";
  display: inline-block;
  font-family: hgi-stroke-rounded !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.mainFooter a svg.ext {
  display: none;
}