@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Noto+Kufi+Arabic:wght@100..900&family=Noto+Sans+Arabic:wght@100..900&display=swap');


* {
  /* body font */
  --body-font: "Cairo", sans-serif;
  --body-font-size: 16px;
  --body-font-color: #8492a6;
  --body-font-color-bg-dark: rgba(255, 255, 255, .75);
  --body-font-weight: 400;
  /* heading font */
  --heading-font: "Cairo", Arial, sans-serif;  
  --heading-font-weight: 800;
  --heading-font-color: #2A485E;
  --heading-font-color-bg-dark: #ffffff;
  --heading-text-transform: none;
  /* h1 */
  --h1-font-size: 60px;
  --h1-font-weight: var(--heading-font-weight);
  --h1-letter-spacing: -0.02em;
  --h1-line-height: 1.15em;
  --h1-margin-bottom: 20px;
  /* h2 */
  --h2-font: var(--heading-font);
  --h2-font-size: 42px;
  --h2-font-weight: var(--heading-font-weight);
  --h2-letter-spacing: -0.015em;
  --h2-line-height: 1.2em;
  --h2-margin-bottom: 20px;
  /* h3 */
  --h3-font-size: 28px;
  --h3-font-weight: 600;
  --h3-letter-spacing: 0;
  --h3-line-height: 1.5em;
  --h3-margin-bottom: 10px;
  /* h4 */
  --h4-font-size: 20px;
  --h4-font-weight: 600;
  --h4-letter-spacing: 0;
  --h4-line-height: 1.6em;
  --h4-margin-bottom: 10px;
  /* h5 */
  --h5-font-size: 18px;
  --h5-font-weight: 600;
  --h5-letter-spacing: 0;
  --h5-line-height: 1.6em;
  --h5-margin-bottom: 10px;
  /* h6 */
  --h6-font-size: 16px;
  --h6-font-weight: 600;
  --h6-letter-spacing: 0;
  --h6-line-height: 1.6em;
  --h6-margin-bottom: 10px;
  /* mainmenu */
  --mainmenu-font: var(--body-font);
  --mainmenu-font-size: 15px;
  --mainmenu-font-weight: bold;
  --mainmenu-letter-spacing: 0;
  --mainmenu-text-transform: none;
  /* header logo */
  --logo-width: 200px;
  --logo-footer-width: 150px;
  /* misc */
  --border-default: solid 1px rgba(30, 30, 30, 1);
  --bg-color-even: #E8E8E8;
  --bg-color-odd: #F4F4F4;
  --bg-light: #EAF8F7;
  --bg-dark-1: #38c1e9;
  --bg-dark-2: #25445b;
  --bg-dark-3: #2a4d67;  
  --bg-dark-1-rgb: 0, 84, 97;
  --bg-grey: #eeeeee;
  --bg-gradient-1: 0deg, rgba(var(--primary-color-rgb), .1) 0%, rgba(var(--secondary-color-rgb), .2) 100%;
  --swiper-theme-color: var(--secondary-color);
  --rounded-1: 20px;
  --border-color:#bbbbbb;
  --container-max-width:1240px;
  /* button */
  --btn-color: #fff;
  --btn-hover-bg: var(--bg-dark-1);
  --btn-font-family: var(--body-font);
  --btn-font-size: 15px;
  --btn-font-weight: bold;
  --btn-letter-spacing: 0;
  --btn-padding: 6px 25px;
  --btn-rounded: 30px;
  --btn-text-decoration: none;
  --btn-text-transform: none;
}

/* general */
body {
     font-family: "Cairo", sans-serif;
}
.subtitle {
    color: var(--bg-dark-1) !important;
}
/* menu */

#mainmenu li {
    float: right;
}

#mainmenu>li:last-child {
    margin-right: 30px;
} 

/* header */
.home-banner-text {
    flex-direction: row-reverse;
}

/* home */
.de-custom-nav {
    flex-direction: row-reverse;
}
#testimonial-carousel {
    direction: ltr;
}

#testimonial-carousel p {
    text-align: right;
}

.de-step-arrow::after {
    content: "←";
    font-size: 24px;
    position: absolute;
    left: -25px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
  }


  .icofont-quote-left {
    margin-right: -15px;
  }

  .ul-check li {
    position: relative;
    display: block;
    margin-top: 0;
    padding: 0px;
    padding-right: 30px;
    padding-left: 0;
  }
  .ul-check li:before {
    position: absolute;
    right: 0;
    left: auto;
    margin-left: 12px;
    margin-right: auto;
  }

  footer i {
    color: var(--bg-dark-1) !important;
  }


  /* whatsapp */

.sticky-icon {
  position: fixed;
  background-color: #25d366;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 100%;
  font-size: 30px;
  left: 20px;
  bottom: 20px;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 2px solid #25d366;
  z-index: 99999;
  transition: transform 0.5s ease; /* Smooth rotation speed */
}
.sticky-icon:hover {
  transform: scale(1.15) rotate(10deg);
}
.sticky-icon i {
  color: #fff;
  
}


.search-icon {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.search-icon:hover {
  transform: scale(1.25);
  color: var(--bg-dark-1); /* Optional: change color on hover */
}