body {
  /* font-family: "Almarai", "Poppins", sans-serif; */
  font-family: "Noto Kufi Arabic", "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  /* padding-top: 75px; /* because of the fixed navbar*/
}
/* START GENERAL */


.bg-main {
  background-color: #b71d19 !important;
}

.fs-7 {
  font-size: 0.9rem !important;
}
.fs-8 {
  font-size: 0.8rem !important;
}


.text-small {
  font-size: 0.9rem;
}
.text-white-200 {
  color: #bcbcbc;
}
.text-main {
  color: #b71d19 !important;
}
.text-secondary-400 {
  color: #6a7075 !important;
  opacity: 0.4;
}
.text-secondary-500 {
  color: #6a7075 !important;
  opacity: 0.5;
}
.text-secondary-600 {
  color: #6a7075 !important;
  opacity: 0.6;
}
.text-secondary-700 {
  color: #6a7075 !important;
  opacity: 0.7;
}
.text-secondary-800 {
  color: #5b5b5b !important;
}
.text-gray-1 {
  color: #9d9d9d !important;
}
.text-gray-2 {
  color: #757575 !important;
}
.text-green {
  color: #3b9839 !important;
}
.cursor-pointer {
  cursor: pointer;
}
.rounded-main {
  border-radius: 30px;
}
.rounded-main-2 {
  border-radius: 20px;
}
.rounded-end-main {
  border-radius: 0 8px 8px 0;
}
.rounded-top-main {
  border-radius: 8px 8px 0 0;
}
.rounded-start-main {
  border-radius: 8px 8px 0 0;
}

.fw-bold-light {
font-weight: 500;
}


.text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.btn-main {
  background: #b71d19;
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.btn-main:hover {
  background: #b71d19;
  color: #fff;
  transform: translateY(-2px);
}

.btn-outline-main {
  color: #b71d19;
  border-color: #b71d19;
}
.btn-outline-main:hover {
  color: #fff;
  background-color: #b71d19;
  border-color: #b71d19;
}

.border-main {
  border-color: #b71d19 !important;
}


.bg-card-light {
  background-color: #F2F2F7;
}


.bg-secondary-100 {
    background-color: #d6d6d6 !important;
}
.bg-secondary-200 {
    background-color: #9d9d9d !important;
}
.bg-secondary-300 {
    background-color: #6a7075 !important;
}
.bg-secondary-400 {
    background-color: #5b5b5b !important;
}
.bg-secondary-500 {
    background-color: #5b5b5b !important;
}

/* .underline,
.underline-center,
.underline-center-light {
  position: relative;
  display: inline-block;
}
.underline:after,
.underline-center:after,
.underline-center-light:after {
  content: "";
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 50px;
  background: linear-gradient(to right, 
              #757575 0%, 
              #757575 20%, 
              transparent 20%, 
              transparent 23%, 
              #757575 23%, 
              #757575 100%);
}
.underline:after {
  bottom: -5px;
  width: 70%;
}
.underline-center:after {
  bottom: -7px;
  width: 100%;
}
.underline-center-light:after {
  bottom: -7px;
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
  height: 2px;
  border-radius: 50px;
  background: linear-gradient(to right, 
              #dadada 0%, 
              #dadada 20%, 
              transparent 20%, 
              transparent 25%, 
              #dadada 25%, 
              #dadada 100%);
} */

.badge-green {
  background-color: #45a93528; 
  color: #45a935;
}
.badge-yellow {
  background-color: #fad65f96; 
  color: #797979;
}
/* END GENERAL */

/* START navbar */
.navbar .navbar-nav a {
  transition: all 0.1s ease-in-out;
}
.navbar .navbar-nav a:hover {
  color: #b71d19 !important;
}
/* END navbar */

/* Start call to action */
.call_to_action .card {
  backdrop-filter: blur(7px) !important;
  background: rgb(40, 20, 20);
  background: linear-gradient(90deg, rgba(40, 20, 20, 0.7849264705882353) 1%, rgba(40, 20, 20, 1) 100%);
}
.call_to_action .card .row {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1540' height='250' preserveAspectRatio='none' viewBox='0 0 1540 250'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1013%26quot%3b)' fill='none'%3e%3cpath d='M-197.76 179.25C-51.74 179.2 92.39 129.19 384.19 129.25 676 129.31 816.64 266.07 966.15 267' stroke='rgba(199%2c 54%2c 0%2c 0.09)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-173.4 125.31C-1.1 125.16 166.72 42.59 510.86 42.81 855 43.03 1014.6 270.64 1195.12 273.72' stroke='rgba(199%2c 54%2c 0%2c 0.09)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-18.86 52.13C132.81 52.36 275.27 138.43 581.46 139.63 887.66 140.83 1026.82 292.91 1181.79 294.14' stroke='rgba(199%2c 54%2c 0%2c 0.09)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-100.49 80.22C12.18 80.24 124.31 111.47 349.12 111.47 573.92 111.47 569.72 79.41 798.72 80.22 1027.72 81.03 1124.8 281.26 1248.33 286.08' stroke='rgba(199%2c 54%2c 0%2c 0.09)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-178.65 97.92C11.76 98.3 194.9 217.63 573.49 217.92 952.07 218.21 1137.1 272.22 1325.62 272.26' stroke='rgba(199%2c 54%2c 0%2c 0.09)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1013'%3e%3crect width='1540' height='250' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}


/* START blob */
.bg-blob,
.blob {
  pointer-events: none;
}
.blob {
  position: fixed;
  filter: blur(70px);
  opacity: 0.5;
}
.bg-blob {
  filter: blur(100px);
  opacity: 0.5;
}
/* END blob */


.equal-height {
  display: flex;
  align-items: stretch; /* Ensures equal height */
}

.ribbon {
  height: 30px;
  background: #b71d19;
  position: absolute;
  top: -15px;
  right: 15px;
  text-align: center;
  line-height: 30px;
  color: white;
  font-weight: bold;
  font-size: 12px;
  z-index: 1;
  padding: 0px 10px;
}

.btn-apple {
    background-color: #000;
    color: #fff;
    border: 2px solid #ffffff00;
}
.btn-apple:hover {
    background-color: #fff;
    color: #000;
    border-color: #000;
}
.btn-google {
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
}
.btn-google:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

input:focus, textarea:focus, select:focus {
    /* outline: 2px solid #b71d19 !important; */
    box-shadow: 0 0 0 0.25rem rgba(199, 36, 30, 0.189) !important;
    border-color: #ffffff00 !important;
}

footer .pages-map a:hover,
footer .lead a:hover {
  color: #b71d19 !important;
}

main .app-btn a {
  transition: transform 0.2s ease-in-out;
}
main .app-btn a:hover {
  transform: translateY(-2px);
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}


/* Slider */
.swiper {
  width: 100%;
  height: 200px;
  border-radius: 8px;
}
.swiper-slide {
  border-radius: 8px;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
/* Slider */


/* START blob */
.bg-blob,
.blob {
    pointer-events: none;
}
.blob {
    position: fixed;
    filter: blur(70px);
    opacity: 0.5;
}
.bg-blob {
    filter: blur(100px);
    opacity: 0.5;
}
/* END blob */

.counter:not(.is-visible) {
	visibility: hidden;
}



.swiper {
  height: 315px !important;
}
.swiper-button-next,
.swiper-button-prev {
    background-color: #F9E9E9;
    color: #fff;
    border-radius: 50%;
    width: 50px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 17px !important;
    font-weight: bold !important;
    color: #b71e19 !important;
}




/* Leaflet Map Tooltip Customization */
.leaflet-tooltip-own {
  background-color: #fff !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 7px 20px !important;
  color: #000 !important;
  font-weight: bolder !important;
  font-size: 15px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
  white-space: nowrap !important;
}

.leaflet-tooltip-own::before {
  display: none !important;  /* Remove the default arrow */
}
/* Leaflet Map Tooltip Customization */