/* Duabi Font */
@font-face {
  font-family: "DubaiFont";
  src: url("../webfonts/DubaiW23-Regular.woff2");
    	font-display: swap;
}

@font-face {
    font-family: 'ArabicFont';
    font-style: normal;
    font-weight: 400;
	src: url("../webfonts/DubaiW23-Regular.woff2");
    /* src: url("../webfonts/DroidKufi-Regular.ttf") format('truetype'); */
	  	font-display: swap;
}

@font-face {
    font-family: "NumbersOnly";
    /* src: local("Tahoma"); */
	    /* src: url("../webfonts/Ubuntu-Regular.ttf"); */
	src: url("../webfonts/DubaiW23-Regular.woff2");

	font-weight: 400;
    unicode-range: U+30-39;
	  	font-display: swap;
}

@font-face {
    font-family: "EnglishFont";
    font-style: normal;
    font-weight: 400;	
    /* src: url("../webfonts/Ubuntu-Regular.ttf"); */
		src: url("../webfonts/DubaiW23-Regular.woff2");

    unicode-range: U+0-2f, U+40-10FFFF;
	  	font-display: swap;
}

.english { 
    font-family:DubaiFont;
}

 
:root {
    font-size: 16px;
    --text-primary: #000;
    --text-secondary: #35535c;
    --bg-primary: #9a2f23;
    --bg-secondary: #F8F8F8;
    --link-primary: #9a2f23;
    --link-secondary: black;
    --bg-third: #9a2f23;
    --text-third: white;
    --bg-body: #ffffff;
    --text-body: #9a2f23;
	--bg-hover: #D8D8D8;
	--bg-active: #E8E8E8;
	--text-active: #000000;
	--link-hover: #ececec;
	--option-color: #ececec;
	--body-bg: #f8f9fa;
	--bullet-bg: black;	
} 



.original {
    --text-primary: #000;
    --text-secondary: #7a4c23;
    --bg-primary: #ffffff;
    --bg-secondary: #F8F8F8;
    --link-primary: #7a4c23;
    --link-secondary: black;
    --bg-third: #7a4c23;
    --text-third: white;
    --bg-body: #ffffff;
    --text-body: #7a4c23;
	--link-hover: #ececec;
	--option-color: #7a4c23;
	--body-bg: #f8f9fa;
	--bullet-bg: black;
	
}


.gold {
    --text-primary: yellow;
    --text-secondary: yellow;
    --bg-primary: #23232e;
    --bg-secondary: #141418;
    --link-primary: yellow;
    --link-secondary: yellow;
    --bg-third: black;
    --text-third: yellow;
    --bg-body: black;
    --text-body: yellow;
	--bg-text:#000000;
	--link-hover: yellow;
	--option-color: yellow;	
	--body-bg: black;
	--bullet-bg: white;
	
}

.dark {
    --text-primary: #fff;
    --text-secondary: #fff;
    --bg-primary: #23232e;
    --bg-secondary: #141418;
    --link-primary: white;
    --link-secondary: white;
    --bg-third: black;
    --text-third: white;
    --bg-body: black;
    --text-body: #ffffff;
	--bg-text:#000000;
	--link-hover: white;
	--option-color: black;	
	--body-bg: black;
	--bullet-bg: white;
	
	
}

.blue {
    --text-primary: #000;
    --text-secondary: #35535c;
    --bg-primary: #026097;
    --bg-secondary: #F8F8F8;
    --link-primary: #026097;
    --link-secondary: black;
    --bg-third: #026097;
    --text-third: white;
    --bg-body: #ffffff;
    --text-body: #026097;
	--link-hover: #ececec;
	--option-color: #026097;	
	--body-bg: #f8f9fa;
    --bullet-bg: black;

}

.red {
    --text-primary: #000;
    --text-secondary: #35535c;
    --bg-primary: #9a2f23;
    --bg-secondary: #F8F8F8;
    --link-primary: #9a2f23;
    --link-secondary: black;
    --bg-third: #9a2f23;
    --text-third: white;
    --bg-body: #ffffff;
    --text-body: #9a2f23;
	--link-hover: #ececec;
	--option-color: #9a2f23;
	--body-bg: #f8f9fa;
	--bullet-bg: black;
	
}

.btn-dark, .btn-dark:hover {
    background-color: #000000 !important;
}

.btn-original, .btn-original:hover {
    background-color: #7a4c23 !important;
}

.btn-red, .btn-red:hover {
    background-color: #9a2f23 !important;
}

.btn-blue, .btn-blue:hover {
    background-color: #026097 !important;
}


 html * {
        -webkit-font-smoothing: antialiased;
    }


    /*Custom Body */
body {
   
    background-color: var(--bg-body) !important;
    color: var(--text-primary) !important;
    
    /* font-family: "ArabicFont","NumbersOnly","EnglishFont"; */
    font-family: DubaiFont;
    overflow-x: hidden;
}


a , .link-underline{
	text-decoration-color:transparent !important; 
	text-decoration-line: underline !important;
}


 a:hover {
	/* color: #000; */
	/* font-weight:bold; */
		
	/* text-decoration-color:#000 !important;  */
	/* text-decoration-line: underline !important; */
}


#divLogo, #divMainMenu , #divNav {
    background-color: var(--bg-body);
}

  
hr {
	color: grey;
}

label , p {
    color: var(--text-primary) !important;
}
    footer {
        background-color: var(--bg-secondary);
        color: var(--text-body);
    }


.footer-bg {
	 background-color: var(--bg-secondary);
       
}




.navbar-custom a:hover {
	  /* background-color: var(--bg-hover) !important; */
	  /* color: var(--link-secondary) !important; */
}




.navbar-custom .nav-link{

    color: var(--text-body) !important;
}

    .navbar-custom .nav-link.active {
        /* background-color: var(--bg-secondary) !important; */
		background-color: transparent !important;
    }
  

#divTick {
    background-color: var(--bg-body);
}

#divTopMenu {
    background-color: var(--text-body);
}

#divTopMenu .navbar-custom .nav-link {
    color: var(--bg-body) !important;
}

    #divTopMenu .navbar-custom a:hover{
        background-color: var(--bg-body) !important;
        color: var(--text-body) !important;
    }



 .list-group-item {
    background-color: transparent;
    border-color: var(--link-hover)  !important;
}

a, button {
    color: var(--link-primary) !important;
}


.btn {
    background-color: var(--text-body) !important;
    color: var(--bg-body) !important;
    border-color: var(--text-body) !important;
}

    .btn:hover {
        background-color: var(--bg-body);
        border-color: var(--text-body);
        color: var(--text-body);
        
    }


.label-file {
	 background-color: var(--text-body) !important;
    color: var(--bg-body) !important;
}

 .label-file:hover {
        background-color: var(--bg-body) !important;
        border-color: var(--text-body) !important;
        color: var(--text-body) !important;
        
    }

.accordion-button:not(.collapsed) {
    color: var(--bg-body) !important;
    background-color: var(--text-body) !important;
}


 .accordion-button
{
    color: var(--text-body) !important;
    background-color: var(--bg-body) !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

 .accordion-button {-webkit-appearance: none !important;}


.card-body .card-text a{
	color: var(--link-primary);
}

.card-custom
{

box-shadow: 4px 4px 6px -6px rgba(0,0,0,0.33);
-webkit-box-shadow: 4px 4px 6px -6px rgba(0,0,0,0.33);
-moz-box-shadow: 4px 4px 6px -6px rgba(0,0,0,0.33);
}

.carousel-control-play {
    position: absolute;
    bottom: 0;
    z-index: 666;
    display: flex;
    align-items: center;
    justify-content: center;
    color:var(--text-primary);
    text-align: center;
}



#divServiceHighlight h5 {
    color: var(--text-body) !important;
}



.background-primary {
    background-color: var(--bg-primary);
}

.background-secondary {
			       background-color: var(--bg-secondary);

}


.card, .modal-content,.close {
	       background-color: var(--bg-body) !important;
		color: var(--text-primary) !important;
}

.modal-open {
  overflow-y: auto;
}
    
    /*Scroll to top*/
    
.scroll {
    color: #fff;
    margin-top: 100px
}




    
    /* Custome BootStrap */
     .carousel .carousel-indicators li {  background-color: gray !important; } 
.carousel .carousel-indicators li.active { background-color: var(--primary); }
#carouselBanners .carousel-indicators { bottom: -35px !important;}
 

#carouselBanners  {
	height:100% !important;
}


.rounded-25 {
  border-radius: 25px;
  padding: 20px; 
}


#gdrfad-logo {
max-height:52px;
    margin-top:10px;
}

    #dubai-gov-logo {

        margin-top: 10px;
		max-height:52px;
         /* width: 200px;  */
    }

    @media screen and (max-width: 700px) {
        #dubai-gov-logo {
             height: 50px; 
			  margin-top: 0;
        }
		

        .navbar-custom {
            width: 100%;
			text-align: unset !important;
        }		
    }
	
	@media screen and (max-width: 991px) {
        .navbar-custom {
            width: 100%;
			text-align: unset !important;
        }		
    }
    .nav-link {
	/* font-weight: bold; */
	padding-right:0 !important;
	padding-left:0 !important;
	 color: var(--text-body) !important;
}


.rtl .navbar-nav .nav-item+.nav-item, [dir=rtl] .navbar-nav .nav-item+.nav-item {
    margin-left: 0;
}



#divUserType .fa:before {
    position: relative;
    top: 13px
}



.card-hover, .card-hover .card-title {
	color: var(--text-body) !important;
}

.card-hover:hover {
    filter:grayscale(1);
    box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .2);
}


.visitor-count *{
	background-color:transparent !important;
	cursor:auto;
    font-style: normal;
    vertical-align: inherit;
	opacity: 1;
}



 .accordion-item {
	 border-color : var(--link-hover) !important;
	     background-color: transparent !important;
 }
 
 
 #toggleCarousel{
	 background-color: var(--bg-body) !important;
	 color: var(--text-body) !important;
 }
 
 .fc-event, .fc-event-dot {
 	 background-color: var(--text-body) !important;
	 color: var(--bg-body) !important;
}


 a:focus, button:focus, .accordion-button:focus, .carousel-control-prev:focus,.carousel-control-next:focus {
	outline-style: auto !important;
}


[dir=rtl] .fa-gavel {
   transform: scale(-1,1);
}



.footer-title
{
	color:#000000;
}



a {
	outline-style: inherit !important;
	outline-width: 3px !important;
}

.fontstrong
{
font-weight: bold;
}


.card-bk {
    background: linear-gradient(179deg, #d5d8dd, #fff);
    border-bottom-style: inset;
}



#carouselExternalGov {
		background-color: transparent;
}


.center-grid
{
    justify-content: center;
}



.table{
color: var(--text-primary);
text-align: center;
border-color: var(--text-primary);
--bs-table-hover-bg :rgba(0, 0, 0, 0.075);
}


tr:hover a.link-underline {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color) !important;
}







.webform-element-help
{
	background-color: var(--text-body) !important;
}

.select2-container--focus /*for nat*/
{
    border-color: #86b7fe !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.field-focus:focus, .container-inline:focus /*for dob*/
{
 border-color: #86b7fe !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.form-select:focus /*for dob*/
{ 
    border-color: #86b7fe !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.form-tel:focus /*for mobile*/
{ 
    border-color: #86b7fe !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.form-checkbox:focus /*check box*/
{ 
    border-color: #86b7fe !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.webform-confirmation__message, .webform-confirmation__back {
    /* margin: 0 0 1em 0; */
    padding: 16px;
    font-size: 16px;
}

p.search-result__snippet strong {
    background-color: #9a2f23;
    font-weight: normal;
    color: white;
}


/*webform field label*/
.field__label {
 display: none;
}


.js-webform-select2.error + .select2-container .select2-selection--single{
border: 2px solid red!important;;
}


.select2-results
{
	color:black !important;
}


  /*Search Box */
.form-control:focus, .form-control:active {
    border-color: #000;
    outline: 0;
    box-shadow: inset 0 0 0;
}


.dropdown-item {
    color: var(--text-body);
    background-color: var(--bg-body);
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bg-body) !important;
    text-decoration: none;
    background-color:var(--text-body) !important;
	font-weight: bold;
}



.form-group {
    margin-top: 15px;
}

.form-group label {
	color: rgba(0, 0, 0, 0.8);
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
textarea {
    width: 100%;
    display: block;
    padding: 10px;
    margin-top: 5px;
	border: 1px solid var(--link-hover);
    border-radius: 0.25rem;
    background-color: var(--bg-body);
        color: var(--text-primary) !important;

}


input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="textarea"]:focus, 
.form-select:focus,
.form-checkbox:focus {
    border-color: var(--text-body) !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--text-body) !important;
}


.hover-grey:hover {
   background-color: var(--link-hover) !important;
    background-size: 300% 100%;
    animation: shine 2s;
    color: var(--bg-text) !important;
}

#logo-minor { filter:invert(1); }

#widgetPos {
position:fixed;
right:20px;
bottom:100px;
z-index:990;
}

#widget-section-tpz > #wd-ctrls > .wd-lg {
	box-shadow: none !important;
}

#widget-section-tpz > #wd-ctrls > .wd-lg:hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.3) !important;
}

/* ============ New Design starts here, put any other css before this line ============ */


.navbar .megamenu{ padding: 1rem; }

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}
/* ============ mobile view .end// ============ */

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */


#navbarNavDropdown > ul > li > a:hover::after,
#navbarNavDropdown > ul > li > a.active::after,
#navbarNavDropdown > ul > li > a:focus::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    /* top: calc(100% + 4px); */
    height: 5px;
    background:var(--text-body);
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
	justify-content: center;
}



#navbarNavDropdown > ul li .dropdown-menu {
    /* 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: var(--bg-body);
    color: #202a50;
    position: absolute;
    /* top: calc(60px - 5px); */
   /*  transition: 200ms;
    transition-delay: 200ms; */
}


#pageDiv {
	position:relative;
	top:7rem;
}


@media screen and (max-width: 768px) {
	#pageDiv {
	top:4rem;
	}
}

.text--primary {
	color: var(--text-body) !important;
}

#sub-header {
	box-shadow: 0 2px 2px rgba(0,0,0,.1)!important;
}

@media(max-width: 768px){
#gdrfad-logo-mobile {
	 max-width:200px; 
}



}



.footer-pushup {
	height:70px;
}

#toTopBtn {
    position: fixed;
    bottom: 60px;
    right: 5px;
    display: none;
}

@media(max-width: 991px){
  .footer-pushup {
	height:120px;
}

#toTopBtn {
    position: fixed;
    bottom: 100px;
    right: 5px;
    display: none;
}

.dda-sub-header {
	position:fixed !important;
	z-index:999;
	}
}

#side-nav {
	z-index:9999 !important;
}

 .dda-side-nav .dropdown-btn.active .fa-chevron-right {
    transform: rotate(270deg); }
	
	 .dda-side-nav .dropdown-btn .fa-chevron-right {
    font-size:16px; }
	
	
.non-sticky-main {
	color: var(--text-secondary) !important;
}

@media(min-width: 992px){

.dda-sub-header__navbar-toggle {
	display:none !important;
}
}

select, .form-select, .select2-search__field,.select2-dropdown,.select2-selection__rendered,.select2-results__option { 
	background-color: var(--bg-body) !important;
	color: var(--text-primary) !important;
}

.select2-results__option:hover  {
	background-color: var(--text-body) !important;
	color: var(--bg-body) !important;
}


::-webkit-input-placeholder {
  color: var(--text-body) !important;
}

.webform-scale-options input + label {
    border-color: var(--text-body);
   background-color: var(--bg-body) !important;
   color:  var(--text-body) !important;

}

.webform-scale-options input:checked + label {

    background-color: var(--text-body) !important;
  color: var(--bg-body) !important;
  border-color: var(--link-hover);
}

.webform-scale-options input:hover + label {
   background-color: var(--text-body) !important;
  color: var(--bg-body) !important;
  border-color: var(--link-hover);
}

.webform-scale-options input:focus + label {
   background-color: var(--text-body) !important;
  color: var(--bg-body) !important;
  border-color: var(--link-hover);
}


.webform-progress-tracker .progress-title[role="link"] {
    color: var(--text-primary) !important;
}

.webform-progress-tracker .progress-step.is-active:hover .progress-marker::before, 
.webform-progress-tracker .progress-step.is-complete:hover .progress-marker[role="link"]:before, 
.progress-step.is-active .progress-marker::before{
 border-color: var(--bg-body) !important;
   background-color: var(--text-body);
   color:  var(--bg-body) !important;
}

.webform-progress-tracker .progress-step.is-active .progress-text,  
.webform-progress-tracker .progress-step.is-complete .progress-text { 
    color: var(--text-primary) !important;
} 

.webform-progress-tracker .progress-step .progress-text { 
    color: var(--link-hover) !important;
}





/*
.dark .list-group-item {
	     color: var(--text-body) !important;
    background-color: var(--bg-body) !important;

}
*/
/*
.dark .accordion-item,
.gold .accordion-item
{
    border-color:var(--text-body) !important;
}
*/
.dark .accordion-button::after
{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.gold .accordion-button::after
{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffff00'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.dark .accordion-button:not(.collapsed)::after
{
	 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.gold .accordion-button:not(.collapsed)::after
{
	 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}


.dark .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.gold .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffff00'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.dark .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.gold .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffff00'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
/*
.dark .accordion-button:not(.collapsed),
.gold .accordion-button:not(.collapsed)
{
    color: var(--bg-body) !important;
    background-color: var(--text-body) !important;
}

.dark .accordion-button,
.gold .accordion-button
{
    color: var(--text-body) !important;
    background-color: var(--bg-body) !important;
}
*/
.dark .fieldset-legend,
.gold .fieldset-legend
{
	    color: var(--text-body) !important;
}

.dark .img-dark-mode, .gold .img-dark-mode {
	filter: invert(1) grayscale(1);
}


.dark img, .dark iframe, .dark .card-has-bg,.dark #divEventImage,
.gold img, .gold iframe, .gold .card-has-bg,.gold #divEventImage
{
    filter: grayscale(1);
}

#popup-iframe {
	 filter: none !important;
}

.dark #gdrfad-logo, .dark #dubai-gov-logo ,.dark #gdrfad-logo-mobile,.dark #dubai-gov-logo-mobile, .dark .invert,
.gold #gdrfad-logo, .gold #dubai-gov-logo ,.gold #gdrfad-logo-mobile,.gold #dubai-gov-logo-mobile, .gold .invert,
.dark #carouselExternalGov .carousel-inner .carousel-item a img ,
.gold #carouselExternalGov .carousel-inner .carousel-item a img,
.dark #qr-logo,.gold #qr-logo
{
    filter: invert(1) grayscale(1);
}

.dark #logo-minor,
.gold #logo-minor
{
	filter:invert(0) grayscale(1) !important;
		background:none;
}


.dark .btn-outline-dark,
.gold .btn-outline-dark
{
    border-color: var(--text-body) !important;
}


.dark .container.card-bk,
.gold .container.card-bk
{
color: var(--text-body) !important;
background-color: var(--bg-body) !important;
background:none;
}


/* ?? */
.dark .img-dark-mode,
.gold .img-dark-mode
{
	background-color: var(--text-body) !important;
}


.dark thead tr,
.gold thead tr
{
    color: var(--text-primary);
}


.dark .table,
.gold .table
{
--bs-table-hover-bg :var(--text-primary);
border-color: var(--text-primary) !important;
}

.dark .table-striped>tbody>tr:nth-of-type(odd)>*,
.gold .table-striped>tbody>tr:nth-of-type(odd)>*
{
    color: var(--text-body);
}


/* Form Related CSS*/

.dark .form-required:after, .dark .form-item--error-message:before ,
.gold .form-required:after, .gold .form-item--error-message:before{
filter: brightness(0) invert(1);
}

.dark .messages--error,
.gold .messages--error
{
	filter: brightness(0) invert(1);
	background-color: transparent;
}

.dark .form-item input.error,.dark .form-item textarea.error,.dark .form-item select.error,
.gold .form-item input.error,.gold .form-item textarea.error,.gold .form-item select.error
{
    border: 5px solid var(--text-body) !important;
}


.dark div.svg div.rateit-hover
{
    background: url(/modules/contrib/webform/images/rating/star-hover.svg);
    filter: brightness(0) invert(1);
     background-size: 24px 24px !important;
}

.dark div.svg.rateit-medium div.rateit-range, div.svg.rateit-medium div.rateit-hover, div.svg.rateit-medium div.rateit-selected, div.svg.rateit-medium div.rateit-preset
{
    background-size: 24px 24px;
}

.dark div.svg div.rateit-selected {
    /*background: url(/modules/contrib/webform/images/rating/star-selected.svg);*/
    filter: brightness(0) invert(1);
}

.dark .dropdown-menu .dropdown-item:hover,
.gold .dropdown-menu .dropdown-item:hover{
	color: var(--bg-body) !important;
	background-color: var(--text-body);
}

.dark  .dropdown-container .dropdown-item:hover,
.gold  .dropdown-container .dropdown-item:hover{
	color: var(--text-body) !important;
}

.dark .dda-sub-header__btn, .gold .dda-sub-header__btn,
.dark .search-button, .gold .search-button,
.dark .acc-button, .gold .acc-button,
.dark .lang-button, .gold .lang-button,
.dark .login-button,.gold .login-button,
.dark #footer, .gold #footer,
.dark header, .gold header  {
background-color: var(--bg-body) !important;
}


.dark .dda-side-nav,
.gold .dda-side-nav
{
background-color: var(--bg-body) !important;
}

.dark .footer-title,
.gold .footer-title
{
		color: var(--text-body) !important;
}

.dark .background-primary,
.gold .background-primary{
    background-color: var(--text-primary);
}


.dark #widgetPos, .dark #chat-icon,
.gold #widgetPos, .gold #chat-icon
{ filter: grayscale(1);}

.dark .form-select option:hover,
.dark .form-select option:checked,
.gold .form-select option:hover,
.gold .form-select option:checked
{
	background-color:var(--bg-body) !important;
	color: var(--text-body) !important;
	box-shadow: 0 0 10px 100px black inset;
}


 #img04
{
	fill: var(--text-body) !important;
}

.gold .border,
.gold .dda-footer__section--bordered {
border-color: var(--text-primary)!important;
}

.gold .hover-grey:hover a, .dark .hover-grey:hover a{
    color: var(--bg-body)!important;
}

.gold .ribbon span {
    background: var(--text-primary)!important;    
} 

.gold .counter-box i {
    color: var(--text-primary)!important;
}



.dark .modal-header, .modal-content, .modal-footer,
.gold .modal-header, .modal-content, .modal-footer {
    border-color: var(--text-primery);
}


.gold #dg-logo {fill: yellow;}
.dark #dg-logo {fill: white;}

.gold .cls-2 ,.gold .cls-3 ,.gold .cls-4 ,.gold .cls-6 ,.gold .cls-8 ,.gold .cls-9 
{fill:yellow;}
.dark .cls-2 ,.dark .cls-3 ,.dark .cls-4 ,.dark .cls-6 ,.dark .cls-8 ,.dark .cls-9 
{fill:white;}