/* Font */

@font-face {
    font-family: '29LTZaridSans';
    src: url('fonts/29LTZaridSans-Light.otf') format('opentype'),
      url('fonts/29LTZaridSans-Light.woff2') format('woff2'),
      url('fonts/29LTZaridSans-Light.woff') format('woff');
  
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: '29LTZaridSans';
    src: url('../fonts/29LTZaridSans-Regular.otf') format('opentype'),
      url('../fonts/29LTZaridSans-Regular.woff2') format('woff2'),
      url('../fonts/29LTZaridSans-Regular.woff') format('woff');
  
    font-weight: normal;
    font-style: normal;
  }
  
  
  .arabic-text {
    font-family: '29LTZaridSans-Regular';
  }
  
body{
    font-family: "29LTZaridSans" !important;
}  





/* Brand */
.brand-green {
    background-color: #628185;
  }
  
  .brand-green-text {
    color: #628185;
  }
  
  .brand-green-text-main {
    color: #5E7775;
  }
  
  .brand-border {
    border-color: #628185;
  }
  

  
  /* Hero */
  .brand-font-main {
    font-family: '29LTZaridSans';
    font-weight: regular;
  
  
  
    @media (min-width: 1024px) {
      line-height: 72px;
    }
  }
  
  .heading-2 {
    font-size: 1.25rem;
    line-height: 2rem;
  
  }
  
  /* Introducing */
  .modified-font-size {
    font-size: 22px;
  }
  
  
  /* Vision */
  
  @media screen and (min-width: 769px) and (max-width: 1024px) {
    .media-small {
      width: 100%;
      /* Set the width to 100% within this media query */
    }
  }
  
  
  /* Mission */
  
  @media screen and (max-width: 640px) {
    #mobile-order {
      display: flex;
      flex-direction: column;
    }
  
    #text-container {
      order: 2;
    }
  
    #image-container {
      order: 1;
    }
  }
  
  /* Navbar */
  #myNavbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
  
  }
  
  .drop-shadow-lg {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(98, 129, 133, 0.1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(98, 129, 133, 0.1);
    box-shadow: 0px 0px 0px 0px rgba(98, 129, 133, 0.1);
  }
  
  .drop-shadow-lg:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(98, 129, 133, 0.4);
    -moz-box-shadow: 0px 0px 20px 0px rgba(98, 129, 133, 0.4);
    box-shadow: 0px 0px 20px 0px rgba(98, 129, 133, 0.4);
  }
  
  .shadow-md {
    -webkit-box-shadow: 0px 20px 30px 0px rgba(98, 129, 133, 0.1);
    -moz-box-shadow: 0px 20px 30px 0px rgba(98, 129, 133, 0.1);
    box-shadow: 0px 20px 30px 0px rgba(98, 129, 133, 0.1);
  }
  
  /* Contact us */
  .brand-border-b {
    border: none;
    border-bottom: 1px solid rgba(98, 129, 133, 0.5);
  }
  
  input.brand-border-b:hover,
  input.brand-border-b:focus {
    border-bottom: 1px solid #628185;
  
  
  }
  
  input.brand-border-b:active {
    border-bottom: 1px solid #628185;
  }
  
  input.brand-border-b:focus,
  textarea.brand-border-b:focus {
    border-bottom: 1px solid #628185;
    border-bottom-width: 1px;
    box-shadow: none;
    outline: none;
  }
  
  
  @media (min-width: 1024px) and (max-width: 1279px) {
    #contact form {
      padding-left: 5%;
      /* Adjust the left padding as needed */
      padding-right: 5%;
      /* Adjust the right padding as needed */
    }
  }
  
  
  
  
  /* Slider */
  @media (max-width: 640px) {
  
    /* Adjust the size of images for screens smaller than 640px (typical mobile screens) */
    .image-1 {
      max-width: 74%;
      /* You can adjust the percentage to your preference */
      height: auto;
      margin-left: 9%;
    }
  
  }
  
  
  /* Partners */
  /* @media (max-width: 640px) {
    .partner-animation {
      margin-right: 0px; 
    }
  } */
  
  
  /*hover effect */
  textarea.brand-border-b:hover {
    border-bottom: 1px solid #628185;
  
  }
  
  /* Carousal Icons */
  .with-shadow {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  }
  
  
  /* Vision */
  
  @media (max-width: 640px) {
    #mobile-order .container {
      flex-direction: column;
    }
  
    #mobile-order .left-container {
      order: 2;
    }
  
    #mobile-order .right-container {
      order: 1;
    }
  }
  
  
  /* Overflow */
  html,
  body {
    overflow-x: hidden;
  }
  
  
  /* Add this to your CSS */
  .sticky-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    /* Customize this as needed */
  
    z-index: 1000;
    /* Customize the z-index */
  }
  
  /* success message */