:root {
  --primary-color: #303c97;
  --secondary-color: #64b3e4;
  --third-color: #ffffff;
  --font-title: "NaskhHadith", serif;
  /* For headings/titles */
  --font-text: "SimplifiedArabic", sans-serif;
  /* For paragraphs/body text */
  --paragraph-font-size: 26px;
  --paragraph-height: 2em;
  --title-font-size: 40px;
  --title-height: 3.2em;
}

@media screen and (max-width: 1124px) {
  .hero h1 {
    font-size: 32px;
  }
  .hero p {
    font-size: 28px;
  }
  .hero-content {
    max-width: 500px;
    padding-left: 2rem;
    left: 13em;
  }
  .about .about-image {
    width: 350px;
  }
  .about img.cow {
    width: 120px;
  }
  .features .features-card .subtitle {
    font-size: 18px;
  }
  .features .features-card .card-inner .card-content {
    padding: 0 48px 1.5rem;
  }
  .features .features-card .card-inner .card-title {
    font-size: 15px;
  }
  footer .footer-content {
    text-align: center;
  }
}
@media screen and (max-width: 780px) {
  .default-padding {
    padding: 30px 0;
  }
  .hero {
    display: flex;
    flex-direction: column;
    padding: 100px 20px;
    height: -moz-fit-content;
    height: fit-content;
    background: rgba(255, 255, 255, 0.6392156863);
  }
  .hero .hero-image {
    display: block;
    width: 300px;
  }
  .hero h1 {
    font-size: 20px;
    text-align: center;
  }
  .hero p {
    font-size: 18px;
    text-align: center;
  }
  .hero-content {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0);
    width: 100%;
  }
  .about {
    padding-top: 50px;
  }
  .about .about-content p {
    font-size: 18px;
  }
  .about .bottom-shape {
    display: none;
  }
  .about .about-image {
    width: 250px;
    float: none;
    margin: auto;
  }
  .about .shape {
    width: 80px;
  }
  .about .shape2 {
    right: 6em;
  }
  .about .shape2 {
    right: 6em;
  }
  .about .shape1 {
    right: 3em;
    bottom: 6em;
  }
  .features {
    padding: 0 20px !important;
  }
  .features .card-inner {
    height: 345px !important;
  }
  .features .card-inner:hover {
    transform: unset !important;
  }
  .features .card-inner .card-title {
    font-size: 11px !important;
  }
  .features .card-inner .card-text {
    font-size: 16px !important;
  }
  .features .ui-16 {
    top: -78px;
    width: 244px;
  }
  .features .ui-18 {
    display: none;
  }
  .features .about-image {
    width: 100%;
  }
  .features .feature-content {
    text-align: center;
  }
  .features .feature-content h2 {
    font-size: 20px;
  }
  .features .feature-content p {
    font-size: 20px;
  }
  .features .cards-container {
    flex-direction: column;
  }
  .features .features-bottom-shape {
    bottom: -200px;
  }
  .partner {
    padding: 80px 0 200px;
  }
  .partner .partner-flex {
    gap: 0rem !important;
  }
  .partner .be-partner h2 {
    text-align: center;
  }
  .partner .be-partner p {
    text-align: center;
  }
  .partner .be-partner ul li {
    text-align: center;
    font-size: 18px;
  }
  .partner form.partner-form-container {
    width: 80%;
    margin: auto;
    position: unset;
  }
  .partner .partner-form ul li {
    font-size: 20px;
    display: flex;
    align-items: center;
  }
  .partner .partner-form ul li > img {
    width: 30px;
    margin-left: 13px;
  }
  .partner .form--section {
    padding: 20px 0;
    height: unset;
    background-image: url(assets/images/partners/bg-mobile.png);
  }
  .partner .form--section h2 {
    line-height: 45px;
    font-size: 18px;
    text-align: center;
    margin: 0 13px 38px;
  }
  footer .row.gy-4.align-items-center {
    flex-direction: column;
  }
}/*# sourceMappingURL=resposive.css.map */