.intro-blocks__text-block {
  font-family: "Open Sans", "Tajawal", "Arial", sans-serif;
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none; }
  .intro-blocks__text-block .intro-blocks__heading {
    font-weight: bold; }
  .intro-blocks__text-block .intro-blocks__body {
    font-weight: normal; }

.intro-blocks__container {
  width: 100%;
  float: left; }
  @media screen and (min-width: 60rem) {
    .intro-blocks__container {
      width: 50%;
      float: left; } }
  .intro-blocks__container.block-1 {
    background: #ffffff;
    position: relative; }
    @media screen and (min-width: 60rem) {
      .intro-blocks__container.block-1 .intro-blocks__outer {
        float: right; }
        .intro-blocks__container.block-1 .intro-blocks__outer a.button-link-container span.button {
          margin: 15px 0; } }
    .intro-blocks__container.block-1 .intro-blocks__outer:lang(ar) {
      text-align: right; }
  .intro-blocks__container.block-2 {
    background: #ffffff; }
    @media screen and (min-width: 60rem) {
      .intro-blocks__container.block-2 {
        position: relative; } }
    .intro-blocks__container.block-2 .intro-blocks__outer {
      margin: 50px 15px; }
      .intro-blocks__container.block-2 .intro-blocks__outer:after {
        clear: both;
        content: "";
        display: block; }
      @media screen and (min-width: 33.75rem) {
        .intro-blocks__container.block-2 .intro-blocks__outer {
          margin: 50px 15px; } }
      @media screen and (min-width: 45rem) {
        .intro-blocks__container.block-2 .intro-blocks__outer {
          margin: 50px auto; } }
      @media screen and (min-width: 60rem) {
        .intro-blocks__container.block-2 .intro-blocks__outer {
          margin: 0;
          width: 90%;
          position: absolute;
          top: 50%;
          left: 50px;
          transform: translate(0%, -50%); } }
      @media screen and (min-width: 80rem) {
        .intro-blocks__container.block-2 .intro-blocks__outer {
          margin: 0;
          width: 100%;
          position: absolute;
          top: 50%;
          left: 50px;
          transform: translate(0%, -50%); } }

.intro-blocks__outer {
  max-width: 605px;
  margin: 15px; }
  @media screen and (min-width: 45rem) {
    .intro-blocks__outer {
      margin: 25px auto; } }
  @media screen and (min-width: 60rem) {
    .intro-blocks__outer {
      max-width: 500px;
      margin: 50px; } }

@media screen and (min-width: 60rem) {
  .row.intro-blocks__row {
    display: flex; } }

.volunteer-stats {
  height: 84px;
  background-repeat: no-repeat;
  background-position: right; }
  @media screen and (min-width: 33.75rem) {
    .volunteer-stats {
      width: 50%;
      float: left;
      background-position: center; } }
  .volunteer-stats .stat-text {
    float: right;
    margin: 20px;
    color: #f5333f; }
    @media screen and (min-width: 33.75rem) {
      .volunteer-stats .stat-text {
        margin: 20px 20% 20px 20px; } }

.ns-stats {
  height: 84px;
  background-repeat: no-repeat;
  background-position: left;
  margin-bottom: 30px; }
  @media screen and (min-width: 33.75rem) {
    .ns-stats {
      width: 50%;
      float: left;
      margin-bottom: 0;
      background-position: center; } }
  .ns-stats .stat-text {
    float: left;
    margin: 28px 20px 20px 105px;
    color: #12284c; }
    @media screen and (min-width: 33.75rem) {
      .ns-stats .stat-text {
        margin: 28px 20px 20px 52%; } }

.stat-text {
  font-family: "Montserrat", "Tajawal", "Arial", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-weight: bold;
  width: 87px;
  text-align: center; }
  .stat-text:lang(ar) {
    font-weight: 800; }

.node--type-landing-page .icon-block__icon {
  background: #fff; }

.node--type-landing-page .icon-block__container {
  padding-bottom: 0; }

.node--type-landing-page .col-4-md.icon-block {
  padding: 0 50px 100px;
  margin: 0;
  text-align: center; }
  @media screen and (min-width: 60rem) {
    .node--type-landing-page .col-4-md.icon-block {
      width: 33.33%;
      border-left: solid 4px #ebebeb;
      padding: 50px 50px 100px; } }
  @media screen and (min-width: 60rem) {
    .node--type-landing-page .col-4-md.icon-block:nth-of-type(3) {
      border-right: solid 4px #ebebeb; } }

.node--type-landing-page .icon-blocks-collection__container {
  margin: 0;
  padding: 0; }
  @media screen and (min-width: 60rem) {
    .node--type-landing-page .icon-blocks-collection__container {
      margin: 0 0 -40px; } }

.node--type-landing-page .icon-block__icon::after {
  content: none; }

.node--type-landing-page .icon-block__heading {
  font-size: 1.444rem;
  width: 140px;
  margin: 0 auto; }

.node--type-landing-page .icon-block__body p {
  text-align: center;
  margin-bottom: 30px !important; }

.node--type-landing-page .icon-block__readmore {
  position: absolute;
  bottom: 40px;
  text-align: center;
  width: 100%;
  left: 0; }

[dir="rtl"] .intro-blocks__container.block-1 .intro-blocks__outer {
  float: left; }

[dir="rtl"] .intro-blocks__container.block-2 .intro-blocks__outer {
  right: 50px; }

.read-more {
  font-family: "Montserrat", "Tajawal", "Arial", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  font-size: 1rem;
  font-style: italic;
  font-weight: bold; }
  .read-more:lang(ar) {
    font-weight: 800; }
  .read-more:lang(ar) {
    font-style: normal !important; }