body{
	background-color: #F7F7F7;
    color: #40484F;
}
.page-header h1{
	color: #000;
}
.mainTitle h2{
    color: var(--black);
    font-size: 24px;
    font-weight: 300;
    margin: 10px 0 20px;
}
.about_header_section, .peopleofdetermination_section{
	border-radius: 12px;
    min-height: 420px;
    position: relative;
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px 45px;
    overflow: hidden;
}

.about_header_section:before, .peopleofdetermination_section:before {
    content: "";
    width: 100%;
    min-height: 420px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:linear-gradient(360deg, rgba(0, 0, 0, 0.9) 12%, rgba(255, 255, 255, 0.00) 100%);
}
.about_header_section .wpb_content_element, .peopleofdetermination_section .wpb_content_element{ margin-bottom: 10px; }
.about_header_section h2, .about_header_section p, .about_header_section a, .peopleofdetermination_section h2, .peopleofdetermination_section p, .peopleofdetermination_section a{ color: var(--white, #fff); }
.about_dm_repeater_container{ padding-left: 20px; }
.about_dm_repeater img{
	padding-right: 16px;
	border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
}
.peopleofdetermination_section h2, .about_dm_repeater h2{ font-size: 24px; font-weight: 400; }
.about_dm_repeater{ margin-bottom: 20px; }
.about_dm_repeater h2, .about_dm_repeater_container p{ margin: 0; }
.about_dm_repeater .wpb_content_element{ margin-bottom: 0; }
.about_dm_repeater p {
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: unset;
    text-overflow: ellipsis;
    height: calc(1.2em * 2);
}

.about_dm_repeater .wpb_raw_html .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 125px;
}

.about_dm_repeater .wpb_raw_html h2 {
    margin-top: 0;
    color: var(--black, #000);
    margin-bottom: 5px;
}

.about_dm_repeater .wpb_raw_html p {
    margin-bottom: 0;
}

/* Optional: style the link so it stays clearly at the bottom */
.about_dm_repeater .wpb_raw_html a {
    margin-top: auto; /* pushes link down */
}
.about_inpages_section .vc_column-inner {
  padding-top: 10px !important;
}
.about_dm_repeater .vc_column-inner {
     padding-top: 0 !important;
}
.sustainability-cards{
	display: flex;
    align-items: flex-start;
    flex-wrap: unset !important;
    gap: 20px;
    align-self: stretch;
}
.sustainability-cards .card { padding: 0; }
.sustainability-cards .card h4 {
	font-size: 20px;
    font-weight: 400;
    color: var(--black, #000);
}
.sustainability-cards .card p, .about_dm_repeater .wpb_raw_html p, .about_explore_dm_container p, .about_governancepolicy p, .directorgeneral_banner_text p{ color: #40484F; }

.sustainability-cards .card .vc_column-inner {
    border-radius: 16px;
    border: 1px solid #E4E2E6;
    background: var(--white, #FFF);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}
.sustainability-cards .card .vc_column-inner:hover {
	border: 1px solid #A0D0FF;
    background: #E8F2FF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}
.sustainability-cards .card .vc_column-inner:before{ background: none; }

.about_explore_dm_container h2, .about_governancepolicy h2{ font-size: 20px; font-weight: 400; color: var(--black, #000); }

.about_explore_dm_middle{ padding: 0 25px; }
.about_explore_dm_middle .wpb_single_image{ margin-bottom: 0px }
.about_explore_dm_middle img{  border-top-left-radius: 16px; border-top-right-radius: 16px; }
.about_explore_dm_card .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 415px;
}
.about_explore_dm_container h2, .about_explore_dm_container p{
    margin: 0;
}
.about_explore_dm_container h2, .about_explore_dm_container p{
    margin-top: 20px;
}
.about_explore_dm_middle p{
    margin-bottom: 20px;
}
.about_explore_dm_card a{
    margin-top: auto;
}
.about_explore_dm_card img{ border-radius: 16px; }
.about_recognition_images {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.default_grid_slider .wpb_single_image { margin-bottom: 0; }

.button_default{
    padding: 12px 20px;
    display: inline-block;
    border-radius: 8px;
    border: 1px solid  #E4E2E6;
    background: var(--white, #FFF);
    color: #161CB7;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    line-height: 1.2;
    text-decoration: none;
    font-weight: 400;
    margin-top: 10px;
}
.button_default:hover, .button_default.active{
	background: #161CB7;
    text-decoration: none;
    color: #FFF;
}
.button_primary{
    padding: 10px 20px;
    min-width: 100px;
    display: inline-block;
    cursor: pointer;
    border-radius: 8px;
    border: 2px solid  #161CB7;
    color: var(--white);
    background: #161CB7;
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
    margin: 0;
}
.button_small{ padding: 5px 20px; font-size: 16px; }
.button_medium{ padding: 10px 20px; font-size: 16px; margin-top: 0; }
.button_primary:hover, .button_primary.active{
	background:var(--white);
    text-decoration: none;
    color: #161CB7;
}
.button_default:disabled, .button_primary:disabled{
	background:#F2F0F4;
    text-decoration: none;
    color: #5E5E62;
    border-color: #F2F0F4;
    cursor: default;
}
.button_default:focus, .button_default:focus-visible, .button_primary:focus, .button_primary:focus-visible{
	outline: 3px solid var(--black);
    outline-offset: 3px;
}
#awards_logo_slider:focus-visible, .flickity-viewport:focus-visible{ outline: none; }
#awards_logo_slider .flickity-slider{ display: flex; align-items:center; }
/*Mobile*/
@media (max-width: 768px) {
	.about_explore_dm_middle{ padding: 0; }
    .about_dm_repeater_container { padding-left: 0; }
    .about_dm_repeater img { padding-right: 8px; }
    .sustainability-cards{ flex-wrap: wrap !important; }
    .about_recognition_images {
        flex-wrap: wrap;            /* allow wrapping */
        justify-content: center;    /* center wrapped rows */
        gap: 20px;
    }
}

/*Director General*/
.directorgeneral_banner{
	background: #E6EFF7;
    padding-top: 25px;
    border-radius: 16px;
    margin-bottom: 25px;
}
.directorgeneral_banner .wpb_single_image {margin-bottom: 0;}
.directorgeneral_banner_text{ padding-left: 100px; padding-bottom: 65px; }
.directorgeneral_banner_text h2, .directorgeneral_banner_text p{
	margin: 0;
}
.directorgeneral_banner_text h2{
	font-weight: 500;
    font-size: 32px;
    letter-spacing: -0.16px;
    color: var(--black, #000);
}
@media (max-width: 768px) {
	.directorgeneral_banner_text{ padding-left: 0; padding-bottom: 0; text-align: center; }
}
/* SITEMAP */
.linked-list .button-group {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.sitemap-accordian-item .vc_tta-panel:not(:first-of-type) {
  margin-top: 16px;
  border-radius: 8px !important;
}

.sitemap-accordian-item .vc_tta-panel .vc_tta-panel-heading {
  border-radius: 8px !important;
}

.sitemap-accordian-item .vc_tta-panel.vc_active .vc_tta-panel-heading {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.sitemap-accordian-item .vc_tta-panel.vc_active .vc_tta-panel-body {
  border-bottom-left-radius: .5rem !important;
  border-bottom-right-radius: .5rem !important;
}
.sitemap-accordian-item .vc_tta-panel .vc_tta-panel-heading{
	border-radius: 8px;
	border-color: #E4E2E6 !important;
	background: var(--white, #FFF);
}
.sitemap-accordian-item .vc_tta-panel .vc_tta-panel-body{ border-color: #E4E2E6 !important; }
.sitemap-accordian-item .vc_tta-panel.vc_active .vc_tta-panel-heading{ border-bottom: none !important; }
.sitemap-accordian-item .vc_tta-panel.vc_active .vc_tta-panel-body{ border-top: none !important; }
.sitemap-accordian-item .vc_tta-panel-title>a{
	color: var(--black, #000) !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    display: flex !important;
    align-items: start;
    gap: 8px;
}

.sitemap-accordian-item .vc_tta-panel h4 a::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/themes/dubaimunicipality/assets/images/icon-home.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  display: block;
}
.sitemap-accordian-item .vc_tta-panel.food_icon h4 a::before{
	background-image: url(/wp-content/themes/dubaimunicipality/assets/images/opendata/iconFoodSafety.svg);
}
.sitemap-accordian-item .vc_tta-panel.tree_icon h4 a::before{
	background-image: url(/wp-content/themes/dubaimunicipality/assets/images/opendata/iconTree.svg);
}
.sitemap-accordian-item .vc_tta-panel.bottle_icon h4 a::before{
	background-image: url(/wp-content/themes/dubaimunicipality/assets/images/opendata/iconBottle.svg);
}
.sitemap-accordian-item .vc_tta-panel.building_icon h4 a::before{
	background-image: url(/wp-content/themes/dubaimunicipality/assets/images/opendata/iconConstruction.svg);
}
.sitemap-accordian-item .vc_tta-panel.checklist_icon h4 a::before{
	background-image: url(/wp-content/themes/dubaimunicipality/assets/images/opendata/iconChecklist.svg);
}
.sitemap-accordian-item .vc_tta-panel.map_icon h4 a::before{
	background-image: url(/wp-content/themes/dubaimunicipality/assets/images/opendata/iconMappin.svg);
}
.sitemap-accordian-item .vc_tta-panel.bank_icon h4 a::before{
	background-image: url(/wp-content/themes/dubaimunicipality/assets/images/opendata/iconBank.svg);
}
.sitemap-accordian-item .vc_tta-panel.animal_icon h4 a::before{
	background-image: url(/wp-content/themes/dubaimunicipality/assets/images/opendata/iconAnimal.svg);
}
.faq-accordian-item .vc_tta-panel h4 a::before { content: none; }
.faq-accordian-item .vc_tta-panel h4 .vc_tta-title-text{ padding-left: 5px; }
.sitemap-accordian-item .vc_tta-panel h4 .vc_tta-title-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sitemap-accordian-item .vc_tta-panel h4 .vc_tta-title-text > i:first-of-type {
  font-style: normal;
  font-size: 16px;
  color: #333;
}

.sitemap-accordian-item .vc_tta-panel h4 .vc_tta-title-text b {
	padding-top: 25px;
}

.sitemap-accordian-item .vc_tta-panel h4 .vc_tta-title-text b i {
    padding: 4px 12px;
    font-style: normal;
    font-weight: normal;
    white-space: nowrap;
    display: inline-block;
    color: var(--primary);
    border-radius: 100px;
    background: #E8F2FF;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 16px;
}
  
.sitemap-accordian-item .vc_tta-panel .vc_tta-panel-body{ padding: 14px !important; }
.sitemap-accordian-item .vc_tta-panel .vc_tta-panel-body p{ margin-top: 0; } 
.sitemap-accordian-item .vc_tta-panel .vc_tta-panel-body p, .faq-accordian-item > div{  color: #40484F; }
.sitemap-accordian-item .vc_tta-panel .vc_tta-panel-body .wpb_text_column { padding: 00 16px 10px; }
.button-arrow, .button-arrow-external {
  border: 1px solid #E4E2E6;
  border-radius: 8px;
  color: #000;
  padding: 16px 20px;
  padding-right: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  background: #fff;
  font-size: 16px;
  position: relative;
}

.opendata-accordian-item .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
	top: 25px !important;
}

.button-arrow:hover  { color: var(--primary, #161CB7) !important; }
.button-arrow:visited {
    color: #000;
}

.button-arrow-external:hover  { color: var(--black); background-color: #E8F2FF; }
.button-arrow-external:visited {
    color: #000;
}

.button-arrow::after {
  	content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
  	right: 0;
    margin-right: 14px;
    background-image: url(/wp-content/themes/dubaimunicipality/assets/images/icon-ArrowRight.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.button-arrow:hover::after {
	filter: invert(14%) sepia(99%) saturate(6000%) hue-rotate(233deg) brightness(90%) contrast(95%);
  	transform: translateX(8px);
}

.button-arrow-external::after {
  	content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
  	right: 0;
    border-radius: 6px;
    margin-right: 14px;
    background: url(/wp-content/themes/dubaimunicipality/assets/images/icon-ArrowUpRight.svg) #E8F2FF no-repeat center;
    background-size: 75%;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.button-arrow-external:hover::after {
	background-color: #fff;
  	transform: translateX(8px);
}
.button-arrow-external span i{
    display: block;
    font-style: normal;
    margin-top: 16px;
    color: #40484F;
}

/* Arabic (RTL) */
[dir=rtl] .sitemap-accordian-item .vc_tta-panel .vc_tta-controls-icon-chevron {
  left: 20px;
  right: auto !important;
}

[dir=rtl] .sitemap-accordian-item .vc_tta-panel a {
  padding-right: 10px !important;
}

[dir="rtl"] .button-arrow::after {
  	right: unset; 
    left: 0;  
    margin-left: 14px;
    margin-right: 0;
    transform: rotate(180deg); /* flips the arrow */
}

[dir=rtl] .button-arrow-external::after { 
    right: unset; 
    left: 0;  
    margin-left: 14px;
    margin-right: 0;
    transform: rotate(-90deg); /* flips the arrow */
}

[dir="rtl"] .button-arrow:hover::after {
  transform: translateX(-8px) rotate(180deg); /* move left instead of right */
}

.button-arrow-external:hover::after {
  transform: translateX(-8px) rotate(-90deg); /* move left instead of right */
}
.new_faq .vc_tta-panels .vc_tta-panel-heading, .new_faq .vc_tta-panels .vc_tta-panel-body{ box-shadow: none; }
.cards-container{ margin-left : -16px !important; margin-right : -16px !important; }
.cards-container .card{
   	display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
	gap: 16px;
    border-radius: 16px;
    border: 1px solid #E4E2E6;
    background: #FFF;
	margin-bottom: 10px;
    /* Shadow/XSM */
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}
.cards-container>.vc_column_container{ padding-top: 0 !important; }
.cards-container .card h4{ color:#000; font-weight: 400; margin: 10px 0 0; font-size: 18px; }

/** Easy Payment **/
.button_card-wrapper{
    display: flex;
    align-items: center;
    gap: 32px;
}
.button_card{
    border-radius: 16px;
    border: 1px solid #E4E2E6;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  	cursor: pointer;
    font-size: 20px;
    font-weight: 300;
    min-width: 200px;
}
.button_card i::before {
  content: "";
  width: 24px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #40484F;
}
.button_card i.icon-money::before {
  	-webkit-mask: url(/wp-content/themes/dubaimunicipality/assets/images/easy/iconMoney.svg) no-repeat center;
  	mask: url(/wp-content/themes/dubaimunicipality/assets/images/easy/iconMoney.svg) no-repeat center;
    width: 30px;
  	height: 30px;
}
.button_card i.icon-receipt::before {
    -webkit-mask: url(/wp-content/themes/dubaimunicipality/assets/images/easy/iconReceipt.svg) no-repeat center;
  	mask: url(/wp-content/themes/dubaimunicipality/assets/images/easy/iconReceipt.svg) no-repeat center;
 }
 .button_card i,
.button_card span {
  pointer-events: none;
}

.button_card.active, .button_card:hover{ 
	border: 2px solid #161CB7;
}
.button_card.active i::before, .button_card:hover i::before{ 
	background-color: #161CB7;
}
.dsp-block{ width: 100%; display: block !important; margin: 0; }
.title-header{ margin-bottom: 20px; }
.title-header h3{ color: #000; font-weight: 300; font-size: 20px; margin: 25px 0 0; }

.easypayment-container input[type=text]{ 
    height: 56px;
    max-width: 600px;
    margin: 0 !important;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #CED1DE !important;
    display: block;
    background: #FFF;
}

.tooltip-input {
  position: relative;
  display: block;
}

.input-wrapper {
  max-width: 600px;
  position: relative;
  display: flex !important;
  justify-content: start !important;
  align-items: center;
}

.input-wrapper input[type=text], .input-wrapper select {
  height: 56px;
  padding: 16px 40px 16px 16px; /* space for the icon */
  border-radius: 8px;
  border: 1px solid #CED1DE !important;
  background-color: #FFF !important;
  width: 100%;
}

/* Info Icon Button */
.info-icon {
  position: absolute;
  right: 12px;
  background: #fff;
  border: 1.5px solid #40484F;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  font-size: 13px;
  font-weight: bold;
  color: #40484F;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.info-icon:hover {
  border-color: #161CB7;
  color: #161CB7;
  text-decoration: none;
}

/* Tooltip Bubble (Above the icon) */
.tooltip-bubble {
  position: absolute;
  right: -135px;
  bottom: calc(100% + 10px);
  background: #fff;
  color: #000;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.4;
  width: 300px !important;
  white-space: normal;
  z-index: 20;
  text-align: left;
  display: none !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}

/* Tooltip Arrow */
.tooltip-bubble::after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 153px;
    border-width: 6px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}

.input-wrapper.show-tooltip .tooltip-bubble {
  display: block !important;
}
.cyf-sub-menu-button{ margin: 20px 0 0 !important; align-items:center; }
.paymentbtn{
    border-radius: 8px;
    background: var(--primary);
    color: var(--white);
    padding: 16px 24px;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    border-color: var(--primary);
}
.paymentbtn:hover {
    background-color: white !important;
    color: var(--primary) !important;
}
.form-group{
  display: block !important;
}
.form-group label{ color: var(--black); margin: 10px 0; display: block; }
.alert{
    display: flex;
    justify-content: start !important;
    align-items: center !important;
    gap: 12px;
    max-width: 1000px;
    position: relative;
    padding: 16px;
    padding-right: 20px;
    border-radius: 12px;
    color: var(--black);
}
.alert p{
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
.alert small{
    display: block;
    font-size: 16px;
}
.alert .button_primary{ margin: 0 10px; }
.error-alert{
	border: 1px solid #930005;
	background: #FFEDEA;
}
.success-alert{
	border: 1px solid #00531F;
	background: #F6FFF1;
}
.success-alert .button_primary{ 
	border-color: #00531F !important; 
    background-color: transparent !important;
    color: #00531F !important;
}
.success-alert .button_primary:hover{ 
	background-color: #00531F !important;
    color: var(--white) !important;
}
.alert .alert-close{
	position:absolute;
	right:10px;
	top: 14px;
	border:0;
	background:transparent;
	font-size: 27px;
	line-height:1;
	cursor:pointer;
	color: var(--secondary);
}
[dir=rtl] .alert .alert-close{ left: 10px; right: unset; }
[dir=rtl] .alert { padding-right: 16px; padding-left: 20px; }
.alert .alert-close:hover{ text-decoration: none; }
.easypayment-container{ max-width: 800px; }
.custom-card, .payment-channel-card{
    border-radius: 16px;
    border: 1px solid #E4E2E6;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
    min-height: 330px;
}
.payment-channel-card img{ height: 45px; }
.vc_column-gap-20{ margin-left : -10px !important; margin-right : -10px !important; }
.payment-channel-card .card-action{
    padding: 10px;
    border-radius: 8px;
    color: var(--white);
    background:#161CB7;
    border: 2px solid #161CB7;
    margin-bottom: 0;
}
.payment-channel-card .card-action:hover{
    color: #161CB7;
    background:var(--white);
    text-decoration: none;
}
.lds-dual-ring{ display: none; }
.checkLoader{ display: inline-block; }
.show-home-result{ text-align: left; }
.show-home-result table {
  border-collapse: separate; 
  border-spacing: 0 10px; 
  width: 100%;
  margin: 10px 0;
}

.show-home-result table tr {
  background: #fff;
  border-radius: 10px;
  overflow: hidden; 
}

.show-home-result table td {
  padding: 16px;
  border: none;
}

/* Optional: remove double borders between cells */
.show-home-result table tr td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.show-home-result table tr td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.show-home-result p.pay_all {
  border-top: 1px solid #CED1DE;
  border-bottom: 1px solid #CED1DE;
  text-align: right;
  padding: 12px;
  margin: 0;
}
[dir=rtl] .show-home-result p.pay_all { text-align: left; }

.pill{
    display: flex;
    height: 32px;
    max-height: 32px;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    border-radius: 999px;
}
.pill-warning{
	color: #643F00;
	background: #FED;
}
.pill-error{
	color: #930005;
	background: #FFEDEA;
}
.pill-success{
	color: #00531F;
	background: #F6FFF1;
}
.check-pay-content { margin-bottom: 10px; }
.show-home-result .js-select-fine{ width: 15px; height: 15px; }
.show-home-result .amount{ font-size: 20px; font-weight: 300; padding-left: 25px; position: relative; display: flex; align-items: center; line-height: 1;  }
.show-home-result .amount span{ margin-top: 3px; }
.show-home-result .amount:before{ 
	content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: url(/wp-content/themes/dubaimunicipality/assets/images/easy/iconDirham.svg) transparent no-repeat center;
    background-size: 90%;
    vertical-align: middle;
    transition: transform 0.3s ease;
}
/*Mobile*/
@media (max-width: 768px) {
    .alert{
        text-align: left;
        align-items: baseline !important;
    }
}


/*History of DM*/
.history-card{
    border-radius: 16px;
    border: 1px solid #E4E2E6;
    background: #FFF;
    padding: 32px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
    min-height: 200px;
}

.history-card h2{
	font-size: 40px;
    font-weight: 700;
    margin: 0;
    color: var(--black);
}
.history-card p{ margin-bottom: 0; }

/*DM Reports*/
.table-wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #E4E2E6;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
    margin-top: 30px;
}
.table-wrapper .vc_column-inner{ padding-top: 0 !important; }
.table-wrapper .vc_col-sm-12 .wpb_text_column:first-of-type{ padding: 16px 24px; }
.table-wrapper .vc_col-sm-12 .wpb_text_column{ margin-bottom: 0 !important; }
.table-wrapper .vc_col-sm-12 .wpb_text_column:first-of-type h2, .table-wrapper .vc_col-sm-12 .wpb_text_column:first-of-type p{ margin: 0; font-weight: 400 !important; }
.text-primary{ color: var(--primary); }
.text-black{ color: var(--black); }
.text-white{ color: var(--white); }
#dm-history-slider .vc_column_container{ padding: 10px; }
#dm-history-slider .wpb_content_element { margin-bottom: 0; }
#dm-history-slider .history-card p {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


/*TARGET ALL TABS*/

.vc_general.vc_tta.vc_tta-tabs {
    display: block;
    border: 0 !important;
}
.vc_general.vc_tta.vc_tta-tabs .vc_tta-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.vc_general.vc_tta.vc_tta-tabs .vc_tta-tabs-list {
    display: inline-flex !important;
    border: 0 !important;
    justify-content: center !important;
    gap: 16px;
    width: 100%;
    padding: 5px !important;
}
.vc_general.vc_tta.vc_tta-tabs .vc_tta-tabs-list li.vc_tta-tab a {
    min-width: 130px;
    padding: 12px !important;
    border-radius: 8px !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white) !important;
    border: 1px solid #E4E2E6 !important;
    color: #40484F !important;
}
.vc_general.vc_tta.vc_tta-tabs .vc_tta-tabs-list li.vc_active a, .vc_general.vc_tta.vc_tta-tabs .vc_tta-tabs-list li.vc_tta-tab a:hover {    
    border: 1px solid var(--primary) !important;
    color:var(--primary) !important;
    background: #E8F2FF !important;
}
.vc_general.vc_tta.vc_tta-tabs li.vc_tta-tab a:focus, .vc_general.vc_tta.vc_tta-tabs li.vc_tta-tab a:focus-visible{ 
    outline: 2px solid var(--black) !important;
    outline-offset: 2px !important;
    box-shadow: none;
}
.vc_general.vc_tta.vc_tta-tabs .vc_tta-tab { width: auto; flex: unset;}
.vc_general.vc_tta.vc_tta-tabs .vc_tta-tabs-list li a{
	color: var(--black, #000) !important;
}

/**TARGET ALL TABLES**/
table th {
    padding: 16px 24px !important;
    border-bottom: 1px solid #E4E2E6 !important;
    border-top: 1px solid #E4E2E6 !important;
	background: #FBF8FD !important;
    color: var(--black) !important;
}
table tr { border: none !important; border-bottom: 1px solid #E4E2E6 !important; }
table td {
	border: none !important;
    padding: 16px 24px !important;
}

table td.td_button { text-align: right !important; }
[dir=rtl] table td.td_button { text-align: left !important; }