@font-face {
    font-family:headline-vcgosh;
    src: url(fonts/VCGosh-Bold.woff);
    font-display: swap;
 }
 @font-face {
    font-family:tags-vcgosh;
    src: url(fonts/VCGosh-SemiCondensedBold.woff);
      font-display: swap;
 }
 @font-face {
    font-family:subhead-Aeonik;
    src: url(fonts/AeonikFono-Bold.woff);
      font-display: swap;
    
 }
 @font-face {
    font-family:body-Aeonik;
    src: url(fonts/AeonikFono-Regular.woff);
      font-display: swap;
 }
  @font-face {
    font-family:body-Aeonik-bold;
    src: url(fonts/AeonikFono-Bold.woff);
      font-display: swap;
 }

 @font-face {
    font-family:headline-ar;
    src: url(fonts/HalaSiwa-Heavy.woff);
      font-display: swap;
 }













 
 @font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?5hc8e6');
  src:  url('fonts/icomoon.eot?5hc8e6#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?5hc8e6') format('truetype'),
    url('fonts/icomoon.woff?5hc8e6') format('woff'),
    url('fonts/icomoon.svg?5hc8e6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'icomoon1';
  src:  url('fonts/icomoon1.eot?8qzghl');
  src:  url('fonts/icomoon1.eot?8qzghl#iefix') format('embedded-opentype'),
    url('fonts/icomoon1.ttf?8qzghl') format('truetype'),
    url('fonts/icomoon1.woff?8qzghl') format('woff'),
    url('fonts/icomoon1.svg?8qzghl#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'icomoon2';
 src:  url('fonts/icomoon2.eot?7cih8l');
  src:  url('fonts/icomoon2.eot?7cih8l#iefix') format('embedded-opentype'),
    url('fonts/icomoon2.ttf?7cih8l') format('truetype'),
    url('fonts/icomoon2.woff?7cih8l') format('woff'),
    url('fonts/icomoon2.svg?7cih8l#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon','icomoon1','icomoon2' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-taxicar:before {
  content: "\e801";
  /* color: #3888ff; */
}



.icon-car:before {
  content: "\e999";
  
  /* color: #3888ff; */
}


.icon-Burj-Al-Arab-white:before {
  content: "\e90d";
  color: #fcfce7;
}
.icon-Burj-Al-Arab:before {
  content: "\e900";
  color: #3888ff;
}
.icon-Camel-white:before {
  content: "\e90e";
  color: #fcfce7;
}
.icon-Camel:before {
  content: "\e901";
  color: #3888ff;
}
.icon-Captain-white:before {
  content: "\e90f";
  color: #fcfce7;
}
.icon-Captain:before {
  content: "\e902";
  color: #3888ff;
}
.icon-Commuter-white:before {
  content: "\e910";
  color: #fcfce7;
}
.icon-Commuter:before {
  content: "\e903";
  color: #3888ff;
}
.icon-Directional-Arrow-white:before {
  content: "\e911";
  color: #fcfce7;
}
.icon-Directional-Arrow:before {
  content: "\e904";
  color: #3888ff;
}
.icon-Double-Arrow-white:before {
  content: "\e912";
  color: #fcfce7;
}
.icon-Double-Arrow:before {
  content: "\e905";
  color: #3888ff;
}
.icon-Dubai-Fame-white:before {
  content: "\e913";
  color: #fcfce7;
}
.icon-Dubai-Fame:before {
  content: "\e906";
  color: #3888ff;
}
.icon-Museum-of-the-Future-white:before {
  content: "\e907";
  color: #fcfce7;
}
.icon-Museum-of-the-Future:before {
  content: "\e908";
  color: #3888ff;
}
.icon-Palm-white:before {
  content: "\e914";
  color: #fcfce7;
}
.icon-Palm:before {
  content: "\e909";
  color: #3888ff;
}
.icon-Ramadan-white:before {
  content: "\e915";
  color: #fcfce7;
}
.icon-Ramadan:before {
  content: "\e90a";
  color: #3888ff;
}
.icon-Resident-white:before {
  content: "\e916";
  color: #fcfce7;
}
.icon-Resident:before {
  content: "\e90b";
  color: #3888ff;
}
.icon-Taxi-white:before {
  content: "\e917";
  color: #fcfce7;
}
.icon-Taxi:before {
  content: "\e90c";
  color: #3888ff;
}
