* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "Helvetica Neue Arabic";
}
@font-face {
  font-family: "Helvetica Neue Arabic-Bold";
  src: url("../fonts/HelveticaNeueLTArabic-Bold2.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica Neue Arabic-Light";
  src: url("../fonts/HelveticaNeueLTArabic-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica Neue Arabic";
  src: url("../fonts/HelveticaNeueLTArabic-Roman.ttf") format("truetype");
}
@font-face {
  font-family: "DG 3asomy Regular";
  src: url("../fonts/DG 3asomy Regular.ttf") format("truetype");
}

.font-black {
  font-weight: 400 !important;
  font-family: "DG 3asomy Regular" !important;
}
.font-bold {
  font-weight: 400 !important;
  font-family: "DG 3asomy Regular" !important;

}
.text-sm,
.text-xs,
.text-lg,
.text-xl {
  font-family: "Helvetica Neue Arabic" !important;
}

.text-2xl {
  line-height: 3rem  !important;
}

.gsap-marker-end,
.gsap-marker-start,
.gsap-marker-scroller-end,
.gsap-marker-scroller-start {
  display: none !important;
}
.show {
  display: block  !important;
}
.hide {
  display: none  !important;
}
.collapse {
    visibility: visible  !important;
}

.modal .bg-gray-200 {
    background-image: url(/images/bg-modal.jpg) !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: center;
    width: 100%;
}
.bg-red-500 {
  background-color: #DE4726 !important;
}
body.modal-open {
    overflow: hidden;
}