@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

 @font-face {
     font-family : 'Team Saudi Trailblazer';
     src         : url('fonts/TeamSaudiTrailblazer-Regular.woff2') format('woff2');
     font-weight : normal;
     font-style  : normal;
     font-display: swap;
 }

 @font-face {
     font-family : 'Team Saudi Essence';
     src         : url('fonts/TeamSaudiEssence-Regular.woff2') format('woff2');
     font-weight : normal;
     font-style  : normal;
     font-display: swap;
 }



 :root {
     --elite-green      : rgba(32, 79, 53, 1);
     --enabler-green    : rgba(103, 194, 154, 1);
     --stamina-green-100: rgba(240, 243, 242, 1);
     --card-shadow      :
         0px 3px 6px 0px rgba(0, 0, 0, 0.14), 0px 9px 11px 0px rgba(0, 0, 0, 0.1), 0px 24px 14px 0px rgba(0,
             0,
             0,
             0.08), 0px 42px 17px 0px rgba(0, 0, 0, 0.03), 0px 66px 19px 0px rgba(0, 0, 0, 0);
 }


 * {
     -webkit-font-smoothing: antialiased;
     box-sizing            : border-box;
 }

 html,
 body {
     margin: 0;
     height: 100%;
 }

 body {
     display         : flex;
     justify-content : center;
     align-items     : flex-start;
     background-color: #204F35;
 }

 .wrapper {
     display       : flex;
     flex-direction: column;
     background    : #67C29A;
     min-height    : 100vh;
     box-shadow    : var(--card-shadow);
 }

 button:focus-visible {
     outline: 2px solid #4a90e2 !important;
     outline: -webkit-focus-ring-color auto 5px !important;
 }

 a {
     text-decoration: none;
 }

 img {
     max-width: 100%;
     height   : auto;
 }

 .heading-and-filters {
     flex-direction     : column;
     min-width          : 500px;
     align-items        : flex-start;
     justify-content    : flex-end;
     padding            : 44px 24px 24px;
     background-color   : #204f35;
     background-image   : url(images/pattren.png);
     background-position: center center;
     border-radius      : 0px 0px 40px 40px;
     background-size    : 100%;
     background-repeat  : no-repeat;
     overflow           : hidden;
     display            : flex;
     gap                : 10px;
     position           : relative;
     box-shadow         : var(--card-shadow);
     position           : relative;
     z-index            : 1;
 }

 .heading-and-filters .heading {
     height         : 259px;
     align-items    : center;
     justify-content: center;
     align-self     : stretch;
     width          : 100%;
     display        : flex;
     gap            : 10px;
     position       : relative;
 }

 .heading-and-filters .group {
     position: relative;
     width   : 111px;
     height  : 175.02px;
 }

 .heading-and-filters .frame {
     display         : flex;
     flex-direction  : column;
     align-items     : flex-start;
     justify-content : center;
     gap             : 13px;
     position        : relative;
     align-self      : stretch;
     width           : 100%;
     flex            : 0 0 auto;
     background-color: var(--elite-green);
     border-radius   : 4px;
 }

 .heading-and-filters .together-we-rise {
     position      : relative;
     align-self    : stretch;
     margin-top    : -1.00px;
     font-family   : 'Team Saudi Trailblazer';
     font-weight   : 400;
     color         : var(--stamina-green-100);
     font-size     : 28px;
     text-align    : center;
     letter-spacing: 0.84px;
     line-height   : 35px;
 }

 /* Original CSS code should be injected here */

 .heading-and-filters {
     display         : flex;
     flex-direction  : column;
     width           : 100%;
     max-width       : 500px;
     align-items     : flex-start;
     justify-content : flex-end;
     padding         : 44px 24px 24px;
     background-color: var(--elite-green);
     border-radius   : 0 0 40px 40px;
     overflow        : hidden;
     gap             : 10px;
     position        : relative;
     box-shadow      : var(--card-shadow);
 }

 .heading {
     display        : flex;
     height         : 259px;
     align-items    : center;
     justify-content: center;
     width          : 100%;
     gap            : 10px;
 }

 .group {
     width : 111px;
     height: 175.02px;
 }

 .frame {
     display         : flex;
     flex-direction  : column;
     align-items     : flex-start;
     justify-content : center;
     gap             : 13px;
     width           : 100%;
     background-color: var(--elite-green);
     border-radius   : 4px;
 }

 .together-we-rise {
     width         : 100%;
     margin-top    : -1px;
     font-family   : "Team Saudi Trailblazer-Regular", Helvetica, Arial, sans-serif;
     font-weight   : 400;
     color         : var(--stamina-green-100);
     font-size     : 28px;
     text-align    : center;
     letter-spacing: 0.84px;
     line-height   : 35px;
 }

 .section-body {
     flex-direction  : column;
     width           : 500px;
     align-items     : center;
     justify-content : flex-end;
     padding         : 88px 40px 40px;
     background-color: #67C29A;
     overflow        : hidden;
     display         : flex;
     gap             : 10px;
     position        : relative;
     margin-top      : -34px;
     gap             : 40px;
 }

 .section-body p {
     font-family   : 'Team Saudi Essence';
     font-weight   : 400;
     color         : var(--elite-green);
     font-size     : 20px;
     text-align    : center;
     letter-spacing: 0.48px;
     line-height   : 20px;
     margin        : 0;

 }

 [dir=rtl] .section-body p {
     line-height: 28px;
 }

 .qr-code img {
     width: 124px;
 }

 .cta {
     display: flex;
     gap    : 12px;
 }

 @media (max-width: 500px) {
     .heading-and-filters {
         border-radius: 0;
     }

     .together-we-rise {
         font-size  : 24px;
         line-height: 30px;
     }
 }