/* html {
scroll-behavior: smooth;
}
body {
background : #eff5f7;
font-family : "Dubai-Regular", sans-serif;
-ms-overflow-style: scrollbar;
}
.text-primary {
color: #002F70 !important;
}
.text-secondary {
color: #32AFFC !important;
}
.skip-main {
background: #00a5b8;
color : #fff !important;
border : solid 1px #ffffff;
position : absolute;
top : auto;
width : 1px;
height : 1px;
overflow : hidden;
z-index : -999;
color : #fff;
left : -999px;
outline : 0px;
}
.skip-main:focus,
.skip-main:active {
left : 50%;
top : auto;
width : 200px;
height : auto;
overflow : auto;
margin : 4px 0px;
margin-left : -100px;
padding : 3px 8px;
border-radius: 9px;
text-align : center;
z-index : 999;
}
a,
a:hover {
text-decoration: none;
}
.img-responsive {
width: 100%;
}
ul {
list-style: none;
margin : 0;
padding : 0;
}
.pre_loader {
width : 100%;
height : 100%;
background : #ffffff;
position : fixed;
top : 0px;
left : 0px;
z-index : 999;
justify-content: center;
display : inline-flex;
align-items : center;
overflow : hidden;
}
.pre_loader img,
.pre_loader svg {
width : 300px;
height : 300px;
position: absolute;
top : 0px;
right : 0px;
bottom : 0px;
left : 0px;
margin : auto;
}
.pre_loader.loaded {
display: none;
}
.topbar {
width : 100%;
height : 40px;
background : #002F70;
/* position : fixed;
top : 0px;
left : 0px;
z-index : 99;
}
.tool-wrap {
-ms-flex : 630px;
flex : 630px;
max-width: 750px;
padding : 0px;
}
.mob-menu-btn {
display: none;
}
h1.logo-title {
display : inline-block;
margin : 0px;
height : 40px;
line-height: 0;
}
.tobar_logo {
height : 40px;
display: inline-block;
padding: 12px 0px;
margin : 0px 15px;
}
.tool-wrap .tool_bar {
position: relative;
float : left;
}
.tool_bar>li {
float: left;
}
.tool_bar>li>a {
height : 40px;
display : inline-block;
color : #fff;
font-size: 0.875em;
padding : 8px 15px;
}
.tool_bar>li>a>img,
.tool_bar>li>a>svg {
width : 25px;
height : 25px;
display : inline-block;
vertical-align: middle;
}
.tool_bar>li>a>span {
display : inline-block;
vertical-align: middle;
}
/*
.tool_bar .social_wrap {
position: relative;
}
.tool_bar .social_icons {
display : none;
width : 104px;
background : #fff;
padding : 10px;
border-radius : 0px 0px 20px 20px;
position : absolute;
top : 100%;
left : 50%;
margin-left : -51px;
-webkit-box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 21%);
-moz-box-shadow : 0px 3px 5px -1px rgba(0, 0, 0, 0.21);
box-shadow : 0px 3px 5px -1px rgb(0 0 0 / 21%);
}
.tool_bar .social_icons li {
display: inline-block;
width : 25px;
}
.tool_bar .social_icons img,
.tool_bar .social_icons svg {
width: 25px;
}
/*
.tool-wrap .accessibility-bar {
z-index: 3;
}
.accessibility-bar>li:hover>a {
background: #ffffff;
color : #002F70;
}
.accessibility-bar>li>a>svg {
fill: #ffffff;
}
.accessibility-bar>li:hover>a>svg {
fill: #002F70;
}
.tool-wrap .settings-bar {
z-index: 2;
}
.settings-bar>li>a {
background : #32affc;
font-family : "Dubai-Bold";
color : white;
text-transform: uppercase;
border-right : solid 1px #cfcfcf;
padding : 8px 10px;
}
.settings-bar>li:hover>a {
background: #32affc;
color : #fff;
}
.settings-bar>li>a>svg {
fill: #002F70;
}
.settings-bar>li:hover>a>svg {
fill: #ffffff !important;
}
.accessibility-bar>li>a.arrow {
padding : 8px 40px 8px 15px;
position: relative;
}
.accessibility-bar>li>a.arrow::after {
content : "";
width : 10px;
height : 10px;
border-left : solid 1px #fff;
border-bottom: solid 1px #fff;
position : absolute;
top : 12px;
right : 22px;
transform : rotate(-45deg);
}
.accessibility-bar>li:hover>a.arrow::after {
border-left : solid 1px #002F70;
border-bottom: solid 1px #002F70;
}
/*
.maincontentwrap {
margin-left: 90px;
padding-top: 40px;
position : relative;
}
.cont_padding {
padding-left : 1em;
padding-right: 1em;
}
.cont_padding_minus {
margin-left : -5em;
margin-right: -5em;
}
.homelogowrap {
position : relative;
background: #ffffff;
z-index : 1;
}
.HomeLogos {
width : 100%;
padding-top: 20px;
position : absolute;
top : 0px;
left : 0px;
z-index : 2;
}
.HomeLogos-inner {
width : 100%;
background : #fff;
/* padding-top: 40px;
padding-bottom: 20px;
display : flex;
}
.HomeLogos-inner .row {
flex-wrap: nowrap !important;
}
.landingintro {
background: #002F70;
height : calc(100vh - 40px);
overflow : hidden;
position : relative;
}
.MouseScroll {
position : absolute;
bottom : 40px;
left : 50%;
margin-left: -20px;
}
.introslider {
position: relative;
}
.introslider .slick-slide {
padding: 0px;
}
.introslider .item {
position: relative;
}
.introslider .item:before {
content : "";
width : 100%;
height : 65%;
background: rgb(255, 255, 255);
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 23, 25, 1) 100%);
position : absolute;
top : 0;
left : 0;
z-index : 1;
}
.introslider .item img {
height : 100%;
position : absolute;
top : 0px;
left : 0px;
object-fit: cover;
}
.introslider .slidercontent {
width : 100%;
position: relative;
z-index : 1;
}
.slidercontent .container-fluid {
margin-top: 160px;
}
.introslider .slidercontent h2 {
font-family: "Dubai-Bold";
font-size : 3.125em;
color : #fff;
margin : 0;
}
.introslider .slidercontent span {
font-family: "Dubai-Light";
font-size : 3.125em;
color : #fff;
display : block;
}
.introslider .Slick_Nav_Wrapp {
position : absolute;
top : 410px;
left : 0px;
text-align: left;
}
.introslider .slick-dots li button {
background: #ffffff;
color : #000000;
}
.introslider .slick-dots li.slick-active button {
background: #000000;
color : #ffffff;
}
/*
.introserviceswrap {
display: block;
}
.introservice {
width : 425px;
position: absolute;
top : 160px;
right : 30px;
z-index : 2;
}
.introservice h1 {
font-family: "Dubai-Medium";
color : #ffffff;
font-size : 2.25em;
}
.introservitem {
display : block;
background : #fff;
border-radius: 10px;
padding : 18px 23px;
margin-bottom: 10px;
}
.introservitem img,
.introservitem svg {
margin-bottom: 10px;
fill : #002F70;
}
.introservitem span {
display : block;
font-family: "Dubai-Medium";
font-size : 1.125em;
color : #000;
line-height: 18px;
height : 36px;
}
.introservitem span.second {
font-family: "Dubai-Bold";
font-size : 0.938em;
}
.introservitem:hover {
background: #002F70;
}
.introservitem:hover svg {
fill: #ffffff !important;
}
.introservitem:hover span {
color: #fff !important;
}
/*
.smart-salem {
height : 190px;
background : #628612;
border-radius: 10px;
overflow : hidden;
}
.smart-salem::after {
content: "";
clear : both;
display: block;
}
.smart-salem .primary-info {
width : 60%;
height : 190px;
float : left;
background: #002F70;
padding : 53px 64px;
position : relative;
}
.smart-salem .primary-info .salemlogo {
width: 215px;
float: left;
}
.smart-salem .primary-info p {
width : calc(100% - 215px);
float : left;
font-family: "Dubai-Medium";
font-size : 1.5em;
line-height: 25px;
color : #fff;
margin : 0px;
padding : 16px 30px;
}
.smart-salem .primary-info::before {
content : "";
position : absolute;
top : 0;
right : -64px;
width : 0;
height : 0;
border : 0 solid transparent;
border-bottom-width: 95px;
border-top-width : 95px;
border-left : 65px solid #93ac5b;
}
.smart-salem .secondary-info {
width : 40%;
height : 190px;
float : left;
position: relative;
padding : 70px 40px 70px 105px;
}
.smart-salem .secondary-info::before {
content : "";
position : absolute;
top : 0;
left : -1px;
width : 0;
height : 0;
border : 0 solid transparent;
border-bottom-width: 95px;
border-top-width : 95px;
border-left : 43px solid #002F70;
}
.smart-salem .secondary-info .img-info {
margin-right: 40px;
}
.Footer {
display: block;
}
.Footer .h1,
.Footer .h2,
.Footer .h3,
.Footer .h4,
.Footer .h5,
.Footer .h6,
.Footer h1,
.Footer h2,
.Footer h3,
.Footer h4,
.Footer h5,
.Footer h6 {
font-family: "Dubai-Medium";
}
.Footer .level-1 {
background: #002F70;
padding : 60px 0px;
}
.Footer .level-2 {
background: #002F70;
padding : 10px 0px;
border-top: 1px solid #ffffff;
}
.Footer .level-3 {
background: #ffffff;
padding : 40px 0px;
}
.Footer .menu-title {
font-size : 1em;
color : #fff;
margin-bottom: 13px;
margin-top : 0px !important;
}
.foot-menu {
margin : 0;
padding: 0;
}
.foot-menu li {
margin-bottom: 13px;
}
.foot-menu li a {
font-family: "Dubai-regular";
font-size : 1em;
color : #ffffff;
height : 24px;
}
.foot-menu li a.icon {
padding-left: 32px;
position : relative;
}
.foot-menu li a.icon {
padding-left: 32px;
position : relative;
}
.foot-menu li a.icon img,
.foot-menu li a.icon svg {
position: absolute;
left : 0px;
top : 0px;
margin : 0px;
}
.foot-menu li a img,
.foot-menu li a svg {
fill: #587a0e;
}
.Footer .icon-List {
margin-bottom: 20px;
text-align : right;
padding-top : 15px;
}
.Footer .icon-List li {
display : inline-block;
margin-right: 5px;
}
.Footer .icon-List li a {
width : 24px;
height : 25px;
display : block;
color : #fff;
overflow : hidden;
text-indent: 50px;
}
.Footer .icon-List li a img,
.Footer .icon-List li a svg {
float: left;
fill : #9bd1f3;
}
.Footer .icon-List.social img,
.Footer .icon-List.social svg {
fill: #8b8b8b;
}
.Footer .entity-logo {
display : inline-block;
width : 200px;
text-indent : -300px;
overflow : hidden;
color : #fff;
position : relative;
margin-bottom: 20px;
}
.Footer .entity-logo img,
.Footer .entity-logo svg {
width: 100%;
float: left;
fill : white;
}
.Footer .entity-logo b {
position: absolute;
top : 0px;
left : -100%;
opacity : 0;
}
.Footer .FootSettingsMenu li {
display : inline-block;
margin-right: 15px;
}
.Footer .FootSettingsMenu li a {
display : block;
font-size: 1em !important;
color : #fff;
}
.Footer .level-2 p {
font-size : 1em !important;
color : #fff;
margin : 0px;
padding-top: 15px;
text-align : left;
}
.footer_text {
width : 80%;
color : #9ad0f4;
text-align: justify;
padding : 20px 20px;
}
.foot_menu {
/* width: 100%; */
/* padding-top: 15px;
}
.foot_menu a {
color : #ffffff;
text-align: justify;
padding : 20px 20px;
font-size : 1em;
}
.donate_btn {
padding : 0px 0px !important;
margin : 30px 0px 0px;
font-size: 1.3em;
}
ul.Entities {
margin-left : -15px;
margin-right: -15px;
}
.Entities li {
width : 20%;
float : left;
text-align : center;
padding : 0px 15px;
margin-bottom: 20px;
}
.Footer .Entities li {
margin-bottom: 0px;
}
.Entities li a {
display : block;
background : #ffffff;
padding : 10px;
border-radius: 10px;
}
.Entities li a img {
max-width: 100%;
height : 60px;
}
.Footer .DB {
display: block;
}
.Footer .FL {
float: left;
}
.Footer .FR {
float: right;
}
/*
.HeaderSearch {
background : #ffffff;
width : 100%;
height : 450px;
position : fixed;
top : 40px;
left : 0px;
z-index : 99;
padding-left : 100px;
display : none;
-webkit-box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 21%);
-moz-box-shadow : 0px 3px 5px -1px rgba(0, 0, 0, 0.21);
box-shadow : 0px 3px 5px -1px rgb(0 0 0 / 21%);
}
.HeaderSearch.show {
display: block;
}
.HeaderSearch.hide {
display: none;
}
.search_title {
position : relative;
margin : 50px 0px 40px 0px;
padding-right: 30px;
}
.search_title h1 {
font-size: 2.25em;
color : #000000;
}
a.close_srch {
width : 25px;
height : 25px;
background : #ffffff;
overflow : hidden;
color : #000000;
text-indent: -100px;
position : absolute;
top : 70px;
right : 40px;
margin-top : -10px;
}
a.close_srch::before,
a.close_srch::after {
content : "";
width : 30px;
height : 0px;
border-top: 2px solid #000;
position : absolute;
top : 12px;
left : -3px;
}
a.close_srch::before {
transform: rotate(-45deg);
}
a.close_srch::after {
transform: rotate(45deg);
}
.SearchWrap {
position: relative;
}
.SearchWrap .main_srch {
width : 100%;
background : #F5FAFB;
margin-bottom: 10px;
border : solid 1px #c9c9c9;
border-radius: 10px;
}
.HeaderSearch .main_srch {
position: absolute;
top : 0px;
left : 0px;
z-index : 1;
}
.SearchWrap .main_srch input[type="text"] {
width : 100%;
height : 50px;
background : #ffffff;
border-radius: 10px;
border : 0px;
padding : 0px 44px 0px 21px;
outline : 0px;
font-family : "Dubai-Medium";
font-size : 1.125em;
position : relative;
z-index : 1;
margin : 0px;
}
.SearchWrap .main_srch input[type="text"]:focus {
box-shadow: none;
background: #f5fafb;
}
.SearchWrap .main_srch input[type="text"]::-webkit-input-placeholder {
font-family: "Dubai-Regular";
font-size : 1.125em;
color : #4e4545;
}
.SearchWrap .main_srch input[type="text"]::-moz-placeholder {
font-family: "Dubai-Regular";
font-size : 1.125em;
color : #757575;
}
.SearchWrap .main_srch input[type="text"]:-ms-input-placeholder {
font-family: "Dubai-Regular";
font-size : 1.125em;
color : #757575;
}
.SearchWrap .main_srch input[type="text"]:-moz-placeholder {
font-family: "Dubai-Regular";
font-size : 1.125em;
color : #757575;
}
.SearchWrap .main_srch a {
width : 35px;
height : 35px;
padding : 5px 6px;
border-radius: 10px;
color : #000;
text-indent : -150px;
overflow : hidden;
position : absolute;
top : 7px;
right : 5px;
z-index : 2;
}
.SearchWrap .main_srch a.nav-focus {
background: #f5fafb;
color : #000000;
}
.SearchWrap .main_srch a svg,
.SearchWrap .main_srch a img,
.SearchWrap .main_srch button img,
.SearchWrap .main_srch button svg {
float: left;
fill : #002F70 !important;
}
.main_srch .output {
width : 100%;
max-height: 218px;
list-style: none;
padding : 0px 20px 15px 20px;
display : none;
overflow : auto;
}
.main_srch .output li:first-child {
border-top: solid 1px #9B9B9B;
}
.main_srch .output li {
width : 100%;
cursor : pointer;
padding-top: 8px;
}
.main_srch .prediction-item span {
display : block;
padding : 3px 0px;
font-family: "Dubai-Medium";
font-size : 1em;
}
.main_srch .prediction-item span strong {
color : #002F70;
font-family: "Dubai-Medium";
font-weight: inherit;
}
/*
.srch_cate_wrap {
-ms-flex : 540px;
flex : 540px;
max-width: 540px;
}
.srch_category {
height : 52px;
background : #E6EFF1;
border-radius: 10px;
padding : 11px 10px;
position : relative;
}
.srch_category ul {
margin : 0;
padding: 0;
}
.srch_category>ul>li {
display: inline-block;
padding: 0px;
}
.srch_category ul li button {
height : 30px;
background : #fff;
display : block;
line-height : 30px;
padding : 0px 10px;
border-radius : 5px;
font-family : "Dubai-Bold";
font-size : 0.875em;
color : #2e2e2e;
text-transform: uppercase;
border : 0px;
}
.srch_category ul li button.active {
background: #587A0E;
color : #fff;
}
.select_list {
width : 100%;
border : 1px solid #587A0E;
display : inline-block;
padding : 0;
border-radius: 9px;
overflow : hidden;
position : absolute;
top : 0px;
left : 0px;
z-index : 1;
}
.select_list::after {
content : "";
width : 10px;
height : 10px;
border-left : solid 1px #fff;
border-bottom: solid 1px #fff;
position : absolute;
top : 17px;
right : 10px;
transform : rotate(-45deg);
}
.select_list.open::after {
transform: rotate(135deg);
top : 22px;
}
.srch_category .select_list li {
display : none;
cursor : pointer;
padding : 0px;
border-top: 1px solid #587a0e;
}
.select_list li:first-child {
display : block;
border-top: 0px;
}
.srch_category .select_list li button {
width : 100%;
height : 50px;
border : 0px;
text-align : left;
border-radius: 0px;
line-height : 14px;
font-size : 0.813em;
}
.select_list li:first-child button {
background: #587A0E;
color : #fff;
}
.select_list li:hover {
background-color: #ddd;
}
.select_list li:first-child:hover {
background-color: transparent;
}
.select_list.open li {
display: block;
}
.select_list span:before {
position: absolute;
top : 5px;
right : 15px;
content : "\2193";
}
.select_list.open span:before {
content: "\2191";
}
/*
.Popular_Searches {
padding-top: 40px;
}
.Popular_Searches h1 {
font-size: 1.375em;
}
.Popular_Searches a {
display : inline-block;
height : 24px;
line-height : 23px;
background : #fff;
font-size : 0.813em;
color : #002F70;
border : solid 1px #002F70;
padding : 0px 15px;
border-radius: 15px;
margin-bottom: 10px;
}
/*
.filter-title {
border-bottom : solid 1px #d6d6d6;
position : relative;
padding-top : 5px;
padding-bottom: 20px;
}
.filter-title h1 {
font-size : 1.375em;
margin-bottom: 0px;
}
.filter-title svg {
width : 23px;
fill : #000000 !important;
margin-top: -4px;
}
.filter-title h5 {
font-family : "Dubai-Medium";
font-size : 1.125em;
margin-bottom: 0px;
}
.filter-title * {
display : inline-block;
vertical-align: middle;
}
.filter-title a.Filter_Reset {
font-size: 0.875em;
color : #757575;
position : absolute;
top : 10px;
right : 0px;
}
.filter-title a.Filter_Close {
width : 30px;
height : 30px;
background : #ffffff;
color : #000;
overflow : hidden;
text-indent: -100px;
position : absolute;
top : 3px;
right : 0px;
display : none;
}
.filter-title a.Filter_Close::before,
.filter-title a.Filter_Close::after {
content : "";
width : 100%;
height : 0px;
border-top : solid 1px #000;
position : absolute;
top : 50%;
left : 50%;
margin-top : 0px;
margin-left: -15px;
}
.filter-title a.Filter_Close::before {
transform: rotate(-45deg);
}
.filter-title a.Filter_Close::after {
transform: rotate(45deg);
}
.FilterWrap .deselect {
font-size : 0.875em;
color : #757575;
float : right;
margin-top : 8px;
margin-bottom: 10px;
}
.FilterWrap .FilterList {
padding : 0px 5px;
max-height: 170px;
overflow-y: auto;
}
.FilterWrap .FilterList_scroll {
padding : 0px 5px;
max-height: 180px;
overflow-y: auto;
}
.FilterWrap .FilterList_scroll::-webkit-scrollbar-track {
background-color: #CCE2E4;
border-radius : 10px;
}
.FilterWrap .FilterList_scroll::-webkit-scrollbar {
width: 10px;
}
.FilterWrap .FilterList_scroll::-webkit-scrollbar-thumb {
background-color: #002F70;
border-radius : 10px;
}
/*
.FilterTools {
margin-bottom: 40px;
}
.FilterTools h1 {
font-size : 1.375em;
display : inline-block;
vertical-align: middle;
margin-top : 13px;
}
.FilterTools .sort_list {
float: right;
}
.FilterTools .sortby {
display : inline-block;
vertical-align: middle;
}
.FilterTools .sortby span {
font-size: 0.875em;
}
.FilterTools .sortby select,
.FilterTools .sortby .sbHolder {
width: 175px;
}
.FilterTools .change_view {
display : inline-block;
vertical-align: middle;
margin-left : 10px;
}
.FilterTools .change_view a {
width : 50px;
height : 50px;
border-radius : 10px;
background : #ffffff;
color : #000;
display : inline-block;
vertical-align: middle;
margin-left : 15px;
padding : 9px;
overflow : hidden;
text-indent : -100px;
}
.FilterTools .change_view a.active {
background: #002F70;
color : #ffffff;
}
.FilterTools .change_view a img,
.FilterTools .change_view a svg {
width : 32px;
height: 32px;
float : left;
}
.FilterTools .change_view a.active svg {
fill: #ffffff;
}
.FilterTools .mob_filter_btn {
width : 90px;
height : 50px;
line-height : 30px;
border-radius : 10px;
background : #ffffff;
text-align : center;
color : #000;
vertical-align: middle;
margin-left : 15px;
padding : 10px;
overflow : hidden;
display : inline-block;
display : none;
}
.FilterTools .mob_filter_btn img,
.FilterTools .mob_filter_btn svg {
margin-top: -3px;
}
/**/
/*.pagination {
float: right;
padding: 6px 0px;
}
.pagination > a {
display: inline-block;
vertical-align: middle;
}
.pagination > a svg,
.pagination svg {
fill: #000000;
}
.pagination ul {
display: inline-block;
vertical-align: middle;
}
.pagination ul li {
display: inline-block;
vertical-align: middle;
}
.pagination ul li a {
width: 36px;
height: 36px;
line-height: 36px;
border: solid 1px #C3C3C3;
border-radius: 5px;
background: #fff;
display: block;
text-align: center;
font-size: 1.125em;
color: #757575;
}*/
/*
.Simple_Pagination {
float: right;
}
.Simple_Pagination ul li {
display : inline-block;
margin : 0px 3px;
vertical-align: middle;
}
.Simple_Pagination ul li span,
.Simple_Pagination ul li a {
width : 36px;
height : 36px;
line-height : 36px;
border : solid 1px #C3C3C3;
border-radius: 5px;
background : #fff;
display : block;
text-align : center;
font-size : 1.125em;
color : #757575;
}
.Simple_Pagination ul li .current {
border: solid 2px #002F70;
}
.Simple_Pagination ul li .prev,
.Simple_Pagination ul li .next {
position : relative;
border : 0px !important;
background : none !important;
color : #5a5a5a;
overflow : hidden;
text-indent: -100px;
}
.Simple_Pagination ul li .prev::before,
.Simple_Pagination ul li .next::before {
content : "";
width : 36px;
height : 36px;
position: absolute;
left : 0px;
top : 0px;
}
.Simple_Pagination ul li .prev::before {
background: url("../img/icons/pagination-left.svg") no-repeat center;
}
.Simple_Pagination ul li .next::before {
background: url("../img/icons/pagination-right.svg") no-repeat center;
}
/***
.ui-widget.ui-widget-content {
border : 0px;
-webkit-box-shadow: 0 0 0.25em rgb(0 0 0 / 30%);
box-shadow : 0 0 0.25em rgb(0 0 0 / 30%);
}
.ui-datepicker-header {
background : #fff;
border : 0px;
font-weight: normal;
font-family: "Dubai-bold";
color : #002F70;
}
.ui-datepicker td span,
.ui-datepicker td a {
border : 0px !important;
text-align: center;
background: #f5fafb;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
background: #002F70;
color : #fff;
}
.ui-datepicker th {
font-weight: normal;
font-family: "Dubai-Medium";
}
/*
.carousel1 .slick-slide {
padding: 0;
}
.carousel1 .item,
.carousel1 .img-holder {
float: left;
}
.carousel1 .Slick_Nav_Wrapp {
position : absolute;
left : 0px;
bottom : 0px;
background : rgb(255 255 255 / 43%);
padding-top : 10px;
padding-bottom: 10px;
}
.slick-dots li button {
background: #e1e1e1;
}
.vertical_center {
margin : 0;
position : absolute;
top : 50%;
-ms-transform: translate(0%, -50%);
transform : translate(0%, -50%);
}
.covid-intro-info {
background-image: url("../img/assets/guideline-bg.jpg");
background-size : cover;
padding : 15px;
}
.covid-intro-info .covid-info {
padding: 22% 30px 0px 30px;
}
.covid-intro-info .download_GL {
padding: 70px 30px 40px 30px;
}
.covid-intro-info h1 {
font-size : 2.25em;
color : #ffffff;
margin-bottom: 20px;
}
.covid-intro-info p {
font-size: 1.375em;
color : #ffffff;
}
/*
.Accessibility_wrap {
position: fixed;
left : 0px;
width : 100%;
}
.Accessibility {
width : 100%;
height : 290px;
background : #ffffff;
position : fixed;
top : 40px;
left : 0px;
z-index : 99;
/* padding-left : 100px;
padding-top : 45px;
padding : 3rem;
-webkit-box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 21%);
-moz-box-shadow : 0px 3px 5px -1px rgba(0, 0, 0, 0.21);
box-shadow : 0px 3px 5px -1px rgb(0 0 0 / 21%);
display : none;
}
.Accessibility.show {
display: block;
}
a.close_accessibility {
width : 25px;
height : 25px;
background : #ffffff;
overflow : hidden;
color : #000000;
text-indent: -100px;
position : absolute;
top : 50px;
right : 40px;
margin-top : -10px;
z-index : 99;
display : none;
}
a.close_accessibility::before,
a.close_accessibility::after {
content : "";
width : 30px;
height : 0px;
border-top: 2px solid #000;
position : absolute;
top : 12px;
left : -3px;
}
a.close_accessibility::before {
transform: rotate(-45deg);
}
a.close_accessibility::after {
transform: rotate(45deg);
}
a.close_accessibility.show {
display: block;
}
.HeaderSearch {
background : #ffffff;
width : 100%;
height : 450px;
position : fixed;
top : 40px;
left : 0px;
z-index : 99;
padding-left : 100px;
display : none;
-webkit-box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 21%);
-moz-box-shadow : 0px 3px 5px -1px rgba(0, 0, 0, 0.21);
box-shadow : 0px 3px 5px -1px rgb(0 0 0 / 21%);
}
.Accessibility h1 {
font-family : "Dubai-Bold";
font-size : 1em;
text-transform: uppercase;
margin-bottom : 30px;
}
.Accessibility p {
font-size: 0.875em;
}
.Accessibility p a {
font-family : "Dubai-Bold";
text-decoration: underline;
color : #000000;
}
.Accessibility a.circle {
width : 30px;
height : 30px;
display : inline-block;
border : solid 1px #878787;
border-radius: 30px;
text-align : center;
line-height : 28px;
font-size : 1em;
color : #000;
margin-right : 14px;
overflow : hidden;
}
.Accessibility a.default {
background: #000;
color : #fff;
}
.Accessibility a img,
.Accessibility a svg {
width : 16px;
height: auto;
}
.Accessibility a.readspeaker {
margin-bottom: 16px;
padding : 6px 0px 0px 6px;
text-indent : -160px;
}
.Accessibility a.readspeaker img,
.Accessibility a.readspeaker svg {
float: left;
}
.Accessibility ul {
margin : 0;
padding: 0;
}
.Accessibility ul li {
display: inline-block;
}
.Accessibility ul.Theme_List li {
display: block;
}
.Accessibility ul.Theme_List a {
height : 21px;
display : inline-block;
font-size : 0.875em;
color : #000;
padding : 0px 0px 0px 35px;
position : relative;
margin-bottom: 10px;
line-height : 21px;
}
.Accessibility ul.Theme_List a::before {
content : "";
position : absolute;
top : 1px;
left : 0;
width : 19px;
height : 19px;
background : #ffffff;
border-radius : 20px;
border : solid 3px #ffffff;
-webkit-box-shadow: 0px 0px 0px 1px #878787;
-moz-box-shadow : 0px 0px 0px 1px #878787;
box-shadow : 0px 0px 0px 1px #878787;
}
.Accessibility ul.Theme_List a.dha_theme::before {
background: #000000;
}
/*
.Sheryan_Banner .placeholder {
height: 400px;
}
.Sheryan_Banner {
min-height: 380px;
position : relative;
overflow : hidden;
padding : 127px 250px;
}
.Sheryan_Banner img.banner_image {
width : 100%;
height : 100%;
position : absolute;
top : 0px;
left : 0px;
object-fit: cover;
}
.Sheryan_Banner img.Logo {
width : 100%;
max-width: 235px;
height : auto;
}
.Sheryan_Banner h1 {
font-size: 2.25em;
color : #ffffff;
}
.Sheryan_Banner p {
font-size: 1.125em;
color : #ffffff;
}
/****************************************************************************
.Tab_Wrap {
padding: 0px 10px;
}
@media screen and (max-width: 580px) {
.Tab_Wrap {
padding: 0px;
}
}
.TabsMenu {
display : -ms-flexbox;
display : flex;
-ms-flex-wrap: nowrap;
flex-wrap : nowrap;
margin-bottom: 0px;
gap: 16px;
}
.TabsMenu li {
-ms-flex-preferred-size: 0;
flex-basis : 0;
-ms-flex-positive : 0;
flex-grow : 0;
max-width : 100%;
width: 228px;
height: 120px;
}
.TabsMenu li a {
display: block;
width: 228px;
height: 120px;
border-radius: 12px;
padding: 16px;
font-family : "Dubai-Medium";
font-size : 1.375em;
background-color: #E5EBF0;
border: 1px solid #CCD6E0;
color: #002F70;
}
.TabsMenu li a img,
.TabsMenu li a svg {
width : 24px;
height : 24px;
margin-bottom: 10px;
}
.TabsMenu li a svg {
fill: #ffffff;
}
.TabsMenu li a.active {
border: 1px solid #32AFFC;
background-color: #32AFFC;
color : #ffffff;
}
.TabsMenu li a.active svg {
fill: #ffffff;
}
.TabContent {
background : #ffffff;
margin-top: 20px;
}
.TabContent .TabCont_Item {
display: none;
}
.TabContent .TabCont_Item:first-child {
display: block;
width: 470px;
}
.Virt_Key {
position: relative;
}
a.keyboard {
display : block;
width : 24px;
height : 24px;
text-indent: -130px;
overflow : hidden;
color : #000000;
position : absolute;
top : 12px;
right : 12px;
}
a.keyboard img,
a.keyboard svg {
max-width: 24px;
height : auto;
float : left;
}
@media print {
.sidebarwrap,
.Footer .level-1,
.Footer .level-3,
.tool-wrap,
.Dha_Chat_Btn,
.DHA_Chat_Wrap {
display: none !important;
}
.maincontentwrap {
margin-left: 0px !important;
}
.form-group {
display: grid;
}
.form-group label:nth-of-type(0) {
order: 1;
}
.form-group input:nth-of-type(1) {
order: 2;
}
}
#twitterFeed .slick-slide li {
background : #fff;
padding : 25px 12px;
border-radius: 15px;
}
#twitterFeed li .media-row {
width : 100%;
display: flex;
}
#twitterFeed li .media.disabled {
width : 30%;
float : left;
padding: 0px 5px;
}
#twitterFeed li .media {
max-width: 33%;
}
#twitterFeed li .media img {
max-width: 100%;
border : 1px solid #fff;
}
#twitterFeed li .timePosted a {
color: #999999;
}
#twitterFeed li .tweet {
font-size : 16px;
font-weight: bolder;
}
#twitterFeed li .interact a {
display: inline-block;
width : 26px;
height : 26px;
color : transparent;
margin : 0px 6px;
}
#twitterFeed li .interact .twitter_reply_icon {
background: url("../img/icons/twittericon_02.jpg") no-repeat center center / contain;
}
#twitterFeed li .interact .twitter_retweet_icon {
background: url("../img/icons/twittericon_04.jpg") no-repeat center center / contain;
}
#twitterFeed li .interact .twitter_fav_icon {
background: url("../img/icons/twittericon_06.jpg") no-repeat center center / contain;
}
#twitterFeed li .user {
display : flex;
margin-bottom: 10px;
}
#twitterFeed li .user img {
width : 52px;
height : 52px;
border-radius: 50%;
border : 1px solid #fff;
margin-right : 10px;
}
#twitterFeed li .user a {
color: #111111;
}
#twitterFeed li .user a div>span:nth-child(2) {
color : #888888;
display: block;
}
#twitterFeed li .user a span>span:nth-child(2) {
color : #ffffff;
background : rgb(29, 155, 240);
display : inline-block;
width : 20px;
height : 20px;
padding : 3px 0px 0px 4.5px;
font-size : 12px;
border-radius: 50%;
}
.result_card.filter_result_item .card {
display: flex;
height : 100%;
}
#LatifaBox {
background: -webkit-gradient (linear, left top, right top, from(#1a9172), to(#007780));
}
#LatifaBox iframe {
border : 0;
overflow: hidden;
height : 420px;
width : 100%;
}
.react-datepicker__month-select,
.react-datepicker__year-select {
height: auto;
}
.notify-msg {
position : relative;
min-height : 55px;
padding-left: 95px;
}
.notify-msg img,
.notify-msg svg {
position : absolute;
top : 50%;
left : 0px;
margin-top: -27px;
height : 55px;
fill : #1DB6C9;
}
.success .notify-msg img,
.success .notify-msg svg {
fill: #1DB96F;
}
#link_print,
#div_ScreenReader {
display: none !important;
}
.TermsConditionText,
.ValidationSummary ul {
padding-left : 40px !important;
list-style-type: disc;
}
.TermsConditionText .TermsConditionText {
list-style-type: circle;
}
.services label {
color : #999;
font-weight: 300;
}
.accessibility-bar li a:hover,
.accessibility-bar li a:focus {
text-decoration: none !important;
}
.Dha_Chat_Btn {
height : 50px;
display : inline-block;
background : #002F70;
padding : 14px 20px;
border-radius : 10px;
font-family : "Dubai-Bold";
font-size : 1em;
color : #ffffff !important;
text-transform: uppercase;
position : fixed;
right : 10px;
bottom : 10px;
z-index : 3;
}
.DHA_Chat_Wrap {
width : 550px;
transition: all 0.5s ease-out;
position : fixed;
bottom : -100%;
right : 10px;
z-index : 3;
opacity : 0;
}
.DHA_Chat_Wrap.ShowChat {
bottom : 0%;
opacity: 1;
}
a.Chat_Close {
width : 32px;
height : 32px;
background : #32affc;
border-radius : 32px;
color : #fff;
overflow : hidden;
text-indent : -100px;
-webkit-box-shadow: 0px -2px 5px 0px rgb(0 0 0 / 50%);
-moz-box-shadow : 0px -2px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow : 0px -2px 5px 0px rgb(0 0 0 / 50%);
position : absolute;
top : -45px;
right : 0px;
}
.ChatTabsMenu {
display : -ms-flexbox;
display : flex;
-ms-flex-wrap: wrap;
flex-wrap : wrap;
margin-left : -0.5px;
margin-right : -0.5px;
margin-bottom: 0px;
}
.ChatTabsMenu li {
-ms-flex-preferred-size: 0;
flex-basis : 0;
-ms-flex-positive : 1;
flex-grow : 1;
max-width : 100%;
padding : 0px 0.5px;
}
.ChatTabsMenu li a {
height : 60px;
display : block;
background : #002F70;
padding : 12px 15px 10px 43px;
border-radius : 10px 10px 0px 0px;
color : #fff;
position : relative;
-webkit-box-shadow: 0px -2px 5px 0px rgb(0 0 0 / 50%);
-moz-box-shadow : 0px -2px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow : 0px -2px 5px 0px rgb(0 0 0 / 50%);
}
.ChatTabsMenu li a img,
.ChatTabsMenu li a svg {
width : 24px;
height : auto;
position: absolute;
left : 9px;
top : 12px;
fill : #ffffff;
}
.ChatTabsMenu li a b {
font-weight: normal;
font-family: "Dubai-Bold";
font-size : 1em;
display : block;
line-height: 15px;
}
.ChatTabsMenu li a small {
font-size : 0.75em;
white-space: nowrap;
}
a.Chat_Close::before {
transform: rotate(-45deg);
}
a.Chat_Close::before,
a.Chat_Close::after {
content : "";
width : 60%;
height : 0px;
border-top : solid 1px #fff;
position : absolute;
top : 50%;
left : 50%;
margin-top : 0px;
margin-left: -10px;
}
a.Chat_Close::after {
transform: rotate(45deg);
}
a.open-chat-box {
bottom: 60px !important;
}
.chatbox-container-new {
right: 8px !important;
}
.ChatTabContent {
background : #fff;
-webkit-box-shadow: 0px -2px 5px 0px rgb(0 0 0 / 50%);
-moz-box-shadow : 0px -2px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow : 0px -2px 5px 0px rgb(0 0 0 / 50%);
}
#LatifaBox {
background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#007780));
}
.ChatTabCont_Item {
overflow: auto;
}
.ChatTabCont_Item iframe {
height: 65vh;
width : 100%;
}
.ChatTabsMenu li a {
text-decoration: none !important;
}
.ChatTabsMenu li a.active {
background: #ffffff !important;
color : #002F70;
}
a.chat-minimize {
width : 32px;
height : 32px;
background : #32affc;
border-radius : 32px;
color : #fff;
overflow : hidden;
text-indent : -100px;
-webkit-box-shadow: 0px -2px 5px 0px rgb(0 0 0 / 50%);
-moz-box-shadow : 0px -2px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow : 0px -2px 5px 0px rgb(0 0 0 / 50%);
position : absolute;
top : -45px;
right : 50px;
}
a.chat-minimize::after {
content : "";
width : 60%;
height : 0px;
border-top : solid 1px #fff;
position : absolute;
top : 50%;
left : 50%;
margin-top : 0px;
margin-left: -10px;
}
.ChatTabsMenu li a.active svg {
fill: #002F70;
}
#btnLogin span {
padding-top: 3px;
}
@media only screen and (max-width: 992px) {
.DHA_Chat_Wrap {
width : 100%;
right : 0px;
padding: 0px 15px;
}
.ChatTabsMenu li a img,
.ChatTabsMenu li a svg {
width : 33px;
height: auto;
}
.ChatTabsMenu li a small {
display: none;
}
a.Chat_Close {
right: 10px;
}
.ChatTabsMenu li a {
padding: 12px 15px 10px 52px;
}
.happinessTrigger {
left : 15px;
z-index: 2;
}
}
.dha_cookies {
background: #000;
width : 100%;
display : flex;
z-index : 999;
}
.dha_cookies a {
color : #587a0e;
font-size : 1em;
text-decoration: none !important;
}
.card-text {
font-family: "Dubai-Regular";
font-size : 1.125em;
color : #757575;
}
.cookie-warning-message.card-text {
color: #fff !important;
}
.card-text small,
.card-text .small {
font-size: 0.875em;
}
#mainContainer .row {
display: inherit !important;
}
.container {
max-width: 100%;
}
label,
.form-group>span.active {
white-space: nowrap;
}
.flex-align-center {
display : flex !important;
align-items: center !important;
}
.maincontentwrap,
header,
.container-fluid.topbar {
overflow: inherit !important;
}
.dropdown ul.dropdown-menu li {
float: left !important;
width: 100% !important;
}
.open>.dropdown-menu li a {
width : 100%;
text-align: left;
}
#dvWelcomeDesktop {
padding-right: 0px !important;
}
.happinessTrigger {
background : #628612;
border : none;
outline : none;
padding : 20px 15px 10px;
border-top-left-radius : 8px;
border-top-right-radius: 8px;
position : fixed;
bottom : 0;
left : 115px;
z-index : 999;
}
.happinessPopupWrap {
position : fixed;
left : 0;
top : 0;
width : 100%;
height : 100%;
overflow : auto;
background : rgba(0, 0, 0, 0.32);
z-index : 999;
display : flex;
align-items : center;
justify-content: center;
}
.happinessPopupWrap .happinessPopup {
background: #fff;
width : 80%;
height : 80%;
max-width : 1000px;
max-height: 500px;
position : relative;
}
.happinessPopupWrap .happinessPopup iframe {
width : 100%;
height: 100%;
}
.happinessClose {
position : absolute;
padding : 0;
right : -16px;
top : -16px;
border : 4px solid #fff;
border-radius: 50%;
background : #fff;
z-index : 9999;
}
header.sticky .navigation {
top : 40px !important;
z-index: 2 !important;
}
.nosidebar .maincontentwrap {
margin-left: 0px !important;
}
.nosidebar .mob-menu-btn,
.nosidebar .top-right-nav {
display: none !important;
}
.nosidebar .happinessTrigger {
left: 10px !important;
}
.sidebarwrap .main-menu>li>a {
text-decoration: none !important;
}
.inboxMenuCSS {
display: table;
}
.divLnkClass {
display: table-cell;
}
.divLnkClass .btn-theme-primary {
padding: 6px 12px !important;
}
.form-signin .form-control+span {
color: #666 !important;
}
@media only screen and (max-width: 768px) {
#dsg-happiness-box {
margin-left: 0px !important;
bottom : 10px !important;
}
.DHA_Chat_Wrap {
z-index: 3;
}
#HeadLoginName {
display: none !important;
}
.dha_cookies {
padding-bottom: 5em;
display : block;
}
.dha_cookies .w-50 {
width: 100% !important;
}
.dropdown-menu {
right: 0 !important;
}
}
@media only screen and (max-width: 576px) {
.ChatTabsMenu li a {
display : flex;
align-items: center;
}
.dha_cookies {
font-size : 0.9em;
padding-bottom: 2em;
}
.TabsMenu li a {
padding : 3px 25px;
font-size: 1em;
}
}
a.chat-minimize.right-reset {
right: 0 !important;
}
ul.tool_bar {
margin-bottom: 0px !important;
} */
html {
scroll-behavior: smooth;
}
body {
background : #eff5f7;
font-family : "Dubai-Regular", sans-serif;
-ms-overflow-style: scrollbar;
}
.skip-main {
background: #00a5b8;
color : #fff !important;
border : solid 1px #ffffff;
position : absolute;
top : auto;
width : 1px;
height : 1px;
overflow : hidden;
z-index : -999;
color : #fff;
left : -999px;
outline : 0px;
}
.skip-main:focus,
.skip-main:active {
left : 50%;
top : auto;
width : 200px;
height : auto;
overflow : auto;
margin : 4px 0px;
margin-left : -100px;
padding : 3px 8px;
border-radius: 9px;
text-align : center;
z-index : 999;
}
a,
a:hover {
text-decoration: none;
}
.img-responsive {
width: 100%;
}
ul {
list-style: none;
margin : 0;
padding : 0;
}
.pre_loader {
width : 100%;
height : 100%;
background : #ffffff;
position : fixed;
top : 0px;
left : 0px;
z-index : 999;
justify-content: center;
display : inline-flex;
align-items : center;
overflow : hidden;
}
.pre_loader img,
.pre_loader svg {
width : 300px;
height : 300px;
position: absolute;
top : 0px;
right : 0px;
bottom : 0px;
left : 0px;
margin : auto;
}
.pre_loader.loaded {
display: none;
}
.topbar {
width: 100%;
height: 88px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #FFFFFF;
border-bottom: 1px solid #E5EBF0;
padding: 0px 96px;
}
.tool-wrap {
-ms-flex : 630px;
flex : 630px;
max-width: 750px;
padding : 0px;
}
.mob-menu-btn {
display: none;
}
h1.logo-title {
display : inline-block;
margin : 0px;
height : 40px;
line-height: 0;
}
.tobar_logo {
height : 40px;
display: inline-block;
padding: 12px 0px;
margin : 0px 15px;
}
.tool-wrap .tool_bar {
position: relative;
float : left;
}
.tool_bar>li {
float: left;
}
.tool_bar>li>a {
height : 40px;
display : inline-block;
color : #fff;
font-size: 0.875em;
padding : 8px 15px;
}
.tool_bar>li>a>img,
.tool_bar>li>a>svg {
width : 25px;
height : 25px;
display : inline-block;
vertical-align: middle;
}
.tool_bar>li>a>span {
display : inline-block;
vertical-align: middle;
}
/**/
.tool_bar .social_wrap {
position: relative;
}
.tool_bar .social_icons {
display : none;
width : 104px;
background : #fff;
padding : 10px;
border-radius : 0px 0px 20px 20px;
position : absolute;
top : 100%;
left : 50%;
margin-left : -51px;
-webkit-box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 21%);
-moz-box-shadow : 0px 3px 5px -1px rgba(0, 0, 0, 0.21);
box-shadow : 0px 3px 5px -1px rgb(0 0 0 / 21%);
}
.tool_bar .social_icons li {
display: inline-block;
width : 25px;
}
.tool_bar .social_icons img,
.tool_bar .social_icons svg {
width: 25px;
}
/**/
.tool-wrap .accessibility-bar {
z-index: 3;
}
.accessibility-bar>li:hover>a {
background: #ffffff;
color : #002F70;
}
.accessibility-bar>li>a>svg {
fill: #ffffff;
}
.accessibility-bar>li:hover>a>svg {
fill: #002F70;
}
.tool-wrap .settings-bar {
z-index: 2;
}
.settings-bar>li>a {
background : #9BD2F4;
font-family : "Dubai-Bold";
color : #000;
text-transform: uppercase;
border-right : solid 1px #cfcfcf;
padding : 8px 10px;
}
.settings-bar>li:hover>a {
background: #32affc;
color : #fff;
}
.settings-bar>li>a>svg {
fill: #002F70;
}
.settings-bar>li:hover>a>svg {
fill: #ffffff !important;
}
.accessibility-bar>li>a.arrow {
padding : 8px 40px 8px 15px;
position: relative;
}
.accessibility-bar>li>a.arrow::after {
content : "";
width : 10px;
height : 10px;
border-left : solid 1px #fff;
border-bottom: solid 1px #fff;
position : absolute;
top : 12px;
right : 22px;
transform : rotate(-45deg);
}
.accessibility-bar>li:hover>a.arrow::after {
border-left : solid 1px #002F70;
border-bottom: solid 1px #002F70;
}
/**/
.maincontentwrap {
margin-left: 90px;
padding-top: 40px;
position : relative;
}
.cont_padding {
padding-left : 1em;
padding-right: 1em;
}
.cont_padding_minus {
margin-left : -5em;
margin-right: -5em;
}
.homelogowrap {
position : relative;
background: #ffffff;
z-index : 1;
}
.HomeLogos {
width : 100%;
padding-top: 20px;
position : absolute;
top : 0px;
left : 0px;
z-index : 2;
}
.HomeLogos-inner {
width : 100%;
background : #fff;
/* padding-top: 40px;
padding-bottom: 20px; */
display : flex;
}
.HomeLogos-inner .row {
flex-wrap: nowrap !important;
}
.landingintro {
background: #002F70;
height : calc(100vh - 40px);
overflow : hidden;
position : relative;
}
.MouseScroll {
position : absolute;
bottom : 40px;
left : 50%;
margin-left: -20px;
}
.introslider {
position: relative;
}
.introslider .slick-slide {
padding: 0px;
}
.introslider .item {
position: relative;
}
.introslider .item:before {
content : "";
width : 100%;
height : 65%;
background: rgb(255, 255, 255);
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 23, 25, 1) 100%);
position : absolute;
top : 0;
left : 0;
z-index : 1;
}
.introslider .item img {
height : 100%;
position : absolute;
top : 0px;
left : 0px;
object-fit: cover;
}
.introslider .slidercontent {
width : 100%;
position: relative;
z-index : 1;
}
.slidercontent .container-fluid {
margin-top: 160px;
}
.introslider .slidercontent h2 {
font-family: "Dubai-Bold";
font-size : 3.125em;
color : #fff;
margin : 0;
}
.introslider .slidercontent span {
font-family: "Dubai-Light";
font-size : 3.125em;
color : #fff;
display : block;
}
.introslider .Slick_Nav_Wrapp {
position : absolute;
top : 410px;
left : 0px;
text-align: left;
}
.introslider .slick-dots li button {
background: #ffffff;
color : #000000;
}
.introslider .slick-dots li.slick-active button {
background: #000000;
color : #ffffff;
}
/**/
.introserviceswrap {
display: block;
}
.introservice {
width : 425px;
position: absolute;
top : 160px;
right : 30px;
z-index : 2;
}
.introservice h1 {
font-family: "Dubai-Medium";
color : #ffffff;
font-size : 2.25em;
}
.introservitem {
display : block;
background : #fff;
border-radius: 10px;
padding : 18px 23px;
margin-bottom: 10px;
}
.introservitem img,
.introservitem svg {
margin-bottom: 10px;
fill : #002F70;
}
.introservitem span {
display : block;
font-family: "Dubai-Medium";
font-size : 1.125em;
color : #000;
line-height: 18px;
height : 36px;
}
.introservitem span.second {
font-family: "Dubai-Bold";
font-size : 0.938em;
}
.introservitem:hover {
background: #002F70;
}
.introservitem:hover svg {
fill: #ffffff !important;
}
.introservitem:hover span {
color: #fff !important;
}
/**/
.smart-salem {
height : 190px;
background : #628612;
border-radius: 10px;
overflow : hidden;
}
.smart-salem::after {
content: "";
clear : both;
display: block;
}
.smart-salem .primary-info {
width : 60%;
height : 190px;
float : left;
background: #002F70;
padding : 53px 64px;
position : relative;
}
.smart-salem .primary-info .salemlogo {
width: 215px;
float: left;
}
.smart-salem .primary-info p {
width : calc(100% - 215px);
float : left;
font-family: "Dubai-Medium";
font-size : 1.5em;
line-height: 25px;
color : #fff;
margin : 0px;
padding : 16px 30px;
}
.smart-salem .primary-info::before {
content : "";
position : absolute;
top : 0;
right : -64px;
width : 0;
height : 0;
border : 0 solid transparent;
border-bottom-width: 95px;
border-top-width : 95px;
border-left : 65px solid #93ac5b;
}
.smart-salem .secondary-info {
width : 40%;
height : 190px;
float : left;
position: relative;
padding : 70px 40px 70px 105px;
}
.smart-salem .secondary-info::before {
content : "";
position : absolute;
top : 0;
left : -1px;
width : 0;
height : 0;
border : 0 solid transparent;
border-bottom-width: 95px;
border-top-width : 95px;
border-left : 43px solid #002F70;
}
.smart-salem .secondary-info .img-info {
margin-right: 40px;
}
.footer {
height: 74px;
display: flex;
align-items: center;
justify-content: start;
background-color: #FFFFFF;
border-top: 1px solid #E5EBF0;
padding: 0px 96px;
}
.Footer {
display: block;
}
.Footer .h1,
.Footer .h2,
.Footer .h3,
.Footer .h4,
.Footer .h5,
.Footer .h6,
.Footer h1,
.Footer h2,
.Footer h3,
.Footer h4,
.Footer h5,
.Footer h6 {
font-family: "Dubai-Medium";
}
.Footer .level-1 {
background: #002F70;
padding : 60px 0px;
}
.Footer .level-2 {
background: #002F70;
padding : 15px 0px;
}
.Footer .level-3 {
background: #ffffff;
padding : 40px 0px;
}
.Footer .menu-title {
font-size : 1em;
color : #fff;
margin-bottom: 13px;
margin-top : 0px !important;
}
.foot-menu {
margin : 0;
padding: 0;
}
.foot-menu li {
margin-bottom: 13px;
}
.foot-menu li a {
font-family: "Dubai-regular";
font-size : 0.85em;
color : #ffffff;
height : 24px;
}
.foot-menu li a.icon {
padding-left: 32px;
position : relative;
}
.foot-menu li a.icon {
padding-left: 32px;
position : relative;
}
.foot-menu li a.icon img,
.foot-menu li a.icon svg {
position: absolute;
left : 0px;
top : 0px;
margin : 0px;
}
.foot-menu li a img,
.foot-menu li a svg {
fill: #587a0e;
}
.Footer .icon-List {
margin-bottom: 20px;
}
.Footer .icon-List li {
display : inline-block;
margin-right: 5px;
}
.Footer .icon-List li a {
width : 24px;
height : 25px;
display : block;
color : #fff;
overflow : hidden;
text-indent: 50px;
}
.Footer .icon-List li a img,
.Footer .icon-List li a svg {
float: left;
fill : #002F70;
}
.Footer .icon-List.social img,
.Footer .icon-List.social svg {
fill: #8b8b8b;
}
.Footer .entity-logo {
display : inline-block;
width : 200px;
text-indent : -300px;
overflow : hidden;
color : #fff;
position : relative;
margin-bottom: 20px;
}
.Footer .entity-logo img,
.Footer .entity-logo svg {
width: 100%;
float: left;
fill : white;
}
.Footer .entity-logo b {
position: absolute;
top : 0px;
left : -100%;
opacity : 0;
}
.Footer .FootSettingsMenu li {
display : inline-block;
margin-right: 15px;
}
.Footer .FootSettingsMenu li a {
display : block;
font-size: 0.75em !important;
color : #fff;
}
.Footer .level-2 p {
font-size : 0.75em !important;
color : #fff;
margin : 0px;
text-align: right;
}
ul.Entities {
margin-left : -15px;
margin-right: -15px;
}
.Entities li {
width : 20%;
float : left;
text-align : center;
padding : 0px 15px;
margin-bottom: 20px;
}
.Footer .Entities li {
margin-bottom: 0px;
}
.Entities li a {
display : block;
background : #ffffff;
padding : 10px;
border-radius: 10px;
}
.Entities li a img {
max-width: 100%;
height : 60px;
}
.Footer .DB {
display: block;
}
.Footer .FL {
float: left;
}
.Footer .FR {
float: right;
}
@media (min-width: 1025px) and (max-width: 1280px) {
.foot-menu {
border-left: 1px solid #dee2e6 !important;
}
}
/**/
.HeaderSearch {
background : #ffffff;
width : 100%;
height : 450px;
position : fixed;
top : 40px;
left : 0px;
z-index : 99;
padding-left : 100px;
display : none;
-webkit-box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 21%);
-moz-box-shadow : 0px 3px 5px -1px rgba(0, 0, 0, 0.21);
box-shadow : 0px 3px 5px -1px rgb(0 0 0 / 21%);
}
.HeaderSearch.show {
display: block;
}
.HeaderSearch.hide {
display: none;
}
.search_title {
position : relative;
margin : 50px 0px 40px 0px;
padding-right: 30px;
}
.search_title h1 {
font-size: 2.25em;
color : #000000;
}
a.close_srch {
width : 25px;
height : 25px;
background : #ffffff;
overflow : hidden;
color : #000000;
text-indent: -100px;
position : absolute;
top : 70px;
right : 40px;
margin-top : -10px;
}
a.close_srch::before,
a.close_srch::after {
content : "";
width : 30px;
height : 0px;
border-top: 2px solid #000;
position : absolute;
top : 12px;
left : -3px;
}
a.close_srch::before {
transform: rotate(-45deg);
}
a.close_srch::after {
transform: rotate(45deg);
}
.SearchWrap {
position: relative;
}
.SearchWrap .main_srch {
width : 100%;
background : #F5FAFB;
margin-bottom: 10px;
border : solid 1px #c9c9c9;
border-radius: 10px;
}
.HeaderSearch .main_srch {
position: absolute;
top : 0px;
left : 0px;
z-index : 1;
}
.SearchWrap .main_srch input[type="text"] {
width : 100%;
height : 50px;
background : #ffffff;
border-radius: 10px;
border : 0px;
padding : 0px 44px 0px 21px;
outline : 0px;
font-family : "Dubai-Medium";
font-size : 1.125em;
position : relative;
z-index : 1;
margin : 0px;
}
.SearchWrap .main_srch input[type="text"]:focus {
box-shadow: none;
background: #f5fafb;
}
.SearchWrap .main_srch input[type="text"]::-webkit-input-placeholder {
font-family: "Dubai-Regular";
font-size : 1.125em;
color : #4e4545;
}
.SearchWrap .main_srch input[type="text"]::-moz-placeholder {
font-family: "Dubai-Regular";
font-size : 1.125em;
color : #757575;
}
.SearchWrap .main_srch input[type="text"]:-ms-input-placeholder {
font-family: "Dubai-Regular";
font-size : 1.125em;
color : #757575;
}
.SearchWrap .main_srch input[type="text"]:-moz-placeholder {
font-family: "Dubai-Regular";
font-size : 1.125em;
color : #757575;
}
.SearchWrap .main_srch a {
width : 35px;
height : 35px;
padding : 5px 6px;
border-radius: 10px;
color : #000;
text-indent : -150px;
overflow : hidden;
position : absolute;
top : 7px;
right : 5px;
z-index : 2;
}
.SearchWrap .main_srch a.nav-focus {
background: #f5fafb;
color : #000000;
}
.SearchWrap .main_srch a svg,
.SearchWrap .main_srch a img,
.SearchWrap .main_srch button img,
.SearchWrap .main_srch button svg {
float: left;
fill : #002F70 !important;
}
.main_srch .output {
width : 100%;
max-height: 218px;
list-style: none;
padding : 0px 20px 15px 20px;
display : none;
overflow : auto;
}
.main_srch .output li:first-child {
border-top: solid 1px #9B9B9B;
}
.main_srch .output li {
width : 100%;
cursor : pointer;
padding-top: 8px;
}
.main_srch .prediction-item span {
display : block;
padding : 3px 0px;
font-family: "Dubai-Medium";
font-size : 1em;
}
.main_srch .prediction-item span strong {
color : #002F70;
font-family: "Dubai-Medium";
font-weight: inherit;
}
/**/
.srch_cate_wrap {
-ms-flex : 540px;
flex : 540px;
max-width: 540px;
}
.srch_category {
height : 52px;
background : #E6EFF1;
border-radius: 10px;
padding : 11px 10px;
position : relative;
}
.srch_category ul {
margin : 0;
padding: 0;
}
.srch_category>ul>li {
display: inline-block;
padding: 0px;
}
.srch_category ul li button {
height : 30px;
background : #fff;
display : block;
line-height : 30px;
padding : 0px 10px;
border-radius : 5px;
font-family : "Dubai-Bold";
font-size : 0.875em;
color : #2e2e2e;
text-transform: uppercase;
border : 0px;
}
.srch_category ul li button.active {
background: #587A0E;
color : #fff;
}
.select_list {
width : 100%;
border : 1px solid #587A0E;
display : inline-block;
padding : 0;
border-radius: 9px;
overflow : hidden;
position : absolute;
top : 0px;
left : 0px;
z-index : 1;
}
.select_list::after {
content : "";
width : 10px;
height : 10px;
border-left : solid 1px #fff;
border-bottom: solid 1px #fff;
position : absolute;
top : 17px;
right : 10px;
transform : rotate(-45deg);
}
.select_list.open::after {
transform: rotate(135deg);
top : 22px;
}
.srch_category .select_list li {
display : none;
cursor : pointer;
padding : 0px;
border-top: 1px solid #587a0e;
}
.select_list li:first-child {
display : block;
border-top: 0px;
}
.srch_category .select_list li button {
width : 100%;
height : 50px;
border : 0px;
text-align : left;
border-radius: 0px;
line-height : 14px;
font-size : 0.813em;
}
.select_list li:first-child button {
background: #587A0E;
color : #fff;
}
.select_list li:hover {
background-color: #ddd;
}
.select_list li:first-child:hover {
background-color: transparent;
}
.select_list.open li {
display: block;
}
.select_list span:before {
position: absolute;
top : 5px;
right : 15px;
content : "\2193";
}
.select_list.open span:before {
content: "\2191";
}
/**/
.Popular_Searches {
padding-top: 40px;
}
.Popular_Searches h1 {
font-size: 1.375em;
}
.Popular_Searches a {
display : inline-block;
height : 24px;
line-height : 23px;
background : #fff;
font-size : 0.813em;
color : #002F70;
border : solid 1px #002F70;
padding : 0px 15px;
border-radius: 15px;
margin-bottom: 10px;
}
/**/
.filter-title {
border-bottom : solid 1px #d6d6d6;
position : relative;
padding-top : 5px;
padding-bottom: 20px;
}
.filter-title h1 {
font-size : 1.375em;
margin-bottom: 0px;
}
.filter-title svg {
width : 23px;
fill : #000000 !important;
margin-top: -4px;
}
.filter-title h5 {
font-family : "Dubai-Medium";
font-size : 1.125em;
margin-bottom: 0px;
}
.filter-title * {
display : inline-block;
vertical-align: middle;
}
.filter-title a.Filter_Reset {
font-size: 0.875em;
color : #757575;
position : absolute;
top : 10px;
right : 0px;
}
.filter-title a.Filter_Close {
width : 30px;
height : 30px;
background : #ffffff;
color : #000;
overflow : hidden;
text-indent: -100px;
position : absolute;
top : 3px;
right : 0px;
display : none;
}
.filter-title a.Filter_Close::before,
.filter-title a.Filter_Close::after {
content : "";
width : 100%;
height : 0px;
border-top : solid 1px #000;
position : absolute;
top : 50%;
left : 50%;
margin-top : 0px;
margin-left: -15px;
}
.filter-title a.Filter_Close::before {
transform: rotate(-45deg);
}
.filter-title a.Filter_Close::after {
transform: rotate(45deg);
}
.FilterWrap .deselect {
font-size : 0.875em;
color : #757575;
float : right;
margin-top : 8px;
margin-bottom: 10px;
}
.FilterWrap .FilterList {
padding : 0px 5px;
max-height: 170px;
overflow-y: auto;
}
.FilterWrap .FilterList_scroll {
padding : 0px 5px;
max-height: 180px;
overflow-y: auto;
}
.FilterWrap .FilterList_scroll::-webkit-scrollbar-track {
background-color: #CCE2E4;
border-radius : 10px;
}
.FilterWrap .FilterList_scroll::-webkit-scrollbar {
width: 10px;
}
.FilterWrap .FilterList_scroll::-webkit-scrollbar-thumb {
background-color: #002F70;
border-radius : 10px;
}
/**/
.FilterTools {
margin-bottom: 40px;
}
.FilterTools h1 {
font-size : 1.375em;
display : inline-block;
vertical-align: middle;
margin-top : 13px;
}
.FilterTools .sort_list {
float: right;
}
.FilterTools .sortby {
display : inline-block;
vertical-align: middle;
}
.FilterTools .sortby span {
font-size: 0.875em;
}
.FilterTools .sortby select,
.FilterTools .sortby .sbHolder {
width: 175px;
}
.FilterTools .change_view {
display : inline-block;
vertical-align: middle;
margin-left : 10px;
}
.FilterTools .change_view a {
width : 50px;
height : 50px;
border-radius : 10px;
background : #ffffff;
color : #000;
display : inline-block;
vertical-align: middle;
margin-left : 15px;
padding : 9px;
overflow : hidden;
text-indent : -100px;
}
.FilterTools .change_view a.active {
background: #002F70;
color : #ffffff;
}
.FilterTools .change_view a img,
.FilterTools .change_view a svg {
width : 32px;
height: 32px;
float : left;
}
.FilterTools .change_view a.active svg {
fill: #ffffff;
}
.FilterTools .mob_filter_btn {
width : 90px;
height : 50px;
line-height : 30px;
border-radius : 10px;
background : #ffffff;
text-align : center;
color : #000;
vertical-align: middle;
margin-left : 15px;
padding : 10px;
overflow : hidden;
display : inline-block;
display : none;
}
.FilterTools .mob_filter_btn img,
.FilterTools .mob_filter_btn svg {
margin-top: -3px;
}
/**/
/*.pagination {
float: right;
padding: 6px 0px;
}
.pagination > a {
display: inline-block;
vertical-align: middle;
}
.pagination > a svg,
.pagination svg {
fill: #000000;
}
.pagination ul {
display: inline-block;
vertical-align: middle;
}
.pagination ul li {
display: inline-block;
vertical-align: middle;
}
.pagination ul li a {
width: 36px;
height: 36px;
line-height: 36px;
border: solid 1px #C3C3C3;
border-radius: 5px;
background: #fff;
display: block;
text-align: center;
font-size: 1.125em;
color: #757575;
}*/
/**/
.Simple_Pagination {
float: right;
}
.Simple_Pagination ul li {
display : inline-block;
margin : 0px 3px;
vertical-align: middle;
}
.Simple_Pagination ul li span,
.Simple_Pagination ul li a {
width : 36px;
height : 36px;
line-height : 36px;
border : solid 1px #C3C3C3;
border-radius: 5px;
background : #fff;
display : block;
text-align : center;
font-size : 1.125em;
color : #757575;
}
.Simple_Pagination ul li .current {
border: solid 2px #002F70;
}
.Simple_Pagination ul li .prev,
.Simple_Pagination ul li .next {
position : relative;
border : 0px !important;
background : none !important;
color : #5a5a5a;
overflow : hidden;
text-indent: -100px;
}
.Simple_Pagination ul li .prev::before,
.Simple_Pagination ul li .next::before {
content : "";
width : 36px;
height : 36px;
position: absolute;
left : 0px;
top : 0px;
}
.Simple_Pagination ul li .prev::before {
background: url("../img/icons/pagination-left.svg") no-repeat center;
}
.Simple_Pagination ul li .next::before {
background: url("../img/icons/pagination-right.svg") no-repeat center;
}
/****/
.ui-widget.ui-widget-content {
border : 0px;
-webkit-box-shadow: 0 0 0.25em rgb(0 0 0 / 30%);
box-shadow : 0 0 0.25em rgb(0 0 0 / 30%);
}
.ui-datepicker-header {
background : #fff;
border : 0px;
font-weight: normal;
font-family: "Dubai-bold";
color : #002F70;
}
.ui-datepicker td span,
.ui-datepicker td a {
border : 0px !important;
text-align: center;
background: #f5fafb;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
background: #002F70;
color : #fff;
}
.ui-datepicker th {
font-weight: normal;
font-family: "Dubai-Medium";
}
/**/
.carousel1 .slick-slide {
padding: 0;
}
.carousel1 .item,
.carousel1 .img-holder {
float: left;
}
.carousel1 .Slick_Nav_Wrapp {
position : absolute;
left : 0px;
bottom : 0px;
background : rgb(255 255 255 / 43%);
padding-top : 10px;
padding-bottom: 10px;
}
.slick-dots li button {
background: #e1e1e1;
}
.vertical_center {
margin : 0;
position : absolute;
top : 50%;
-ms-transform: translate(0%, -50%);
transform : translate(0%, -50%);
}
.covid-intro-info {
background-image: url("../img/assets/guideline-bg.jpg");
background-size : cover;
padding : 15px;
}
.covid-intro-info .covid-info {
padding: 22% 30px 0px 30px;
}
.covid-intro-info .download_GL {
padding: 70px 30px 40px 30px;
}
.covid-intro-info h1 {
font-size : 2.25em;
color : #ffffff;
margin-bottom: 20px;
}
.covid-intro-info p {
font-size: 1.375em;
color : #ffffff;
}
/**/
.Accessibility_wrap {
position: fixed;
left : 0px;
width : 100%;
}
.Accessibility {
width : 100%;
height : 290px;
background : #ffffff;
position : fixed;
top : 40px;
left : 0px;
z-index : 99;
padding : 3rem;
-webkit-box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 21%);
-moz-box-shadow : 0px 3px 5px -1px rgba(0, 0, 0, 0.21);
box-shadow : 0px 3px 5px -1px rgb(0 0 0 / 21%);
display : none;
}
.Accessibility.show {
display: block;
}
a.close_accessibility {
width : 25px;
height : 25px;
background : #ffffff;
overflow : hidden;
color : #000000;
text-indent: -100px;
position : absolute;
top : 50px;
right : 40px;
margin-top : -10px;
z-index : 99;
display : none;
}
a.close_accessibility::before,
a.close_accessibility::after {
content : "";
width : 30px;
height : 0px;
border-top: 2px solid #000;
position : absolute;
top : 12px;
left : -3px;
}
a.close_accessibility::before {
transform: rotate(-45deg);
}
a.close_accessibility::after {
transform: rotate(45deg);
}
a.close_accessibility.show {
display: block;
}
.HeaderSearch {
background : #ffffff;
width : 100%;
height : 450px;
position : fixed;
top : 40px;
left : 0px;
z-index : 99;
padding-left : 100px;
display : none;
-webkit-box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 21%);
-moz-box-shadow : 0px 3px 5px -1px rgba(0, 0, 0, 0.21);
box-shadow : 0px 3px 5px -1px rgb(0 0 0 / 21%);
}
.Accessibility h1 {
font-family : "Dubai-Bold";
font-size : 1em;
text-transform: uppercase;
margin-bottom : 30px;
}
.Accessibility p {
font-size: 0.875em;
}
.Accessibility p a {
font-family : "Dubai-Bold";
text-decoration: underline;
color : #000000;
}
.Accessibility a.circle {
width : 30px;
height : 30px;
display : inline-block;
border : solid 1px #878787;
border-radius: 30px;
text-align : center;
line-height : 28px;
font-size : 1em;
color : #000;
margin-right : 14px;
overflow : hidden;
}
.Accessibility a.default {
background: #000;
color : #fff;
}
.Accessibility a img,
.Accessibility a svg {
width : 16px;
height: auto;
}
.Accessibility a.readspeaker {
margin-bottom: 16px;
padding : 6px 0px 0px 6px;
text-indent : -160px;
}
.Accessibility a.readspeaker img,
.Accessibility a.readspeaker svg {
float: left;
}
.Accessibility ul {
margin : 0;
padding: 0;
}
.Accessibility ul li {
display: inline-block;
}
.Accessibility ul.Theme_List li {
display: block;
}
.Accessibility ul.Theme_List a {
height : 21px;
display : inline-block;
font-size : 0.875em;
color : #000;
padding : 0px 0px 0px 35px;
position : relative;
margin-bottom: 10px;
line-height : 21px;
}
.Accessibility ul.Theme_List a::before {
content : "";
position : absolute;
top : 1px;
left : 0;
width : 19px;
height : 19px;
background : #ffffff;
border-radius : 20px;
border : solid 3px #ffffff;
-webkit-box-shadow: 0px 0px 0px 1px #878787;
-moz-box-shadow : 0px 0px 0px 1px #878787;
box-shadow : 0px 0px 0px 1px #878787;
}
.Accessibility ul.Theme_List a.dha_theme::before {
background: #000000;
}
/**/
.Sheryan_Banner .placeholder {
height: 400px;
}
.Sheryan_Banner {
min-height: 380px;
position : relative;
overflow : hidden;
padding : 127px 250px;
}
.Sheryan_Banner img.banner_image {
width : 100%;
height : 100%;
position : absolute;
top : 0px;
left : 0px;
object-fit: cover;
}
.Sheryan_Banner img.Logo {
width : 100%;
max-width: 235px;
height : auto;
}
.Sheryan_Banner h1 {
font-size: 2.25em;
color : #ffffff;
}
.Sheryan_Banner p {
font-size: 1.125em;
color : #ffffff;
}
/****************************************************************************/
.Tab_Wrap {
padding: 0;
}
.TabsMenu {
display : -ms-flexbox;
display : flex;
-ms-flex-wrap: nowrap;
flex-wrap : nowrap;
margin-bottom: 0px;
gap: 16px;
}
.TabsMenu li {
-ms-flex-preferred-size: 0;
flex-basis : 0;
-ms-flex-positive : 0;
flex-grow : 0;
max-width : 100%;
width: 228px;
height: 100px;
}
.TabsMenu li a {
display: block;
width: 228px;
height: 100px;
border-radius: 12px;
padding: 16px;
font-family : "Dubai-Medium";
font-size : 1.375em;
background-color: #E5EBF0;
border: 1px solid #CCD6E0;
color: #002F70;
}
.TabsMenu li a img,
.TabsMenu li a svg {
width : 24px;
height : 24px;
margin-bottom: 10px;
}
.TabsMenu li a svg {
fill: #ffffff;
}
.TabsMenu li a.active {
border: 1px solid #32AFFC;
background-color: #32AFFC;
color : #ffffff;
}
.TabsMenu li a.active svg {
fill: #ffffff;
}
.TabContent {
background : #ffffff;
width: 580px;
}
.TabContent .TabCont_Item {
display: none;
}
.TabContent .TabCont_Item:first-child {
display: block;
width: 580px;
border: 1px solid #E5EBF0;
padding: 10px 40px;
border-radius: 10px;
}
.Virt_Key {
position: relative;
}
a.keyboard {
display : block;
width : 24px;
height : 24px;
text-indent: -130px;
overflow : hidden;
color : #000000;
position : absolute;
top : 12px;
right : 12px;
}
a.keyboard img,
a.keyboard svg {
max-width: 24px;
height : auto;
float : left;
}
@media print {
.sidebarwrap,
.Footer .level-1,
.Footer .level-3,
.tool-wrap,
.Dha_Chat_Btn,
.DHA_Chat_Wrap {
display: none !important;
}
.maincontentwrap {
margin-left: 0px !important;
}
.form-group {
display: grid;
}
.form-group label:nth-of-type(0) {
order: 1;
}
.form-group input:nth-of-type(1) {
order: 2;
}
}
#twitterFeed .slick-slide li {
background : #fff;
padding : 25px 12px;
border-radius: 15px;
}
#twitterFeed li .media-row {
width : 100%;
display: flex;
}
#twitterFeed li .media.disabled {
width : 30%;
float : left;
padding: 0px 5px;
}
#twitterFeed li .media {
max-width: 33%;
}
#twitterFeed li .media img {
max-width: 100%;
border : 1px solid #fff;
}
#twitterFeed li .timePosted a {
color: #999999;
}
#twitterFeed li .tweet {
font-size : 16px;
font-weight: bolder;
}
#twitterFeed li .interact a {
display: inline-block;
width : 26px;
height : 26px;
color : transparent;
margin : 0px 6px;
}
#twitterFeed li .interact .twitter_reply_icon {
background: url("../img/icons/twittericon_02.jpg") no-repeat center center / contain;
}
#twitterFeed li .interact .twitter_retweet_icon {
background: url("../img/icons/twittericon_04.jpg") no-repeat center center / contain;
}
#twitterFeed li .interact .twitter_fav_icon {
background: url("../img/icons/twittericon_06.jpg") no-repeat center center / contain;
}
#twitterFeed li .user {
display : flex;
margin-bottom: 10px;
}
#twitterFeed li .user img {
width : 52px;
height : 52px;
border-radius: 50%;
border : 1px solid #fff;
margin-right : 10px;
}
#twitterFeed li .user a {
color: #111111;
}
#twitterFeed li .user a div>span:nth-child(2) {
color : #888888;
display: block;
}
#twitterFeed li .user a span>span:nth-child(2) {
color : #ffffff;
background : rgb(29, 155, 240);
display : inline-block;
width : 20px;
height : 20px;
padding : 3px 0px 0px 4.5px;
font-size : 12px;
border-radius: 50%;
}
.result_card.filter_result_item .card {
display: flex;
height : 100%;
}
#LatifaBox {
background: -webkit-gradient (linear, left top, right top, from(#1a9172), to(#007780));
}
#LatifaBox iframe {
border : 0;
overflow: hidden;
height : 420px;
width : 100%;
}
.react-datepicker__month-select,
.react-datepicker__year-select {
height: auto;
}
.notify-msg {
position : relative;
min-height : 55px;
padding-left: 95px;
}
.notify-msg img,
.notify-msg svg {
position : absolute;
top : 50%;
left : 0px;
margin-top: -27px;
height : 55px;
fill : #1DB6C9;
}
.success .notify-msg img,
.success .notify-msg svg {
fill: #1DB96F;
}
#link_print,
#div_ScreenReader {
display: none !important;
}
.TermsConditionText,
.ValidationSummary ul {
padding-left : 40px !important;
list-style-type: disc;
}
.TermsConditionText .TermsConditionText {
list-style-type: circle;
}
.services label {
color : #999;
font-weight: 300;
}
.accessibility-bar li a:hover,
.accessibility-bar li a:focus {
text-decoration: none !important;
}
.Dha_Chat_Btn {
height : 50px;
display : inline-block;
background : #002F70;
padding : 14px 20px;
border-radius : 10px;
font-family : "Dubai-Bold";
font-size : 1em;
color : #ffffff !important;
text-transform: uppercase;
position : fixed;
right : 10px;
bottom : 10px;
z-index : 3;
}
.DHA_Chat_Wrap {
width : 550px;
transition: all 0.5s ease-out;
position : fixed;
bottom : -100%;
right : 10px;
z-index : 3;
opacity : 0;
}
.DHA_Chat_Wrap.ShowChat {
bottom : 0%;
opacity: 1;
}
a.Chat_Close {
width : 32px;
height : 32px;
background : #32affc;
border-radius : 32px;
color : #fff;
overflow : hidden;
text-indent : -100px;
-webkit-box-shadow: 0px -2px 5px 0px rgb(0 0 0 / 50%);
-moz-box-shadow : 0px -2px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow : 0px -2px 5px 0px rgb(0 0 0 / 50%);
position : absolute;
top : -45px;
right : 0px;
}
.ChatTabsMenu {
display : -ms-flexbox;
display : flex;
-ms-flex-wrap: wrap;
flex-wrap : wrap;
margin-left : -0.5px;
margin-right : -0.5px;
margin-bottom: 0px;
}
.ChatTabsMenu li {
-ms-flex-preferred-size: 0;
flex-basis : 0;
-ms-flex-positive : 1;
flex-grow : 1;
max-width : 100%;
padding : 0px 0.5px;
}
.ChatTabsMenu li a {
height : 60px;
display : block;
background : #002F70;
padding : 12px 15px 10px 43px;
border-radius : 10px 10px 0px 0px;
color : #fff;
position : relative;
-webkit-box-shadow: 0px -2px 5px 0px rgb(0 0 0 / 50%);
-moz-box-shadow : 0px -2px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow : 0px -2px 5px 0px rgb(0 0 0 / 50%);
}
.ChatTabsMenu li a img,
.ChatTabsMenu li a svg {
width : 24px;
height : auto;
position: absolute;
left : 9px;
top : 12px;
fill : #ffffff;
}
.ChatTabsMenu li a b {
font-weight: normal;
font-family: "Dubai-Bold";
font-size : 1em;
display : block;
line-height: 15px;
}
.ChatTabsMenu li a small {
font-size : 0.75em;
white-space: nowrap;
}
a.Chat_Close::before {
transform: rotate(-45deg);
}
a.Chat_Close::before,
a.Chat_Close::after {
content : "";
width : 60%;
height : 0px;
border-top : solid 1px #fff;
position : absolute;
top : 50%;
left : 50%;
margin-top : 0px;
margin-left: -10px;
}
a.Chat_Close::after {
transform: rotate(45deg);
}
a.open-chat-box {
bottom: 60px !important;
}
.chatbox-container-new {
right: 8px !important;
}
.ChatTabContent {
background : #fff;
-webkit-box-shadow: 0px -2px 5px 0px rgb(0 0 0 / 50%);
-moz-box-shadow : 0px -2px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow : 0px -2px 5px 0px rgb(0 0 0 / 50%);
}
#LatifaBox {
background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#007780));
}
.ChatTabCont_Item {
overflow: auto;
}
.ChatTabCont_Item iframe {
height: 65vh;
width : 100%;
}
.ChatTabsMenu li a {
text-decoration: none !important;
}
.ChatTabsMenu li a.active {
background: #ffffff !important;
color : #002F70;
}
a.chat-minimize {
width : 32px;
height : 32px;
background : #32affc;
border-radius : 32px;
color : #fff;
overflow : hidden;
text-indent : -100px;
-webkit-box-shadow: 0px -2px 5px 0px rgb(0 0 0 / 50%);
-moz-box-shadow : 0px -2px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow : 0px -2px 5px 0px rgb(0 0 0 / 50%);
position : absolute;
top : -45px;
right : 50px;
}
a.chat-minimize::after {
content : "";
width : 60%;
height : 0px;
border-top : solid 1px #fff;
position : absolute;
top : 50%;
left : 50%;
margin-top : 0px;
margin-left: -10px;
}
.ChatTabsMenu li a.active svg {
fill: #002F70;
}
#btnLogin span {
padding-top: 3px;
}
@media only screen and (max-width: 992px) {
.DHA_Chat_Wrap {
width : 100%;
right : 0px;
padding: 0px 15px;
}
.ChatTabsMenu li a img,
.ChatTabsMenu li a svg {
width : 33px;
height: auto;
}
.ChatTabsMenu li a small {
display: none;
}
a.Chat_Close {
right: 10px;
}
.ChatTabsMenu li a {
padding: 12px 15px 10px 52px;
}
.happinessTrigger {
left : 15px;
z-index: 2;
}
}
.dha_cookies {
background: #000;
width : 100%;
display : flex;
z-index : 999;
}
.dha_cookies a {
color : #587a0e;
font-size : 1em;
text-decoration: none !important;
}
.card-text {
font-family: "Dubai-Regular";
font-size : 1.125em;
color : #757575;
}
.cookie-warning-message.card-text {
color: #fff !important;
}
.card-text small,
.card-text .small {
font-size: 0.875em;
}
#mainContainer .row {
display: inherit !important;
}
.container {
max-width: 100%;
}
label,
.form-group>span.active {
white-space: nowrap;
}
.flex-align-center {
display : flex !important;
align-items: center !important;
}
.maincontentwrap,
header,
.container-fluid.topbar {
overflow: inherit !important;
}
.dropdown ul.dropdown-menu li {
float: left !important;
width: 100% !important;
}
.open>.dropdown-menu li a {
width : 100%;
text-align: left;
}
#dvWelcomeDesktop {
padding-right: 0px !important;
}
.happinessTrigger {
background : #628612;
border : none;
outline : none;
padding : 20px 15px 10px;
border-top-left-radius : 8px;
border-top-right-radius: 8px;
position : fixed;
bottom : 0;
left : 115px;
z-index : 999;
}
.happinessPopupWrap {
position : fixed;
left : 0;
top : 0;
width : 100%;
height : 100%;
overflow : auto;
background : rgba(0, 0, 0, 0.32);
z-index : 999;
display : flex;
align-items : center;
justify-content: center;
}
.happinessPopupWrap .happinessPopup {
background: #fff;
width : 80%;
height : 80%;
max-width : 1000px;
max-height: 500px;
position : relative;
}
.happinessPopupWrap .happinessPopup iframe {
width : 100%;
height: 100%;
}
.happinessClose {
position : absolute;
padding : 0;
right : -16px;
top : -16px;
border : 4px solid #fff;
border-radius: 50%;
background : #fff;
z-index : 9999;
}
header.sticky .navigation {
top : 40px !important;
z-index: 2 !important;
}
.nosidebar .maincontentwrap {
margin-left: 0px !important;
}
.nosidebar .mob-menu-btn,
.nosidebar .top-right-nav {
display: none !important;
}
.nosidebar .happinessTrigger {
left: 10px !important;
}
.sidebarwrap .main-menu>li>a {
text-decoration: none !important;
}
.inboxMenuCSS {
display: table;
}
.divLnkClass {
display: table-cell;
}
.divLnkClass .btn-theme-primary {
padding: 6px 12px !important;
}
.form-signin .form-control+span {
color: #666 !important;
}
@media only screen and (max-width: 768px) {
#dsg-happiness-box {
margin-left: 0px !important;
bottom : 10px !important;
}
.DHA_Chat_Wrap {
z-index: 3;
}
#HeadLoginName {
display: none !important;
}
.dha_cookies {
padding-bottom: 5em;
display : block;
}
.dha_cookies .w-50 {
width: 100% !important;
}
.dropdown-menu {
right: 0 !important;
}
}
@media only screen and (max-width: 576px) {
.ChatTabsMenu li a {
display : flex;
align-items: center;
}
.dha_cookies {
font-size : 0.9em;
padding-bottom: 2em;
}
.main-reg-container {
flex-direction: column-reverse;
}
}
a.chat-minimize.right-reset {
right: 0 !important;
}
ul.tool_bar {
margin-bottom: 0px !important;
}
.dubai-gov-logo svg {
fill: red;
}
.gov-of-dubai-logo svg {
fill: black;
}
.happiness {
background-color: #84BE00;
}
.logo-green {
fill: #8cc540;
}
.logo-blue {
fill: #008c99;
}
@media (min-width: 378px) and (max-width: 480px) {
.tab-wrap__container {
padding-left : 0px !important;
padding-right: 0px !important;
}
.TabsMenu li a {
padding: 10px 3px;
}
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
background: rgba(0, 0, 0, 0.78);
}
.fade:not(.show) {
/* opacity: 1; */
}
.separator {
color : white;
-webkit-transform: rotate(-90deg);
-moz-transform : rotate(-90deg);
-ms-transform : rotate(-90deg);
-o-transform : rotate(-90deg);
width : 50px;
}
#logoSize {
height: 40px;
width: 154px;
}
.fa-outline {
color: transparent;
-webkit-text-stroke-color: #002F70;
-webkit-text-stroke-width: 1.67px;
}
.footer-gap {
margin-left: 32px;
}
.main {
flex: 1 0 auto;
background: #ffffff;
}
html, body {
height: 100%;
}
.mainContainer {
display: flex;
width: 100%;
justify-content: center;
background: #ffffff;
}
.subContainer {
width: 580px;
margin-top: 60px;
}
.mob-header-top-row {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #FFFFFF;
width: 100%;
height: 36px;
padding: 6px 16px;
}
.mob-header-bottom-row {
height: 68px;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
border-bottom: 1px solid #E5EBF0;
}
.stepper {
display: flex;
width: 100%;
justify-content: space-around;
}
.step {
text-align: center;
width: 100%;
}
.step i {
font-size: 24px;
color: #ccd6e0;
}
.step i.active {
color: #002F70;
box-shadow: 0 0 0 4px #d6effe;
border-radius: 12px;
}
.step:first-child::after {
background-color: #ccd6e0;
display: block;
left: 50%;
height: 2px;
bottom: calc(100% - 13px);
width: calc(100% - 27px);
content: "";
position: relative;
margin-left: 16px;
}
.tabs-btn {
background: #E5EBF0;
border-color: #CCD6E0;
}
.tabs-btn.active {
background: #002F70;
color: #FFFFFF !important;
}
.hyperlink-clicked {
color: #32affc !important;
}
.hyperlink-clicked:active {
color: #32affc !important;
text-decoration: underline;
}
.hyperlink-clicked:focus {
color:#32affc !important;
text-decoration: underline;
}
.hyperlink-clicked:hover {
color:#32affc !important;
text-decoration: underline;
}
.btn.disabled, .btn:disabled {
background: #1A4775 !important;
opacity: 0.5 !important;
}