﻿/**
 * Set up a decent box model on the root element
 */
/*html {
    box-sizing: border-box;
}*/

/*body {
    background-color: #e8e8e8;
}*/

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
/**,
*::before,
*::after {
    box-sizing: inherit;
}*/
:root { --Dubai: "Dubai-Regular"; --family-medium: "Dubai-Medium"; --family-regular: "Dubai-Regular"; --family-bold: "Dubai-Bold"; --theme-green: #248433; --black-color: #000; --primary-color: #006E20; --secondary-color: #C8FFC2; --hover-color: #005316; /*--focus-color: #006E20;*/ --lh-120: 120%; --bdr: #e4e2e6; --highcharts-color-2: #00a875; --highcharts-color-1: #00a875; --highcharts-color-0: #203a72; }
@font-face { font-family: 'Dubai-Bold'; src: url('../font/webfonts/Dubai-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Dubai-Light'; src: url('../font/webfonts/Dubai-Light.ttf') format('truetype'); }
@font-face { font-family: 'Dubai-Medium'; src: url('../font/webfonts/Dubai-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Dubai-Regular'; src: url('../font/webfonts/Dubai-Regular.ttf') format('truetype'); }
/*start: materials icons*/
/*@font-face { font-family: 'material_icons_outlined'; src: url('../font/Material-Icons/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: block; }
@font-face { font-family: 'material_icons_rounded'; src: url('../font/Material-Icons/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: block; }
.material-icons-outlined { font-family: 'material_icons_outlined'; font-weight: normal; font-style: normal; font-size: 24px; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }
.material-icons-rounded { font-family: 'material_icons_rounded'; font-weight: normal; font-style: normal; font-size: 24px;letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;}*/
/*end: materials icons*/
body, label, input, textarea, select, button { font-family: var(--Dubai); }
    /* This will make the border gray when the button is not checked. */
    input[type=radio]:not(:checked)::-ms-check { border-color: mediumspringgreen !important; }
    input[type=radio]::-ms-check { border-color: red !important; /* This will make the border red when the button is checked. */ color: red !important; /* This will make the circle red when the button is checked. */ }
/* Creating a class for each of the values in the $icon-sizes variable. */
.dld-icon-xs { font-size: 12px; }
.dld-icon-sm { font-size: 16px; }
.dld-icon-md { font-size: 24px; }
.dld-icon-lg { font-size: 36px; }
.dld-icon-xl { font-size: 40px; }
.dld-footer { transition: bottom 0.3s; height: 64px; position: fixed; bottom: 0; z-index: 2; width: 100%; background-color: #fff; box-shadow: 0px -4px 20px 4px rgba(0, 0, 0, 0.16);}
.dld-footer__section { width: 64px; }
.sticky-footer-left a,
.sticky-footer-right a,
.sticky-footer-right .chat-fab-link { border-inline-end: 1px solid #e8e8e8; padding: .5rem 1rem; height:48px; }
.sticky-footer-right .chat-fab-link{border-inline-end:none;}
.sticky-footer-left a:last-child { border-inline-end:none;}
.sticky-footer-text { margin-inline-start: 10px; font-size: 1rem; line-height: 24px; font-weight: 400; font-family: var(--family-regular); }

.dld-main-header { height: 104px; padding: 24px 0 8px; width: 100%; background-color: #fff; /*margin-bottom:60px;*/ }
.dld-main-header__logo { /* width: 100%; object-fit: contain;*/ height: 54px; }
.dld-main-header__gov-logo { /*width: 100%; object-fit: contain; max-width: 178px; height: auto;*/ }
.dld-main-header__dropdown-icon { margin-right: 20px; }
.dld-main-header__entities-list { top: 80px; right: -20px; }
.dld-main-header__separator { width: 1px; height: 49px; opacity: 0.1; border-right: solid 1px #000; }
.dld-main-header .dropdown > .btn,
.dld-main-header .dropdown > .btn:hover,
.dld-main-header .dropdown > .btn:focus,
.dld-main-header .dropdown > .btn:active { border: none; box-shadow: none; padding: 0; display: flex; align-items: center; }
.dld-main-header .dropdown-toggle::after { display: none; }
.dld-main-header .dropdown-toggle .icon-arrows-down { font-size: 24px; margin-right: 20px; }
.dld-main-header .dropdown-menu { width: 340px; height: 490px; border-radius: 12px; box-shadow: 0 0 20px 0 rgb(183 183 183 / 30%); background-color: #fff; overflow: auto; inset: 15px -20px auto auto !important; border: none; padding: 0; }
    .dld-main-header .dropdown-menu .dropdown-item { height: 90px; justify-content: flex-end; display: flex; align-items: center; background-color: transparent !important; padding-left: 2.5rem; padding-right: 2.5rem; }
        .dld-main-header .dropdown-menu .dropdown-item:not(:last-child) { border-bottom: solid 1px #f5f5f5; }
    .dld-main-header .dropdown-menu .entities-list__img { transition: all .2s ease-in-out; max-height: 50px; }
        .dld-main-header .dropdown-menu .entities-list__img:hover { transform: scale(1.1); }
    .dld-main-header .dropdown-menu .search { position: relative; padding-left: 24px; padding-right: 24px; padding-top: 21px; }
.dld-main-header .search .search__input { height: 40px; width: 100%; text-indent: 12px; background-color: #f5f5f5; border: none; border-radius: 50px; padding-left: 24px; padding-right: 24px; }
    .dld-main-header .search .search__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--black-color); opacity: 1; /* Firefox */ }
    .dld-main-header .search .search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--black-color); }
    .dld-main-header .search .search__input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--black-color); }
    .dld-main-header .search .search__input:focus { outline: none; box-shadow: 0 0 0 0.125rem #20abe3; }
.dld-main-header .search i { position: absolute; left: 34px; top: 31px; font-size: 24px; }
.dld-sub-header { width: 100%; transition: top 0.3s; background-color: #fff; display: flex; align-items: center; justify-content: center; /*box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.10);*/}
.menu-open .dld-sub-header{z-index:2;}
.dld-sub-header.header-fixed { position: relative; top: 0; }
.dld-sub-header__navbar .menu { display: none; }
    .dld-sub-header__navbar .menu ul { list-style: none; padding: 16px; margin: 0; }
        .dld-sub-header__navbar .menu ul li, .dld-sub-header__navbar .menu ul li a { cursor: pointer; transition: 200ms; text-decoration: none; white-space: nowrap; }
            .dld-sub-header__navbar .menu ul li a, .dld-sub-header__navbar .menu ul li a a { color: var(--black-color); display: flex; align-items: center; height: 100%; width: 100%; }
        .dld-sub-header__navbar .menu ul li { margin-right: 36px; }
            .dld-sub-header__navbar .menu ul li::before { content: ''; width: 0; height: 0; position: absolute; right: 10px; top: 40%; transform: translateY(-50%); }
.rtl .dld-sub-header__navbar .menu ul li::before { left: 10px; right: auto; border-width: 3px 0 0 3px; }
.dld-sub-header__navbar .menu ul .link::before { padding-right: 0; display: none; }
.dld-sub-header__navbar .menu > ul { display: flex; height: var(--menu-height); align-items: center; }
    .dld-sub-header__navbar .menu > ul li { position: relative; margin: 0 12px; width: 100%; font-size: 16px; display: flex; align-items: center; line-height: 2.67; }
        .dld-sub-header__navbar .menu > ul li:hover { color: var(--theme-green); }
        .dld-sub-header__navbar .menu > ul li.active,
        .dld-sub-header__navbar .menu > ul li.active a { color: var(--theme-green); }
        .dld-sub-header__navbar .menu > ul li ul { visibility: hidden; opacity: 0; padding: 16px; border-radius: 8px; box-shadow: 0 0 20px 0 rgba(183, 183, 183, 0.3); min-width: 384px; background: #fff; position: absolute; top: calc(var(--menu-height) - 5px); transition: 200ms; transition-delay: 200ms; }
            .dld-sub-header__navbar .menu > ul li ul li { margin: 0; padding: 8px 16px; display: flex; align-items: center; justify-content: flex-start; height: 40px; font-weight: normal; }
                .dld-sub-header__navbar .menu > ul li ul li::before { width: 8px; height: 8px; border: solid var(--theme-green); border-width: 0 3px 3px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
                .dld-sub-header__navbar .menu > ul li ul li ul { top: -2%; left: calc(100% + 18px); transform: translate(0); }
.rtl .dld-sub-header__navbar .menu > ul li ul li ul { left: auto; right: calc(100% + 18px); }
.dld-sub-header__navbar .menu > ul li ul li:hover { color: var(--theme-green); background: #e8f6fc; border-radius: 8px; }
    .dld-sub-header__navbar .menu > ul li ul li:hover > a { text-shadow: 0px 0px 1px var(--theme-green); color: var(--theme-green); }
.dld-sub-header__navbar .menu > ul li:hover > ul { opacity: 1; visibility: visible; transition-delay: 0ms; }
.dld-sub-header__navbar .menu > ul > li:hover::after, .dld-sub-header__navbar .menu > ul > li.active::after { position: absolute; content: ''; display: block; width: 100%; top: calc(100% + 3px); height: 5px; background: var(--theme-green); border-top-right-radius: 0.5rem; border-top-left-radius: 0.5rem; }
.right-mnu{gap:1rem;}
.dld-sub-header__actions { display: flex; }
.btn-mic { position: absolute; inset-inline-end: 8px; top: 8px; opacity: 0; background-color: transparent; border: none; z-index: -1; }
.dld-sub-header__actions .search .search__input { width: 100px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
    .dld-sub-header__actions .search .search__input:focus { width: 200px; outline: none; box-shadow: 0 0 0 0.125rem var(--theme-green); }
        .dld-sub-header__actions .search .search__input:focus + .btn-mic { opacity:1; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; z-index:0;}
.dld-sub-header__actions-access { right: 0; top: 54px; }
.dld-sub-header__actions-login { right: 0; top: 45px; }
.dld-sub-header__actions a { text-decoration: none; color: inherit; cursor: inherit; }
.dld-sub-header__btn { width: 41px; height: 41px; /*margin-left: 16px*/; cursor: pointer; border: none; background-color: #f5f5f5; }
/*.rtl .dld-sub-header__btn,
.rtl .dld-sub-header__actions .search .search__input,
.rtl .dld-side-nav .search .search__input { margin-left: 0; margin-right: 16px; }*/
.dld-sub-header__locale,
.dropdown-user .dropdown-toggle { font-size: 14px; font-weight: 500; text-align: center; width: unset; padding: 0 16px; border-radius: 20px !important; }
    .dropdown-user .dropdown-toggle .sr-only { font-size: 14px; width: unset; position: relative; height: unset; clip: inherit; margin-left: 10px; }
.rtl .dropdown-user .dropdown-toggle .sr-only { margin-left: 0; margin-right: 10px; }
.icon-account{font-size:18px !important;}
.dld-sub-header__actions .search { position: relative; line-height:normal;}
.dld-sub-header__actions .search .icon-search { position: absolute; inset-inline-start:8px; top: 10px; }
.dld-sub-header__actions .search .search__input, .dld-side-nav .search .search__input { height: 40px; text-indent: 10px; background-color: #f5f5f5; border: none; border-radius: 50px; padding-inline-start:24px; padding-inline-end:12px; }
/*.rtl .dld-sub-header__actions .search .search__input,
.rtl .dld-side-nav .search .search__input { padding-left: 12px; padding-right: 24px; }*/
.dld-sub-header__actions .search .search__input::placeholder, .dld-side-nav .search .search__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--black-color); opacity: 1; /* Firefox */ }
.dld-sub-header__actions .search .search__input:-ms-input-placeholder, .dld-side-nav .search .search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--black-color); }
.dld-sub-header__actions .search .search__input::-ms-input-placeholder, .dld-side-nav .search .search__input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--black-color); }
.dld-btn { border: none; text-decoration: none; height: 48px; }
.dld-btn--rounded { border-radius: 1.5rem; }
.dld-btn__img { height: 20px; }
/*card design*/
.section-grey .home-service-card .swiper-container { border-top: 2px solid var(--black-color); padding-top: 30px; padding-bottom: 60px; }
.section-grey .home-service-card.home-transaction-card { padding-bottom: 30px; }
.section-grey .home-service-card.h-freq-use-service,
.section-grey .home-service-card.h-performance-index,
.section-grey .home-service-card.h-support-section { padding-bottom: 6px; }
.section-grey .home-service-card .home-transaction-head-row { border-top: 2px solid var(--black-color); padding-top: 30px; }
.section-grey .home-service-card.h-freq-use-service .row [class*=col-],
.section-grey .home-service-card.h-performance-index .row [class*=col-],
.section-grey .home-service-card.h-support-section .row [class*=col-] { margin-bottom: 1.5rem; }
    .section-grey .home-service-card.h-freq-use-service .row [class*=col-]:first-child,
    .section-grey .home-service-card.h-performance-index .row [class*=col-]:first-child,
    .section-grey .home-service-card.h-support-section .row [class*=col-]:first-child { margin-bottom: 0; }
.home-service-card .card,
.home-transaction-card .card { height: 100%; /*animation-duration: 300ms; transition: all 300ms linear;*/ box-shadow: 0 0px 8px rgb(0 0 0 / 5%); overflow: hidden }
    .home-service-card .card .card-title { margin-bottom: 0;font-family: var(--family-bold);font-size: 19px;line-height: var(--lh-120); }
    .home-service-card .card .images-wrap { height: 225px;}
    .home-service-card .card .card-text,
    .home-transaction-card .card .card-text {  font-size: 14px;line-height: 120%; }
    .card-link {color: var(--primary-color)!important;display: inline-flex;align-items: center;background-color: transparent;border: none;gap: 5px;padding: 0;line-height: 1;}
    .card-link i {font-size: 12px;}
    .home-service-card .card .card-link,
    .home-transaction-card .card .card-link {color: var(--theme-green)!important; font-weight: 600; font-size: 13px;  }
    .home-service-card .card:hover .card-link { }
    .home-service-card .card .card-link:after { /*content: ""; width: 8px; height: 8px; border: solid var(--theme-green); border-width: 0 3px 3px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; margin-right: auto; right: 15px; */}
.rtl .home-service-card .card .card-link:after { /*left: 15px; right: auto; border-width: 3px 0 0 3px; */}
.home-service-card .card:hover .card-link:after { /*border: solid #e8f6fc; border-width: 0 3px 3px 0;*/ }
.rtl .home-service-card .card:hover .card-link:after { /*border-width: 3px 0 0 3px;*/ }
.home-transaction-card .card { height: 100%; justify-content: space-between; }
    .home-transaction-card .card .card-transaction-title { font-size: 20px; font-weight: 600; }
    .home-transaction-card .card .total-transaction-div { display: flex; flex-direction: column; }
    .home-transaction-card .card .transaction-value { font-size: 3rem; font-weight: 600; }
.rtl .home-transaction-card .card .transaction-value{line-height:1;}
.h-transaction-content { border-left: 2px solid #1166BB; padding: 2rem 1rem; }
.h-date-with-as-of { font-weight: 600; display: flex; margin-bottom: 0.5rem; }
.h-transaction-title { font-weight: 600; font-size: 28px; display: flex; margin-bottom: .5rem; }
.h-transaction-text { font-size: 14px; max-width: 80%; display: flex; margin-bottom: 1rem; }
.transaction-date { margin-left: 5px; }
/*.h-transaction-info { padding: 1rem; }*/
.h-transaction-info .h-date-with-as-of { font-weight: normal; font-size: 14px; margin: 0; }
.h-transaction-info .h-transaction-total-amount { font-weight: 600; display: flex; margin: 0.3rem 0; font-size: 28px; }
.h-transaction-info .chart-box { width: 180px; height: 180px; }
.h-transaction-info .sale-card,
.h-transaction-info .mortgage-card,
.h-transaction-info .other-card { display: flex; gap: 16px; align-items: center; }
.h-transaction-info .card-value { display: flex; flex-direction: column; /*text-align: center; margin-top: 1.5rem;*/ }
    .h-transaction-info .card-value .chart-percentage { font-weight: 600; font-size: 32px; }
    .h-transaction-info .card-value .h-transaction-type-label { font-size: 18px; }
.h-transaction-info .sale-card .ch-title,
.h-transaction-info .mortgage-card .ch-title,
.h-transaction-info .other-card .ch-title { font-size: 22px; }
.h-transaction-info .btn { margin-top: .5rem; }
.h-transaction-info .highcharts-title { width: 50px !important; text-align: center; }
.h-transaction-info .highcharts-background { fill: none; }
.h-transaction-info .sale-card .highcharts-pane-group .highcharts-pane,
.h-transaction-info .mortgage-card .highcharts-pane-group .highcharts-pane,
.h-transaction-info .other-card .highcharts-pane-group .highcharts-pane { fill: #fff; fill-opacity: 1; }
.h-transaction-info .highcharts-axis-line { fill: none; stroke: #E9EBF3; stroke-width: 8px; }
.h-transaction-info .sale-card .highcharts-series-group .highcharts-series-0 .highcharts-color-0 { fill: #04BFDA; }
.h-transaction-info .mortgage-card .highcharts-series-group .highcharts-series-0 .highcharts-color-0 { fill: #FFA84A; }
.h-transaction-info .other-card .highcharts-series-group .highcharts-series-0 .highcharts-color-0 { fill: #2185D0; }
.home-service-card .swiper-slide .card { overflow: hidden; text-align: left; height: 100%; box-shadow: 0 0px 8px rgb(0 0 0 / 5%); }
    .home-service-card .card:hover,
    .home-service-card .card:focus,
    .home-service-card .card:active
    .home-service-card .swiper-slide .card:hover,
    .home-service-card .swiper-slide .card:focus,
    .home-service-card .swiper-slide .card:active { color: var(--black-color); }
.rtl .home-service-card .swiper-slide .card { text-align: right; }
.home-service-card .swiper-slide { height: auto; background: none; }
.home-service-card .swiper-grid-column > .swiper-wrapper { width: auto; flex-direction: row; }
.h-section-title { font-family: var(--family-regular); font-size:28px; text-align: center; }
.h-section-title-wrap { margin-top: 2.5rem; display: flex; justify-content: space-between; align-items: center; }
.h-partners-section,
.h-freq-use-service,
.h-performance-index,
.h-news,
.h-support-section,
.h-more-use-service { position: relative; }
.images-wrap { width: 100%; height: 125px; overflow: hidden; /*border-radius: 10px 10px 0 0; */background-color: var(--bdr); display: flex; align-items: flex-start; }
.images-wrap picture { width: 100%; }
.images-wrap img { width: 100%; max-width: 100%; height: auto; }
.card-text-wrap { padding: 1.5rem 2rem; gap: 1rem; display: flex; flex-direction: column; align-items: self-start; }
.home-service-card .card-footer { padding: 1rem 2rem; border-top: 1px solid var(--bdr); background-color: transparent; margin-top: auto; font-family: var(--family-regular); font-weight: 400; line-height: var(--lh-120); color: var(--primary-color); }
/*.h-partners-section .swiper-button-next:after,
.h-partners-section .swiper-button-prev:after { color: var(--theme-green) }
.h-news .swiper-button-next,
.h-news .swiper-button-prev,
.h-support-section .swiper-button-next,
.h-support-section .swiper-button-prev,
.h-partners-section .swiper-button-next,
.h-freq-use-service .swiper-button-next,
.h-performance-index .swiper-button-next,
.h-performance-index .swiper-button-prev,
.h-freq-use-service .swiper-button-prev,
.h-partners-section .swiper-button-prev,
.h-more-use-service .swiper-button-next,
.h-more-use-service .swiper-button-prev { height: 40px; border-radius: 100%; box-shadow: 0 0 12px 1px #477d8a28; border: 1px solid var(--bdr); display: none; }*/
.swiper-pagination-bullet-active { background: var(--theme-green); }
.h-partners-section .swiper-pagination-bullets.swiper-pagination-horizontal,
.h-news .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 15px; }
.h-partners-section .swiper-pagination,
.h-news .swiper-pagination { display: block; }
.icon-chat,
.icon-happiness,
.dld-sub-header__locale:hover,
.accessBtn:hover .icon-accessibility,
.dropdown-user:hover .icon-account { color: var(--theme-green); }
.footer-position { bottom: -64px; }
.sub-nav-position { top: 40px; }
.height-100 { height: 100%; }
.icon-location { position: relative; left: 4px; }
.rtl .icon-location{left:-4px;}
.dropdown.dropdown-user.user-logged-in .icon-account:before{ content:"";background-image:url(../assets/img/icon-logoff.svg);background-repeat:no-repeat;width:18px;height:18px;display:inline-flex;}
.accessBtn { padding: 0; }
.accessibility-wheel-chair { background-image: url(../assets/img/icon-wheel-chair.svg); background-repeat: no-repeat; width: 20px; height: 20px; }
/*chat bot*/
.iframe-chatbot-wrapper { position: fixed; right: 10px; display: none; max-width: 450px; bottom: 65px; height: calc(100vh - 260px); border-radius: 10px; border: none; width: 100%; z-index: 1; }
.rtl .iframe-chatbot-wrapper{left:10px; right:auto;}
.iframe_chatpopup { padding: 0; margin-bottom: 15px; height: 100%; border-radius: 10px; width: 100%; }
.chatbot-close { background-image: url(../assets/img/icon-close.svg); background-size: 100%; width: 24px; height: 24px; display: flex; background-repeat: no-repeat; border: none; background-color: transparent; padding: 0; position: absolute; right: 18px; top: 54px; }
.chatbot-dropup .dropdown-menu { transform: translate(0px, -50px) !important; min-width: 375px; padding: 1.125rem 2rem; overflow: hidden; box-shadow: 0 0 20px #00000022; }
    .chatbot-dropup .dropdown-menu li { border-bottom: 1px solid var(--bdr); }
        .chatbot-dropup .dropdown-menu li:last-child { border-bottom: none; }
        .chatbot-dropup .dropdown-menu li .dropdown-item { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; }
            .chatbot-dropup .dropdown-menu li .dropdown-item:hover,
            .chatbot-dropup .dropdown-menu li .dropdown-item:focus,
            .chatbot-dropup .dropdown-menu li .dropdown-item:active { background-color: transparent; color:var(--black-color);}
            .chatbot-dropup .dropdown-menu li .dropdown-item i { color: var(--theme-green); }
.zindex-footer { z-index: 100000 }
/*chat bot end*/
.fancybox-css-container .fancybox-skin { border-radius: 10px; }
.fancybox-css-container.fancybox-opened .fancybox-skin { box-shadow: none; }
.fancybox-css-container .fancybox-close { border: 1px solid #007934; width: 30px; height: 30px; }
    .fancybox-css-container .fancybox-close:before { color: #007934; font-size: 16px; line-height: 29px; }
.fancybox-happiness-container .fancybox-content { height: 500px !important; min-height: 500px !important; max-height: 500px !important; }

/*card for contact us and complaint page*/
.card-support {padding: 2rem 1rem; text-align: center; justify-content: space-between; height: 100%; }
    .card-support .card-title { display: flex; align-items: center; flex-direction: column; margin-bottom: 0; }
        .card-support .card-title span { font-weight: 600; font-size: 20px; margin: 25px 0 5px; }

        .card-support .card-title .icon-card { width: 35px; height: 35px; min-width: 35px; min-height: 35px; }
            .card-support .card-title .icon-card:before { content: ""; background-repeat: no-repeat; background-position: center center; width: 35px; height: 35px; display: flex; margin: 0; }
.card-complaint .card-title .icon-card:before { background-image: url(../assets/img/icon-dld-35.svg); }
.card-dispute .card-title .icon-card:before { background-image: url(../assets/img/icon-dld-36.svg); }
.card-malicious .card-title .icon-card:before { background-image: url(../assets/img/icon-dld-34.svg); }
.card-phone .card-title .icon-card:before { background-image: url(../assets/img/icon-dld-37.svg); }
.card-social-media .card-title .icon-card:before { background-image: url(../assets/img/icon-dld-38.svg); }
.card-submit-query .card-title .icon-card:before { background-image: url(../assets/img/icon-dld-39.svg); }
.card-location .card-title .icon-card:before { background-image: url(../assets/img/icon-dld-40.svg); }
.card-working-hour .card-title .icon-card:before { background-image: url(../assets/img/icon-dld-41.svg); }
.card-insta .card-title .icon-card:before { background-image: url(../assets/img/icon-instagram-icon-1.svg); }
.card-re-shield .card-title .icon-card:before { background-image: url(../assets/img/shield.svg); }

.logo-shield { background-image: url(../assets/img/shield.svg); background-repeat: no-repeat; width: 60px; height: 60px; background-color: #efefef; padding: 10px; background-size: 75%; background-position: center; border-radius: 8px; margin-bottom: 1rem; }
.card-insta .card-title .icon-card { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); border-radius: 8px; }
.card-insta .card-link:after { background-color: #124B80; }

.card-support { animation-duration: 300ms; transition: all 300ms linear; box-shadow: 0px 2px 8px 0px rgba(48, 48, 52, 0.08); }
    .card-support .card-link { font-weight: 600; display: inline-flex; margin-top: 1.75rem; }
        .card-support .card-link br,
        .modal-dld-social .modal-title br { display: none; }
/*end card for contact us and complaint page*/
.dld-head-section { width: 100%; position: sticky; z-index: 4; top: 0;  }

.complaint-page .head-card .card,
.contactus .head-card .card{ height: 100%; }

.head-card .card,
.card-api,
.card-course,
.card-ica,
.card-ded,
.card-co-occupants,
.card-auction,
.card-askmalik,
.card-whomconcern { display: flex; /*max-height: 184px;*/ height: auto; padding: 16px 20px; flex-direction: column; align-items: flex-start; gap: 8px; border-radius: 16px; background: #FFF; flex-shrink: 0; text-align: left; animation-duration: 300ms; transition: all 300ms linear; cursor: pointer; position: relative; border: 1px solid var(--bdr); /*box-shadow: 0 0px 8px rgb(0 0 0 / 5%);*/ }

.rtl .head-card .card { text-align: right; }

.card-api:hover,
.card-course:hover,
.card-ica:hover,
.card-ded:hover,
.card-co-occupants:hover,
.card-auction:hover,
.card-askmalik:hover,
.card-whomconcern:hover,
.head-card .card:hover,
.home-news-container .card:hover,
.pdf-tempalte:hover,
.card-support:hover,
.home-service-card .card:hover,
.how-do-i .card:hover,
.srv-tailored-card .card:hover,
.swiper-svr-wrap .card:hover,
.srv-support-wrap .card:hover,
.srv-support-wrap-h .card:hover,
.card-ts2 .card:hover { border-color: #127335; /*box-shadow: inset 0 0 0 1px #127335;*/ }

    /*.srv-support-wrap-h .card:hover .svr-support-holder,
    .home-service-card .card:hover .images-wrap,
    .swiper-svr-wrap .card:hover .srv-img-holder { background-color: #127335; }*/

.contactus [class*="icon-innner-"], .rvs-complaint-main [class*="icon-innner-"] { width: 40px; height: 40px; padding:8px; background-repeat: no-repeat; background-position: center; }
/*.head-card .card:hover [class*="icon-innner-"] { filter: invert(100%) sepia(100%) saturate(5000%) hue-rotate(120deg) brightness(100%) contrast(55%); }*/

.icon-innner-rvs { background-image: url(../assets/img/icon-dld-35.svg); }
.icon-innner-dispute { background-image: url(../assets/img/icon-dld-36.svg); }
.icon-innner-malicious { background-image: url(../assets/img/icon-dld-34.svg); }
.icon-innner-phone { background-image: url(../assets/img/icon-dld-37.svg); }
.icon-innner-smedia { background-image: url(../assets/img/icon-dld-38.svg); }
.icon-innner-query { background-image: url(../assets/img/icon-dld-39.svg); }
.icon-innner-location { background-image: url(../assets/img/icon-dld-40.svg); }
.icon-innner-whour { background-image: url(../assets/img/icon-dld-41.svg); }
.icon-innner-re-shield { background-image: url(../assets/img/shield.svg); }
.icon-innner-insta { background-image: url(../assets/img/icon-instagram-icon-1.svg); }
.icon-innner-tech-support { background-image: url(../assets/img/icon-technical-support.svg); }
.icon-innner-raise-request { background-image: url(../assets/img/icon-innner-raise-request.svg); }
.icon-innner-case-tracking { background-image: url(../assets/img/icon-case-tracking-1.svg); }
.icon-innner-chat { background-image: url(../assets/img/icon-inner-chat.svg); }

.home-news-container .service-name { -webkit-line-clamp: 3; }

.service-name,
.service-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; align-self: stretch;  overflow: hidden; text-overflow: ellipsis; transition: all 300ms linear; }
.service-name { font-family: var(--family-regular); font-size: 20px; -webkit-line-clamp: 2; color: #000; }
.service-description { -webkit-line-clamp: 2; font-family: var(--family-regular); color: #40484f; }
.service-icon { min-height: 48px; max-width: 64px; max-height: 48px; display: flex; align-items: center; justify-content: center; }
.service-icon > img{ object-fit:contain;max-height: 48px;width:100%;}
.most-used-services .service-box .service-icon i { width: 100%; height: 40px; display: inline-flex; background-position: center; transition: all 300ms ease-in-out; background-repeat: no-repeat; }
.icon-sample { background-image: url(../assets/home-img/icon-head-1.svg); }

.head-card .card:hover .service-name { color: #127335;}

.contact-map .service-name {}
.contact-map .service-description {}
.contact-map .service-link {color:#006E20;font-size: 13px;}
.contact-map .service-link i {font-size:12px;margin-inline-start:6px;}

.dld-logo-for-mobile.dg{display:none;}
/*.mac-pc .sub-nav-position {top:100px; }*/
.icon-noqodi { background-image: url(../assets/banner/icon-noqodi-blue.svg); background-repeat: no-repeat; width: 85px; height: 30px; background-position: center; }
.icon-dld-support { background-image: url(../assets/home-img/icon-dld-support.svg); background-repeat: no-repeat; width: 30px; height: 30px; background-position: center; }
.sticky-footer-center .sticky-footer-text { line-height: 15px; }

.head-card [class*="icon-head-"], .card-ts2 [class*="icon-head-"],
.dld-extras-link [class*="icon-head-"] { width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; padding: 8px; }
.icon-head-36 { background-image: url(../assets/home-img/icon-head-36.svg); }
.head-card .card .custom-body {}
/*uae pass login*/
.sso-app-selection .form-select { padding: 0.5rem 1rem; font-size:14px; font-weight:normal;}
.auth-container.sso-wrap .uae-pass-wrapper { margin-top: 0; }
.auth-container-inner .uae-pass-wrapper .btn { width: 310px; }
.auth-container.sso-wrap .uae-pass-registration, .uae-pass-text { margin: 1rem auto .5rem; font-size: 14px; display: flex; flex-direction: column; align-items: center; gap: .5rem; }
    .auth-container.sso-wrap .uae-pass-registration a,
    .uae-pass-text a { text-decoration: underline; color: #0a61b8; }
.uae-pass-msg { max-width: 450px; margin: 10px 0 1.5rem; font-size: 14px; }
.sso-manual-login { margin-top: 2rem; }
.dld-sso-register .form-group.text-center .btn{ border:none !important; box-shadow:none !important;}
/*multi user*/
.card-sso-profile { background-color: #fff; border-radius: 10px; box-shadow: none; padding: 0; overflow: hidden; font-size: 14px; animation-duration: 300ms; transition: all 300ms linear; }
    .card-sso-profile .card-sso-profile-in { padding: 1rem; position: relative; }
        .card-sso-profile .card-sso-profile-in.active { background-color: #eaf9f0; }
        .card-sso-profile .card-sso-profile-in + .card-sso-profile-in { border-top: 0.75px solid var(--bdr); }
    .card-sso-profile .card-header { background-color: transparent; border-bottom: none; display: flex; width: 100%; justify-content: space-between; padding: 0; align-items: center; }
    .card-sso-profile .card-body { padding: 0;}
        .card-sso-profile .card-body .sso-profile-name { display: flex; flex-direction: column; margin-bottom: 0.25rem; padding-bottom: 0.25rem;}
            .card-sso-profile .card-body .sso-profile-name .card-title { margin-bottom: 0; font-weight: normal; color: #818181; }
            .card-sso-profile .card-body .sso-profile-name .card-sub-title { font-weight: normal; color: #000; }
    .card-sso-profile .form-check { align-items: center; justify-content: center; display: flex; }
        .card-sso-profile .form-check .form-check-input { border: 1px solid #838383; width: 100%; position: absolute; left: 0; margin: 0; height: 100%; top: 0; border-radius: 0; opacity: 0;cursor:pointer; }
            .card-sso-profile .form-check .form-check-input + label { width: 1em; height: 1em; border: 1px solid #838383; border-radius: 100%; margin-bottom: 0; }
            .card-sso-profile .form-check .form-check-input:checked + label { box-shadow: inset 0px 0px 0 3px #007934; border: 1px solid #007934; }
.sso-app-avatar { background-image: url(../assets/img/ss-profile-avatar.svg); width: 40px; height: 40px; display: inline-block; background-repeat: no-repeat; }
.card-sso-profile + .btn-grey, .card-sso-profile + .btn_1 { width: 100%; margin-top: 1rem; padding: 0.5rem; }
    .card-sso-profile + .btn-grey.disabled { color: #adadad !important; }
/*end multi user*/
/*end uae pass login*/

/*rvs case tracking*/
.rvs-case-status { display: flex; margin-bottom: 1rem; gap: .5rem; }
    .rvs-case-status .card { flex-direction: row; align-items: center; justify-content: flex-start; overflow: hidden; }
        .rvs-case-status .card [class*="rvst-"] { display: flex; align-items: center; position: relative; width: 100%; justify-content: center; }
            .rvs-case-status .card [class*="rvst-"]:before { content: ''; background-color: #a3a3a3; width: 16px; height: 16px; border-radius: 20px; position: absolute; top: 14px; left: auto; z-index: 1; }
            .rvs-case-status .card [class*="rvst-"].active:before { content: "\f00c"; background-color: #007934; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 10px; color: #fff; padding: 1px 3px 1px 3px; }
            .rvs-case-status .card [class*="rvst-"]:after { content: ""; border-bottom: 1px dashed #adadad; position: absolute; width: 100%; right: 0; top: 22px; left: 0; }
            .rvs-case-status .card [class*="rvst-"] .inner-case-title { display: flex; gap: 1rem; padding: 2.325rem 1rem .75rem; /*background-color: #fff;*/ position: relative; /*z-index: 1;*/ }
                .rvs-case-status .card [class*="rvst-"] .inner-case-title div { display: flex; flex-direction: column; line-height: 16px; color: #adadad; }
                    .rvs-case-status .card [class*="rvst-"] .inner-case-title div .rvs-step-name br{display:none}
                    .rvs-case-status .card [class*="rvst-"] .inner-case-title div .rvs-step { font-size: 14px; color: #adadad; }
            .rvs-case-status .card [class*="rvst-"] i { width: 30px; height: 30px; background-repeat: no-repeat; display: inline-flex; filter: invert(90%) sepia(80%) saturate(0%) hue-rotate(151deg) brightness(100%) contrast(95%); }
    .rvs-case-status .case-new { background-image: url(../assets/img/icon-case-new.svg); }
    .rvs-case-status .case-review { background-image: url(../assets/img/icon-case-review.svg); }
    .rvs-case-status .case-action-taken { background-image: url(../assets/img/icon-case-action.svg); width: 35px !important; }
    .rvs-case-status .case-close { background-image: url(../assets/img/icon-case-close.svg); }
    .rvs-case-status .card [class*="rvst-"].active i { background-image: url(../assets/img/icon-case-success.svg); }
    .rvs-case-status .card [class*="rvst-"].active .case-new,
    .rvs-case-status .card [class*="rvst-"].active .case-review,
    .rvs-case-status .card [class*="rvst-"].active .case-action-taken,
    .rvs-case-status .card [class*="rvst-"].active .case-close,
    .rvs-case-status .card [class*="rvst-"].active .case-close.case-success { filter: unset; }
    .rvs-case-status .card [class*="rvst-"].active .inner-case-title div { color: #007934; }
        .rvs-case-status .card [class*="rvst-"].active .inner-case-title div .rvs-step { color: #000; }
.btn-rvs-downloadpdf { display: flex; align-items: center; padding: 0; gap: 0.5rem; font-size:14px;}
    .btn-rvs-downloadpdf i { background-image: url(../assets/img/icon-case-download.svg); width: 20px; height: 20px; display: inline-flex; background-repeat: no-repeat; }
.footer-service-link { color: var(--theme-green); }
.icon-dubai-ai {width:32px; height:32px; }
.icon-dubai-ae { width: 84px; height: 32px; }
/*login css*/
.auth-container-form.card { padding: 2rem; }
.or-seprator-v { background-color: #fff; padding: .5rem .599rem; border-radius: 3px; font-weight: 600; position: relative; }
.col-uaepass { padding: 2rem 1rem; align-items: center; display: flex; flex-direction: column; justify-content: start; height: 100%; gap: 1.5rem; }
    .col-uaepass .auth-title { margin-bottom: 0; }
    .col-uaepass .uaepass-infodiv img { mix-blend-mode: multiply; width: 220px; height: 64px; }
    .col-uaepass > .text-center { margin: 0 auto; max-width: 300px; font-size: 14px; }
.uaepass-registration { font-size: 13px; display: flex; flex-direction: column; align-items: center; gap: 5px; }
    .uaepass-registration a { text-decoration: underline; color: #0a61b8; }
.col-uaepass-signup { gap: 1rem; align-items: start; padding: 2rem; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
    .col-uaepass-signup .uaepass-infodiv { display: flex; align-items: center; justify-content: center; width: 220px; height: 64px; margin: 0 auto; }
    .col-uaepass-signup .text-center { width: 100%; margin: 0 auto; max-width: 300px; font-size: 14px; }
    .col-uaepass-signup .uaepass-registration { text-align: center; justify-content: center; width: 100%; }
.mw-1100 { max-width: 1100px; }
#pType, .sso-left-panel #app.form-control { background-position: right .75rem center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 16px 12px; }
.rtl #pType, .rtl .sso-left-panel #app.form-control { background-position: left .75rem center; }
/*end login css*/
.m-login-option { color: #000; margin-inline-start: 16px; display: flex; margin-top: -4px; }
    .m-login-option:hover, .m-login-option:focus, .m-login-option:active { color: #000; }
    .m-login-option i { font-size: 22px; }
.scroll-move .m-login-option { color: #000 !important; }
    .shadow-sw { padding-top: 1.5rem; }
.auth-container-inner#rgOk {margin:0 auto; }
@media(min-width:768px) { .col-uaepass-signup { min-width: 500px; }
}
@media(min-width:1300px){
    .sticky-footer-center { margin-left: 190px; }
    .rtl .sticky-footer-center { margin-left: 0; margin-right: 100px; }
}
/*@media (min-width: 1600px) {
    .auth-register-container,
    .auth-container.mw-1100 { height: 75vh; }
}*/
@media(max-width:992px) {
    .btn-login-uaepass { margin: 1rem auto !important; }
    /*.auth-container-form.card { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; border-top: none; }*/
    .auth-container .col-1.d-flex.align-items-center.justify-content-center { width:100%}
    .auth-container .or-seprator-v { margin: 1rem auto; }
}
@media(max-width:768px){
    .rvs-case-status .card [class*="rvst-"] { height: 100%; align-items: inherit; }
        .rvs-case-status .card [class*="rvst-"] .inner-case-title { padding: 2rem 0rem .75rem; }
            .rvs-case-status .card [class*="rvst-"] .inner-case-title div { font-size: 13px; text-align: center; line-height: 18px; }
                .rvs-case-status .card [class*="rvst-"] .inner-case-title div .rvs-step-name br { display: block; }
}
/*end rvs case tracking*/
/*end uae pass login*/
.new-badge-support { background-color: rgb(249 117 117 / 14%); color: #EF3132 !important; font-size: 14px; padding: .02rem .5rem; border-radius: 4px; display: inline-flex; }
div.dt-container div.dt-layout-cell.dt-full.table { text-align: left; }
.rtl div.dt-container div.dt-layout-cell.dt-full.table { text-align: right; }