:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Pro';
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }

  .fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Pro");
    font-weight: var(--fa-style,900)
}

.fa, .fa-brands, .fa-classic,.fa-regular, .fab, .far {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.far, .fa-classic, .fa-regular {
  font-weight: 400;
  font-family: 'Font Awesome 6 Pro';}

.fab, .fa-brands {
  font-weight: 400;
  font-family: 'Font Awesome 6 Brands'; }



.fa-360-degrees::before {
  content: "\e2dc"; 
}
.fa-cutlery::before {
  content: "\f0f5"; 
}
.fa-star::before {
  content: "\f005";
}

.fa-magnifying-glass::before {
  content: "\f002"; 
}

.fa-whatsapp::before {
  content: "\f232";
}
.fa-instagram::before {
  content: "\f16d";
}
.fa-facebook::before {
  content: "\f09a";
}
.fa-twitter::before {
  content: "\f099";
}
.fa-youtube::before {
  content: "\f167";
}

.fa-person-running::before {
  content: "\f70c";
}
.fa-chevron-left::before {
  content: "\f053";
}
.fa-chevron-right::before {
  content: "\f054";
}
        

body
{
  height: 100%;
  background: #fff;
  overflow: hidden;
}
/*weather-box*/
.mapwrapper
{
/*  height: calc(100vh - 60px) !important;*/
}
main .easymap-element {
/*    height: calc(100vh - 76px) !important;*/
}

.scroller {
    height: calc(100vh - 300px);
    display: block;
}
.creativebox
{
  height: 162px;
  overflow: hidden;
  background: #f5f5f5;
}

#two-col-menu {
    padding: 0 10px;
}


/*weather box*/

.weather-box
{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  padding: 0 5px;
  transition: all 0.1s ease-out;
}
.weather-box img
{
  width: 45px;
  height: 45px;
  object-fit: cover;
  margin:0 10px;
  /*background: linear-gradient(to left, #0090d7, #ba2c87);*/
  border-radius: 30px;
}
.weather-box h4
{
  color: #050033;
  font-size: 14px;
  font-weight: 600;
  background: #050033;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.weather-box p
{
  font-size: 10px;
}
.weather-box .time .small
{
  font-size: 0.45rem;
} 

.marquee {
  height: 60px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.updateshead
{
  position: absolute;
  background: #050033;
  color: #ffffff;
  padding: 0 15px;
  height: 30px;
  font-size: 13px;
  line-height: 28px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.marquee .marquee-run {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 20px;
}

.marquee a {
  padding: 0 15px;
  color: #050033;
  font-size: 13px;
  letter-spacing: 1px;
  border-right: 2px solid #050033;
}

@keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
}

/*mike*/
#search-dropdown
{
  width: 100%;
  padding: 0;
  margin: 0;
  box-shadow: none;
  border: none;
}
#search-dropdown .dropdown-header
{
  padding: 0px;
}
.topnav-menu-center
{
  width: 100%;
}
.navbar-custom .app-search
{
  width: 100%;
  max-width: 100%;
}
.emirates-drop a.active
{
  position: relative;
  color: #D03230;
  background: transparent;
}
.emirates-drop a.active:before
{
  width: 10px;
  height: 10px;
  background: #d03230;
  border-radius: 50%;
  content: "";
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.special-cat-box
{
  display: table-cell;
  vertical-align: middle;
  position: relative;
  height: 60px;
  line-height: 0;
}
.btn-special-cat
{
  background: linear-gradient(to left, #0090d7, #ba2c87);
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 10px;
}
ul.vendor-list li a.nav-link {
    border-bottom: 1px solid #d4dccf;
}