{"id":17,"date":"2025-08-22T11:46:56","date_gmt":"2025-08-22T11:46:56","guid":{"rendered":"https:\/\/aljisrasso.com\/?page_id=17"},"modified":"2026-05-13T21:56:31","modified_gmt":"2026-05-13T21:56:31","slug":"home","status":"publish","type":"page","link":"https:\/\/aljisrasso.com\/de\/","title":{"rendered":"Startseite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-425df2a e-con-full e-flex e-con e-parent\" data-id=\"425df2a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2e6365 elementor-widget elementor-widget-html\" data-id=\"e2e6365\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n  AL JISR ASSOCIATION - ABOUT SECTION\r\n  Professional \/ Clean \/ Mobile Optimized\r\n========================================= -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n  .aljisr-about-section,\r\n  .aljisr-about-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .aljisr-about-section {\r\n    --primary: #093a65;\r\n    --primary-light: #3a78d6;\r\n    --secondary: #e30613;\r\n    --accent: #437d43;\r\n    --dark: #1e293b;\r\n    --gray: #64748b;\r\n    --light-gray: #e2e8f0;\r\n    --white: #ffffff;\r\n    --bg-color: #f8fafc;\r\n\r\n    width: 100%;\r\n    padding: clamp(45px, 6vw, 90px) 18px;\r\n    background:\r\n      radial-gradient(circle at top left, rgba(58, 120, 214, 0.10), transparent 32%),\r\n      radial-gradient(circle at bottom right, rgba(67, 125, 67, 0.12), transparent 32%),\r\n      var(--bg-color);\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .aljisr-container {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 0.95fr 1.05fr;\r\n    gap: clamp(32px, 5vw, 70px);\r\n    align-items: center;\r\n  }\r\n\r\n  .aljisr-left {\r\n    position: relative;\r\n    min-width: 0;\r\n  }\r\n\r\n  .aljisr-left::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -22px;\r\n    top: -22px;\r\n    width: 170px;\r\n    height: 170px;\r\n    border-radius: 34px;\r\n    background: rgba(67, 125, 67, 0.13);\r\n    z-index: 0;\r\n  }\r\n\r\n  .aljisr-left::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: 16px;\r\n    bottom: -22px;\r\n    width: 120px;\r\n    height: 120px;\r\n    border-radius: 50%;\r\n    background: rgba(227, 6, 19, 0.08);\r\n    z-index: 0;\r\n  }\r\n\r\n  .aljisr-image-wrap {\r\n    position: relative;\r\n    max-width: 510px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .aljisr-left img.aljisr-main-img {\r\n    width: 100%;\r\n    height: 540px;\r\n    object-fit: cover;\r\n    display: block;\r\n    border-radius: 30px;\r\n    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.18);\r\n    border: 8px solid #ffffff;\r\n    position: relative;\r\n    z-index: 2;\r\n    transition: transform 0.45s ease, box-shadow 0.45s ease;\r\n  }\r\n\r\n  .aljisr-left img.aljisr-main-img:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 34px 85px rgba(15, 23, 42, 0.22);\r\n  }\r\n\r\n  .aljisr-left img.aljisr-overlay-img {\r\n    position: absolute;\r\n    right: -18px;\r\n    bottom: -28px;\r\n    width: 210px;\r\n    height: 155px;\r\n    object-fit: cover;\r\n    border-radius: 22px;\r\n    border: 7px solid #ffffff;\r\n    box-shadow: 0 22px 55px rgba(15, 23, 42, 0.22);\r\n    z-index: 3;\r\n    animation: aljisrFloat 4s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes aljisrFloat {\r\n    0% { transform: translateY(0); }\r\n    50% { transform: translateY(-9px); }\r\n    100% { transform: translateY(0); }\r\n  }\r\n\r\n  .aljisr-right {\r\n    position: relative;\r\n    min-width: 0;\r\n  }\r\n\r\n  .aljisr-right h4 {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    margin: 0 0 13px;\r\n    padding: 8px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(227, 6, 19, 0.08);\r\n    color: var(--secondary);\r\n    font-size: 12px;\r\n    line-height: 1.3;\r\n    font-weight: 900;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .aljisr-right h1 {\r\n    margin: 0 0 22px;\r\n    color: var(--primary);\r\n    font-size: clamp(34px, 4.2vw, 54px);\r\n    line-height: 1.05;\r\n    letter-spacing: -0.045em;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .aljisr-right p {\r\n    margin: 0 0 18px;\r\n    color: var(--gray);\r\n    font-size: 16px;\r\n    line-height: 1.78;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .quote-box {\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin: 30px 0 32px;\r\n    padding: 28px 28px 26px;\r\n    border-radius: 24px;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(226, 232, 240, 0.9);\r\n    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);\r\n  }\r\n\r\n  .quote-box::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0 auto 0 0;\r\n    width: 6px;\r\n    background: linear-gradient(180deg, var(--accent), var(--primary-light));\r\n  }\r\n\r\n  .quote-box::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -38px;\r\n    bottom: -38px;\r\n    width: 120px;\r\n    height: 120px;\r\n    border-radius: 50%;\r\n    background: rgba(67, 125, 67, 0.08);\r\n  }\r\n\r\n  .quote-box i {\r\n    position: absolute;\r\n    top: 22px;\r\n    left: 25px;\r\n    font-size: 30px;\r\n    color: var(--accent);\r\n    opacity: 0.18;\r\n  }\r\n\r\n  .quote-text {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin: 0 0 14px !important;\r\n    padding-left: 30px;\r\n    color: var(--dark) !important;\r\n    font-size: 18px !important;\r\n    line-height: 1.55 !important;\r\n    font-style: italic;\r\n    font-weight: 650 !important;\r\n  }\r\n\r\n  .quote-author {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin: 0 !important;\r\n    color: var(--gray) !important;\r\n    text-align: right;\r\n    font-size: 15px !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  .aljisr-btn-section {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .aljisr-btn-primary,\r\n  .aljisr-btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    min-height: 52px;\r\n    padding: 14px 24px;\r\n    border-radius: 999px;\r\n    font-size: 15px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n    text-decoration: none !important;\r\n    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease, color 0.28s ease;\r\n  }\r\n\r\n  .aljisr-btn-primary {\r\n    background: var(--accent);\r\n    color: var(--white) !important;\r\n    box-shadow: 0 14px 30px rgba(67, 125, 67, 0.25);\r\n    border: 2px solid var(--accent);\r\n  }\r\n\r\n  .aljisr-btn-primary:hover {\r\n    background: #e58918;\r\n    border-color: #e58918;\r\n    color: var(--white) !important;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 18px 38px rgba(229, 137, 24, 0.28);\r\n  }\r\n\r\n  .aljisr-btn-secondary {\r\n    background: rgba(255, 255, 255, 0.72);\r\n    color: var(--primary) !important;\r\n    border: 2px solid rgba(9, 58, 101, 0.22);\r\n    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);\r\n  }\r\n\r\n  .aljisr-btn-secondary:hover {\r\n    background: var(--primary);\r\n    border-color: var(--primary);\r\n    color: var(--white) !important;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 18px 38px rgba(9, 58, 101, 0.22);\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    .aljisr-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 44px;\r\n    }\r\n\r\n    .aljisr-right {\r\n      max-width: 760px;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n    }\r\n\r\n    .aljisr-btn-section {\r\n      justify-content: center;\r\n    }\r\n\r\n    .quote-author {\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .aljisr-about-section {\r\n      padding: 40px 14px 52px;\r\n    }\r\n\r\n    .aljisr-container {\r\n      gap: 34px;\r\n    }\r\n\r\n    .aljisr-right {\r\n      text-align: left;\r\n    }\r\n\r\n    .aljisr-right h4 {\r\n      font-size: 10.5px;\r\n      letter-spacing: 0.8px;\r\n      padding: 7px 11px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .aljisr-right h1 {\r\n      font-size: 34px;\r\n      margin-bottom: 17px;\r\n    }\r\n\r\n    .aljisr-right p {\r\n      font-size: 14.5px;\r\n      line-height: 1.72;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .aljisr-left::before {\r\n      left: -10px;\r\n      top: -12px;\r\n      width: 115px;\r\n      height: 115px;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .aljisr-left img.aljisr-main-img {\r\n      height: 380px;\r\n      border-radius: 24px;\r\n      border-width: 6px;\r\n    }\r\n\r\n    .aljisr-left img.aljisr-overlay-img {\r\n      width: 150px;\r\n      height: 112px;\r\n      right: 8px;\r\n      bottom: -22px;\r\n      border-radius: 17px;\r\n      border-width: 5px;\r\n    }\r\n\r\n    .quote-box {\r\n      margin: 24px 0 26px;\r\n      padding: 24px 20px 22px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .quote-box i {\r\n      top: 19px;\r\n      left: 20px;\r\n      font-size: 25px;\r\n    }\r\n\r\n    .quote-text {\r\n      padding-left: 25px;\r\n      font-size: 16px !important;\r\n      line-height: 1.55 !important;\r\n    }\r\n\r\n    .quote-author {\r\n      text-align: left;\r\n      font-size: 14px !important;\r\n    }\r\n\r\n    .aljisr-btn-section {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 11px;\r\n    }\r\n\r\n    .aljisr-btn-primary,\r\n    .aljisr-btn-secondary {\r\n      width: 100%;\r\n      min-height: 48px;\r\n      padding: 12px 14px;\r\n      font-size: 13.5px;\r\n      white-space: nowrap;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .aljisr-about-section {\r\n      padding-left: 11px;\r\n      padding-right: 11px;\r\n    }\r\n\r\n    .aljisr-left img.aljisr-main-img {\r\n      height: 330px;\r\n    }\r\n\r\n    .aljisr-left img.aljisr-overlay-img {\r\n      width: 132px;\r\n      height: 98px;\r\n      right: 6px;\r\n      bottom: -18px;\r\n    }\r\n\r\n    .aljisr-right h1 {\r\n      font-size: 30px;\r\n    }\r\n\r\n    .aljisr-btn-section {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .aljisr-btn-primary,\r\n    .aljisr-btn-secondary {\r\n      white-space: normal;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"aljisr-about-section\">\r\n  <div class=\"aljisr-container\">\r\n\r\n    <div class=\"aljisr-left\">\r\n      <div class=\"aljisr-image-wrap\">\r\n        <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/Design-sans-titre-26-scaled.png\" alt=\"Al Jisr Association\" class=\"aljisr-main-img\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-22-at-18.00.02_9f66e5c1.jpg\" alt=\"Al Jisr Association Volunteers\" class=\"aljisr-overlay-img\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"aljisr-right\">\r\n      <h4>Welcome to the bridge of initiative and solidarity<\/h4>\r\n      <h1>Al Jisr Association<\/h1>\r\n\r\n      <p>Al Jisr Association for Communication and Educational Cooperation is a leading not-for-profit Moroccan organization that was founded in 2014 with the aim of contributing to the educational, social, economic, sports and tourism development of the region.<\/p>\r\n\r\n      <p>Al Jisr is dedicated to promoting intercultural understanding and strengthening the principle of cooperation to be a helping hand and an appropriate environment to serve the community by spreading the culture of volunteering among young people around the world, through its various programmes and activities.<\/p>\r\n\r\n      <div class=\"quote-box\">\r\n        <i class=\"fas fa-quote-left\"><\/i>\r\n        <p class=\"quote-text\">\"Do you want to live happily? Travel with two bags, one to give, the other to receive\"<\/p>\r\n        <p class=\"quote-author\">\u2014 Johann Wolfgang von Goethe<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"aljisr-btn-section\">\r\n        <a href=\"https:\/\/aljisrasso.com\/About\" class=\"aljisr-btn-primary\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n        <a href=\"https:\/\/aljisrasso.com\/contact\" class=\"aljisr-btn-secondary\">Contact Us<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67f01e5 e-con-full e-flex e-con e-parent\" data-id=\"67f01e5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2b4319 elementor-widget elementor-widget-html\" data-id=\"b2b4319\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n  HOW WE WORK - AL JISR ASSOCIATION\r\n  Professional \/ Responsive \/ Mobile Optimized\r\n========================================= -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n  .ajw-how-we-work,\r\n  .ajw-how-we-work * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ajw-how-we-work {\r\n    --primary: #093a65;\r\n    --primary-light: #3a78d6;\r\n    --secondary: #e30613;\r\n    --accent: #437d43;\r\n    --dark: #1e293b;\r\n    --gray: #64748b;\r\n    --light-gray: #e2e8f0;\r\n    --white: #ffffff;\r\n    --bg-color: #f8fafc;\r\n\r\n    width: 100%;\r\n    padding: clamp(50px, 6vw, 90px) 18px;\r\n    background:\r\n      radial-gradient(circle at top left, rgba(58, 120, 214, 0.10), transparent 32%),\r\n      radial-gradient(circle at bottom right, rgba(67, 125, 67, 0.10), transparent 30%),\r\n      var(--bg-color);\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n    color: var(--dark);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ajw-container {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .ajw-section-header {\r\n    max-width: 780px;\r\n    margin: 0 auto 38px;\r\n    text-align: center;\r\n  }\r\n\r\n  .ajw-section-header h4 {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 0 12px;\r\n    padding: 8px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(227, 6, 19, 0.08);\r\n    color: var(--secondary);\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ajw-section-header h2 {\r\n    margin: 0;\r\n    color: var(--primary);\r\n    font-size: clamp(30px, 4vw, 48px);\r\n    line-height: 1.08;\r\n    letter-spacing: -0.04em;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .ajw-section-header p {\r\n    max-width: 720px;\r\n    margin: 16px auto 0;\r\n    color: var(--gray);\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .ajw-approach-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 22px;\r\n    margin-top: 34px;\r\n  }\r\n\r\n  .ajw-approach-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: rgba(255, 255, 255, 0.92);\r\n    padding: 30px 26px;\r\n    border-radius: 22px;\r\n    border: 1px solid rgba(226, 232, 240, 0.9);\r\n    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n  }\r\n\r\n  .ajw-approach-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0 0 auto;\r\n    height: 5px;\r\n    background: linear-gradient(90deg, var(--accent), var(--primary-light));\r\n  }\r\n\r\n  .ajw-approach-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -45px;\r\n    bottom: -45px;\r\n    width: 120px;\r\n    height: 120px;\r\n    border-radius: 50%;\r\n    background: rgba(67, 125, 67, 0.08);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ajw-approach-card:hover {\r\n    transform: translateY(-7px);\r\n    border-color: rgba(58, 120, 214, 0.28);\r\n    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.13);\r\n  }\r\n\r\n  .ajw-card-icon {\r\n    width: 62px;\r\n    height: 62px;\r\n    margin-bottom: 20px;\r\n    border-radius: 18px;\r\n    background: linear-gradient(135deg, rgba(9, 58, 101, 0.10), rgba(67, 125, 67, 0.10));\r\n    color: var(--primary);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 28px;\r\n  }\r\n\r\n  .ajw-approach-card h3 {\r\n    margin: 0 0 12px;\r\n    color: var(--primary);\r\n    font-size: 21px;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.02em;\r\n    font-weight: 850;\r\n  }\r\n\r\n  .ajw-approach-card p {\r\n    margin: 0;\r\n    color: var(--gray);\r\n    font-size: 15px;\r\n    line-height: 1.72;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .ajw-team-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin-top: 28px;\r\n    padding: 28px;\r\n    border-radius: 28px;\r\n    background:\r\n      linear-gradient(135deg, rgba(9, 58, 101, 0.96), rgba(58, 120, 214, 0.88)),\r\n      #093a65;\r\n    display: grid;\r\n    grid-template-columns: 1.02fr 0.98fr;\r\n    gap: 34px;\r\n    align-items: center;\r\n    box-shadow: 0 24px 65px rgba(9, 58, 101, 0.18);\r\n  }\r\n\r\n  .ajw-team-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -120px;\r\n    top: -120px;\r\n    width: 280px;\r\n    height: 280px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.08);\r\n  }\r\n\r\n  .ajw-team-section::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -90px;\r\n    bottom: -90px;\r\n    width: 210px;\r\n    height: 210px;\r\n    border-radius: 50%;\r\n    background: rgba(67, 125, 67, 0.24);\r\n  }\r\n\r\n  .ajw-team-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding: 10px 0 10px 8px;\r\n  }\r\n\r\n  .ajw-team-content h3 {\r\n    margin: 0 0 18px;\r\n    color: #ffffff;\r\n    font-size: clamp(26px, 3vw, 36px);\r\n    line-height: 1.12;\r\n    letter-spacing: -0.035em;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .ajw-team-content p {\r\n    margin: 0 0 15px;\r\n    color: rgba(255, 255, 255, 0.84);\r\n    font-size: 15.5px;\r\n    line-height: 1.78;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .ajw-team-content p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .ajw-team-image {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .ajw-team-image img {\r\n    width: 100%;\r\n    height: 360px;\r\n    object-fit: cover;\r\n    display: block;\r\n    border-radius: 22px;\r\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.22);\r\n  }\r\n\r\n  .ajw-values-list {\r\n    margin-top: 22px;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n  }\r\n\r\n  .ajw-value-item {\r\n    background: #ffffff;\r\n    padding: 22px 16px;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(226, 232, 240, 0.9);\r\n    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.07);\r\n    text-align: center;\r\n    transition: transform 0.28s ease, box-shadow 0.28s ease;\r\n  }\r\n\r\n  .ajw-value-item:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.12);\r\n  }\r\n\r\n  .ajw-value-item i {\r\n    width: 52px;\r\n    height: 52px;\r\n    margin: 0 auto 13px;\r\n    border-radius: 16px;\r\n    background: rgba(67, 125, 67, 0.10);\r\n    color: var(--accent);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 23px;\r\n  }\r\n\r\n  .ajw-value-item h4 {\r\n    margin: 0;\r\n    color: var(--primary);\r\n    font-size: 15px;\r\n    line-height: 1.35;\r\n    font-weight: 850;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .ajw-approach-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .ajw-team-section {\r\n      grid-template-columns: 1fr;\r\n      gap: 24px;\r\n    }\r\n\r\n    .ajw-team-image img {\r\n      height: 330px;\r\n    }\r\n\r\n    .ajw-values-list {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .ajw-how-we-work {\r\n      padding: 42px 14px 50px;\r\n    }\r\n\r\n    .ajw-section-header {\r\n      text-align: left;\r\n      margin-bottom: 26px;\r\n    }\r\n\r\n    .ajw-section-header h4 {\r\n      font-size: 11px;\r\n      padding: 7px 12px;\r\n    }\r\n\r\n    .ajw-section-header h2 {\r\n      font-size: 31px;\r\n      line-height: 1.12;\r\n    }\r\n\r\n    .ajw-section-header p {\r\n      font-size: 14.5px;\r\n      line-height: 1.7;\r\n      margin-top: 13px;\r\n    }\r\n\r\n    .ajw-approach-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .ajw-approach-card {\r\n      padding: 22px 18px;\r\n      border-radius: 18px;\r\n      display: grid;\r\n      grid-template-columns: 52px 1fr;\r\n      gap: 14px;\r\n      align-items: start;\r\n    }\r\n\r\n    .ajw-card-icon {\r\n      width: 52px;\r\n      height: 52px;\r\n      margin: 0;\r\n      border-radius: 15px;\r\n      font-size: 23px;\r\n    }\r\n\r\n    .ajw-approach-card h3 {\r\n      font-size: 18px;\r\n      margin-bottom: 7px;\r\n    }\r\n\r\n    .ajw-approach-card p {\r\n      grid-column: 1 \/ -1;\r\n      font-size: 14px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .ajw-team-section {\r\n      margin-top: 18px;\r\n      padding: 20px;\r\n      border-radius: 22px;\r\n      gap: 18px;\r\n    }\r\n\r\n    .ajw-team-content {\r\n      padding: 0;\r\n    }\r\n\r\n    .ajw-team-content h3 {\r\n      font-size: 25px;\r\n      margin-bottom: 13px;\r\n    }\r\n\r\n    .ajw-team-content p {\r\n      font-size: 14px;\r\n      line-height: 1.7;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .ajw-team-image {\r\n      order: -1;\r\n    }\r\n\r\n    .ajw-team-image img {\r\n      height: 230px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .ajw-values-list {\r\n      margin-top: 16px;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 12px;\r\n    }\r\n\r\n    .ajw-value-item {\r\n      padding: 18px 10px;\r\n      border-radius: 17px;\r\n    }\r\n\r\n    .ajw-value-item i {\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 14px;\r\n      font-size: 20px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .ajw-value-item h4 {\r\n      font-size: 13.5px;\r\n      line-height: 1.3;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 390px) {\r\n    .ajw-how-we-work {\r\n      padding-left: 11px;\r\n      padding-right: 11px;\r\n    }\r\n\r\n    .ajw-section-header h2 {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .ajw-team-image img {\r\n      height: 210px;\r\n    }\r\n\r\n    .ajw-values-list {\r\n      gap: 10px;\r\n    }\r\n\r\n    .ajw-value-item h4 {\r\n      font-size: 12.5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ajw-how-we-work\">\r\n  <div class=\"ajw-container\">\r\n\r\n    <div class=\"ajw-section-header\">\r\n      <h4>Our Methodology<\/h4>\r\n      <h2>How We Work<\/h2>\r\n      <p>The professional approach adopted by the Al-Jisr Association is based on the belief that international experiences can have a transformative effect on individuals.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ajw-approach-grid\">\r\n\r\n      <div class=\"ajw-approach-card\">\r\n        <div class=\"ajw-card-icon\">\r\n          <i class=\"fas fa-handshake\"><\/i>\r\n        <\/div>\r\n        <div>\r\n          <h3>Strategic Partnerships<\/h3>\r\n        <\/div>\r\n        <p>We've developed relationships with reputable sending and host organisations to offer diverse programs that meet the unique interests and objectives of volunteers.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ajw-approach-card\">\r\n        <div class=\"ajw-card-icon\">\r\n          <i class=\"fas fa-seedling\"><\/i>\r\n        <\/div>\r\n        <div>\r\n          <h3>Environmental Projects<\/h3>\r\n        <\/div>\r\n        <p>Our volunteers contribute to implementing environmental projects in educational establishments and institutions working towards sustainable development.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ajw-approach-card\">\r\n        <div class=\"ajw-card-icon\">\r\n          <i class=\"fas fa-globe-africa\"><\/i>\r\n        <\/div>\r\n        <div>\r\n          <h3>Cultural Immersion<\/h3>\r\n        <\/div>\r\n        <p>We design programs that provide volunteers with practical skills and a better understanding of Morocco's ancestral culture through immersive experiences.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ajw-team-section\">\r\n      <div class=\"ajw-team-content\">\r\n        <h3>Our Dedicated Team<\/h3>\r\n        <p>The Al-Jisr Association team is composed of professionals who have a deep understanding of the challenges and opportunities that volunteers may face when participating in our programs and activities.<\/p>\r\n        <p>Not only are they highly qualified, but they also demonstrate empathy and understanding, and are aware of the importance of providing personalized support to each volunteer.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ajw-team-image\">\r\n        <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-21-at-11.56.46_f9f1bd50.jpg\" alt=\"Al Jisr Team\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ajw-values-list\">\r\n\r\n      <div class=\"ajw-value-item\">\r\n        <i class=\"fas fa-user-friends\"><\/i>\r\n        <h4>Personalized Support<\/h4>\r\n      <\/div>\r\n\r\n      <div class=\"ajw-value-item\">\r\n        <i class=\"fas fa-heart\"><\/i>\r\n        <h4>Empathy & Understanding<\/h4>\r\n      <\/div>\r\n\r\n      <div class=\"ajw-value-item\">\r\n        <i class=\"fas fa-award\"><\/i>\r\n        <h4>Professional Excellence<\/h4>\r\n      <\/div>\r\n\r\n      <div class=\"ajw-value-item\">\r\n        <i class=\"fas fa-lightbulb\"><\/i>\r\n        <h4>Transformative Experiences<\/h4>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ecdaf11 e-flex e-con-boxed e-con e-parent\" data-id=\"ecdaf11\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88ca302 elementor-widget elementor-widget-html\" data-id=\"88ca302\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n  AL JISR ASSOCIATION - Professional Projects Showcase\r\n  Image overlay design \/ Mobile optimized\r\n========================================= -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .aljisr-project-showcase,\r\n  .aljisr-project-showcase * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .aljisr-project-showcase {\r\n    --aljisr-green: #007c73;\r\n    --aljisr-dark: #083f3b;\r\n    --aljisr-orange: #f47b20;\r\n    --aljisr-white: #ffffff;\r\n    --aljisr-muted: #61706d;\r\n    --aljisr-shadow: rgba(8, 63, 59, 0.14);\r\n\r\n    width: 100%;\r\n    padding: clamp(46px, 6vw, 82px) 18px;\r\n    background: #ffffff;\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n  }\r\n\r\n  .aljisr-project-wrap {\r\n    width: min(1240px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .aljisr-project-head {\r\n    max-width: 760px;\r\n    margin: 0 auto 30px;\r\n    text-align: center;\r\n  }\r\n\r\n  .aljisr-project-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 10px;\r\n    padding: 8px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(0, 124, 115, 0.09);\r\n    color: var(--aljisr-green);\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .aljisr-project-title-main {\r\n    margin: 0;\r\n    color: var(--aljisr-dark);\r\n    font-size: clamp(28px, 3.4vw, 42px);\r\n    line-height: 1.12;\r\n    letter-spacing: -0.035em;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .aljisr-project-title-main span {\r\n    color: var(--aljisr-orange);\r\n  }\r\n\r\n  .aljisr-project-text {\r\n    max-width: 620px;\r\n    margin: 13px auto 0;\r\n    color: var(--aljisr-muted);\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .aljisr-project-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.35fr 1fr 1fr;\r\n    grid-template-rows: 245px 245px;\r\n    gap: 18px;\r\n  }\r\n\r\n  .aljisr-project-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: block;\r\n    min-height: 230px;\r\n    border-radius: 18px;\r\n    background: #d9eeeb;\r\n    box-shadow: 0 16px 38px var(--aljisr-shadow);\r\n    text-decoration: none !important;\r\n    isolation: isolate;\r\n    transition: transform 0.28s ease, box-shadow 0.28s ease;\r\n  }\r\n\r\n  .aljisr-project-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 24px 54px rgba(8, 63, 59, 0.22);\r\n  }\r\n\r\n  .aljisr-project-card-featured {\r\n    grid-row: span 2;\r\n    min-height: 508px;\r\n    border-radius: 22px;\r\n  }\r\n\r\n  .aljisr-project-card img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    z-index: -3;\r\n    transition: transform 0.75s ease;\r\n  }\r\n\r\n  .aljisr-project-card:hover img {\r\n    transform: scale(1.055);\r\n  }\r\n\r\n  .aljisr-project-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -2;\r\n    background:\r\n      linear-gradient(\r\n        to top,\r\n        rgba(2, 22, 20, 0.88) 0%,\r\n        rgba(2, 22, 20, 0.56) 42%,\r\n        rgba(2, 22, 20, 0.10) 78%\r\n      );\r\n  }\r\n\r\n  .aljisr-project-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    background: linear-gradient(135deg, rgba(0, 124, 115, 0.18), rgba(244, 123, 32, 0.14));\r\n    opacity: 0;\r\n    transition: opacity 0.28s ease;\r\n  }\r\n\r\n  .aljisr-project-card:hover::after {\r\n    opacity: 1;\r\n  }\r\n\r\n  .aljisr-project-badge {\r\n    position: absolute;\r\n    top: 17px;\r\n    left: 17px;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.92);\r\n    color: var(--aljisr-green);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 17px;\r\n    backdrop-filter: blur(8px);\r\n    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);\r\n  }\r\n\r\n  .aljisr-project-card-featured .aljisr-project-badge {\r\n    width: 54px;\r\n    height: 54px;\r\n    font-size: 21px;\r\n  }\r\n\r\n  .aljisr-project-content {\r\n    position: absolute;\r\n    left: 24px;\r\n    right: 22px;\r\n    bottom: 22px;\r\n    color: var(--aljisr-white);\r\n  }\r\n\r\n  .aljisr-project-card:not(.aljisr-project-card-featured) .aljisr-project-content {\r\n    left: 18px;\r\n    right: 16px;\r\n    bottom: 17px;\r\n  }\r\n\r\n  .aljisr-project-name {\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-size: 18px;\r\n    line-height: 1.22;\r\n    letter-spacing: -0.018em;\r\n    font-weight: 900;\r\n    text-shadow: 0 3px 16px rgba(0, 0, 0, 0.35);\r\n  }\r\n\r\n  .aljisr-project-card-featured .aljisr-project-name {\r\n    max-width: 610px;\r\n    font-size: clamp(30px, 3.2vw, 40px);\r\n    line-height: 1.08;\r\n    letter-spacing: -0.04em;\r\n  }\r\n\r\n  .aljisr-project-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-top: 13px;\r\n    padding: 9px 13px;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    color: var(--aljisr-green);\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.6px;\r\n    transition: 0.25s ease;\r\n  }\r\n\r\n  .aljisr-project-button i {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .aljisr-project-card:hover .aljisr-project-button {\r\n    background: var(--aljisr-orange);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .aljisr-project-arrow {\r\n    position: absolute;\r\n    right: 30px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 58px;\r\n    height: 58px;\r\n    border-radius: 999px;\r\n    border: 2px solid rgba(255, 255, 255, 0.68);\r\n    background: rgba(0, 0, 0, 0.22);\r\n    color: #ffffff;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    backdrop-filter: blur(8px);\r\n    font-size: 22px;\r\n    transition: 0.25s ease;\r\n  }\r\n\r\n  .aljisr-project-card-featured:hover .aljisr-project-arrow {\r\n    background: var(--aljisr-orange);\r\n    border-color: var(--aljisr-orange);\r\n    transform: translateY(-50%) scale(1.05);\r\n  }\r\n\r\n  @media (max-width: 1050px) {\r\n    .aljisr-project-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      grid-template-rows: auto;\r\n    }\r\n\r\n    .aljisr-project-card-featured {\r\n      grid-column: 1 \/ -1;\r\n      grid-row: auto;\r\n      min-height: 420px;\r\n    }\r\n\r\n    .aljisr-project-card {\r\n      min-height: 250px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .aljisr-project-showcase {\r\n      padding: 38px 12px 48px;\r\n    }\r\n\r\n    .aljisr-project-head {\r\n      text-align: left;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .aljisr-project-title-main {\r\n      font-size: 27px;\r\n      line-height: 1.16;\r\n    }\r\n\r\n    .aljisr-project-text {\r\n      font-size: 14.5px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .aljisr-project-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 11px;\r\n    }\r\n\r\n    .aljisr-project-card-featured {\r\n      grid-column: 1 \/ -1;\r\n      min-height: 320px !important;\r\n      height: 320px !important;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .aljisr-project-card {\r\n      min-height: 175px;\r\n      border-radius: 16px;\r\n      box-shadow: 0 12px 28px rgba(8, 63, 59, 0.14);\r\n    }\r\n\r\n    .aljisr-project-content {\r\n      left: 16px;\r\n      right: 15px;\r\n      bottom: 16px;\r\n    }\r\n\r\n    .aljisr-project-card:not(.aljisr-project-card-featured) .aljisr-project-content {\r\n      left: 12px;\r\n      right: 10px;\r\n      bottom: 12px;\r\n    }\r\n\r\n    .aljisr-project-card-featured .aljisr-project-content {\r\n      left: 16px !important;\r\n      right: 76px !important;\r\n      bottom: 18px !important;\r\n    }\r\n\r\n    .aljisr-project-card-featured .aljisr-project-name {\r\n      font-size: 24px !important;\r\n      line-height: 1.12 !important;\r\n      max-width: 270px !important;\r\n    }\r\n\r\n    .aljisr-project-name {\r\n      font-size: 13.5px;\r\n      line-height: 1.22;\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .aljisr-project-button {\r\n      margin-top: 8px;\r\n      padding: 7px 10px;\r\n      font-size: 10px;\r\n      letter-spacing: 0.4px;\r\n    }\r\n\r\n    .aljisr-project-badge {\r\n      top: 12px;\r\n      left: 12px;\r\n      width: 36px;\r\n      height: 36px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .aljisr-project-card-featured .aljisr-project-badge {\r\n      width: 44px;\r\n      height: 44px;\r\n      font-size: 17px;\r\n    }\r\n\r\n    .aljisr-project-arrow {\r\n      width: 46px !important;\r\n      height: 46px !important;\r\n      right: 16px !important;\r\n      top: 50% !important;\r\n      font-size: 18px !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 390px) {\r\n    .aljisr-project-card-featured {\r\n      min-height: 315px !important;\r\n      height: 315px !important;\r\n    }\r\n\r\n    .aljisr-project-card {\r\n      min-height: 160px;\r\n    }\r\n\r\n    .aljisr-project-card-featured .aljisr-project-name {\r\n      font-size: 22px !important;\r\n      max-width: 245px !important;\r\n    }\r\n\r\n    .aljisr-project-name {\r\n      font-size: 12.5px;\r\n    }\r\n\r\n    .aljisr-project-button {\r\n      font-size: 9.5px;\r\n      padding: 7px 9px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"aljisr-project-showcase\" aria-label=\"Al Jisr Association projects\">\r\n  <div class=\"aljisr-project-wrap\">\r\n\r\n    <div class=\"aljisr-project-head\">\r\n      <div class=\"aljisr-project-label\">\r\n        <i class=\"fa-solid fa-bridge\"><\/i>\r\n        Our Projects\r\n      <\/div>\r\n\r\n      <h2 class=\"aljisr-project-title-main\">\r\n        Explore Our <span>Community Initiatives<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"aljisr-project-text\">\r\n        Discover our main projects supporting education, culture, youth development,\r\n        environmental action, and the improvement of public spaces.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"aljisr-project-grid\">\r\n\r\n      <!-- Featured Card -->\r\n      <a class=\"aljisr-project-card aljisr-project-card-featured\" href=\"#\">\r\n        <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2026\/05\/P1020665-scaled.jpg\"\r\n             alt=\"Sports and Artistic Activities\"\r\n             loading=\"eager\"\r\n             decoding=\"async\"\r\n             fetchpriority=\"high\">\r\n\r\n        <span class=\"aljisr-project-badge\">\r\n          <i class=\"fa-solid fa-palette\"><\/i>\r\n        <\/span>\r\n\r\n        <span class=\"aljisr-project-arrow\">\r\n          <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n        <\/span>\r\n\r\n        <div class=\"aljisr-project-content\">\r\n          <h3 class=\"aljisr-project-name\">Sports and Artistic Activities<\/h3>\r\n          <span class=\"aljisr-project-button\">\r\n            Learn More <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 2 -->\r\n      <a class=\"aljisr-project-card\" href=\"#\">\r\n        <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2026\/05\/DSC09447.jpg\"\r\n             alt=\"Festival\"\r\n             loading=\"lazy\"\r\n             decoding=\"async\">\r\n\r\n        <span class=\"aljisr-project-badge\">\r\n          <i class=\"fa-solid fa-masks-theater\"><\/i>\r\n        <\/span>\r\n\r\n        <div class=\"aljisr-project-content\">\r\n          <h3 class=\"aljisr-project-name\">Festival<\/h3>\r\n          <span class=\"aljisr-project-button\">\r\n            Learn More <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 3 -->\r\n      <a class=\"aljisr-project-card\" href=\"#\">\r\n        <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2026\/05\/DSC00058-scaled.jpg\"\r\n             alt=\"Academic Support\"\r\n             loading=\"lazy\"\r\n             decoding=\"async\">\r\n\r\n        <span class=\"aljisr-project-badge\">\r\n          <i class=\"fa-solid fa-book-open-reader\"><\/i>\r\n        <\/span>\r\n\r\n        <div class=\"aljisr-project-content\">\r\n          <h3 class=\"aljisr-project-name\">Academic Support<\/h3>\r\n          <span class=\"aljisr-project-button\">\r\n            Learn More <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 4 -->\r\n      <a class=\"aljisr-project-card\" href=\"#\">\r\n        <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2026\/05\/20231221_104341-scaled.jpg\"\r\n             alt=\"Environment\"\r\n             loading=\"lazy\"\r\n             decoding=\"async\">\r\n\r\n        <span class=\"aljisr-project-badge\">\r\n          <i class=\"fa-solid fa-leaf\"><\/i>\r\n        <\/span>\r\n\r\n        <div class=\"aljisr-project-content\">\r\n          <h3 class=\"aljisr-project-name\">Environment<\/h3>\r\n          <span class=\"aljisr-project-button\">\r\n            Learn More <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 5 -->\r\n      <a class=\"aljisr-project-card\" href=\"#\">\r\n        <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2026\/05\/20220707_112420.jpg\"\r\n             alt=\"Beautification of Public Establishments\"\r\n             loading=\"lazy\"\r\n             decoding=\"async\">\r\n\r\n        <span class=\"aljisr-project-badge\">\r\n          <i class=\"fa-solid fa-school\"><\/i>\r\n        <\/span>\r\n\r\n        <div class=\"aljisr-project-content\">\r\n          <h3 class=\"aljisr-project-name\">Beautification of Public Establishments<\/h3>\r\n          <span class=\"aljisr-project-button\">\r\n            Learn More <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-331401b e-con-full e-flex e-con e-parent\" data-id=\"331401b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd8c9d5 elementor-widget elementor-widget-html\" data-id=\"bd8c9d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n  OUR PROJECTS - AL JISR ASSOCIATION\r\n  Professional Timeline Cards \/ Mobile Optimized\r\n========================================= -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n  .ajp-projects-section,\r\n  .ajp-projects-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ajp-projects-section {\r\n    --primary: #093a65;\r\n    --primary-light: #3a78d6;\r\n    --secondary: #e30613;\r\n    --accent: #437d43;\r\n    --dark: #1e293b;\r\n    --gray: #64748b;\r\n    --light-gray: #e2e8f0;\r\n    --white: #ffffff;\r\n    --bg-color: #f8fafc;\r\n\r\n    width: 100%;\r\n    padding: clamp(48px, 6vw, 88px) 18px;\r\n    background:\r\n      radial-gradient(circle at top left, rgba(58, 120, 214, 0.10), transparent 32%),\r\n      radial-gradient(circle at bottom right, rgba(67, 125, 67, 0.12), transparent 30%),\r\n      var(--bg-color);\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n    color: var(--dark);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ajp-projects-wrap {\r\n    width: min(1200px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .ajp-section-header {\r\n    max-width: 720px;\r\n    margin: 0 auto 36px;\r\n    text-align: center;\r\n  }\r\n\r\n  .ajp-section-header h4 {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin: 0 0 12px;\r\n    padding: 8px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(227, 6, 19, 0.08);\r\n    color: var(--secondary);\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ajp-section-header h4::before {\r\n    content: \"\\f0b1\";\r\n    font-family: \"Font Awesome 6 Free\";\r\n    font-weight: 900;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .ajp-section-header h2 {\r\n    margin: 0;\r\n    color: var(--primary);\r\n    font-size: clamp(31px, 4vw, 48px);\r\n    line-height: 1.08;\r\n    letter-spacing: -0.045em;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .ajp-projects-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 24px;\r\n  }\r\n\r\n  .ajp-project-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);\r\n    border: 1px solid rgba(226, 232, 240, 0.9);\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 100%;\r\n    transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease;\r\n  }\r\n\r\n  .ajp-project-card.ajp-hidden {\r\n    display: none;\r\n  }\r\n\r\n  .ajp-project-card:hover {\r\n    transform: translateY(-7px);\r\n    border-color: rgba(58, 120, 214, 0.25);\r\n    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.14);\r\n  }\r\n\r\n  .ajp-project-image {\r\n    position: relative;\r\n    height: 255px;\r\n    overflow: hidden;\r\n    background: #dbe7ef;\r\n  }\r\n\r\n  .ajp-project-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to bottom, rgba(9, 58, 101, 0.05), rgba(9, 58, 101, 0.28));\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ajp-project-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.65s ease;\r\n  }\r\n\r\n  .ajp-project-card:hover .ajp-project-image img {\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  .ajp-year-badge {\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 16px;\r\n    z-index: 3;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-width: 76px;\r\n    padding: 9px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(9, 58, 101, 0.92);\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .ajp-project-content {\r\n    position: relative;\r\n    padding: 24px 24px 22px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 1;\r\n  }\r\n\r\n  .ajp-project-content::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 24px;\r\n    top: 0;\r\n    width: 58px;\r\n    height: 5px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(90deg, var(--accent), var(--primary-light));\r\n  }\r\n\r\n  .ajp-project-details {\r\n    flex: 1;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .ajp-project-details p {\r\n    margin: 0 0 10px;\r\n    color: var(--gray);\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .ajp-project-details ul {\r\n    list-style: none;\r\n    margin: 0 0 10px;\r\n    padding: 0;\r\n  }\r\n\r\n  .ajp-project-details li {\r\n    position: relative;\r\n    margin: 0 0 9px;\r\n    padding-left: 23px;\r\n    color: var(--gray);\r\n    font-size: 14.5px;\r\n    line-height: 1.62;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .ajp-project-details li::before {\r\n    content: \"\\f058\";\r\n    font-family: \"Font Awesome 6 Free\";\r\n    font-weight: 900;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 2px;\r\n    color: var(--accent);\r\n    font-size: 13px;\r\n  }\r\n\r\n  .ajp-project-btn {\r\n    width: 100%;\r\n    min-height: 48px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 13px 18px;\r\n    border-radius: 999px;\r\n    background: var(--accent);\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 14.5px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n    box-shadow: 0 14px 30px rgba(67, 125, 67, 0.22);\r\n    transition: transform 0.28s ease, background 0.28s ease, box-shadow 0.28s ease;\r\n  }\r\n\r\n  .ajp-project-btn::after {\r\n    content: \"\\f061\";\r\n    font-family: \"Font Awesome 6 Free\";\r\n    font-weight: 900;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .ajp-project-btn:hover {\r\n    background: #e58918;\r\n    color: #ffffff !important;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 18px 38px rgba(229, 137, 24, 0.25);\r\n  }\r\n\r\n  .ajp-see-more-container {\r\n    text-align: center;\r\n    margin-top: 34px;\r\n  }\r\n\r\n  .ajp-see-more-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-height: 52px;\r\n    padding: 14px 28px;\r\n    border: 0;\r\n    border-radius: 999px;\r\n    background: var(--primary);\r\n    color: #ffffff;\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n    cursor: pointer;\r\n    box-shadow: 0 16px 35px rgba(9, 58, 101, 0.22);\r\n    transition: transform 0.28s ease, background 0.28s ease, box-shadow 0.28s ease;\r\n  }\r\n\r\n  .ajp-see-more-btn:hover {\r\n    background: var(--primary-light);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 22px 48px rgba(58, 120, 214, 0.25);\r\n  }\r\n\r\n  .ajp-see-more-btn i {\r\n    font-size: 13px;\r\n    transition: transform 0.28s ease;\r\n  }\r\n\r\n  .ajp-see-more-btn.ajp-expanded i {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .ajp-projects-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 20px;\r\n    }\r\n\r\n    .ajp-project-image {\r\n      height: 240px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .ajp-projects-section {\r\n      padding: 42px 14px 52px;\r\n    }\r\n\r\n    .ajp-section-header {\r\n      text-align: left;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .ajp-section-header h4 {\r\n      font-size: 11px;\r\n      padding: 7px 12px;\r\n    }\r\n\r\n    .ajp-section-header h2 {\r\n      font-size: 31px;\r\n      line-height: 1.12;\r\n    }\r\n\r\n    .ajp-projects-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n\r\n    .ajp-project-card {\r\n      border-radius: 22px;\r\n    }\r\n\r\n    .ajp-project-image {\r\n      height: 230px;\r\n    }\r\n\r\n    .ajp-year-badge {\r\n      top: 14px;\r\n      right: 14px;\r\n      min-width: 68px;\r\n      padding: 8px 12px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .ajp-project-content {\r\n      padding: 22px 18px 18px;\r\n    }\r\n\r\n    .ajp-project-content::before {\r\n      left: 18px;\r\n      width: 52px;\r\n    }\r\n\r\n    .ajp-project-details {\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .ajp-project-details p,\r\n    .ajp-project-details li {\r\n      font-size: 14px;\r\n      line-height: 1.64;\r\n    }\r\n\r\n    .ajp-project-btn {\r\n      min-height: 46px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .ajp-see-more-container {\r\n      margin-top: 26px;\r\n    }\r\n\r\n    .ajp-see-more-btn {\r\n      width: 100%;\r\n      min-height: 50px;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .ajp-projects-section {\r\n      padding-left: 11px;\r\n      padding-right: 11px;\r\n    }\r\n\r\n    .ajp-project-image {\r\n      height: 205px;\r\n    }\r\n\r\n    .ajp-section-header h2 {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .ajp-project-content {\r\n      padding: 20px 16px 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ajp-projects-section\">\r\n  <div class=\"ajp-projects-wrap\">\r\n\r\n    <div class=\"ajp-section-header\">\r\n      <h4>Our Work<\/h4>\r\n      <h2>Projects Timeline<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"ajp-projects-grid\">\r\n\r\n      <!-- 2025 -->\r\n      <div class=\"ajp-project-card ajp-visible\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/IMG-20250731-WA0049.jpg\" alt=\"2025 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2025<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <ul>\r\n              <li>Creation of an ecological corridor at Maggamane primary school<\/li>\r\n            <\/ul>\r\n            <ul>\r\n              <li>Decorating the area around Maggmane School with shrubs and aromatic plants.<\/li>\r\n            <\/ul>\r\n            <ul>\r\n              <li>Repair and installation of toys in the Women's Club kindergarten playground.<\/li>\r\n            <\/ul>\r\n            <ul>\r\n              <li> Decorating the playground with educational graphics and murals.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2025-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2024 -->\r\n      <div class=\"ajp-project-card ajp-visible\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/20240727_094416-1-scaled.jpg\" alt=\"2024 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2024<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <p>Construction of a multidisciplinary room at the Maggamane socio-educational centre (second step)<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2024-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2023 -->\r\n      <div class=\"ajp-project-card ajp-visible\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/20230723_110806-1-scaled.jpg\" alt=\"2023 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2023<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <p>Construction of a multidisciplinary room at the Maggamane socio-educational centre (first step)<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2023-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2022 -->\r\n      <div class=\"ajp-project-card ajp-hidden\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/20250721_100340-scaled.jpg\" alt=\"2022 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2022<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <p>Renovating infrastructure at the Maggamane socio-educational centre.<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2022-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2021 -->\r\n      <div class=\"ajp-project-card ajp-hidden\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/20210223_155640-1-scaled.jpg\" alt=\"2021 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2021<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <p>Receipt of school supplies for pupils at Maggamane school as part of the British Foundation for Schools' COVID-19 aid programme.<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2021-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2019 -->\r\n      <div class=\"ajp-project-card ajp-hidden\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/DSC01794-1.jpg\" alt=\"2019 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2019<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <p>Manufacture and installation of bicycle parking racks at Mohamed 5 high school.<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2019-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2018 -->\r\n      <div class=\"ajp-project-card ajp-hidden\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/DSCF5238-scaled.jpg\" alt=\"2018 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2018<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <ul>\r\n              <li>Renovating the infrastructure of the women's club and pre-school.<\/li>\r\n              <li>Renovation of the Al-fath school infrastructure.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2018-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2017 -->\r\n      <div class=\"ajp-project-card ajp-hidden\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-23-at-11.42.11_a14d360e.jpg\" alt=\"2017 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2017<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <p>Attawhid school<\/p>\r\n            <ul>\r\n              <li>Creation of access corridors for students.<\/li>\r\n              <li>Construction of a volleyball court.<\/li>\r\n              <li>Renovation of toilets for students with special needs.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2017-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2016 -->\r\n      <div class=\"ajp-project-card ajp-hidden\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-23-at-11.42.11_7268338e.jpg\" alt=\"2016 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2016<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <p>Renovation of the Attawhid school infrastructure.<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2016-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2015 -->\r\n      <div class=\"ajp-project-card ajp-hidden\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-23-at-11.42.11_6139466d.jpg\" alt=\"2015 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2015<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <ul>\r\n              <li>Decoration and renovation of the Women's Club and nursery school facilities.<\/li>\r\n              <li>Renovation of sports facilities at Mohammed V secondary school<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2015-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2014 -->\r\n      <div class=\"ajp-project-card ajp-hidden\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-23-at-11.42.11_22fdbd18.jpg\" alt=\"2014 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2014<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <ul>\r\n              <li>Renovation and development of infrastructure at the ksar Goulmima (kasbah) preschool.<\/li>\r\n              <li>Decoration and renovation of facilities at Saqiya El Hamra and Alabat schools.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2014-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2013 -->\r\n      <div class=\"ajp-project-card ajp-hidden\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-23-at-11.42.11_6da0df28.jpg\" alt=\"2013 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2013<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <p>Renovations and decorations at Maggamane primary school, Second step<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2013-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2012 -->\r\n      <div class=\"ajp-project-card ajp-hidden\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-23-at-11.42.11_3d051703.jpg\" alt=\"2012 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2012<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <p>Renovations and decorations at Anwal primary school<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2012-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2011 -->\r\n      <div class=\"ajp-project-card ajp-hidden\">\r\n        <div class=\"ajp-project-image\">\r\n          <img src=\"https:\/\/aljisrasso.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-23-at-11.42.11_0dedd4d3.jpg\" alt=\"2011 Project\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"ajp-year-badge\">2011<\/div>\r\n        <\/div>\r\n        <div class=\"ajp-project-content\">\r\n          <div class=\"ajp-project-details\">\r\n            <p>Renovations and decorations at Maggamane primary school, First step<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/aljisrasso.com\/2011-2\/\" class=\"ajp-project-btn\">Learn More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ajp-see-more-container\">\r\n      <button class=\"ajp-see-more-btn\" type=\"button\">\r\n        See More Projects <i class=\"fas fa-chevron-down\"><\/i>\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const section = document.querySelector(\".ajp-projects-section\");\r\n    if (!section) return;\r\n\r\n    const seeMoreBtn = section.querySelector(\".ajp-see-more-btn\");\r\n    const projectCards = section.querySelectorAll(\".ajp-project-card\");\r\n    let showingAll = false;\r\n\r\n    projectCards.forEach(function (card, index) {\r\n      if (index >= 3) {\r\n        card.classList.add(\"ajp-hidden\");\r\n      }\r\n    });\r\n\r\n    seeMoreBtn.addEventListener(\"click\", function () {\r\n      if (showingAll) {\r\n        projectCards.forEach(function (card, index) {\r\n          if (index >= 3) {\r\n            card.classList.add(\"ajp-hidden\");\r\n          }\r\n        });\r\n\r\n        seeMoreBtn.innerHTML = 'See More Projects <i class=\"fas fa-chevron-down\"><\/i>';\r\n        seeMoreBtn.classList.remove(\"ajp-expanded\");\r\n      } else {\r\n        projectCards.forEach(function (card) {\r\n          card.classList.remove(\"ajp-hidden\");\r\n        });\r\n\r\n        seeMoreBtn.innerHTML = 'See Less Projects <i class=\"fas fa-chevron-up\"><\/i>';\r\n        seeMoreBtn.classList.add(\"ajp-expanded\");\r\n      }\r\n\r\n      showingAll = !showingAll;\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e600cf e-con-full e-flex e-con e-parent\" data-id=\"9e600cf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-105b616 elementor-widget elementor-widget-html\" data-id=\"105b616\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n  OUR MISSION & GOALS - AL JISR ASSOCIATION\r\n  Professional \/ Clean \/ Mobile Optimized\r\n========================================= -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n  .ajm-mission-section,\r\n  .ajm-mission-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ajm-mission-section {\r\n    --primary: #093a65;\r\n    --primary-light: #3a78d6;\r\n    --secondary: #e30613;\r\n    --accent: #437d43;\r\n    --dark: #1e293b;\r\n    --gray: #64748b;\r\n    --light-gray: #e2e8f0;\r\n    --white: #ffffff;\r\n    --bg-color: #f8fafc;\r\n\r\n    width: 100%;\r\n    padding: clamp(48px, 6vw, 90px) 18px;\r\n    background:\r\n      radial-gradient(circle at top left, rgba(58, 120, 214, 0.10), transparent 32%),\r\n      radial-gradient(circle at bottom right, rgba(67, 125, 67, 0.12), transparent 30%),\r\n      var(--bg-color);\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n    color: var(--dark);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ajm-wrap {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .ajm-section-header {\r\n    max-width: 760px;\r\n    margin: 0 auto 36px;\r\n    text-align: center;\r\n  }\r\n\r\n  .ajm-section-header h4 {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin: 0 0 12px;\r\n    padding: 8px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(227, 6, 19, 0.08);\r\n    color: var(--secondary);\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ajm-section-header h4::before {\r\n    content: \"\\f140\";\r\n    font-family: \"Font Awesome 6 Free\";\r\n    font-weight: 900;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .ajm-section-header h2 {\r\n    margin: 0;\r\n    color: var(--primary);\r\n    font-size: clamp(31px, 4vw, 48px);\r\n    line-height: 1.08;\r\n    letter-spacing: -0.045em;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .ajm-mission-content {\r\n    margin-bottom: 42px;\r\n  }\r\n\r\n  .ajm-mission-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(28px, 4vw, 44px);\r\n    border-radius: 30px;\r\n    background:\r\n      linear-gradient(135deg, rgba(9, 58, 101, 0.96), rgba(58, 120, 214, 0.90)),\r\n      var(--primary);\r\n    box-shadow: 0 28px 75px rgba(9, 58, 101, 0.20);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .ajm-mission-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -120px;\r\n    top: -120px;\r\n    width: 290px;\r\n    height: 290px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.09);\r\n  }\r\n\r\n  .ajm-mission-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -90px;\r\n    bottom: -90px;\r\n    width: 210px;\r\n    height: 210px;\r\n    border-radius: 50%;\r\n    background: rgba(67, 125, 67, 0.28);\r\n  }\r\n\r\n  .ajm-mission-card h3,\r\n  .ajm-mission-card p {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .ajm-mission-card h3 {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 0 0 20px;\r\n    color: #ffffff;\r\n    font-size: clamp(26px, 3vw, 38px);\r\n    line-height: 1.12;\r\n    letter-spacing: -0.035em;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .ajm-mission-card h3 i {\r\n    width: 58px;\r\n    height: 58px;\r\n    min-width: 58px;\r\n    border-radius: 18px;\r\n    background: rgba(255, 255, 255, 0.14);\r\n    color: #ffffff;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 24px;\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .ajm-mission-card p {\r\n    max-width: 980px;\r\n    margin: 0 0 16px;\r\n    color: rgba(255, 255, 255, 0.86);\r\n    font-size: 16px;\r\n    line-height: 1.78;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .ajm-mission-card p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .ajm-goals-header {\r\n    max-width: 760px;\r\n    margin: 0 auto 28px;\r\n    text-align: center;\r\n  }\r\n\r\n  .ajm-goals-header h3 {\r\n    margin: 0;\r\n    color: var(--primary);\r\n    font-size: clamp(28px, 3.4vw, 40px);\r\n    line-height: 1.12;\r\n    letter-spacing: -0.04em;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .ajm-goals-header h3::after {\r\n    content: \"\";\r\n    display: block;\r\n    width: 72px;\r\n    height: 5px;\r\n    margin: 16px auto 0;\r\n    border-radius: 999px;\r\n    background: linear-gradient(90deg, var(--accent), var(--primary-light));\r\n  }\r\n\r\n  .ajm-goals-container {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .ajm-goal-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 100%;\r\n    padding: 26px 22px;\r\n    border-radius: 24px;\r\n    background: rgba(255, 255, 255, 0.94);\r\n    border: 1px solid rgba(226, 232, 240, 0.95);\r\n    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n  }\r\n\r\n  .ajm-goal-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0 0 auto;\r\n    height: 5px;\r\n    background: linear-gradient(90deg, var(--accent), var(--primary-light));\r\n  }\r\n\r\n  .ajm-goal-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -42px;\r\n    bottom: -42px;\r\n    width: 115px;\r\n    height: 115px;\r\n    border-radius: 50%;\r\n    background: rgba(67, 125, 67, 0.08);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ajm-goal-card:hover {\r\n    transform: translateY(-7px);\r\n    border-color: rgba(58, 120, 214, 0.28);\r\n    box-shadow: 0 28px 65px rgba(15, 23, 42, 0.13);\r\n  }\r\n\r\n  .ajm-goal-card h4 {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    margin: 0 0 13px;\r\n    color: var(--primary);\r\n    font-size: 18px;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.02em;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .ajm-goal-card h4 i {\r\n    width: 44px;\r\n    height: 44px;\r\n    min-width: 44px;\r\n    border-radius: 15px;\r\n    background: rgba(227, 6, 19, 0.08);\r\n    color: var(--secondary);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .ajm-goal-card p {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin: 0;\r\n    color: var(--gray);\r\n    font-size: 14.5px;\r\n    line-height: 1.72;\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .ajm-goals-container {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .ajm-mission-section {\r\n      padding: 42px 14px 52px;\r\n    }\r\n\r\n    .ajm-section-header {\r\n      text-align: left;\r\n      margin-bottom: 26px;\r\n    }\r\n\r\n    .ajm-section-header h4 {\r\n      font-size: 11px;\r\n      padding: 7px 12px;\r\n    }\r\n\r\n    .ajm-section-header h2 {\r\n      font-size: 31px;\r\n      line-height: 1.12;\r\n    }\r\n\r\n    .ajm-mission-content {\r\n      margin-bottom: 34px;\r\n    }\r\n\r\n    .ajm-mission-card {\r\n      padding: 24px 18px;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .ajm-mission-card h3 {\r\n      font-size: 24px;\r\n      gap: 10px;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .ajm-mission-card h3 i {\r\n      width: 48px;\r\n      height: 48px;\r\n      min-width: 48px;\r\n      border-radius: 15px;\r\n      font-size: 20px;\r\n    }\r\n\r\n    .ajm-mission-card p {\r\n      font-size: 14.5px;\r\n      line-height: 1.72;\r\n      margin-bottom: 13px;\r\n    }\r\n\r\n    .ajm-goals-header {\r\n      text-align: left;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .ajm-goals-header h3 {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .ajm-goals-header h3::after {\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n      width: 60px;\r\n      height: 4px;\r\n    }\r\n\r\n    .ajm-goals-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n\r\n    .ajm-goal-card {\r\n      padding: 22px 18px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .ajm-goal-card h4 {\r\n      font-size: 17px;\r\n      gap: 11px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .ajm-goal-card h4 i {\r\n      width: 42px;\r\n      height: 42px;\r\n      min-width: 42px;\r\n      border-radius: 14px;\r\n      font-size: 17px;\r\n    }\r\n\r\n    .ajm-goal-card p {\r\n      font-size: 14px;\r\n      line-height: 1.66;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 390px) {\r\n    .ajm-mission-section {\r\n      padding-left: 11px;\r\n      padding-right: 11px;\r\n    }\r\n\r\n    .ajm-section-header h2 {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .ajm-mission-card h3 {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .ajm-goal-card h4 {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ajm-mission-section\">\r\n  <div class=\"ajm-wrap\">\r\n\r\n    <div class=\"ajm-section-header\">\r\n      <h4>Our Purpose<\/h4>\r\n      <h2>Mission & Goals<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"ajm-mission-content\">\r\n      <div class=\"ajm-mission-card\">\r\n        <h3><i class=\"fas fa-bullseye\"><\/i> Our Mission<\/h3>\r\n\r\n        <p>The mission of the Al-Jisr Association for Communication and Educational Cooperation is to promote international volunteering in support of sustainable development, education, and solidarity. It achieves this by encouraging international cooperation programmes to contribute to and participate in its various activities, which primarily serve the educational and environmental fields.<\/p>\r\n\r\n        <p>Our goal is to contribute to the achievement of sustainable development goals and the improvement of citizens' quality of life, as well as to welcome volunteers and integrate them into our work teams. We strive to organise educational and environmental projects in line with the association's philosophy, through partnerships and cooperation with international governmental and non-governmental organisations, in coordination with the relevant Moroccan authorities.<\/p>\r\n\r\n        <p>We are committed to contributing to the achievement of high-quality sustainable development for government agencies, associations and various organisations, while strictly adhering to the proposed objectives.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ajm-goals-header\">\r\n      <h3>Our Goals<\/h3>\r\n    <\/div>\r\n\r\n    <div class=\"ajm-goals-container\">\r\n\r\n      <div class=\"ajm-goal-card\">\r\n        <h4><i class=\"fas fa-hands-helping\"><\/i> Volunteering Development<\/h4>\r\n        <p>Actively participate in the development of volunteering and social work by setting goals, choosing the appropriate field, committing to work, communicating effectively, and cooperating with others.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ajm-goal-card\">\r\n        <h4><i class=\"fas fa-users\"><\/i> Volunteer Promotion<\/h4>\r\n        <p>Encourage and promote volunteering in all its forms in several ways, including: encouraging young people to participate in volunteering experiences, raising community awareness of the importance of volunteering, coordinating efforts with institutions and volunteer organisations, honouring volunteers and recognising their efforts, and highlighting the importance of volunteering in skills development and opportunity creation.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ajm-goal-card\">\r\n        <h4><i class=\"fas fa-graduation-cap\"><\/i> Education & Poverty Reduction<\/h4>\r\n        <p>Promote non-formal education and contribute to poverty reduction through educational and social programmes.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ajm-goal-card\">\r\n        <h4><i class=\"fas fa-leaf\"><\/i> Environmental Protection<\/h4>\r\n        <p>Preserve the environment through concrete environmental protection measures.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ajm-goal-card\">\r\n        <h4><i class=\"fas fa-hands\"><\/i> Youth Engagement<\/h4>\r\n        <p>Raise awareness among young people and involve them in solidarity and community development projects.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ajm-goal-card\">\r\n        <h4><i class=\"fas fa-globe\"><\/i> Active Citizenship<\/h4>\r\n        <p>Promote participation and awareness of active citizenship among young people.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ajm-goal-card\">\r\n        <h4><i class=\"fas fa-landmark\"><\/i> Cultural Heritage<\/h4>\r\n        <p>Highlight the richness of Morocco's environmental and cultural heritage.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ajm-goal-card\">\r\n        <h4><i class=\"fas fa-heart\"><\/i> Poverty Awareness<\/h4>\r\n        <p>Pay particular attention to the reality of poverty suffered by many inhabitants of the region, while seeking to establish links between different cultures around the world.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e95ed6 e-con-full e-flex e-con e-parent\" data-id=\"6e95ed6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0c11f8 elementor-widget elementor-widget-html\" data-id=\"d0c11f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n  PROFESSIONAL TESTIMONIAL CAROUSEL\r\n  Al Jisr Association \/ Mobile Optimized\r\n========================================= -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n  .ajt-testimonial-section,\r\n  .ajt-testimonial-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ajt-testimonial-section {\r\n    --primary: #093a65;\r\n    --primary-light: #3a78d6;\r\n    --secondary: #e30613;\r\n    --accent: #437d43;\r\n    --dark: #1e293b;\r\n    --gray: #64748b;\r\n    --light: #f8fafc;\r\n    --white: #ffffff;\r\n\r\n    width: 100%;\r\n    padding: clamp(48px, 6vw, 90px) 18px;\r\n    background:\r\n      radial-gradient(circle at top left, rgba(58, 120, 214, 0.10), transparent 32%),\r\n      radial-gradient(circle at bottom right, rgba(67, 125, 67, 0.12), transparent 30%),\r\n      var(--light);\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ajt-wrap {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .ajt-header {\r\n    max-width: 760px;\r\n    margin: 0 auto 34px;\r\n    text-align: center;\r\n  }\r\n\r\n  .ajt-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 12px;\r\n    padding: 8px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(227, 6, 19, 0.08);\r\n    color: var(--secondary);\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ajt-title {\r\n    margin: 0;\r\n    color: var(--primary);\r\n    font-size: clamp(31px, 4vw, 48px);\r\n    line-height: 1.08;\r\n    letter-spacing: -0.045em;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .ajt-subtitle {\r\n    max-width: 620px;\r\n    margin: 14px auto 0;\r\n    color: var(--gray);\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .ajt-carousel {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(22px, 3vw, 32px);\r\n    border-radius: 32px;\r\n    background: rgba(255, 255, 255, 0.88);\r\n    border: 1px solid rgba(226, 232, 240, 0.95);\r\n    box-shadow: 0 28px 75px rgba(15, 23, 42, 0.10);\r\n  }\r\n\r\n  .ajt-carousel::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -95px;\r\n    top: -95px;\r\n    width: 230px;\r\n    height: 230px;\r\n    border-radius: 50%;\r\n    background: rgba(58, 120, 214, 0.10);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ajt-carousel::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -80px;\r\n    bottom: -80px;\r\n    width: 190px;\r\n    height: 190px;\r\n    border-radius: 50%;\r\n    background: rgba(67, 125, 67, 0.10);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ajt-grid {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .ajt-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 100%;\r\n    padding: 26px 24px 24px;\r\n    border-radius: 24px;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(226, 232, 240, 0.95);\r\n    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n  }\r\n\r\n  .ajt-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(58, 120, 214, 0.28);\r\n    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.13);\r\n  }\r\n\r\n  .ajt-card-top {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ajt-quote-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    min-width: 48px;\r\n    border-radius: 17px;\r\n    background: linear-gradient(135deg, rgba(9, 58, 101, 0.10), rgba(67, 125, 67, 0.10));\r\n    color: var(--primary);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 19px;\r\n  }\r\n\r\n  .ajt-stars {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 3px;\r\n    color: #f5a623;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .ajt-text {\r\n    position: relative;\r\n    margin: 0 0 18px;\r\n    color: var(--gray);\r\n    font-size: 14.5px;\r\n    line-height: 1.72;\r\n    font-weight: 500;\r\n    max-height: 126px;\r\n    overflow: hidden;\r\n    transition: max-height 0.35s ease;\r\n  }\r\n\r\n  .ajt-text.expanded {\r\n    max-height: 900px;\r\n  }\r\n\r\n  .ajt-text:not(.expanded)::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    height: 42px;\r\n    background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ajt-read-more {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    margin-bottom: 22px;\r\n    padding: 8px 13px;\r\n    border: 0;\r\n    border-radius: 999px;\r\n    background: rgba(9, 58, 101, 0.08);\r\n    color: var(--primary);\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n    cursor: pointer;\r\n    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;\r\n  }\r\n\r\n  .ajt-read-more:hover {\r\n    background: var(--primary);\r\n    color: #ffffff;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .ajt-author {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding-top: 18px;\r\n    border-top: 1px solid rgba(226, 232, 240, 0.9);\r\n  }\r\n\r\n  .ajt-avatar {\r\n    width: 48px;\r\n    height: 48px;\r\n    min-width: 48px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, var(--primary), var(--accent));\r\n    color: #ffffff;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 15px;\r\n    font-weight: 900;\r\n    box-shadow: 0 12px 24px rgba(9, 58, 101, 0.18);\r\n  }\r\n\r\n  .ajt-author-name {\r\n    color: var(--dark);\r\n    font-size: 14.5px;\r\n    line-height: 1.25;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .ajt-author-title {\r\n    margin-top: 3px;\r\n    color: var(--gray);\r\n    font-size: 12.5px;\r\n    line-height: 1.35;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .ajt-footer {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: auto 1fr auto;\r\n    align-items: center;\r\n    gap: 18px;\r\n    margin-top: 26px;\r\n  }\r\n\r\n  .ajt-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .ajt-nav-btn {\r\n    width: 48px;\r\n    height: 48px;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    background: var(--primary);\r\n    color: #ffffff;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    box-shadow: 0 14px 28px rgba(9, 58, 101, 0.22);\r\n    transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n\r\n  .ajt-nav-btn:hover {\r\n    background: var(--accent);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 18px 36px rgba(67, 125, 67, 0.22);\r\n  }\r\n\r\n  .ajt-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ajt-dot {\r\n    width: 9px;\r\n    height: 9px;\r\n    border: 0;\r\n    border-radius: 999px;\r\n    background: rgba(100, 116, 139, 0.30);\r\n    cursor: pointer;\r\n    padding: 0;\r\n    transition: width 0.25s ease, background 0.25s ease;\r\n  }\r\n\r\n  .ajt-dot.active {\r\n    width: 28px;\r\n    background: var(--primary);\r\n  }\r\n\r\n  .ajt-page-indicator {\r\n    color: var(--gray);\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    text-align: right;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    .ajt-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .ajt-testimonial-section {\r\n      padding: 42px 14px 52px;\r\n    }\r\n\r\n    .ajt-header {\r\n      text-align: left;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .ajt-label {\r\n      font-size: 11px;\r\n      padding: 7px 12px;\r\n    }\r\n\r\n    .ajt-title {\r\n      font-size: 31px;\r\n      line-height: 1.12;\r\n    }\r\n\r\n    .ajt-subtitle {\r\n      font-size: 14.5px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .ajt-carousel {\r\n      padding: 16px;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .ajt-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n\r\n    .ajt-card {\r\n      padding: 22px 18px 20px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .ajt-text {\r\n      max-height: 122px;\r\n      font-size: 14px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .ajt-footer {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .ajt-nav {\r\n      justify-content: center;\r\n      order: 2;\r\n    }\r\n\r\n    .ajt-dots {\r\n      order: 1;\r\n    }\r\n\r\n    .ajt-page-indicator {\r\n      order: 3;\r\n      text-align: center;\r\n    }\r\n\r\n    .ajt-nav-btn {\r\n      width: 46px;\r\n      height: 46px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 390px) {\r\n    .ajt-testimonial-section {\r\n      padding-left: 11px;\r\n      padding-right: 11px;\r\n    }\r\n\r\n    .ajt-title {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .ajt-card {\r\n      padding: 20px 16px 18px;\r\n    }\r\n\r\n    .ajt-avatar {\r\n      width: 44px;\r\n      height: 44px;\r\n      min-width: 44px;\r\n      font-size: 13px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ajt-testimonial-section\">\r\n  <div class=\"ajt-wrap\">\r\n\r\n    <div class=\"ajt-header\">\r\n      <div class=\"ajt-label\">\r\n        <i class=\"fa-solid fa-comments\"><\/i>\r\n        Testimonials\r\n      <\/div>\r\n\r\n      <h2 class=\"ajt-title\">Client Testimonials<\/h2>\r\n\r\n      <p class=\"ajt-subtitle\">What our clients say about their experience<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ajt-carousel\">\r\n      <div class=\"ajt-grid\" id=\"ajtTestimonialsGrid\"><\/div>\r\n\r\n      <div class=\"ajt-footer\">\r\n        <div class=\"ajt-nav\">\r\n          <button class=\"ajt-nav-btn ajt-prev-btn\" type=\"button\" aria-label=\"Previous testimonial\">\r\n            <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n          <\/button>\r\n\r\n          <button class=\"ajt-nav-btn ajt-next-btn\" type=\"button\" aria-label=\"Next testimonial\">\r\n            <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"ajt-dots\" id=\"ajtCarouselDots\"><\/div>\r\n\r\n        <div class=\"ajt-page-indicator\" id=\"ajtPageIndicator\">Page 1 of 1<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    const testimonials = [\r\n      {\r\n        text: \"Tank, Thank you for all the new experience and the help you have done for us. The place and the food are one of the best unengestable memory. This was one of the best mutually because of your support. Thank you for the amazing cultural experience you went out of your way to arrange different opportunities for us working in the school war amazing, and would like to visit again. I especially liked the food and the imbue-rable morocon mat tea that is incomparable to anything I've tried. This trip has definitely made me want to come to Goulmama again. Sashana. Thank you for all the new experience and the help you have done for us. The place and the food are one of the best unengestable memory. This was one of the best mutually because of your support. Thank you and Ron thank you to the ladies for the food - sarana.\",\r\n        author: \"Sashana\",\r\n        title: \"Volunteer\"\r\n      },\r\n      {\r\n        text: \"Dear Tank and Tom, Thank you so much for being the number one host! We have had the most amazing time here and we'll miss all of you so much. We really enjoyed working with your community throughout the project at the school, we hope the hardware is not paid off and the children enjoy the school. We have loved working with everyone and hope the children like it as much as we have. The food is the best in the world and thank you for trying your best to make sure we were happy and comfortable. We loved seeing your culture through the trips and activities you took us on, Morocco is a really beautiful country and all of the people are so friendly to us! We'll miss it here someth and we would like to visit again in the future and see you and Mariana again. We are so sad to be leaving you and will never forget you!\",\r\n        author: \"Lucy, Grace & Ruby\",\r\n        title: \"Southern High School for Girls\"\r\n      },\r\n      {\r\n        text: \"Tam & Proustula School 18\/12\/2018 \u2013 25\/12\/2018. Dear Tarik, What are experience it has been for us all here in Continuing. The hospitality diary by you and all the people we have engaged with has been above old beyond. You made us feel at home with the birthday celebrations; the help with the movie night; and all the Cultural activities we have taken part in. I hope the help we provided and the money donated was sufficiently and an improvement for the school. Thank you again and beat Christ's for all future projects of groups. I'll Regardly remain. Dear Tarik and our many new friends, Thank you for being so loving a welcoming us and your hopes and thanks to feel truly welcome. This experience we've had over this late Friday (not an amazing one) that we will remember for the rest of our lives! I hope that that the construction work we're done and our direction would help all those from Muhammad is important for many years to come. Thanks for the amazing food welcoming back new friend and our life-changing experiences. Thanks again, all the love from Sarah and the rest of the challenges from Peyushua University.\",\r\n        author: \"Sarah\",\r\n        title: \"Peyushua University\"\r\n      },\r\n      {\r\n        text: \"10 \/07 \/05 - Bordeaux. Thank you very much for talking to other local and state schools. All school is the most important in their lives. We do have simple and special experiences here. Being an opportunity to stay on campus and work with the students had some ideas before it was the same. And if the highlight was getting a few of the three and spending time representing the unique leader between leaders, we would like to see why they were for the students themselves. For example, when students had no difficulties, suggestions was trying to find with some of the leaders. If this idea was started here, evaluating anyone has been found. But I haven't thought yet. In the district who seemed dedicated from it was being okay while we were here. The final was findership and I did decide feeling hard. Already! The idea project was not working as in a way applicable but it gives us a sense of purpose to be able to immediate to the educational experience of the School's children for years to learn. In fact, the projects will have all found up. Time and the hours for everything is hard formed to seeing the system when it is complete. Thanks for fun! Admiral O'Lilly, Cliff O' Dylan. 14\/4\/03 ST. MATH'S WESTERN. Missouri Vera from the bottom of our headers. What a wonderful New Tea food was the best I knew experienced in 6 World Challives at Kings. The land at the School was excellent \u2013 it was good to see some outside Craftsmen in action and to see the challenges focusing upon a three series. The welcome by the musicians was excellent just topped by The Farm Resion in the festival. The city in the river was a welcome vehicle from the temperature. Thomas again: D. Petersen.\",\r\n        author: \"Admiral O'Lilly\",\r\n        title: \"Bordeaux\"\r\n      },\r\n      {\r\n        text: \"Have Part School 12-16 Jul. What an unbehindful experience!! Thank you. Talk for your bad hospitality. The project work is having such a room and positive impact on your community. He loved the visit to the casbak with Best Visiting his family love and having an evening of culturally dressing and dancing was a once in a lifetime experience. Our accommodation is a perfect (room) fit for our team. Sleeping outside is a music. The food has been delicious (and interesting). Plan your meal times weekly as you will bring well. Unbrightfully experience. Thank you! Joe (school leader). Have Part School 12-16 July. What an amazing time we have had? Welcomed with such warmth and kindness. Talk, you are wonderful, and have been so helpful, we have learned to meet during our time here. Meeting people within the local community, momentarily feedback. The knowledge that has been shared will stay with me, as will the trying of different foods (for all!) whenever tea. It has also been so much fun, thanksgiving for making our story such a rich experience. It has been a challenging time in the 40\u00b0C half at twice it has worked well, helping at the project until 12\/1pm and being finished for the day. I could be great to return. A heartfelt thankyou! Jenny (EK).\",\r\n        author: \"Joe & Jenny\",\r\n        title: \"Have Part School\"\r\n      },\r\n      {\r\n        text: \"Tank, Thank you so much for taking care of us this week and letting us be involved in your community. I really enjoyed re-building the school and meeting out the local people. I would love to come back some time because I know I'll miss this town debt. Thank you again! Emma. Tank, Thank you for letting us stop and take care of us, we really appreciate it as we have really enjoyed ourselves. I loved doing my project at my road and just having my opportunity to do so as I feel like we have made a huge difference to both my children and my local community. Thank you again!\",\r\n        author: \"Emma\",\r\n        title: \"Volunteer\"\r\n      },\r\n      {\r\n        text: \"Dear Lord and Company, Thank you so much for your hospitality while we started in Continental I have never done anything like this and are still with you that surprised all my experiences I hope. You continue to work with 'Cricket so that other people are experience what I have as so that the projects are getting that respect.' James Hodder. For Tartt an empty. Thank you for making a our time in Gatrimo So enjoyable. I really enjoyed the project and coaching lessons from Hind. Ausp High School 2018. Ciona - It has been seen on increases and eye-opening exposures for us at 1pm. Some subsequent few we have not received references. Higher Education High Schools. We are all as high schools I would need to be offered to us if I had to be able to meet the experience and are eye-opening with you. We have also felt that it is common to Gratimino which was warmed all of our hearts. I have really existed by our heart and I am forbid you for sure that you have been for me well on its community. I have truly loved you around 4-2 long in Gratimino and I cannot wait to come back (Thanks) you.\",\r\n        author: \"James Hodder\",\r\n        title: \"Ausp High School\"\r\n      },\r\n      {\r\n        text: \"# 18\/01\/2025. ## Northampton. ### Aiding. This was highly a deeply inspiring trip to the bright light we are and the challenges related to extreme will politeness persight their growth and development. This community was so welcoming and we gave participants a new cultural, or the world also giving our people an opportunity more of what is seen as we evolved traditional we were industry and well as any visual music which they would us all in the city also envision how more cities and more great germ have allowed through another than both this community and project ecology. The local were representative and the views breathtaking the same ideas and culture that had recently revealed the experiences of a regular trip. I spent some all the studies and students deep into story the prime was universal and realistic. We was making the best hard day providing in the sun and then a hot deep plunge in the street with the locals. Today. Thanks Again. Northampton Academy.\",\r\n        author: \"Northampton Academy\",\r\n        title: \"Educational Institution\"\r\n      },\r\n      {\r\n        text: \"Dear Tarih + team, I thank you for everything you have done for us, we couldn't be more grateful. Our lives here has been amazing and we are so sad to be leaving. I've read how teen incredible and we all agree it has been better than any resident we have eaten at. Thank you for making this authentic unfranchise, we have had so much fun! Thank you for making us feel so at home and welcoming to us and for organizing all the activities we did after working on the project such as the football, the Kashan trip and the pottery & sunset. This trip will live in Dior Maria forever, we will never forget you & we hope you will never forget us! We will come back in the future, definitely! Love from Quite, Sango. happy, Taniho Southern high School for Girls. We have closed speaking bike with you in your beautiful country. Thank you for being the nurse I closet and making a perfect holiday for our students and teachers. Jason . Hentender. SHIS?\",\r\n        author: \"Quite, Sango, Happy, Taniho\",\r\n        title: \"Southern High School for Girls\"\r\n      },\r\n      {\r\n        text: \"Anian. Thank you for welcoming us in your very big house and making it easier for us to experience such an amazing time. Thank the maids for cooking all our meals and putting up with the language barrier but always having a smile on their faces. I am greatly to have the opportunity to help renovating the school in your town. Thank you again the final start. Thank you to be invited towards the evolutionary research Viva. Thank you ever so much for allowing us to stay here and recognise so many interesting opportunities for making our work. I have really enjoyed learning more concentrating old skills especially when we find the totals. I will now be able to help my father with the renovations at home! I have enjoyed the company having a proceed and would love to return to live some more culinary skills and fight best begin in the country. Many Members\",\r\n        author: \"Anian\",\r\n        title: \"Volunteer\"\r\n      },\r\n      {\r\n        text: \"dark. thanks so much for welcoming us into your community. It has been an incredible opportunity which I will never forget! I've really enjoyed every part of our stay in Goulmimo and I really appreciate your hospitality. - Kate. Dear Tarik, Thank you so much for the once in a lifetime experience you have given us. The opportunities you have given us are greatly appreciated and I hope to are very focused back to Goulmimo for its unique culture and amazing featured people. Thankyou for giving us such an amazing experience today Talari.\",\r\n        author: \"Kate & Talari\",\r\n        title: \"Volunteers\"\r\n      },\r\n      {\r\n        text: \"Dear Tarik and friends. A marrone that you to you all of the experiences you have provided are students, and indeed in (teacher). All our lives have been enriched by the best work. The project was feminine and provided students and great pride and happiness at their achievements. Our work is the second family and brother were incredibly thought-provoking and gave all of us the opportunity to attract on our lives as England compared to our American friends. Will the world bring a dangerous place, at the moment for a number of reasons. It is encouraging to see the mutual respect and relationship that have been dropped between students and our kids. Thank you once again, good ideas yourself. Sure thanks! My 2018 Carrie Grammar School Outlook Expedition.\",\r\n        author: \"Carrie Grammar School\",\r\n        title: \"Educational Institution\"\r\n      },\r\n      {\r\n        text: \"Our stay with you has been nothing but incredible from the emphasis needs to the compete of your hospitality. You're made our volunteering experience such a lovely time and we will cherish this for the rest of our lives. From thank you so much; Ana Madale, Esme. I just wanted to say a long dream you for all the effort you and everyone learned the scenes have. Just into making our day have one I'm sure we will never forget. I feel truly blessed to have been able to experience an insight into the gorgeous success culture, and physically be able to see the impact of our work - especially seeing all the children enjoy the playgame equipment. I hope it is right to help beautiful with them! Thanks again, Clara. Thank you so much for our amazing story in Guatemala, where him so caught the food he was founded from the cities and beaches to the grass and the community project has been my favourite part of our story in Mexico, as able to see the impact we have had inside the corporate biographies. Thank you Francisco\",\r\n        author: \"Ana, Esme, Clara & Francisco\",\r\n        title: \"Volunteers\"\r\n      },\r\n      {\r\n        text: \"Dear Tank and Company. Thank you as much for your help to make sure you are working on your own in circulation. You were here from the company, and have made the part of every very enjoyable day at all in the world as he loves about someone else. I am my proud to have left my mark on the latest street. Mary thanks. Tom. Dear Tank and Company. I would like to thank you for hosting during our last 4 days in isolation. Your and everyone can have spoken to has been so satisfying making our love hard so enjoyable. It has been done learning about my prosper culture and it is important to be more a smile on the local school. Mary Thanks. Samly.\",\r\n        author: \"Tom & Samly\",\r\n        title: \"Volunteers\"\r\n      },\r\n      {\r\n        text: \"footscay City College (1-3 November). Dear Terrik & Team, Thank you so much for your hospitality over the past 7 days. We all really appreciate the time and energy you have put into ensuring our stay is comfortable and homely. The food has been delicious and we have loved being a part of the Goulmima community for this short time. Thank you for coordinating our project at Mahamed V High School, it was great to contribute to the school and we really appreciate being welcomed with opened arms. We've had an amazing time in Goulmima, it's an experience we will never forget! Thank you very much.\",\r\n        author: \"Elia & Sophie\",\r\n        title: \"Footscay City College\"\r\n      },\r\n      {\r\n        text: \"Great experience great hospitality wonderful people The project was good fun and useful local locals at each of lessons. Perfect accommodation with our food. Thank you for making sure all this big food will be played play! The project was also good and I enjoy it alone. Thank you for sharing your culture with us that was very fun. Alive! The first year for the great hospitality and welcoming experience the project was on-the corner about your culture and community. The welcoming community planning has helped experience this trip in a greater way - truly. Thank you for everything. The content goes, the amazing hospitality and the brilliant experiences you have given to us. I have loved every single harvest of Stein. Thank you for your amazing hospitality, which the beautiful food to the experience you have organized for us. - Nuna\",\r\n        author: \"Nuna\",\r\n        title: \"Volunteer\"\r\n      }\r\n    ];\r\n\r\n    function getPerPage() {\r\n      if (window.innerWidth <= 700) return 1;\r\n      if (window.innerWidth <= 980) return 2;\r\n      return 3;\r\n    }\r\n\r\n    function getInitials(name) {\r\n      return name\r\n        .replace(\/[^a-zA-Z\\s&]\/g, \"\")\r\n        .split(\/\\s+|&\/)\r\n        .filter(Boolean)\r\n        .slice(0, 2)\r\n        .map(function (word) { return word.charAt(0).toUpperCase(); })\r\n        .join(\"\") || \"AJ\";\r\n    }\r\n\r\n    function safeText(value) {\r\n      const div = document.createElement(\"div\");\r\n      div.textContent = value;\r\n      return div.innerHTML;\r\n    }\r\n\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n      const grid = document.getElementById(\"ajtTestimonialsGrid\");\r\n      const dots = document.getElementById(\"ajtCarouselDots\");\r\n      const indicator = document.getElementById(\"ajtPageIndicator\");\r\n      const prevBtn = document.querySelector(\".ajt-prev-btn\");\r\n      const nextBtn = document.querySelector(\".ajt-next-btn\");\r\n\r\n      if (!grid || !dots || !indicator || !prevBtn || !nextBtn) return;\r\n\r\n      let currentPage = 0;\r\n      let perPage = getPerPage();\r\n\r\n      function totalPages() {\r\n        return Math.max(1, Math.ceil(testimonials.length \/ perPage));\r\n      }\r\n\r\n      function render(page) {\r\n        const pages = totalPages();\r\n\r\n        if (page < 0) currentPage = pages - 1;\r\n        else if (page >= pages) currentPage = 0;\r\n        else currentPage = page;\r\n\r\n        grid.innerHTML = \"\";\r\n\r\n        const start = currentPage * perPage;\r\n        const end = Math.min(start + perPage, testimonials.length);\r\n\r\n        for (let i = start; i < end; i++) {\r\n          const item = testimonials[i];\r\n          const card = document.createElement(\"article\");\r\n          card.className = \"ajt-card\";\r\n\r\n          card.innerHTML = `\r\n            <div class=\"ajt-card-top\">\r\n              <div class=\"ajt-quote-icon\">\r\n                <i class=\"fa-solid fa-quote-left\"><\/i>\r\n              <\/div>\r\n              <div class=\"ajt-stars\" aria-label=\"Five star review\">\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <p class=\"ajt-text\">${safeText(item.text)}<\/p>\r\n\r\n            <button class=\"ajt-read-more\" type=\"button\">\r\n              Read More <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n            <\/button>\r\n\r\n            <div class=\"ajt-author\">\r\n              <div class=\"ajt-avatar\">${safeText(getInitials(item.author))}<\/div>\r\n              <div>\r\n                <div class=\"ajt-author-name\">${safeText(item.author)}<\/div>\r\n                <div class=\"ajt-author-title\">${safeText(item.title)}<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          `;\r\n\r\n          grid.appendChild(card);\r\n        }\r\n\r\n        indicator.textContent = `Page ${currentPage + 1} of ${pages}`;\r\n        renderDots(pages);\r\n\r\n        grid.querySelectorAll(\".ajt-read-more\").forEach(function (button) {\r\n          button.addEventListener(\"click\", function () {\r\n            const text = button.parentElement.querySelector(\".ajt-text\");\r\n            const expanded = text.classList.toggle(\"expanded\");\r\n\r\n            button.innerHTML = expanded\r\n              ? 'Read Less <i class=\"fa-solid fa-chevron-up\"><\/i>'\r\n              : 'Read More <i class=\"fa-solid fa-chevron-down\"><\/i>';\r\n          });\r\n        });\r\n      }\r\n\r\n      function renderDots(pages) {\r\n        dots.innerHTML = \"\";\r\n\r\n        for (let i = 0; i < pages; i++) {\r\n          const dot = document.createElement(\"button\");\r\n          dot.type = \"button\";\r\n          dot.className = \"ajt-dot\" + (i === currentPage ? \" active\" : \"\");\r\n          dot.setAttribute(\"aria-label\", \"Go to testimonial page \" + (i + 1));\r\n          dot.addEventListener(\"click\", function () {\r\n            render(i);\r\n          });\r\n          dots.appendChild(dot);\r\n        }\r\n      }\r\n\r\n      prevBtn.addEventListener(\"click\", function () {\r\n        render(currentPage - 1);\r\n      });\r\n\r\n      nextBtn.addEventListener(\"click\", function () {\r\n        render(currentPage + 1);\r\n      });\r\n\r\n      window.addEventListener(\"resize\", function () {\r\n        const newPerPage = getPerPage();\r\n        if (newPerPage !== perPage) {\r\n          perPage = newPerPage;\r\n          currentPage = 0;\r\n          render(currentPage);\r\n        }\r\n      });\r\n\r\n      render(currentPage);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Welcome to the bridge of initiative and solidarity Al Jisr Association &#8230; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aljisrasso.com\/de\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aljisrasso.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aljisrasso.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aljisrasso.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aljisrasso.com\/de\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":121,"href":"https:\/\/aljisrasso.com\/de\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":5468,"href":"https:\/\/aljisrasso.com\/de\/wp-json\/wp\/v2\/pages\/17\/revisions\/5468"}],"wp:attachment":[{"href":"https:\/\/aljisrasso.com\/de\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}