@font-face {
  font-family:'Avenir';
  src:url('../fonts/Avenir/Avenir-Book.woff2') format('woff2'), url('../fonts/Avenir/Avenir-Book.woff') format('woff');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:'Avenir';
  src:url('../fonts/Avenir/Avenir-Medium.woff2') format('woff2'), url('../fonts/Avenir/Avenir-Medium.woff') format('woff');
  font-weight:500 600 700;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:'Avenir';
  src:url('../fonts/Avenir/Avenir-Heavy.woff2') format('woff2'), url('../fonts/Avenir/Avenir-Heavy.woff') format('woff');
  font-weight:800 900;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:'Avenir';
  src:url('../fonts/Avenir/Avenir-Oblique.woff2') format('woff2'), url('../fonts/Avenir/Avenir-Oblique.woff') format('woff');
  font-weight:400;
  font-style:italic;
  font-display:swap;
}
@font-face {
  font-family:'Avenir';
  src:url('../fonts/Avenir/Avenir-HeavyOblique.woff2') format('woff2'), url('../fonts/Avenir/Avenir-HeavyOblique.woff') format('woff');
  font-weight:700 800 900;
  font-style:italic;
  font-display:swap;
}

:root {
  --border-radius:5px;
  --box-shadow:2px 2px 10px;
  --color:#e31e27;
  --color-accent:#951b20;
  --color-body:#535353;
  --color-dark:#982624;
  --color-bg:#fff;
  --color-bg-secondary:#e9e9e9;
  --color-secondary:#e31e27;
  --color-secondary-accent:#920de90b;
  --color-shadow:#f4f4f4;
  --color-text:#000;
  --color-text-secondary:#999;
  --color-dark:#313D48;
  --font-family:'Roboto', sans-serif;
  --hover-brightness:1.2;
  --justify-important:center;
  --justify-normal:left;
  --line-height:1.5;
  --width-card:30%
}
html, body, header {
  height:100%
}
body {
  font-family:"Avenir", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
body:lang(ar) {
  font-family:'Arabic'
}
a {
  color:inherit;
  text-decoration:none;
}
a:hover {
  color:var(--color)
}
button a:hover {
  color:inherit;
}
.btn, .btn:focus, .btn-check:focus+.btn-primary, .btn-primary:focus, .btn-check:focus+.btn, .form-control:focus, .form-select:focus, .form-check-input:focus, .btn-check:checked+.btn-primary:focus, .btn-check:active+.btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-check:focus+.btn-secondary, .btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-check:active+.btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show>.btn-secondary.dropdown-toggle:focus {
  box-shadow:none;
}
.btn, .btn:focus, .navbar-toggler, .navbar-toggler:focus, .page-link, .page-link:focus, .btn-close, .btn-close:focus {
  box-shadow:none!important;
}
header {
  height:720px;
  position:relative;
  display:flex;
  flex-direction:column;
}
header .navbar {
  background-color:#fff;
  background-color:rgba(255,255,255,0.78);
  padding-top:0;
  padding-bottom:0;
}
header .navbar:lang(ar) {
  font-family:'Arabic';
  font-weight:700;
  font-style:normal;
}
header .navbar-brand {
  padding:0;
}
header .navbar-brand:hover {
  filter:brightness(1.2)
}
header .navbar-nav {
  margin-bottom:0;
  margin-right:auto;
}
header .navbar-collapse {
  margin-top:.75rem;
  height:5rem;
}
header .nav-item {
  position:relative;
}
header .nav-item:nth-child(5) {
  font-weight:900;
}
header .nav-item .nav-link {
  padding-bottom:1.3rem;
  padding-top:2.2rem;
  color:var(--color-dark)!important;
  text-transform:capitalize;
  border-bottom:3px solid transparent;
}
header .nav-item .nav-link:lang(ar) {
  font-size:1rem;
}
header .nav-item:hover .nav-link, header .nav-item.active .nav-link {
  border-bottom:3px solid var(--color)
}
header .nav-item .dropdown-menu {
  display:none;
  background-color:#fff;
  background-color:rgba(255,255,255,0.78);
  content:" ";
  position:absolute;
  min-width:100%
}
header .nav-item:hover .dropdown-menu {
  display:block;
}
header .nav-item .dropdown-item:hover {
  color:var(--color)
}
header .nav-item .dropdown-item.active, header .nav-item .dropdown-item:active {
  color:#fff;
  text-decoration:none;
  background-color:var(--color);
  color:#fff!important;
}
header .nav-divider {
  font-weight:900;
  font-size:1.5rem;
  margin:auto 1.5rem;
  color:#fff;
}
header .nav-divider i {
  font-size:.35rem;
}
header .nav-divider:last-child i {
  display:none;
}
header .navbar-extra>* {
  width:min-content;
  display:inline-block;
}
header #navbar.collapse.show, #navbar.collapsing {
  height:8rem;
  margin-top:0;
}
header #navbar.collapsing {
  transition:height .10s ease;
}
header .navbar-light .navbar-toggler {
  color:rgba(0,0,0,.55);
  border:none;
}
header .navbar #support-btn {
  background:#d9203a;
  color:#fff;
  border:1px solid #d9203a;
  border-radius:3rem;
  margin-right:4rem;
  margin-top:.6rem;
  padding:.35rem 1.5rem;
  text-transform:capitalize;
  font-size:.85rem;
  font-weight:700;
}
header .navbar #support-btn:hover {
  background:#fff;
  color:#d9203a;
}
header .navbar #login-btn {
  color:gray;
  margin-right:3rem;
  font-weight:700;
  text-transform:capitalize;
  display:none;
}
header .navbar #login-btn>i {
  margin-right:.25rem;
}
header .navbar #lang-selector {
  font-size:.85rem;
  font-weight:700;
  text-transform:uppercase;
  margin-right:1.5rem;
  right:0;
  position:absolute;
  top:50%
}
header .navbar #lang-selector #lang-dropdown {
  color:gray;
  text-decoration:none;
  padding-bottom:.2rem;
  border-bottom:2px solid gray;
}
header .navbar #lang-selector .dropdown-menu {
  min-width:0;
  font-size:.85rem;
  padding:.25rem 0;
}
header .navbar #lang-selector .dropdown-item {
  font-weight:700;
  text-transform:uppercase;
}
header .navbar #lang-selector .dropdown-item:focus, header .navbar #lang-selector .dropdown-item:hover {
  color:#fff;
  background-color:var(--color)
}
@media(max-width:1471.98px) {
  header .nav-divider {
    margin:auto 1rem;
  }
  header .navbar #lang-selector {
    margin-right:1rem;
  }

}
@media(max-width:1370px) {
  header .nav-divider {
    margin:auto .5rem;
  }
  header .navbar #login-btn {
    margin-right:.75rem;
    font-size:.85rem;
  }
  header .navbar #lang-selector {
    font-size:.85rem;
    margin-right:1rem;
  }

}
@media(max-width:1263.98px) {
  header .navbar-brand {
    margin-right:.85rem;
  }
  header .navbar #support-btn {
    padding:.35rem .95rem;
    font-size:.85rem;
  }
  header .nav-divider {
    margin:auto .22rem;
  }
  header .nav-item .nav-link {
    font-size:.92rem;
    padding-left:.45rem!important;
    padding-right:.45rem!important;
  }
  header .nav-item .nav-link:lang(ar) {
    font-size:1rem;
  }

}
@media(max-width:1129.98px) {
  header .navbar #support-btn {
    margin-right:3.25rem;
    margin-top:.6rem;
    padding:.35rem .85rem;
    font-size:.72rem;
    font-weight:700;
  }
  header .navbar #support-btn:lang(ar) {
    font-weight:700;
  }
  header .nav-divider {
    margin:auto .22rem;
  }
  header .nav-item .nav-link {
    font-size:.85rem;
  }
  header .nav-item .nav-link:lang(ar) {
    font-size:1rem;
  }

}
@media(max-width:1065.98px) {
  header .navbar-brand {
    margin-right:.85rem;
  }
  header .navbar #support-btn {
    margin-right:3rem;
    margin-top:.6rem;
    padding:.35rem .85rem;
    font-size:.72rem;
    font-weight:700;
  }
  header .navbar #support-btn:lang(ar) {
    font-weight:700;
  }
  header .nav-divider {
    margin:auto .22rem;
  }
  header .nav-item .nav-link {
    font-size:.81rem;
    padding-left:.25rem!important;
    padding-right:.25rem!important;
  }
  header .nav-item .nav-link:lang(ar) {
    font-size:1rem;
  }
  header .navbar #lang-selector {
    margin-right:.5rem;
  }

}
@media(max-width:991.98px) {
  header .nav-divider {
    display:none;
  }
  header .navbar-brand {
    margin:1rem;
  }
  header .navbar-collapse {
    display:flex;
  }
  header .navbar-collapse.collapse.show {
    margin-top:0;
    display:flex;
    flex-wrap:wrap;
    padding:1rem;
    padding-top:0;
  }
  header #navbar.collapse.show {
    height:auto;
    padding-right:0;
  }
  header #navbar.collapsing {
    height:auto;
    flex-wrap:wrap;
    padding:1rem;
    padding-right:0;
    padding-top:0;
  }
  header .navbar-brand {
    margin-left:0;
  }
  header .navbar-nav {
    margin:0;
    width:100%;
    margin-bottom:.5rem;
  }
  header .navbar-extra {
    width:100%
  }
  header .nav-item {
    margin-bottom:.5rem;
    width:100%;
    max-width:calc(100vw - 2rem);
    position:relative;
  }
  header .nav-item::after {
    content:" ";
    position:absolute;
    display:block;
    border-top:1px solid #c4bfbf;
    width:100vw;
    transform:translateX(-1.75rem)
  }
  header .nav-item .nav-link {
    padding:0;
    font-size:1rem;
    font-weight:400;
    width:max-content;
  }
  header .nav-item.menu .nav-link::after {
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    border-top:.3em solid;
    border-right:.3em solid transparent;
    border-bottom:0;
    border-left:.3em solid transparent;
    margin-bottom:-.1em;
    height:auto;
    position:static;
  }
  header .nav-item:hover .dropdown-menu {
    display:none;
  }
  header .nav-item.active .dropdown-menu {
    display:block;
    position:static;
    background:#e3e3e3;
    border-radius:0;
    border:0;
    transform:translateX(-1.75rem);
    padding-left:1rem;
    width:100vw;
  }
  header .navbar #support-btn {
    margin-top:0;
    padding:.35rem 1rem;
    font-size:.85rem;
  }
  header .navbar #lang-selector {
    margin-right:.5rem;
    margin-left:1rem;
    margin-bottom:.25rem;
    width:max-content;
    display:inline-block;
    position:absolute;
    top:1.9rem;
    right:4rem;
  }

}
@media(max-width:767.98px) {
  header .navbar-brand {
    margin:.5rem;
  }
  header .navbar #lang-selector {
    top:1.4rem;
  }

}
header .alert {
  color:#fff;
  background-color:#e31e2791;
  border:0;
  border-radius:0;
  text-align:center;
  padding:.675rem 3rem;
  margin-bottom:0;
  position:absolute;
  width:100%;
  z-index:1;
}
header .alert .alert-link {
  color:inherit;
  font-style:italic;
}
header .alert .alert-body {
  display:inline-block;
}
header .alert .alert-date {
  display:inline;
  font-weight:900;
  direction:ltr;
}
header .alert .btn {
  color:#fff;
  position:absolute;
  right:1vw;
  top:50%;
  transform:translateY(-50%);
  background-color:transparent!important;
  outline:none!important;
  border:none!important;
}
header .alert .btn:hover {
  color:lightgray!important;
  filter:unset!important;
}
header .alert .btn:focus {
  box-shadow:none;
}
header .alert-body p {
  margin:auto;
}
@media(max-width:991.98px) {
  header .alert {
    padding:.5rem 3rem;
    margin:0;
    position:relative;
  }

}
header .social-list {
  display:flex;
  flex-direction:column;
  margin-left:1rem;
  padding-left:0;
  margin-bottom:0;
  list-style-type:none;
  position:absolute;
  bottom:1rem;
}
header .social-link {
  background-color:transparent;
  border:none;
  margin-bottom:.75rem;
}
header .social-link i {
  font-size:1.1rem;
  color:#fff;
  border:2px solid #fff;
  padding:.35rem;
  border-radius:100px;
}
header .social-link.facebook i {
  padding:.35rem .55rem;
}
header .social-link.instagram i {
  padding:.35rem .40rem;
}
header .social-link.twitter i {
  padding:.35rem .35rem;
}
header .social-link.linkedin i {
  padding:.35rem .40rem;
}
header .social-link.youtube i {
  font-size:1.05rem;
  padding:.37rem .3rem;
}
header .social-link:hover i {
  background-color:var(--color)
}
header section#intro {
  background-image:url("https://dsclebanon.org/static/assets/backgrounds/homepage_banner.jpg");
  background-attachment:scroll;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  height:100%
}
header section#intro .container {
  width:80%;
  margin-top:12rem;
}
header section#intro .title {
  color:#fff;
  text-transform:uppercase;
  font-weight:700;
  font-size:3.5rem;
}
header section#intro .subtitle {
  color:#fff;
  font-weight:700;
  font-size:1.77rem;
}
header section#intro .subtitle:lang(fr) {
  font-size:1.92rem;
}
header section#intro .slogan {
  color:#fff;
  text-transform:uppercase;
  margin-top:1rem;
  font-weight:700;
  display:none;
}
header section#intro .content button {
  padding:.5rem 2rem;
  background:transparent;
  border-radius:5rem;
  border-color:#fff;
  border-width:2px;
  color:#fff;
  text-transform:capitalize;
  margin-top:1rem;
  position:relative;
  width:15rem;
}
header section#intro .content button:hover {
  background:var(--color)
}
header section#intro .content button i {
  position:absolute;
  right:1rem;
  top:.75rem;
}
header .hotline {
  text-transform:uppercase;
  color:white;
  font-size:19px;
  font-weight:900;
  border-radius:1rem;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  width:12rem;
  position:absolute;
  bottom:0;
  right:0;
  background-color:var(--color);
  text-align:center;
}
header:lang(ar) .hotline {
  left:0;
  right:auto;
}
header .hotline .hotline-number {
  display:inline-block;
  position:relative;
  top:5px;
  font-size:1.1rem;
  color:#fff;
  text-align:center;
}
header .hotline .hotline-number .hotline-tag {
  text-transform:uppercase;
  margin:auto;
  font-size:.75rem;
  width:100%;
  padding-bottom:.125rem;
  border-bottom:1px solid #fff;
  display:none;
}
header .hotline .hotline-number .hotline-tag:lang(ar) {
  font-size:1.2rem;
}
header .hotline .hotline-number .hotline-link {
  color:#fff;
  font-size:1.35rem;
  margin:auto;
  width:100%
}
header .hotline .hotline-number .hotline-link a:hover {
  color:#fff;
}
header .hotline .hotline-icon {
  margin:5px;
  margin-left:0;
  margin-top:9px;
  max-width:100%;
  height:auto;
}
header .hotline::after {
  content:'';
  width:40px;
  height:30px;
  border:5px solid var(--color);
  position:absolute;
  bottom:-5px;
  border-top:0;
}
header .hotline::after {
  border-left:0;
  -moz-border-radius:0 0 1rem 0;
  -webkit-border-radius:0 0 1rem 0;
  border-radius:0 0 1rem 0;
  left:-2.2rem;
}
header:lang(ar) .hotline::after {
  right:-2.2rem;
  left:auto;
  border-radius:0 0 0 1rem;
  border-left:5px solid var(--color);
  border-right:0;
}
@media(max-width:991.98px) {
  header {
    height:auto!important;
    background-image:none!important;
  }
  header .navbar {
    background-color:#dedede;
  }
  header section#intro {
    background-image:url("https://dsclebanon.org/static/assets/backgrounds/homepage_banner.jpg");
    height:calc(720px - 5.5rem);
    background-attachment:scroll;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    padding-top:2rem;
    position:relative;
  }
  header section#intro .container {
    margin-top:10rem;
  }
  header section#intro .content:lang(ar) {
    padding-right:50%
  }

}
@media(max-width:767.98px) {
  header section#intro {
    background-image:url("https://dsclebanon.org/static/assets/backgrounds/homepage_mobile_banner.jpg")
  }
  header section#intro .container {
    width:95%
  }
  header section#intro .title {
    font-size:3.25rem;
  }
  header section#intro .subtitle {
    font-size:1.25rem;
  }
  header section#intro .slogan {
    font-size:1rem;
  }
  header .hotline {
    left:50%;
    transform:translateX(-50%)
  }
  header:lang(ar) .hotline {
    left:50%
  }
  header .hotline::after {
    right:-2.2rem;
    left:auto;
    border-radius:0 0 0 1rem;
    border-left:5px solid var(--color);
    border-right:0;
  }
  header .hotline::before {
    content:'';
    width:40px;
    height:30px;
    border:5px solid var(--color);
    position:absolute;
    bottom:-5px;
    border-top:0;
    border-left:0;
    -moz-border-radius:0 0 1rem 0;
    -webkit-border-radius:0 0 1rem 0;
    border-radius:0 0 1rem 0;
    left:-2.2rem;
  }

}
@media(max-width:576.98px) {
  header section#intro {
    height:calc(100vh - 5.5rem)
  }

}
main .container {
  max-width:1140px;
}
main h5 {
  color:var(--color);
  font-weight:900;
  margin-bottom:1rem;
}
main h5:lang(ar) {
  font-weight:900;
}
main h5::after {
  content:'';
  display:block;
  margin-top:1rem;
  height:2px;
  width:2.5rem;
  background:var(--color)
}
main p {
  color:var(--color-body);
  font-weight:500;
}
.carousel-indicators [data-bs-target] {
  width:10px;
  height:10px;
  border-radius:50%;
  margin-right:5px;
  margin-left:5px;
}
.full-width {
  left:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  max-width:100vw;
  position:relative;
  right:50%;
  width:100vw;
}
.view {
  position:relative;
  cursor:default;
}
.view img, .view video {
  position:relative;
  display:block;
}
.overlay .mask:hover, .overlay .mask:focus, .overlay .mask.active, .overlay .mask:active {
  opacity:1;
  background-color:rgba(244,67,54,.7)
}
.overlay .mask:hover img {
  position:relative;
  bottom:3rem;
}
.overlay .mask:hover p.description {
  display:block!important;
}
.overlay .mask:hover button {
  display:block!important;
  position:relative;
  bottom:11rem;
}
.overlay .mask:hover>i {
  margin-top:3rem!important;
}
.overlay .mask {
  opacity:1;
  -webkit-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  background-color:rgba(20,20,20,.3)
}
.view .mask {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  background-attachment:fixed;
}
.view, .view .mask, .waves-effect {
  overflow:hidden;
}
@media(max-width:991.98px) {
  #get-involved .overlay .mask:hover p.description {
    bottom:10rem;
  }
  .overlay .mask:hover button {
    bottom:10rem;
  }

}
footer {
  background-color:#b3b3b380;
  color:#6c757d;
}
footer h5 {
  font-weight:700;
  margin-bottom:1.5rem;
}
footer a {
  color:inherit;
  text-decoration:none;
}
footer a:hover {
  color:var(--color)
}
footer p {
  margin-bottom:.5rem;
}
footer p>i {
  margin-right:1rem;
}
footer .social-list a {
  margin-right:.5rem;
  border:1px solid;
  border-radius:50%;
  display:inline-block;
  width:1.5rem;
  height:1.5rem;
  position:relative;
}
footer .social-list a:hover {
  color:var(--color)
}
footer .social-list i {
  font-size:.9rem;
  font-size:.9rem;
  padding:0!important;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}
footer .mailing-list p {
  margin-top:1rem;
}
footer .mailing-list .input-group {
  background-color:gray;
  border-radius:.5rem;
  padding:.25rem;
  font-size:.85rem;
  width:100%;
  max-width:300px;
}
footer .mailing-list .input-group input {
  border-radius:.5rem!important;
  font-size:.85rem;
  padding-top:.25rem;
  padding-bottom:.25rem;
}
footer .mailing-list .input-group input.invalid {
  background:rgba(230,80,87,0.56)
}
footer .mailing-list .input-group input.valid {
  background:rgba(170,230,202,0.67)
}
footer .mailing-list .input-group button {
  border:none;
  color:#fff;
  padding:.15rem .35rem;
  font-size:.85rem;
  box-shadow:none!important;
  outline:none;
  border:none;
}
footer .mailing-list .input-group button:hover {
  background:transparent;
  color:var(--color)
}
footer #copyright {
  background-color:var(--color);
  font-size:.85rem;
  padding:.2rem 0;
  text-align:center;
  color:#fff;
  font-weight:700;
}
@media(max-width:991.98px) {
  footer .social-list a {
    margin-right:.15rem;
  }
  footer #footer-logo {
    display:none;
  }
  footer .row {
    padding-right:.5rem;
    padding-left:.5rem;
  }
  footer .row>div {
    text-align:left;
  }
  footer .mailing-list .input-group {
    width:100%
  }

}
.tab-content .tab-title {
  margin:auto;
  text-align:center;
  text-transform:uppercase;
  color:var(--color);
  font-size:1.5rem;
  font-weight:700;
  display:none;
}
.tab-content .tab-title.space-below {
  margin-bottom:1rem;
}
.tab-content .tab-title.space-above {
  margin-top:1rem;
}
.tab-content .tab-title span {
  margin:0;
}
.tab-content .tab-title .tab-control {
  cursor:pointer;
  color:lightgray;
  padding:1rem;
}
.tab-content .tab-title .tab-control:hover {
  transform:scale(1.04)
}
.tab-content .tab-title .tab-control:active {
  transform:scale(.96)
}
@media(max-width:991.98px) {
  .tab-content .tab-title {
    display:block;
  }

}
@media(max-width:767.98px) {
  .tab-content .tab-title {
    font-size:1.25rem;
  }

}
i.fa-chevron-right:lang(ar), i.fa-chevron-left:lang(ar) {
  transform:rotateZ(-180deg)
}
.navbar:lang(ar) .navbar-nav {
  margin-left:auto;
  margin-right:0;
}
.navbar:lang(ar) .nav-item .dropdown-menu {
  direction:rtl;
  text-align:right;
}
.navbar:lang(ar) #lang-selector {
  margin-right:0;
  margin-left:2rem;
  left:0;
  right:auto;
}
.navbar:lang(ar) #lang-selector .dropdown-menu {
  right:0;
  left:auto;
}
.navbar:lang(ar) #support-btn {
  min-width:8rem;
  margin-right:0;
  margin-left:4rem;
  padding-bottom:.5rem;
}
@media(max-width:1125.98px) {
  .navbar:lang(ar) #support-btn {
    min-width:6rem;
  }

}
@media(max-width:991.98px) {
  .navbar:lang(ar) .navbar-nav {
    padding-right:0;
  }
  .navbar:lang(ar) .nav-item::after {
    transform:translateX(.75rem)
  }
  .navbar:lang(ar) .nav-item.active .dropdown-menu {
    transform:translateX(.75rem)
  }
  .navbar:lang(ar) #support-btn {
    min-width:8rem;
  }
  .navbar:lang(ar) .nav-item.menu .nav-link::after {
    margin-right:.255em;
    margin-left:0;
  }
  .navbar:lang(ar) #lang-selector {
    margin-right:2rem;
    margin-left:0;
    top:1.9rem;
    right:auto;
    left:4rem;
  }

}
@media(max-width:767.98px) {
  .navbar:lang(ar) #lang-selector {
    top:1.4rem;
  }

}
header section#intro .content:lang(ar) {
  direction:rtl;
  text-align:start;
  padding-right:60%
}
@media(max-width:991.98px) {
  header section#intro .content:lang(ar) {
    padding-right:50%
  }

}
header section#intro .content:lang(ar) button {
  text-align:start;
}
header section#intro .content:lang(ar) button i {
  right:auto;
  left:1rem;
}
@media(max-width:767.98px) {
  header section#intro .content:lang(ar) {
    direction:rtl;
    padding-right:0;
  }

}
footer:lang(ar) section#footer .row>div {
  text-align:right!important;
}
footer:lang(ar) section#footer p>i {
  margin-right:0;
  margin-left:1rem;
}
[lang="ar"] .tab-content .tab-title .tab-control:hover {
  transform:scale(1.04) rotateZ(-180deg)
}
[lang="ar"] .nav-tabs>.nav-item .nav-link {
  border-right:0;
  border-left:2px solid #cbc9c9;
}
[lang="ar"] .nav-tabs>.nav-item:first-child .nav-link::before {
  right:-12px;
}
[lang="ar"] .nav-tabs>.nav-item:last-child .nav-link::before {
  left:-12px;
  right:auto;
}
@media(max-width:767.98px) {
  [lang="ar"] .nav-tabs>.nav-item:first-child .nav-link::before {
    right:-12px;
  }
  [lang="ar"] .nav-tabs>.nav-item:last-child .nav-link::before {
    left:-12px;
    right:auto;
  }

}
header section#intro {
  background-image:url("../assets/backgrounds/support_banner.jpg")
}
header section#intro .row {
  margin-top:-2rem;
}
header section#intro:lang(ar) .content {
  direction:rtl;
  text-align:start;
}
header section#intro .container {
  width:90%
}
header section#intro .title {
  font-weight:900;
}
header section#intro .subtitle {
  font-weight:500;
}
header section#intro .content button {
  width:auto;
  padding:.5rem 3rem;
  padding-right:3.5rem;
}
header section#intro .content button span {
  float:left;
}
@media(max-width:991.98px) {
  header section#intro {
    background-image:url("../assets/backgrounds/support_banner.jpg")
  }
  header section#intro .container {
    margin-top:2rem;
    margin-left:auto;
    margin-right:auto;
  }
  header section#intro .title {
    font-size:3rem;
  }
  header section#intro .title br:first-child {
    display:block;
  }
  header section#intro .subtitle {
    font-size:2rem;
  }

}
@media(max-width:768.98px) {
  header section#intro {
    background-image:url("../assets/backgrounds/support_banner_mobile.jpg")
  }
  header section#intro .row {
    padding-top:1rem;
  }
  header section#intro:lang(ar) .container {
    margin:auto;
  }
  header section#intro:lang(ar) .content {
    direction:rtl;
    text-align:start;
    padding-right:2rem!important;
  }
  header section#intro .title {
    font-size:2.5rem;
  }
  header section#intro .subtitle {
    font-size:1.25rem;
  }

}
@media(max-width:576.98px) {
  header section#intro .container {
    margin:3rem;
    margin-left:auto;
    margin-right:auto;
  }
  header section#intro:lang(ar) .container {
    margin:auto;
  }
  header section#intro .row {
    padding-top:0;
    margin-top:-1rem;
  }
  header section#intro .title {
    font-size:2.25rem;
  }
  header section#intro .subtitle {
    font-size:1.5rem;
  }

}
@media(max-width:419.98px) {
  header section#intro .title {
    font-size:2rem;
  }
  header section#intro .subtitle {
    font-size:1.25rem;
  }

}
@media(max-width:339.98px) {
  header section#intro .container {
    margin-left:1rem;
  }

}
main section {
  background:#fff;
}
main section>.container {

}
main section>.container>.row {
  padding:3rem;
}
main .row {
  align-items:center;
  justify-content:center;
}
main section .content button {
  padding:.5rem 2rem;
  background:#fff;
  border-radius:5rem;
  border-color:var(--color);
  border-width:2px;
  color:var(--color);
  text-transform:capitalize;
  margin-top:1rem;
}
main section .content button:hover {
  background:#d72138;
  color:#fff;
}
main section .content button i {
  margin-left:.5rem;
}
main .content h5 {
  font-weight:900;
  font-size:1.5rem;
}
button:hover {
  transform:scale(1.03)
}
button:active {
  transform:scale(0.96)
}
main section#why-support .content .icon {
  display:flex;
}
main section#why-support .content .icon img {
  margin-left:auto;
  margin-right:auto;
}
main section#why-support .content .title {
  color:#808080;
  font-weight:700;
  margin-top:1rem;
  margin-bottom:1rem;
  font-size:1.5rem;
  text-transform:none;
  text-align:center;
}
main section#why-support .content .description {
  color:#808080;
  font-weight:500;
  margin-bottom:1rem;
  text-align:justify;
  text-justify:inter-word;
}
@media(max-width:767.98px) {
  main section#why-support .content {
    text-align:start;
    padding-bottom:0;
  }

}
main section#contribute {
  position:relative;
  background-color:#d72138;
  background-image:url("../images/why-support/red_hands.png");
  background-repeat:no-repeat;
  background-size:contain;
}
main section#contribute:lang(ar) .image {
  order:2!important;
}
main section#contribute:lang(ar) .content {
  order:1!important;
}
main section#contribute>.container {
  padding:0;
  padding-bottom:2rem;
}
main section#contribute>.container>.row {
  padding:3rem 0;
  padding-bottom:1rem;
  border-bottom:1px solid #fff;
  margin:auto 3rem;
}
main section#contribute>.container>.row>.image img {
  position:absolute;
  display:none;
}
main section#contribute .title {
  color:#fff;
}
main section#contribute .title::after {
  background-color:#fff;
}
main section#contribute .description {
  color:#fff;
}
main section#contribute .description>p {
  color:#fff;
  text-align:justify;
  text-justify:inter-word;
}
main section#contribute .disclaimer {
  text-align:center;
  color:#fff;
  padding:1rem 0;
  padding-top:.75rem;
}
main section#contribute .disclaimer a {
  font-weight:800;
  color:#fff!important;
}
main section#contribute .donation-links button {
  padding-left:1rem;
  padding-right:1rem;
  font-size:.85rem;
}
main section#contribute .donation-links button:hover {
  color:var(--color);
  background:#fff;
  filter:brightness(1.2)
}
main section#contribute .modal#localDonation iframe {
  width:100%;
  height:720px;
}
main section#contribute .modal#localDonation .modal-header {
  padding:.75rem 1rem;
  border-bottom:0;
}
main section#contribute .modal#localDonation .modal-header {
  padding-top:0;
}
main section#contribute .modal#localDonation .btn-close {
  box-sizing:content-box;
  width:1em;
  height:1em;
  color:#000;
  background:transparent url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border:0;
  opacity:.5;
  position:absolute;
  right:5px;
  z-index:10000;
  top:5px;
  pointer-events:all;
  user-select:all;
}
main section#contribute .modal#transferDonation .close {
  position:absolute;
  right:10px;
  top:5px;
  z-index:1;
  padding:0;
  border:0;
  margin:0;
  cursor:pointer;
}
main section#contribute .modal#transferDonation .close i {
  margin:0;
  color:#212529;
}
main section#contribute .modal#transferDonation .col {
  text-align:center;
}
main section#contribute .modal#transferDonation .bank-logo {
  width:75%;
  max-width:100%;
  height:auto;
  margin:1rem auto;
}
main section#contribute .modal#transferDonation .bank-details {
  background:#eeeff0;
  text-align:start;
  padding:1rem 2rem;
}
main section#contribute .modal#transferDonation .bank-detail {
  margin-bottom:.5rem;
}
main section#contribute .modal#transferDonation .bank-detail .title {
  color:var(--color);
  font-weight:600;
  font-size:.75rem;
  text-transform:uppercase;
}
main section#contribute .modal#transferDonation .bank-detail .description {
  color:#212529;
}
main section#contribute #gl-donation-widget .gl-widget-loader {
  opacity:0;
  visibility:hidden;
  background-color:rgba(0,0,0,0.85);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:10001;
  display:none;
  justify-content:center;
  align-items:center;
  transition:opacity .3s;
}
main section#contribute #gl-donation-widget .gl-widget-loader img {
  width:100px;
  height:100px;
}
main section#contribute #gl-donation-widget iframe {
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  border:medium none;
  opacity:-0.1;
  visibility:hidden;
  display:none;
  z-index:100000000;
  transition:opacity .3s ease 0s;
}
@media(max-width:991.98px) {
  main section#contribute .donation-links button {
    font-size:.8125rem;
    padding-left:.625rem;
    padding-right:.625rem;
  }
  main section#contribute .donation-links button i {
    margin-left:.25rem;
  }

}
@media(max-width:867.98px) {
  main section#contribute .donation-links button {
    text-transform:none;
  }

}
@media(max-width:767.98px) {
  main section#contribute {
    background:#d72138;
  }
  main section#contribute>.container>.row {
    margin:auto 1.5rem;
    padding-bottom:1rem;
  }
  main section#contribute>.container>.row>.image img {
    display:block;
    position:relative;
    left:50%;
    right:50%;
    top:0;
    margin-left:-50vw;
    margin-right:-50vw;
    width:100vw;
    max-width:100vw;
  }
  main section#contribute .disclaimer {
    margin:auto 1.5rem;
  }

}
main section#join {
  background-color:#f3f3f3;
}
main section#join .container {
  position:relative;
}
main section#join #images div:first-child {
  position:absolute;
  top:-2.25rem;
  right:0;
}
main section#join #images:lang(ar) div:first-child {
  right:auto;
  left:0;
}
main section#join #images div:last-child {
  position:absolute;
  bottom:0;
}
main section#join button {
  width:12rem;
  padding-right:1.5rem;
  padding-left:1.5rem;
  position:relative;
  height:2.5rem;
}
main section#join button div {
  float:left;
}
main section#join button i {
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%)
}
main section#join:lang(ar) button i {
  left:1rem;
  right:auto;
  transform:translateY(-50%) rotateZ(180deg)
}
main section#join button img {
  position:absolute;
  left:2rem;
  top:50%;
  transform:translateY(-50%)
}
main section#join:lang(ar) button img {
  right:2rem;
  left:auto;
}
main section#join .content>div:not(:last-child) button img {
  top:40%
}
main section#join .content:not(:last-child)>div:last-child {
  display:none;
}
@media(max-width:767.98px) {
  main section#join #images div {
    position:initial!important;
  }
  main section#join #images {
    margin-top:3rem;
    text-align:center;
  }

}
main section#contributions {
  background:#fff;
}
main section#contributions .row {
  padding-bottom:0;
}
main section#contributions .carousel {
  padding:0;
  padding-bottom:4rem;
}
main section#contributions .carousel-indicators [data-bs-target] {
  background-color:gray;
}
main section#contributions .carousel-indicators .active {
  background-color:var(--color)
}
main section#contributions .carousel .carousel-control-next-icon {
  background-image:url("../assets/icons/arrow_right.svg");
  transform:scale(1.75)
}
main section#contributions .carousel .carousel-control-prev-icon {
  background-image:url("../assets/icons/arrow_left.svg");
  transform:scale(1.75)
}
@media(max-width:767.98px) {
  main section#contributions .carousel .carousel-control-next-icon {
    display:none;
  }
  main section#contributions .carousel .carousel-control-prev-icon {
    display:none;
  }
  main section#contributions .row {
    padding:0;
  }
  main section#contributions .row h5 {
    padding:1.5rem;
    padding-bottom:0;
  }

}
main section#financial-statement {
  display:none!important;
}
main section#financial-statement {
  background:url("../images/why-support/magnifier_without_dots.svg"), url("../images/backgrounds/dot_pattern.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center, top left;
  background-color:#d72138;
}
main section#financial-statement h5 {
  color:#fff;
}
main section#financial-statement h5::after {
  color:#fff;
  background-color:#fff;
}
main section#financial-statement .content p {
  font-weight:900;
  font-size:3rem;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:0;
}
main section#financial-statement #download-statement {
  text-align:center;
}
main section#financial-statement #download-statement .icon i {
  position:relative;
  font-size:6rem;
  color:var(--color)
}
main section#financial-statement #download-statement .icon i:not(:first-child) {
  position:relative;
  right:3.5rem;
  bottom:1rem;
  background:#fff;
}
main section#financial-statement #download-statement button {
  position:relative;
  background:#fff;
  color:var(--color);
  width:16rem;
  border-radius:1.25rem;
  border-color:var(--color)
}
main section#financial-statement #download-statement button:hover {
  filter:brightness(1.2)
}
main section#financial-statement #download-statement span {
  float:left;
  margin-left:1rem;
  font-weight:600;
}
main section#financial-statement #download-statement button i {
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%)
}
@media(max-width:991.98px) {
  main section#financial-statement #download-statement button {
    width:14rem;
  }
  main section#financial-statement .content p {
    font-size:2.3rem;
  }

}
@media(min-width:991.98px) {
  main section#financial-statement {
    height:35vh;
  }

}
@media(max-width:767.98px) {
  main section#financial-statement #download-statement button {
    width:12rem;
    margin-top:1rem;
    margin-bottom:1rem;
  }
  main section#financial-statement .content p {
    font-size:2rem;
  }
  main section>.container>.row {
    padding:1.5rem;
  }

}
main section#financial-statement:lang(ar) #download-statement span {
  float:right;
}
main section#financial-statement:lang(ar) #download-statement button i {
  left:1rem;
  right:auto;
  transform:translateY(-50%) rotateZ(-180deg)
}
#impact {
  background:#f3f3f3;
}
#impact .stat-toggle select {
  background-color:#f3f3f3!important;
  border:2px solid var(--color)!important;
}
#impact .stat-toggle select:focus {
  border-color:var(--color)!important;
}
#impact>.container>.row>.box:not(:last-child) {
  border-bottom:2px solid #d9203a;
  padding-bottom:1rem;
  border-radius:1rem;
}
.box>h1 {
  color:#d9203a;
  font-weight:bold;
  text-transform:uppercase;
  font-size:1.35rem;
  background-color:#d9d9d9;
  padding:.75rem 2.5rem;
  width:max-content;
  border-radius:2rem;
  margin:auto;
  margin-bottom:1rem;
}
.stats {
  color:#313d48;
  background:#d9d9d9;
  width:11.45rem;
  padding:1rem;
  margin:auto;
  border-radius:1rem;
}
.stats>.number {
  font-weight:bold;
  font-size:1.75rem;
}
.hero-stats {
  color:#313d48;
  background:#d9d9d9;
  width:max-content;
  padding:1rem;
  margin:auto;
  border:4px solid #d9203a;
  border-radius:1rem;
}
.hero-stats>.number {
  font-weight:bold;
  font-size:2.25rem;
  color:#d9203a;
}
.hero-stats>.description {
  font-weight:bold;
  font-size:1.5rem;
}
.stat-toggle {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  font-size:1.15rem;
  font-weight:bold;
}
.switch {
  position:relative;
  display:inline-block;
  width:60px;
  height:34px;
  margin-left:.5rem;
  margin-right:.5rem;
}
.switch input {
  opacity:0;
  width:0;
  height:0;
}
.slider {
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#ccc;
  -webkit-transition:.4s;
  transition:.4s;
}
.slider:before {
  position:absolute;
  content:"";
  height:26px;
  width:26px;
  left:4px;
  bottom:4px;
  background-color:white;
  -webkit-transition:.4s;
  transition:.4s;
}
input:checked+.slider {
  background-color:var(--color)
}
input:focus+.slider {
  box-shadow:0 0 1px var(--color)
}
input:checked+.slider:before {
  -webkit-transform:translateX(26px);
  -ms-transform:translateX(26px);
  transform:translateX(26px)
}
.slider.round {
  border-radius:34px;
}
.slider.round:before {
  border-radius:50%
}
@media(max-width:991.98px) {
  .stats {
    width:8rem;
    height:8rem;
    padding:1rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .stats>.number {
    font-size:1.5rem;
  }
  #impact img {
    height:85px;
  }

}
@media(max-width:767.98px) {
  .hero-stats {
    width:auto;
  }
  #impact>.container>.row>.box {
    border-bottom:none;
    max-width:500px;
    margin:auto;
  }

}
@media(max-width:545.98px) {
  .stat-toggle {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    font-size:.95rem;
    font-weight:bold;
  }
  .switch {
    width:50px;
    height:26px;
    margin-left:.25rem;
    margin-right:.25rem;
  }
  .slider:before {
    height:18px;
    width:18px;
    left:4px;
    bottom:4px;
  }
  input:checked+.slider:before {
    -webkit-transform:translateX(18px);
    -ms-transform:translateX(18px);
    transform:translateX(18px)
  }
  .slider.round {
    border-radius:26px;
  }

}
@media(max-width:400.98px) {
  .stat-toggle {
    margin:auto;
    font-size:1.15rem;
    margin-bottom:.5rem;
  }
  .switch {
    margin-left:.5rem;
    margin-right:.5rem;
  }
  #impact img {
    height:75px;
  }
  .stats {
    width:7rem;
    height:7rem;
    padding:.75rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .stats>.number {
    font-size:1.25rem;
  }

}
.btn.info:hover {
  transform:unset;
  filter:unset;
}
.btn.info:active {
  transform:unset;
}