:root{
  --clr-primary-400: hsl(181, 31%, 27%) ;
  --clr-primary-300: hsl(184, 31%, 39%);
  --clr-primary-100: hsl(0, 0%, 100%);

  --clr-accent-400: hsl(220, 25%, 24%);
  --clr-accent-300: hsl(221, 22%, 51%);

  --clr-secondary-400: hsl(0, 4%, 66%);
  --clr-secondary-300: hsla(129, 78%, 98%, 1);
  --clr-secondary-two-300: hsl(120, 100%, 99%);

  --clr-secondary-accent-400: hsla(182, 20%, 62%, 0.67);
  --clr-secondary-accent-300: hsl(177, 30%, 72%);


  --ff-primary: 'Nunito Sans', sans-serif;

  --ff-body: var(--ff-primary);
  --ff-heading: var(--ff-primary);

  --fw-light: 300;
  --fw-regular : 400;
  --fw-semi-bold: 600;
  --fw-bold: 700;

  --fs-300: .875rem;
  --fs-350: .9375rem;
  --fs-400: 1rem;
  --fs-500: 1.125rem;
  --fs-600: 1.1875rem;
  --fs-700: 1.25rem;
  --fs-750: 1.5625rem;
  --fs-800: 1.75rem;
  --fs-850: 1.875rem;
  --fs-900: 2.3125rem;
  --fs-950: 2.25rem;
  --fs-1000: 3.3125rem;
  --fs-1100: 2.1875rem;

  --fs-body: var(--fs-400);
  --fs-nav: var(--fs-400);
  --fs-button: var(--fs-400);

  --fs-primary-heading : var(--fs-1000);
  --fs-secondary-heading : var(--fs-950);

  --fw-light: var(--fw-light);

  --size-100: .25rem;
  --size-200: .5rem;
  --size-300: .75rem;
  --size-400: 1rem;
  --size-500: 1.5rem;
  --size-600: 2rem;
  --size-650: 2.5rem;
  --size-680: 2.875rem;
  --size-700: 3rem;
  --size-800: 4rem;
  --size-900: 5rem;


  @media (min-width: 50em) {
    --fs-body: var(--fs-400);
    --fs-nav: var(--fs-400);
    --fs-button: var(--fs-400);

    --fs-primary-heading : var(--fs-1100);
    --fs-secondary-heading : var(--fs-750);
  }

}
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
* {
  margin: 0;
  padding: 0;
  font : inherit;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core root defaults */
/* html {
  scroll-behavior: smooth;
} */

html,
body {
  height: 100%;
}

/* Set core body defaults */
body {
  text-rendering: optimizeSpeed;
  line-height: 1.5;

}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture,
svg {
  max-width: 100%;
  display: block;
}  


/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
  scroll-behavior: auto;
  }
  
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* UTILITY CLASSES*/

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* added line */
  border: 0;
} 

.text-primary-400 { 
  color: var(--clr-primary-400);
}
.text-accent-400 {
color: var(--clr-accent-400);
}
.text-secondary-accent-400 {
  color: var(--clr-secondary-accent-400);
}
.text-primary-300 {
  color: var(--clr-primary-300);
}
.text-accent-300 {
  color: var(--clr-accent-300);
}
.text-secondary-accent-300 {
  color: var(--clr-secondary-accent-300);
}
.text-primary-100 {
  color: var(--clr-primary-100);
}

.bg-primary-400 { 
  background-color: var(--clr-primary-400);
}
.bg-primary-100{
  background-color: var(--clr-primary-100);
}
.bg-secondary-400 {
  background-color: var(--clr-secondary-400);
}
.bg-secondary-300 {
  background-color: var(--clr-secondary-300);
}
.bg-secondary-two-300 {
  background-color: var(--clr-secondary-two-300);
}
.bg-accent-400 {
background-color: var(--clr-accent-400);
}
.bg-secondary-accent-400 {
  background-color: var(--clr-secondary-accent-400);
}
.bg-primary-300 {
  background-color: var(--clr-primary-300);
}
.bg-accent-300 {
  background-color: var(--clr-accent-300);
}
.bg-secondary-accent-300 {
  background-color: var(--clr-secondary-accent-300);
}

.fw-light {font-weight: var(--fw-light);}
.fw-regular {font-weight: var(--fw-regular);}
.fw-semi-bold {font-weight: var(--fw-semi-bold);}
.fw-bold {font-weight: var(--fw-bold);}
.fw-bold-italic {
  font-weight: var(--fw-bold);
  font-style: italic;
}
.fw-bold-italic1 {
  font-weight: 400;
  font-style: italic;
}

.fs-primary-heading {
  font-size:  var(--fs-primary-heading);
}
.fs-secondary-heading {
  font-size: var(--fs-secondary-heading);
  line-height: 45px;
}
.fs-sub-secondary-heading { font-size: var(--fs-850)}
.fs-sub-secondary-heading-two {
  font-size: var(--fs-750);
  line-height: 33px;
}
.fs-sub-secondary-heading-three {font-size: var(--fs-600);}


.fs-sub {
  font-size: var(--fs-700);
  line-height: 32px;
}
.fs-body {font-size: var(--fs-400);}
.fs-tandq {font-size: var(--fs-500);}
.fs-secondary-heading-two {font-size: var(--fs-300);}
.fs-secondary-heading-three {font-size: var(--fs-350);}

.cta-donate-text {
  font-size: 2rem;
}

.padding-block-900 {
  padding-block: var(--size-900);
}
.padding-block-700 {
  padding-block: var(--size-700);
}

.padding-block-9002 {
  padding: 130px 142px;
  }
.padding-block-9003 {
  padding: 100px 0px;
  }
  .bg-section-two-home {
    text-align: center;
  }

.container {
  --max-width: 1156px;
  --margin: 1.5625rem;
  width: min(var(--max-width), 100% - (var(--margin) * 2));
  margin-inline: auto;
}

.even-columns {
  display: grid;
  gap: 1rem;
}


.even-columns-we-do {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
  list-style-type: decimal !important;

}

.what-we-do-about {
  padding-left: 30px;
  padding-right: 30px;
}
.we-do-list-info {
  padding-left: 10px;
}

.val_list_hd {
  list-style-type: decimal !important;
  padding-left: 50px;
  
}
.val_list_info {
  padding-left: 10px;
}

.vaules-img {
  margin-inline: auto;
  padding: 70px 50px;
}

@media screen and (max-width: 50em) {

  .vaules-img {
    padding: 30px 50px;
  }
  
}


.even-columns-bg-section-two {
  display: grid;
  gap: 7.75rem;
}
.even-columns-joncard {
  display: grid;
  gap: 4.5rem;
}

.even-columns-sisil-yt {
  display: flex;
  justify-content: space-between;
}

.even-columns-payment {
  display: flex;
  gap: 1.25rem;
  justify-content: center;
  align-items: center;
}

@media (max-width: 60em) {
  .even-columns-we-do {
    grid-template-columns: 1fr ;
  }
  .we_do_list {
    text-align: center;

  }
}


@media (min-width: 60em) {


  .even-columns-bg-section-two {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .even-columns-joncard {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  

}

@media (min-width: 50em) {
  .even-columns {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }

  .even-columns-bg-section-two {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .even-columns-joncard {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }

  
}

/* GENERAL STYLING */

body {
  font-size: var(--fs-body);
  font-family: var(--ff-body);
  color: var(--clr-accent-400);
}


/* BUTTON START*/

button {
  cursor: pointer;
  text-decoration: none;
  border: 0;
  border-radius: 5px;
  font-size: var(--fs-button);
}

.donate-cta-btn {
  font-weight: var(--fw-semi-bold);
  line-height: 24px;
  color: var(--clr-primary-100);
  background-color: var(--clr-primary-300);
  width: 125px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem 3.125rem;
  gap: 10px;
  text-decoration: none;
  cursor: pointer;
  border: 0;
  border-radius: 5px;
  font-size: var(--fs-button);
  outline: none;


}

.donate-cta-btn:hover,
.donate-cta-btn:focus-visible {
  background-color: var(--clr-primary-400);
}

.fa-dona{
  width: 17px;
  height: 17px;  
}

.cta-btn-bio-primary {
  padding-block: var(--size-650);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  gap: 30px;
  width: 326px;
  height: 45px;
}

.cta-btn-bio  {
  font-weight: var(--fw-semi-bold);
  color: var(--clr-primary-100);
  line-height: 24px;
  width: 148px;
  height: 45px;
  text-decoration: none;
  text-align: center;
  padding: 10.5px 18.5px;
  outline: none;
}

.cta-get {
  background-color: var(--clr-primary-400);
  border-radius: 5px;
}

.cta-get:hover,
.cta-get:focus-visible {
  background-color: var(--clr-primary-300);
}

.cta-con {
  background-color: var(--clr-primary-300);
  border-radius: 5px;
}

.cta-con:hover,
.cta-con:focus-visible {
  background-color: var(--clr-primary-400);
}

.cta-donate-btn {
  font-weight: var(--fw-semi-bold);
  line-height: 22px;
  color: var(--clr-primary-400);
  background-color: var(--clr-primary-100);
  padding: 1em 2.625em;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  border-radius: 5px;
  font-size: var(--fs-button);
  outline: none;
}

.cta-donate-btn:hover,
.cta-donate-btn:focus-visible {
  background-color: var(--clr-primary-300);
  color: var(--clr-primary-100);
}

.cta-sub-btn {
  box-sizing: border-box;
  padding: 0.5em 1.875em;
  gap: 20px;
  border: 1px solid #1B1B1F !important;
  background-color: var(--clr-primary-100);
  color: #1B1B1F;
  cursor: pointer;
}
#mc-embedded-subscribe{
  margin: 0 !important;
}
#mc_embed_signup input {
  border: 1px solid #1B1B1F !important;
}

.cta-sub-btn:hover {
  color: #457E82;
  border: 1px solid #457E82 !important;
}

.cta-act-btn {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1em 1.875em;
  gap: 20px;
  border: 1px solid var(--clr-primary-300);
  background-color: var(--clr-primary-100);
  color: var(--clr-primary-300);
}
.pro-btn {
  
  text-decoration: none;
  
}

.cta-act-btn:hover,
.cta-act-btn:focus-visible {
  color: var(--clr-primary-100);
  background-color: var(--clr-primary-300);
}

.btn-donate-payment {
  font-weight: var(--fw-semi-bold);
  line-height: 22px;
  padding: 1em 2.625em;
}

@media (max-width: 799px) {
  .btn-donate-payment {
    font-weight: var(--fw-semi-bold);
    line-height: 22px;
    padding: .7em 0.625em;
  }
}

.btn-one-time {
  color: var(--clr-primary-100);
  background-color: var(--clr-primary-300);
  border-radius: 5px 0px 0px 5px;
}

.btn-monthly {
  color: var(--clr-primary-300);
  background-color: hsla(0, 0%, 95%, 1);
  border-radius: 0px 5px 5px 0px;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  font-size: var(--fs-button);
}

.btn-one-time:hover, 
.btn-one-time:focus-visible {
  color: var(--clr-primary-100);
  background-color: var(--clr-primary-300);
  border-radius: 5px 0px 0px 5px;
}

.btn-monthly:hover,
.btn-monthly:focus-visible {
  color: var(--clr-primary-100);
  background-color: var(--clr-primary-300);
  border-radius: 0px 5px 5px 0px;
}

/* BUTTON END */

  /* NAVIGATION START */

  .primary-header {
  padding-top: var(--size-500);
  padding-bottom: var(--size-500);
  }

  .nav-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .mobile-nav-toggle{
    display: none;
  }

  .nav-list {
    font-size: var(--fs-nav);
  }

  .nav-list {
    display: flex;
    gap: clamp(0.9375rem, 5vw, 1.875rem);
    font-weight: var(--fw-regular);
    line-height: 26px;

  }

  .nav-list a {
    text-decoration: none;
    color: var(--clr-accent-300);
  }
  .nav-list a:hover,
  .nav-list a:focus {
    text-decoration: none;
    color: var(--clr-primary-300);
  }

  /* NAVIGATION END */

  

  .image_rad {
    border-radius: 5px;
  }

  .social_links a{
    color: #fff;
  }
  

  /* HOMEPAGE START */

.welcome-section {
  min-height: 93vh;
  padding-top: 120px;
  padding-bottom: 120px;
  
}
.hero-container {
  --max-width: 1156px;
  --margin: 1.5625rem;
  width: min(var(--max-width), 100% - (var(--margin) * 2));
  margin-inline: auto;
  
}

.wel_mobile_1983 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.welcome_1983 {
  margin-bottom: 20px;
  line-height: 74px;
  max-width: 485px;
}

.welcome_sub_1983 {
  padding-block: 20px;
}

.welcom_bio_mobile {
  margin-bottom: 40px;
}

.image-right {
  position: relative;
  z-index: 10;
}

.image-right .img-primary-rect {
  position: absolute;
  left: -35px;
  top: -32px;
  width: 76px;
  height: 76px;
  z-index: -10;
}

.image-right .img-secondary-rect {
  position: absolute;
  left: 528px;
  top: 426px;
  width: 76px;
  height: 76px;
  z-index: -10;
}
.image-right .img-secondary-rect-one {
  position: absolute;
  left: 513px;
  top: 413px;
  width: 100px;
  height: 100px;
  z-index: -10;
}
.image-right .img-accent-rect {
  position: absolute;
  left: 80px;
  top: 429px;
  width: 125px;
  height: 73px;
  z-index: -10;
}


@media screen and (max-width: 60em) {
  .img-primary-rect,
  .img-secondary-rect,
  .img-secondary-rect-one,
  .img-accent-rect {
    display: none;
  }
}
@media screen and (max-width: 65em) {
  
  .img-secondary-rect-one {
    display: none;
  }
}

/* IMAGE SLIDER START */
.image_slider_1983 {
  width: 568px;
  height: 468px;
  border-radius: 5px;
  overflow: hidden;
}
.slides {
  width: 500%;
  height: 468px;
  display: flex;

}
.slides input{
  display: none;
} 
.slide {
  width: 20%;
  transition: 2s;
}

.slide img {
  width: 568px;
  height: 468px;
  border-radius: 5px;
  object-fit: cover;
  object-position: center center;
}

/* css for manuel navigation */
.navigation-manuel {
  position: absolute;
  width: 568px;
  margin-top: -40px;
  display: none;
  justify-content: center;
}

.manuel-btn {
  border: 2px solid #305A5B;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  transition: 1s;
}

.manuel-btn:not(:last-child) {
  margin-right: 40px;
} 
.manuel-btn:hover {
  background: #457E82;
}

#radio1:checked ~ .first {
  margin-left: 0;
}
#radio2:checked ~ .first {
  margin-left: -20%;
}
#radio3:checked ~ .first {
  margin-left: -40%;
}
#radio4:checked ~ .first {
  margin-left: -60%;
}
#radio5:checked ~ .first {
  margin-left: -80%;
}

/*  css auto navigation */

.navigation-auto {
  position: absolute;
  display: none;
  width: 568px;
  justify-content: center;
  margin-top: 428px;
}

.navigation-auto div {
  border: 2px solid #305A5B;
  padding: 5px;
  border-radius: 10px;
  transition: 1s;
}

.navigation-auto div:not(:last-child) {
  margin-right: 40px;
}

#radio1:checked ~ .navigation-auto .auto-btn1 {
  background: #305A5B;
}
#radio2:checked ~ .navigation-auto .auto-btn2 {
  background: #305A5B;
}
#radio3:checked ~ .navigation-auto .auto-btn3 {
  background: #305A5B;
}
#radio4:checked ~ .navigation-auto .auto-btn4 {
  background: #305A5B;
}
#radio5:checked ~ .navigation-auto .auto-btn5 {
  background: #305A5B;
}

/* IMAGE SLIDER END */

/* UNIFIED SECTION START */

.bg-section-one-home {
  position: relative !important;
}
.position-absolute-one {
  position: absolute !important;
}
.shape--green-one {
  background-image: url(images/l-shape-one.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.shape-one {
  width: 102.77px;
  height: 99.35px;
  
}
.position__top-right--outer-one {
  top: -10%;
  right: 0;
}

.position-absolute-two {
  position: absolute !important;
}
.shape--green-two {
  background-image: url(images/l-shape-one.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.shape-two {
  width: 102.77px;
  height: 99.35px;
  transform: rotate(180deg);

}
.position__top-right--outer-two {
  bottom: -10%;
  left: 0;
}



.bg-section-one-home {
  padding: 5rem 2rem 5rem 2rem;
}
.uni_section_1983 {
  text-align: center;
}
.uni_title_1983{
  max-width: 860px;
  margin: auto;
  padding: 30px;
}

.uni_sub_section_1983 {
  max-width: 1070px;
  line-height: 36px;
  margin-inline: auto;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 1024px) {

  .bg-section-one-home {
    padding: 3rem 0rem 3rem 0rem;
  }
.uni_title_1983{
  font-size: 1.8125rem;
  padding-bottom: 20px;
}
}
@media screen and (max-width: 428px) {

  .bg-section-one-home {
    padding: 2.625rem 0rem 2.625rem 0rem;
  }
.uni_title_1983{
  font-size: 1.6625rem;
  /* line-height: 33px; */
} 
}
/* UNIFIED SECTION END */

/* OUR MISSION AND VISION START */
.vim_header_1983 {
  line-height: 36px;
}

.vol-email {
  color: #B0BAC9;
}
.com-link a {
  color: #B0BAC9 ;
}
.com-link a:hover {
  cursor: pointer;

}

.vim_wrapper {
  border-radius: 5px;
  padding: 80px 67px 130px 67px;
  margin-bottom: 15px;
}

.vim_wrapper2 {
  border-radius: 5px;
  padding: 80px 67px 106px 67px;
  margin-bottom: 15px;
}

.vim_sub_header_1983 {
  line-height: 24px;
  padding-top: 30px;
}
.vim_sub_header2_1983 {
  line-height: 24px;
  padding-top: 30px;
}
/* OUR MISSION AND VISION END */


  /*UNIYIA ACTIVITY START*/

  .acivity {
    position: relative !important;
  }

.shape--green {
  background-image: url(images/triangle-shape-two.svg);
  background-repeat: no-repeat;
}
.shape {
  width: 100px;
  height: 100px;
  transform: rotate(180deg);
}
.position__top-right--outer {
  top: 6.5% !important;
  right: 0%;
}
.position-absolute {
  position: absolute !important;
}


.shape--green-three {
  background-image: url(images/ellipse-shape-one.svg);
  background-repeat: no-repeat;
}
.shape-three {
  width: 100px;
  height: 100px;
  transform: rotate(360deg);
}
.position__top-right--outer-three {
  top: 21% !important;
  left: 0;
}



.shape--green-four {
  background-image: url(images/ellipse-shape-two.svg);
  background-repeat: no-repeat;
}
.shape-four {
  width: 100px;
  height: 100px;
  transform: rotate(180deg);
}
.position__top-right--outer-four {
  top: 38% !important;
  right: 0;
}



.shape--green-five {
  background-image: url(images/triangle-shape-two.svg);
  background-repeat: no-repeat;
}
.shape-five {
  width: 100px;
  height: 100px;
  transform: rotate(360deg);
}
.position__top-right--outer-five {
  top: 60% !important;
  left: 0;
}


@media screen and (max-width:60em) {
  .shape--green-five,
  .shape--green-four,
  .shape--green-three,
  .shape--green {
    display: none;
  }

}



  .activity_wrapper {
    display: flex;
    justify-content: space-around;
    gap: 25px;
    padding-bottom: 90px;
  }
  .img_proj_dev_19831 {
    align-self: center;
  }
  .acivity_header_1983{
    text-align: center;
    padding-bottom: 60px;
  }

  .number-activity {
    text-align: center;
    /* height: 4.375rem; */
    max-width: 4.375rem;
    margin-top: 20px;
  }
  .num_activity_1983 {
    color: #fff;
    background: hsla(220, 25%, 24%, 1);
    border-radius: 50%;
    padding: 1.10rem 1.7375rem 1.10rem 1.775rem;
    
  }
  .acivity_sub_header_1983 {
    padding-bottom: 10px;
  }
  .program_sub_header_1983 {
    padding-bottom: 10px;
  }

  .activity_para_1 {
    max-width: 518px;
  }

  .image_resize1 {
    width: 495px;
    height: 312px;
    object-fit: cover;
    object-position: center center;
    border-radius: 5px;
  }
  

  @media screen and (max-width: 1300px) {
    .activity_wrapper {
      display: flex;
      flex-direction: column;
    }
    .activity_wrapper:nth-of-type(2) {
      flex-direction: column-reverse;
    }
    .activity_wrapper:nth-of-type(4) {
      flex-direction: column-reverse;
    }
    .activity_wrapper:nth-of-type(6) {
      flex-direction: column-reverse;
    }
    .acivity_header_1983{
      text-align: center;
      padding-bottom: 60px;
    }
    .proj_dev_19831 {
      text-align: center;
      padding-bottom: 20px;
    }
    .number-activity {
      display: none;
    }
    .acivity_sub_header_1983 {
      padding-bottom: 10px;
    }
    .program_sub_header_1983 {
      padding-bottom: 10px;
    }
    .activity_para_1 {
      max-width: 818px;
      margin: auto;
    }
    .image_resize1 {
      width: 795px;
      height: 412px;
      object-fit: cover;
      object-position: center center;
      border-radius: 5px;
    }
  }

  @media screen and (max-width: 768px) {
  
    .acivity_header_1983{
      padding-bottom: 30px;
    }
  
    .image_resize1 {
      width: 695px;
      height: 412px;
      object-fit: cover;
      object-position: center center;
      border-radius: 5px;
    }
  }
  @media screen and (max-width: 428px) {
  
    .acivity_header_1983{
      padding-bottom: 20px;
    }
    
    .image_resize1 {
      width: 414px;
      height: 282px;
      object-fit: cover;
      object-position: center center;
      border-radius: 5px;
    }
  }

  @media screen and (max-width: 390px) {

    .image_resize1 {
      /* margin: auto; */
      width: 370px;
      height: 250px;
      object-fit: cover;
      object-position: center center;
      border-radius: 5px;
    }
  }
  @media screen and (max-width: 375px) {
  
    /* .image_resize1 {
      width: 339px;
      height: 200px;
      object-fit: cover;
      object-position: center center;
      border-radius: 5px;
    } */
  }
  @media screen and (max-width: 320px) {

    .image_resize1 {
      width: 310px;
      height: 180px;
      object-fit: cover;
      object-position: center center;
      border-radius: 5px;
    }
  }

    /*UNIYIA ACTIVITY END*/


/*SISIL AND TWITTER START*/

  .sisil-yt {
    max-width: 728px; 
  }
  .sisil_img {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; 
    height: 0;
  }
  .sisil_img  iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }
  .twitter-timeline {
    border-radius: 5px;
  }

@media (min-width: 71.5625em) {
  .sisil_img  iframe {
    width: 1000%;
    height: 1036%;
  }
  
  .sisil,
    .tw_feed {
      padding-bottom: 20px;
    }
}
@media (max-width: 71.5625em) {
  .even-columns-sisil-yt {
    display: flex;
    flex-direction: column;
  }
  .twitt-fd {
    width: 100%;
    margin-top: 80px;
  }

    .sisil,
    .tw_feed {
      padding-bottom: 20px;
      font-size: 1.5625rem;
      font-weight: 700;
      text-align: center;
    }

  .twitter-timeline {
    margin-inline: auto;
  }
}

  /* SISIL and Twitter FEED END*/

/*TESTIMONIAL & QUOTE START*/


.test_1983,
.sub_test_1983 {
  text-align: center;
}
.test_1983 {
  padding-bottom: 40px;
}
.sub_test_1983 {
  padding-bottom: 20px;
  line-height: 45px;
  max-width: 787px;
  margin: auto;
}

.quot_1983,
.sub_quot_1983 {
  text-align: center;
}
.quot_1983 {
  padding-bottom: 40px; 
}
.sub_quot_1983 {
  padding-bottom: 20px;
  max-width: 787px;
  margin: auto;
}
.author_1983 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

@media screen and (max-width: 1024px) {

.test_1983,
.sub_test_1983 {
  text-align: center;
}
.test_1983 {
  padding-bottom: 40px;
}
.sub_test_1983 {
  padding-bottom: 5px;
  line-height: 45px;
}

.quot_1983,
.sub_quot_1983 {
  text-align: center;
}
.quot_1983 {
padding-bottom: 40px; 
}
.sub_quot_1983 {
padding-bottom: 10px;
}
.author_1983 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
}

/*TESTIMONIAL & QUOTE END*/



/* ABOUT PAGE START */

.what-we-do-about {
  position: relative !important;
}

.shape--green-three-abt {
  background-image: url(images/about-element/half-circle-one.svg);
  background-repeat: no-repeat;
}
.shape-three-abt {
  width: 100px;
  height: 100px;
  transform: rotate(360deg);
}
.position__top-right--outer-three-abt {
  top: 8% !important;
  left: 0;
}

.shape--green-four-abt {
  background-image: url(images/about-element/sqaure-circles.svg);
  background-repeat: no-repeat;
}
.shape-four-abt {
  width: 100px;
  height: 103px;
  transform: rotate(180deg);
}
.position__top-right--outer-four-abt {
  top: 78% !important;
  right: 0;
}

.impact-section {
  position: relative !important;
}

.shape--green-five-abt {
  background-image: url(images/about-element/half-circle-two.svg);
  background-repeat: no-repeat;
}
.shape-five-abt {
  width: 100px;
  height: 103px;
  transform: rotate(360deg);
}
.position__top-right--outer-five-abt {
  top: 88% !important;
  left: 0;
}


.subinfo-section{
  position: relative !important;

}
.shape--green-six-abt {
  background-image: url(images/about-element/half-circle-three.svg);
  background-repeat: no-repeat;
}
.shape-six-abt {
  width: 100px;
  height: 100px;
  transform: rotate(180deg);
}
.position__top-right--outer-six-abt {
  top: 79% !important;
  right: 0;
}




@media screen and (max-width:60em) {
  .shape--green-three-abt,
  .shape--green-four-abt,
  .shape--green-five-abt,
  .shape--green-six-abt {
    display: none;
  }

}


.abt-section-who {
  min-height: 93vh;
  padding-top: 120px;
  padding-bottom: 120px;
}
.wel_mobile-about_1983 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.welcome_about_1983{
  margin-bottom: 20px;
}
.welcome_about_sub_1983{
  max-width: 523px;
  padding-left: 10px;
  padding-right: 10px;
}


/* IMAGE SLIDER START */
.about-image_slider_1983 {
  border-radius: 5px;
  overflow: hidden;
}

.image_rad {
  width: 568px;
  height: 468px;
  object-fit: cover;
  object-position: center center;
}

/* IMAGE SLIDER END */

.we_do_about_1983 {
  padding-bottom: 40px;
  line-height: 26px;
}


.we_do_list {
  padding-bottom: 20px;
  line-height: 26px;
  /* max-width: 528px; */
}

.val_about_1983 {
  padding-bottom: 50px;
}
.sub_val_about_1983 {
  padding-bottom: 20px;
  max-width: 533px;
}
.val_list {
  padding-bottom: 20px;
  max-width: 523px;
  
}

.impact_about_1983 {
  text-align: center;
  padding-bottom: 90px;
}


.impact-wrapper {
  border-radius: 5px;
  background-color: var(--clr-secondary-accent-300);
}

.impact-card {
  text-align: center;
  padding-top: 63px;
  padding-bottom: 63px;

}

.line_mob{
  border: 1px solid #8BB0B1;
  width: 100%;
  height: 0px;
  margin: auto;
}

.impact_img {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
.impact_header{
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 26px;
  padding-bottom: 30px;
}
.impact_sub {
  font-weight: 400;
  font-size: 1.1875rem;
  line-height: 26px;
}

@media (min-width: 768px) {

  .impact_about_1983 {
    padding-bottom: 40px;
  }

  .impact-wrapper {
    padding: 40px 0px;
    border-radius: 5px;
    background-color: var(--clr-accent-100);
  }
  
  .flexbox {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
.flexbox > * {
  flex: 1 1 30%;
}

.impact_header{
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 26px;
  padding-bottom: 30px;
}

.impact-card {
  padding-top: 40px;
  padding-bottom: 63px;
  border-radius: 5px;

}

  .line_mob {
    display: none;
  }
  .line_mob_one {
    border: 1px solid #8BB0B1;
    width: 100%;
    height: 0px;
    margin: auto;
  }
}

.even-columns3 {
  display: grid;
  column-gap: 8rem;
  row-gap: 4rem;
  grid-template-columns: repeat(2, 1fr);
}
.subinfocard_header {
  padding-bottom: 20px;
}

.even-columns4 {
  display: grid;
  column-gap: 2.6875rem;
  row-gap: 6.375rem;
  grid-template-columns: repeat(3, 1fr);
}

.team_header {
  text-align: center;
  padding-bottom: 110px;
}
.tm-wrapper{
  text-align: center;
}

.team-container {
  background: #FFFFFF;
  box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
  border-radius: 4.7619px;
  padding-bottom: 40px;
}
.team_img {
  padding-bottom: 40px;
}
.team_name_header {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 28px;
  padding-bottom: 10px;
  text-align: center;
}
.team_role {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 27px;
  padding-bottom: 20px;
  text-align: center;
}

.social_links_team{
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
}
.social_links_team a{
  color: var(--clr-accent-400);
}

/* ABOUT PAGE END */




  /*Gallery Desktop*/

  .gallery_1983{
    text-align: center;
  }
  .wrapper-gallery {
    margin: 60px auto;
    max-width: 1156px;
  }
  .wrapper-gallery .gallery-list{
    display: flex;
    justify-content: center;
  }
  .gallery-list .div-items{
    display: flex;
    max-width: 927px;
    width: 100%;
    justify-content: space-between;
    column-gap: 10px;
  }
  .gallery-list .div-items .item {
    padding: 7px 19px;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 20px;
    color: hsla(240, 7%, 11%, 1);
    border: 1px solid #457E82;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .gallery-list .div-items .active,
  .gallery-list .div-items .item:hover {
    color: #fff;
    background: #457E82;
  }

  .gallery{
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
  }
  .gal-img{
    width: 568px;
    height: 375px;
    object-fit: cover;
    object-position: center center;
  }
  .gallery .image {
    padding: 10px;
    width: calc(100% / 2);
  }
  .gallery .image.hide{
    display: none;
  }
  .gallery .image.show{
    animation: animate 0.4s ease;
  }
  @keyframes animate{
    0%{
      transform: scale(0.5);
    }
    100%{
      transform: scale(1);
    }
  }
  .gallery .image .span_img {
    display: flex;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
  }
  .gallery .image .gal-img {
    width: 100%;
    vertical-align: middle;
    transition: all 0.3s ease;
  }

  .gallery .image:hover .gal-img {
    transform: scale(1.1);
    border-radius: 5px;
  }

  .preview-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    background: #fff;
    max-width: 700px;
    width: 100%;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    border-radius: 5px;
    padding: 0 5px 5px 5px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2) ;
  }
  .preview-box.show{
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1);

  }
  .preview-box .details {
    display: flex;
    align-items: center;
    padding: 13px 15px 13px 10px;
    justify-content: space-between;
  }
  .preview-box .details .title {
    display: flex ;
    font-weight: 400;
  }
  .details .title .pre-content {
    margin-left: 5px;
    font-weight: 600;
  }
  .details .icon {
    color: #457E82;
    font-size: 1.375rem;
    cursor: pointer;
  }
  .preview-box .image-box{
    display: flex;
    width: 100%;
  }
  .image-box .gal-img {
    width: 100%;
  }
  .shadow {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: none;
    background: rgba(0, 0, 0, 0.4);
  }

  @media (max-width: 1000px) {
    .gallery .image {
      width: calc(100% / 3);
    }
    .gal-img{
      width: 368px;
      height: 175px;
    }
    .gallery-list .div-items .item {
      padding: 7px 10px;

  }
}
  @media (max-width: 820px) {
    .wrapper-gallery {
      margin: 10px auto;
      
    }
    .gallery .image {
      width: calc(100% / 3);
    }
    .gal-img{
      width: 368px;
      height: 175px;
    }
    .gallery-list .div-items .item {
      padding: 7px 5px;

  }
}
  @media (max-width: 742px) {
    .wrapper-gallery {
      margin: 10px auto;
      
    }
    .gallery-list .div-items{
      max-width: 668px; 
    }
    .gallery .image {
      width: calc(100% / 2);
    }
    .gal-img{
      width: 368px;
      height: 200px;
    }
    .gallery-list .div-items .item {
      padding: 7px 3px;

  }
}
  @media (max-width: 710px) {
    .wrapper-gallery {
      margin: 10px auto;
      
    }
    .gallery-list .div-items{
    flex-wrap: wrap;
    justify-content: center;
    }
    .gallery .image {
      width: calc(100% / 2);
    }
    .gal-img{
      width: 368px;
      height: 165px;
    }
    .gallery-list .div-items .item {
    margin: 5px;
  }
}
  @media (max-width: 520px) {
    .wrapper-gallery {
      margin: 10px auto;
      
    }
    .gallery-list .div-items{
    flex-wrap: wrap;
    justify-content: center;
    }
    .gallery .image {
      width: calc(100%);
    }
    .gal-img{
      width: 368px;
      height: 265px;
    }
    .gallery-list .div-items .item {
    margin: 5px;
  }
}
  @media (max-width: 425px) {
    .wrapper-gallery {
      margin: 10px auto;
      
    }
    .gallery-list .div-items{
    flex-wrap: wrap;
    justify-content: center;
    }
    .gallery .image {
      width: calc(100%);
    }
    .gal-img{
      width: 368px;
      height: 215px;
    }
    .gallery-list .div-items .item {
    margin: 5px;
  }
}
  @media (max-width: 375px) {
    .wrapper-gallery {
      margin: 10px auto;
      
    }
    .gallery-list .div-items{
    flex-wrap: wrap;
    justify-content: center;
    }
    .gallery .image {
      width: calc(100%);
    }
    .gal-img{
      width: 368px;
      height: 185px;
    }
    .gallery-list .div-items .item {
    margin: 5px;
  }
}
  @media (max-width: 320px) {
    .wrapper-gallery {
      margin: 10px auto;
      
    }
    .gallery-list .div-items{
    flex-wrap: wrap;
    justify-content: center;
    }
    .gallery .image {
      width: calc(100%);
    }
    .gal-img{
      width: 368px;
      height: 140px;
    }
    .gallery-list .div-items .item {
    margin: 5px;
  }
}


/*BLOG*/

.blog_1983 {
  text-align: center;
}

.wrapper-blog {
  margin: 60px auto;
  max-width: 1156px;
}
.wrapper-blog .blog-list{
  display: flex;
  justify-content: center;
}
.blog-list .blog-items{
  display: flex;
  max-width: 888px;
  width: 100%;
  justify-content: space-between;
  column-gap: 10px;
}
.blog-list .blog-items .news {
  padding: 7px 24px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 20px;
  color: hsla(240, 7%, 11%, 1);
  border: 1px solid #457E82;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.blog-list .blog-items .active,
.blog-list .blog-items .news:hover {
  color: #fff;
  background: #457E82;
}

.blog{
  display: flex;
  flex-wrap: wrap;
  margin-top: 70px;
}
.blg-img{
  width: 358px;
  height: 377px;
  object-fit: cover;
  object-position: center center;
}
.blog .blog-card {
  padding: 20px;
  width: calc(100% / 3);
}
.blog .feed.hide{
  display: none;
}
.blog .feed.show{
  animation: animate 0.4s ease;
}
@keyframes animate{
  0%{
    transform: scale(0.5);
  }
  100%{
    transform: scale(1);
  }
}
.blog .feed .span_blg {
  display: flex;
  width: 100%;
  border-radius: 5px 5px 0px 0px;
  overflow: hidden;
}
.blog .feed .blg-img {
  width: 100%;
  vertical-align: middle;
  transition: all 0.3s ease;
}

.blog .feed:hover .blg-img {
  transform: scale(1.1);
  border-radius: 5px;
}

.feed {
  background: #fff;
  height: 550px;
  box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
  border-radius: 4.7619px;
  cursor: pointer;
}

.blog-title {
  font-size: 1.25rem;
  text-align: center;
  padding: 50px 25px;
  line-height: 26px;
}


@media (max-width: 1024px) {
  .blog .blog-card {
    width: calc(100% / 3);
  }
  .blg-img{
    width: 358px;
    height: 275px;
  }
  .blog-list .blog-items .news {
    padding: 7px 24px;

}

.feed {
  background: #fff;
  height: 450px;
  box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
  border-radius: 4.7619px;
}

.blog-title {
  font-size: 1.125rem;
  text-align: center;
  padding: 50px 25px;
  line-height: 26px;
}

}
@media (max-width: 820px) {
  .wrapper-blog {
    margin: 10px auto;
    
  }
  .blog .blog-card {
    width: calc(100% / 2);
  }
  .blg-img{
    width: 368px;
    height: 275px;
  }
  .blog-list .blog-items .news {
    padding: 7px 10px;
}
.feed {
  background: #fff;
  height: 450px;
  box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
  border-radius: 4.7619px;
}

.blog-title {
  font-size: 1.125rem;
  text-align: center;
  padding: 50px 25px;
  line-height: 26px;
}
}
@media (max-width: 742px) {
  .wrapper-blog {
    margin: 10px auto;
    
  }
  .blog-list .blog-items{
    max-width: 668px; 
  }
  .blog .blog-card {
    width: calc(100% / 2);
  }
  .blg-img{
    width: 368px;
    height: 300px;
  }
  .blog-list .blog-items .news {
    padding: 7px 2px;
}
.feed {
  background: #fff;
  height: 470px;
  box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
  border-radius: 4.7619px;
}

.blog-title {
  font-size: 1.125rem;
  text-align: center;
  padding: 50px 25px;
  line-height: 26px;
}
}
@media (max-width: 710px) {
  .wrapper-blog {
    margin: 10px auto;
    
  }
  .blog .blog-items{
  flex-wrap: wrap;
  justify-content: center;
  }
  .blog .blog-card{
    width: calc(100% / 2);
  }
  .blg-img{
    width: 368px;
    height: 265px;
  }
  .blog-list .blog-items .news {
  margin: 5px;
}
.feed {
  background: #fff;
  height: 440px;
  box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
  border-radius: 4.7619px;
}

.blog-title {
  font-size: 1.125rem;
  text-align: center;
  padding: 50px 25px;
  line-height: 26px;
}
}
@media (max-width: 535px) {
  .wrapper-blog {
    margin: 10px auto;
    
  }
  .blog-list .blog-items{
  flex-wrap: wrap;
  justify-content: center;
  }
  .blog .blog-card {
    width: calc(100%);
  }
  .blg-img{
    width: 368px;
    height: 365px;
  }
  .blog-list .blog-items .news {
  margin: 5px;
}
.feed {
  background: #fff;
  height: 520px;
  box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
  border-radius: 4.7619px;
}

.blog-title {
  font-size: 1.125rem;
  text-align: center;
  padding: 50px 25px;
  line-height: 26px;
}
}
@media (max-width: 425px) {
  .wrapper-blog {
    margin: 10px auto;
    
  }
  .blog-list .blog-items{
  flex-wrap: wrap;
  justify-content: center;
  }
  .blog .blog-card {
    width: calc(100%);
  }
  .blg-img{
    width: 368px;
    height: 315px;
  }
  .blog-list .blog-items .news {
  margin: 5px;
}
.feed {
  background: #fff;
  height: 480px;
  box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
  border-radius: 4.7619px;
}

.blog-title {
  font-size: 1.125rem;
  text-align: center;
  padding: 50px 25px;
  line-height: 26px;
}
}
@media (max-width: 375px) {
  .wrapper-blog {
    margin: 10px auto;
  }
  .blog-list .blog-items{
  flex-wrap: wrap;
  justify-content: center;
  }
  .blog .blog-card {
    width: calc(100%);
  }
  .blg-img{
    width: 368px;
    height: 285px;
  }
  .blog-list .blog-items .news {
  margin: 5px;
}
.feed {
  background: #fff;
  height: 455px;
  box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
  border-radius: 4.7619px;
}

.blog-title {
  font-size: 1.125rem;
  text-align: center;
  padding: 50px 25px;
  line-height: 26px;
}
}
@media (max-width: 320px) {
  .wrapper-blog {
    margin: 10px auto;
    
  }
  .blog-list .blog-items{
  flex-wrap: wrap;
  justify-content: center;
  }
  .blog .blog-card {
    width: calc(100%);
  }
  .blg-img{
    width: 368px;
    height: 240px;
  }
  .blog-list .blog-items .news {
  margin: 5px;
}
.feed {
  background: #fff;
  height: 455px;
  box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
  border-radius: 4.7619px;
}

.blog-title {
  font-size: 1.125rem;
  text-align: center;
  padding: 50px 25px;
  line-height: 26px;
}
}


/*JOIN US*/
.join-section {
    padding-top: 6.3125rem;
    padding-bottom: 200px;
}

.jon-primary {
  text-align: center;
  padding-bottom: 70px;
}
.jon-secondary{
  text-align: center;
}
.jon-sub-secondary{
  padding-top: 30px;
  padding-bottom: 40px;
  max-width: 515px;
  margin: auto;
  line-height: 26px;
}

.sub-info-jon {
  padding-bottom: 20px;
  max-width: 515px;
  line-height: 26px;
}
.sub-info-jon1 {
  max-width: 515px;
  line-height: 34px;
  /* text-align: left; */
}
.sub-prim-header {
  padding-bottom: 20px;
}

.jon_sub_header_1983 {
  line-height: 24px;
  padding-top: 30px;

}
.jon_sub_header2_1983 {
  line-height: 24px;
  padding-top: 30px;
}
.join_header_1983 {
  font-weight: 600;
  line-height: 36px;
}

.jon_wrapper {
  border-radius: 5px;
  padding: 57px 64px;
  
}

.jon_wrapper2 {
  border-radius: 5px;
  padding: 57px 50px;
}


/*Subscribe*/
/* .padding-block-3000{
  padding: 144px 311px 144px 312px;
} */
.subcribe-wrapper{
  background-color: #F5F4F4;
  border-radius: 5px;
  padding: 102px 0px;
}

.subcribe_ob_1983 {
  font-weight: 600;
  text-align: center;
  font-size: 2rem;
  line-height: 44px;
  max-width: 941px;
  margin-inline: auto;
  color: #2E384C;
  padding-bottom: 60px;

}


.form-wrapper-donate {
  max-width: 541px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}


.input-field {
  width: 70%;
} 

.cta-sub-btn {
  padding: 1rem 2.09375rem !important;
}


.cta-subscribe-btn {
  width: 138px;
}

.mc-field-group input {
  padding: 1rem 1.25rem !important;
  width: 50%;
}

.mc-field-group {
  width: 100% !important;
}

.helper_text {
  color: #1B1B1F !important;
  background-color: rgba(245, 244, 244, 1) !important;

}
#mc_embed_signup div.response {
  width: 100% !important;
}

@media screen and (max-width: 38.5em) {

  .subcribe-wrapper{
    padding: 50px 0px;
  }
  .form-wrapper-donate {
    gap: 10px;
  }

  .input-field {
    width: 100%;
  } 
  
}
/*Contact page*/

.con_prim_header {
  padding-bottom: 40px;
}

.con_sub_hearder {
  padding-bottom: 20px;
}

.con_card {
  padding-bottom: 20px;
}

.form_container {
  max-width: 625px;
  height: 621px;
  background: hsla(0, 0%, 95%, 1);
  padding: 70px 50px 70px 50px;
  border-radius: 5px;
}

.form_container form .form-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

form .form-details .form-card {
  width: calc(100% / 2 - 20px);
  margin-bottom: 20px;
}

.form-details .form-card input {
  width: 235px;
  height: 68.44px;
  color: rgba(69, 126, 130, 0.54);
  background: #FFFFFF;
  border-radius: 10px;
  border: none;
  padding: 21px 21px 20.13px 21px;
  text-align: left;
  outline: none;
  transition: .3s;
}
.form-details .form-card input:hover {
  background-color: #fff;
  border: 2px solid hsla(184, 31%, 39%, 0.54);
}
.form-details .form-card input:focus {
  background-color: #fff;
  border: 2px solid hsla(184, 31%, 39%, 0.54);

}
.form-details .form-card1 textarea {
  width: 525px;
  height: 210.36px;
  color: rgba(69, 126, 130, 0.54);
  background: #FFFFFF;
  border-radius: 10px;
  border: none;
  padding: 21px 21px 20.13px 21px;
  text-align: left;
  outline: none;
  transition: .3s;
}
.form-details .form-card1 textarea:hover {
  background-color: #fff;
  border: 2px solid hsla(184, 31%, 39%, 0.54);
}
.form-details .form-card1 textarea:focus {
  background-color: #fff;
  border: 2px solid hsla(184, 31%, 39%, 0.54);
}

.btn-social {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 21px 0px;
  gap: 186px;
}
.social_links_form{
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 25px;
  height: 25px;
}
.social_links_form a{
  color: #457E82;

}

::placeholder {
  color: rgba(27, 27, 31, 0.58);
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 25px;
}

.cta-contact-btn {
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1em 2.4375em;
  gap: 20px;
  border: 1px solid var(--clr-primary-300);
  background-color: var(--clr-primary-100);
  color: var(--clr-primary-300);
}

.cta-contact-btn:hover,
.cta-contact-btn:focus-visible {
  color: var(--clr-primary-100);
  background-color: var(--clr-primary-300);
}


/*Donate CTA*/

.cta-donate-wrapper {
  padding: 83.5px 100px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background: url(/images/cta-donate-bg.svg) no-repeat 50%;
  background-size: cover;
  border-radius: 5px;
}
.cta-donate-text {
  max-width: 489px;
  line-height: 44px;
  padding-bottom: 46px;

}


@media screen and (max-width: 1024px) {
  .cta-donate-wrapper {
    grid-template-columns: 1fr;
    background-position: 55%;

  }

  .cta-donate-text{
    font-weight: var(--fw-bold);
    font-size: 1.775rem;
    text-align: center;
    padding-bottom: 40px;
    margin-inline: auto;
  }

  .cta_donate_1983 {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .image_content {
    display: none;
  }
}

@media screen and (max-width: 428px) {
  .cta-donate-wrapper {
    padding: 80px 37px;
  }
  .cta-donate-text{
    font-size: 1.525rem;
    line-height: 34px;
  }
}


@media screen and (max-width: 320px) {
  .cta-donate-wrapper {
    padding: 60px 27px;
  }

}


/*Programs*/
.program-section {
  min-height: 93vh;
  padding-top: 170px;
  padding-bottom: 120px;
  position: relative !important;

}

.shape--green-one-prog {
  background-image: url(images/programs-element/sqaure-circles-one.svg);
  background-repeat: no-repeat;
}
.shape-one-prog {
  width: 100px;
  height: 103px;
  transform: rotate(360deg);
}
.position__top-right--outer-one-prog {
  top: 60% !important;
  left: 0;

}

.sub-info-prog {
  position: relative !important;
}

.shape--green-two-prog {
  background-image: url(images/programs-element/triangle-shape-two.svg);
  background-repeat: no-repeat;
}
.shape-two-prog {
  width: 100px;
  height: 103px;
  transform: rotate(180deg);
}
.position__top-right--outer-two-prog {
  top: 12% !important;
  right: 0;
}

.shape--green-three-prog {
  background-image: url(images/programs-element/half-circle-two.svg);
  background-repeat: no-repeat;
}
.shape-three-prog {
  width: 100px;
  height: 100px;
  transform: rotate(360deg);
}
.position__top-right--outer-three-prog {
  top: 38% !important;
  left: 0;
}

.shape--green-four-prog {
  background-image: url(images/programs-element/half-circle-three.svg);
  background-repeat: no-repeat;
}
.shape-four-prog {
  width: 100px;
  height: 100px;
  transform: rotate(180deg);
}
.position__top-right--outer-four-prog {
  top: 65% !important;
  right: 0;
}

/* JOIN CONTACT PAGE AND DONATE */

.join-section  {
  position: relative !important;
}
.contact-section {
  position: relative !important;
}
.donate-section-pg {
  position: relative !important;
}

.shape--green-glob {
  background-image: url(images/programs-element/half-circle-two.svg);
  background-repeat: no-repeat;
}
.shape-glob {
  width: 100px;
  height: 100px;
  transform: rotate(360deg);
}
.position__top-right--outer-glob {
  top: 40% !important;
  left: 0;
}

.shape--green-glob-onee {
  background-image: url(images/programs-element/triangle-shape-two.svg);
  background-repeat: no-repeat;
}
.shape-glob-onee {
  width: 100px;
  height: 100px;
  transform: rotate(180deg);
}
.position__top-right--outer-glob-onee {
  top: 86% !important;
  right: 0;
}

.shape--green-glob-one {
  background-image: url(images/programs-element/triangle-shape-two.svg);
  background-repeat: no-repeat;
}
.shape-glob-one {
  width: 100px;
  height: 100px;
  transform: rotate(180deg);
}
.position__top-right--outer-glob-one {
  top: 106% !important;
  right: 0;
}

@media screen and (max-width:77em) {
  .shape--green-two-prog,
  .shape--green-four-prog,
  .shape--green-three-prog,
  .shape--green-one-prog, 
  .shape--green-glob,
  .shape--green-glob-one,
  .shape--green-glob-onee {
    display: none;
  }

}

.prog_header_1983 {
  max-width: 894px;
  width: 100%;
  text-align: center;
  margin: auto;
  padding-bottom: 77px;
}

.prog_card {
  margin-inline: auto;
}
.prog_sub_head_1983 {
  padding-bottom: 20px;
}
.prog_list {
  padding-left: 50px;
  list-style-type: disc  !important;
}
.prog_list_sub {
  padding-bottom: 10px;
}

.partner_1983 {
  text-align: center;
  padding-bottom: 50px;
}

.wrapper-prog {
  display: flex;
  gap: 82px;
  margin-bottom: 100px;

}
.img_proj_dev_1983 {
  width: 495px;
}
.proj_dev_1983 {
  max-width: 568px;
}
.prog_sub_p {
  padding-bottom: 20px;
}

.image_rad2 {
  width: 495px;
  height: 312px;
  object-fit: cover;
  object-position: center center;
  border-radius: 5px;
}

.partners-section{
  background-color: #F7FEF8;
  padding: 100px 0px;
}
.parfil {
  display: grid;
  gap: 1rem;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  align-items: center;
}

@media screen and (max-width: 40em) {
  .parfil {
    grid-template-rows: 1fr 1fr;
    align-items: center;
    justify-items: center;
  }
}


/*ABOUT US*/



@media screen and (max-width: 1024px) {

  .image_rad {
    width: 560px;
    height: 419px;
  }

  .prog_header_1983 {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 33px;
    padding-bottom: 77px;
  }
  .prog_list {
    padding-left: 0px;
  }
  .prog_sub_head_1983 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 26px;
  }

 
  .we_do_about_1983 {
    padding-bottom: 40px;
    line-height: 26px;
  }
  
  .we_do_list {
    padding-bottom: 0px;
    line-height: 26px;
  }
  
  .val_about_1983 {
    padding-bottom: 50px;
  }
  .sub_val_about_1983 {
    padding-bottom: 20px;
  }
  .val_list {
    padding-bottom: 20px;
    padding-left: 0px;
  }

  .line_mob{
    border: 1px solid #8BB0B1;
    width: 100%;
    height: 0px;
    margin: auto;
  }

  .impact_img {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
  }
  .impact_header{
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 30px;
  }
  .impact_sub {
    font-weight: 400;
    font-size: 1.1875rem;
    line-height: 26px;
  }
  .even-columns4 {
    display: grid;
    column-gap: 2.6875rem;
    row-gap: 6.375rem;
    grid-template-columns: repeat(3, 1fr);
  }
  
  .team_header {
    text-align: center;
    padding-bottom: 110px;
  }
  .tm-wrapper{
    text-align: center;
  }
  
  .team-container {
    background: #FFFFFF;
    box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
    border-radius: 4.7619px;
    padding-bottom: 40px;
  }
  .team_img {
    padding-bottom: 40px;
  }
  .team_name_header {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 28px;
    padding-bottom: 10px;
    text-align: center;
  }
  .team_role {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 27px;
    padding-bottom: 20px;
    text-align: center;
  }
  
  .social_links_team{
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
  }
  .social_links_team a{
    color: var(--clr-accent-400);
  }
  
  
}
@media screen and (max-width: 768px) {
  .image_rad {
    width: 640px;
    height: 419px;
  }

  .padding-block-900{
    padding-top: 82px;
    padding-bottom: 82px;
  }
  .prog_header_1983 {
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 33px;
    padding-bottom: 40px;
  }
  .prog_list {
    padding-left: 0px;
  }
  .prog_sub_head_1983 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 20px;
    text-align: center;
  }
  .wrapper-prog {
    display: flex;
    flex-direction: column;  
    gap: 0;
  }
  .cta-act-btn {
    margin: auto;
  }

  .img_proj_dev_1983 {
    width: 400px;
    margin: auto;
  }
  .proj_dev_1983 {
    margin: auto;
    text-align: center;
  }


  .wrapper-prog:nth-of-type(2) {
    flex-direction: column-reverse; 
  }
  .wrapper-prog:nth-of-type(4) {
    flex-direction: column-reverse; 
  }


  .we_do_about_1983 {
    padding-bottom: 40px;
    line-height: 26px;
  }
  
  .we_do_list {
    padding-bottom: 0px;
    line-height: 26px;
    margin-inline: auto;
  }
  
  .val_about_1983 {
    padding-bottom: 50px;
    
  }
  .sub_val_about_1983 {
    padding-bottom: 20px;
    text-align: center;
    margin-inline: auto;
  }
  .val_list {
    padding-bottom: 20px;
    padding-left: 0px;
    margin-inline: auto;
  }
  .even-columns3 {
    display: grid;
    row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .padding-block-team {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .even-columns4 {
    display: grid;
    column-gap: 2.6875rem;
    row-gap: 3.375rem;
    grid-template-columns: repeat(2, 1fr);
  }
  
  .team_header {
    text-align: center;
    padding-bottom: 110px;
  }
  .tm-wrapper{
    text-align: center;
  }
  
  .team-container {
    background: #FFFFFF;
    box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
    border-radius: 4.7619px;
    padding-bottom: 40px;
  }
  .team_img {
    padding-bottom: 40px;
  }
  .team_name_header {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 28px;
    padding-bottom: 10px;
    text-align: center;
  }
  .team_role {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 27px;
    padding-bottom: 20px;
    text-align: center;
  }
  
  .social_links_team{
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
  }
  .social_links_team a{
    color: var(--clr-accent-400);
  }
  
  

}
@media screen and (max-width: 428px) {
  .image_rad {
    width: 340px;
    height: 219px;
  }

  
  .prog_header_1983 {
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 33px;
    padding-bottom: 40px;
  }
  .prog_list {
    padding-left: 0px;
  }
  .prog_sub_head_1983 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 20px;
    text-align: center;
  }
  .wrapper-prog {
    display: flex;
    flex-direction: column;  
    gap: 10px;
  }

  .img_proj_dev_1983 {
    width: 330px;
    margin: auto;
}
  .proj_dev_1983 {
    text-align: center;
  }
  .cta-act-btn {
    margin: auto;
  }
  .img_proj_dev_1983 {
    width: 330px;
    margin: auto;
}
  .proj_dev_1983 {
    text-align: center;
  }
  .cta-act-btn {
    margin: auto;
  }

  .wrapper-prog:nth-of-type(2) {
    flex-direction: column-reverse; 
  }
  .wrapper-prog:nth-of-type(4) {
    flex-direction: column-reverse; 
  }
  
  .we_do_about_1983 {
    padding-bottom: 40px;
    line-height: 26px;
    margin: auto;
  }
  
  .we_do_list {
    padding-bottom: 0px;
    line-height: 26px;
    margin-inline: auto;
    padding: 0px 0px;
  }
  
  .val_about_1983 {
    padding-bottom: 50px;
    
  }
  .sub_val_about_1983 {
    padding-bottom: 20px;
    text-align: center;
    margin-inline: auto;
  }
  .val_list {
    padding-bottom: 20px;
    margin-inline: auto;
    
  }
  .even-columns3 {
    display: grid;
    row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .even-columns4 {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
    row-gap: 3.75rem;
  
}
}
@media screen and (max-width: 425px) {
  .image_rad {
    width: 340px;
    height: 219px;
  }

  .prog_header_1983 {
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 33px;
    padding-bottom: 40px;
  }
  .prog_list {
    padding-left: 0px;
  }
  .prog_sub_head_1983 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 20px;
    text-align: center;
  }
  .wrapper-prog {
    display: flex;
    flex-direction: column;  
    gap: 10px;
  }


  .cta-act-btn {
    margin: auto;
  }
  .img_proj_dev_1983 {
    width: 330px;
    margin: auto;
}
  .proj_dev_1983 {
    text-align: center;
  }
  .cta-act-btn {
    margin: auto;
  }

  .wrapper-prog:nth-of-type(2) {
    flex-direction: column-reverse; 
  }
  .wrapper-prog:nth-of-type(4) {
    flex-direction: column-reverse; 
  }
  
  .we_do_about_1983 {
    padding-bottom: 40px;
    line-height: 26px;
    margin: auto;
  }
  
  .we_do_list {
    padding-bottom: 0px;
    line-height: 26px;
    margin-inline: auto;
    padding: 0px 0px;
  }
  
  .val_about_1983 {
    padding-bottom: 50px;
    
  }
  .sub_val_about_1983 {
    padding-bottom: 20px;
    text-align: center;
    margin-inline: auto;
  }
  .val_list {
    padding-bottom: 20px;
    margin-inline: auto;
    
  }
  .even-columns3 {
    display: grid;
    row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .even-columns4 {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
    row-gap: 3.75rem;
  
}
}
@media screen and (max-width: 390px) {
  .image_rad {
    width: 340px;
    height: 219px;
  }

  .prog_header_1983 {
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 33px;
    padding-bottom: 40px;
  }
  .prog_list {
    padding-left: 0px;
  }
  .prog_sub_head_1983 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 20px;
    text-align: center;
  }
  .wrapper-prog {
    display: flex;
    flex-direction: column;  
    gap: 10px;
  }

  .img_proj_dev_1983 {
    width: 330px;
    margin: auto;
}
  .proj_dev_1983 {
    text-align: center;
  }
  .cta-act-btn {
    margin: auto;
  }

  .wrapper-prog:nth-of-type(2) {
    flex-direction: column-reverse; 
  }
  .wrapper-prog:nth-of-type(4) {
    flex-direction: column-reverse; 
  }


  .we_do_about_1983 {
    padding-bottom: 40px;
    line-height: 26px;
    margin: auto;
  }
  
  .we_do_list {
    padding-bottom: 0px;
    line-height: 26px;
    margin-inline: auto;
    padding: 0px 0px;
  }
  
  .val_about_1983 {
    padding-bottom: 50px;
    
  }
  .sub_val_about_1983 {
    padding-bottom: 20px;
    text-align: center;
    margin-inline: auto;
  }
  .val_list {
    padding-bottom: 20px;
    margin-inline: auto;
    
  }
  .even-columns3 {
    display: grid;
    row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .even-columns4 {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
    row-gap: 3.75rem;

  }
  
}
@media screen and (max-width: 375px) {
  .image_rad {
    width: 340px;
    height: 219px;
  }

  .prog_header_1983 {
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 33px;
    padding-bottom: 40px;
  }
  .prog_list {
    padding-left: 0px;
  }
  .prog_sub_head_1983 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 20px;
    text-align: center;
  }
  .wrapper-prog {
    display: flex;
    flex-direction: column;  
    gap: 10px;
  }

  .img_proj_dev_1983 {
    width: 300px;
    margin: auto;
}
  .proj_dev_1983 {
    text-align: center;
  }
  .cta-act-btn {
    margin: auto;
  }

  .wrapper-prog:nth-of-type(2) {
    flex-direction: column-reverse; 
  }
  .wrapper-prog:nth-of-type(4) {
    flex-direction: column-reverse; 
  }

  .we_do_about_1983 {
    padding-bottom: 40px;
    line-height: 26px;
    margin: auto;
  }
  
  .we_do_list {
    padding-bottom: 0px;
    line-height: 26px;
    margin-inline: auto;
    padding: 0px 0px;
  }
  
  .val_about_1983 {
    padding-bottom: 50px;
    
  }
  .sub_val_about_1983 {
    padding-bottom: 20px;
    text-align: center;
    margin-inline: auto;
  }
  .val_list {
    padding-bottom: 20px;
    margin-inline: auto;
    
  }
  .even-columns3 {
    display: grid;
    row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .even-columns4 {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
    row-gap: 3.75rem;
  }
  
  .program_sub_header_1983{
    margin: auto;
  }
  .program_para_1983 {
    margin: auto;
  }
}

/* DONATE PAGE START */


.donate-section-pg {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.don-sub-info {
  max-width: 463px;
}

.don-title {
  padding-bottom: 40px;
  line-height: 22px;
}

.don-sub-info {
  padding-bottom: 20px;
}

.don-info-title {
  padding-bottom: 33px;
  text-align: center;
  max-width: 568px;
}
.don-info-sub {
  padding-bottom: 20px;
}

.donate-form-wrapper {
  max-width: 419px;
  padding: 38px 42px ;
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0px 5px 12px 4px rgba(0, 0, 0, 0.04);
  border-radius: 5px; 
}

.form-header {
  padding-bottom: 25px;
  font-size: 1.125rem;
}
.monthly-subscription {
  padding-bottom: 25px;
}
.donate-body {
  padding: 20px 21px;
  box-sizing: border-box;
  max-width: 335px;
  border: 1px solid #457E82;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.flex {
  display: flex!important;
  gap: 10px;
}
.justify-center {
  justify-content: center!important;
}
.items-center {
  align-items: center!important;
}

.button {
  height: 48px;
  line-height: 48px;
  background-color: #457E82;
  border-radius: 5px;
  border: 0;
  font-size: 1rem;
  padding: 0 20px;
  font-weight: 700;
  display: inline-block;
  color: #fff;
  text-decoration: none;
}
.button:hover {
  background-color: #305A5B;
}
.input-field-container {
padding-bottom: 20px;
position: relative;
width: calc((200% - 14px)/3);
}

.preinput {
  transform: translateY(-50%);
  line-height: 1rem;
  color: #c1c1ba;
  padding: 0 10px;
  left: 0;
}

.postinput {
  line-height: 1rem;
  color: #c1c1ba;
  padding: 0 10px;
  right: 0;
}

.preinput,
.postinput {
  position: absolute;
  top: 50%;
  z-index: 2;
}

/* .uppercase {
  text-transform: uppercase!important;
} */

.w-full {
  width: 100%!important;
}

.button, .button:active, .button:focus {
  outline: none;
}

.don-sub-text {
  padding-bottom: 20px;
}


@media (min-width: 799px) {
  .even-columns {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .even-columnsdon-info {
    width: 50%;
    margin-inline: auto;
  }

}

@media screen and (max-width: 799px) {

  
  .donate-section-pg {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .don-side-one {
    text-align: center;
  }

  .donate-info-section {
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
  }
  .don-title {
    padding-bottom: 1.556rem;
  }
  .don-sub-info {
    text-align: center;
    margin-inline: auto;
  }
  .donate-form-wrapper {
    margin-inline: auto;
  }
}  

/* DONATE PAGE END */

/*FOOTER DESKTOP*/

.even-columns2{
  display: grid;
  grid-template-columns: 415px 62px 64px 320px;
  justify-content: space-between;
  
}
.footer-section {
  padding-top: 130px;
  padding-bottom: 30px;
}
.foot_cont{
  padding-bottom: 70px;
}
.foot_cont-1{
  padding-bottom: 50px;
}
.foot_cont-11{
  padding-bottom: 50px;
}
.foot_cont-11 {
  max-width: 62px;

}
.foot_cont-12{
  padding-bottom: 50px;
}
.foot_cont-12 {
  max-width: 68px;
}
.foot_cont-13 {
  max-width: 320px;
}
.foot_cont-13{
  padding-bottom: 50px;
}


@media screen and (min-width: 961px) {
  .foot_cont-11 {
    width: 62px;
    height: 106px;
    justify-self: right;
  
  }
  .foot_cont-12 {
    width: 68px;
    height: 164px;
    justify-self: center;
  
  }
}

.footer_logo {
  padding-bottom: 1.7625rem;
}

.footer_bio {
  font-weight: 400;
  font-size: 1rem;
  line-height: 22px;
  max-width: 415px ;
  height: 91px;
}

.footer_header {
  font-size: 1.125rem;
  font-style: normal;
  line-height: 25px;
  padding-bottom: 20px;
}

.nav-footer-list {
  font-size: var(--fs-nav);
}

.nav-footer-list-sub {
  padding-bottom: 20px;
  line-height: 22px;
  font-size: 1rem;
  width: 320px;
}

.nav-footer-list {
  font-weight: var(--fw-regular);
  line-height: 22px;
}

.nav-footer-list a {
  text-decoration: none;
  color: var(--clr-accent-100);
}
.nav-footer-list a:hover,
.nav-footer-list a:focus {
  text-decoration: none;
  color: var(--clr-primary-300);
}

.contact-footer-txt {
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  color: #FFFFFF;
}

.social_links{
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.social_links a{
  color: #fff;
  width: 25px;
  height: 25px;
}
.fs-secondary-heading-copy {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 19px;
}

.footer-copy {
  text-align: center;
}



@media screen and (max-width: 75em) {
  .wel_mobile-about_1983 {
    display: flex;
    flex-direction: column-reverse;
  }
.welcom_abio_mobile {
  margin-top: 40px;
}
.welcome_about_1983 {
  text-align: center;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 26px;
  padding-bottom: 20px;
  margin-bottom: 0px;
}

.welcome_about_sub_1983 {
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  line-height: 26px;
}

.welcome_about_sub_1983{
  max-width: 723px;
}
  
}

  /*Mobile 906 -100 */
  @media screen and (max-width: 60em) {
    .primary-header[data-overlay] {
      position: relative;
      z-index: 999;
    }

    .primary-navigation {
      display: none;

      position: fixed;
      padding: var(--size-700);
      inset: 7rem var(--size-400) auto;
      max-width: 25rem;
      margin-inline: auto;
      background: var(--clr-primary-100);
      border-radius: var(--size-100);
      box-shadow: 0 0 0.75em rgb(0, 0, 0, 0.05);
    }

    .primary-header[data-overlay]::before {
      content: '';
      position: fixed;
      inset: 0;
      background-image: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0.8));
    }

    .nav-list {
      display: grid;
      gap: var(--size-500);
      text-align: center;
      font-weight: var(--fw-semi-bold);
    }

    .primary-navigation[data-visible] {
      display: block;
    }

    .donate-cta-btn {
    display: none;
    }
    .logo {
      width: 8.4375rem;
      height: 2.125rem;
    }

    .mobile-nav-toggle {
      display: block;
      position: fixed;
      top: var(--size-600);
      right: var(--size-400);
      cursor: pointer;
      background: transparent ;
      border: 0;
      padding: 0.5em;
      width: 1.857rem;
      aspect-ratio: 1;
      border-radius: 0;

      background-image: url(images/ham/hamburg-open.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }
    

    .hamburg-open,
    .hamburg-close {
      border-radius: 0;
    }
  
    .mobile-nav-toggle[aria-expanded="true"]  {
      background-image: url(images/ham/hamburg-close.svg);
    }



    /* WELCOME SECTION */

    .wel_mobile_1983 {
      display: flex;
      flex-direction: column-reverse;
    }


    .welcome-section {
      padding-top: 40px;
      padding-bottom: 0px;
  }

    .welcome_1983 {
      font-size: 2.1875rem;
      font-weight: 700;
      line-height: 50px;
      margin-top: 40px;
      margin-bottom: 0px;
      text-align: center;
      padding-bottom: 20px;
    }

    .welcome_sub_1983 {
      font-size: 1rem;
      font-weight: 300;
      line-height: 22px;
      padding-top: 0px;
      margin-bottom: 0px;
      text-align: center;
    }

    .cta-btn-bio-primary {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      gap: 20px;
      margin: auto;
    
    }

    .cta-btn-bio {
      font-weight: 600;
      font-size: 1rem;
      line-height: 17px;
    }

    .image_rad {
      border-radius: 5px;
    }
    
    
    .image_resize{
      width: 100%;
      height: 500px;
      object-fit: cover;
      object-position: center center;

    }
  
    .padding-block-9001{
      padding-top: 64px;
      padding-bottom: 64px;
    }
    .uni_section_1983{
    text-align: center; 
    }
  
    .uni_section_1983 {
      font-size: 1.5625rem;
      font-weight: 700;
      line-height: 33px;
      padding-bottom: 10px ;
    }
  
    .uni_sub_section_1983 {
      font-size: 1rem;
      font-weight: 400;
      line-height: 32px;
      padding-top: 10px;
    }
  
    .padding-block-9002 {
    padding: 86px 0;
    }
  
    .bg-section-two-home {
      text-align: center;
    }
  
    .vim_wrapper {
      border-radius: 5px;
      padding: 64px 26px;
      margin-bottom: 15px;
    }
  
    .vim_header_1983 {
      font-weight: 600;
      font-size: 1.25rem;
      line-height: 24px;
    }
  
    .vim_sub_header_1983 {
      font-weight: 300;
      font-size: 1rem;
      line-height: 24px;
      padding-top: 30px;
      max-width: 381px;
      margin-inline: auto;
    }
  
    .vim_wrapper2 {
      border-radius: 5px;
      padding: 56px 24px;
      margin-top: 15px;
    }
    .vim_sub_header2_1983 {
      font-weight: 300;
      font-size: 1rem;
      line-height: 24px;
      padding-top: 30px;
      max-width: 381px;
      margin-inline: auto;
    }
  
    .acivity {
      text-align: center;
    }
    .proj_dev_1983 {
      padding-bottom: 40px;
    }
    
  
    .acivity_header_1983 {
      font-weight: 700;
      font-size: 1.5625rem;
      line-height: 45px;
      margin-bottom: 40px;
    }
  
    .num_activity_1983 {
      display: none;
    }
  
    .acivity_sub_header_1983 {
      font-weight: 700;
      font-size: 1.1875rem;
      line-height: 33px;
      margin-bottom: 20px;
    }
    .program_sub_header_1983 {
      font-weight: 700;
      font-size: 1.1875rem;
      line-height: 33px;
      margin-bottom: 20px;
    }
  
    .activity_para_1983 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 24px;
    }
    .program_para_1983 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 24px;
    }
    

    .test_1983,
    .quot_1983 {
      padding-bottom: 25px;
      font-size: 0.875rem; 
      font-weight: 700;
      text-align: center;
    }

    .sub_test_1983,
    .sub_quot_1983 {
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 30px;
      text-align: center;
    }


    .author_1983 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 20px;
    }

    .author_section_1983 {
      padding-bottom: 30px;
    }

    .sub_author_1983 {
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 24px;
      text-align: center;
    }


    .cta_donate_1983 {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .image_content {
      display: none;
    }

    /*FOOTER*/

    .even-columns2{
      display: grid;
      grid-template-columns:  1fr;
    }

    .footer-section {
      padding-top: 100px;
      padding-bottom: 30px;
    }
    .foot_cont{
      padding-bottom: 70px;
    }
    .foot_cont-1{
      padding-bottom: 50px;
    }
    .footer_logo {
      padding-bottom: 1.7625rem;
    }

  
    .footer_header {
      font-size: 1.125rem;
      font-style: normal;
      line-height: 25px;
      padding-bottom: 20px;
    }

    .nav-footer-list {
      font-size: var(--fs-nav);
    }

    .nav-footer-list-sub {
      padding-bottom: 20px;
    }
  
    .nav-footer-list {
      font-weight: var(--fw-regular);
      line-height: 22px;
    }
  
    .nav-footer-list a {
      text-decoration: none;
      color: var(--clr-accent-100);
    }
    .nav-footer-list a:hover,
    .nav-footer-list a:focus {
      text-decoration: none;
      color: var(--clr-primary-300);
    }

    .contact-footer-txt {
      font-size: 1rem;
      font-weight: 400;
      line-height: 22px;
    }

    .social_links{
      display: flex;
      flex-direction: row;
      gap: 20px;
    }
    .social_links a{
      color: #fff;
      width: 25px;
      height: 25px;
    }


    .fs-secondary-heading-copy {
      font-weight: 600;
      font-size: 0.8125rem;
      line-height: 19px;
    }

    /*About*/


    .abt-section-who {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  
    .we_do_about_1983 {
      font-size: 1.5625rem;
      font-weight: 700;
      line-height: 26px;
      padding-bottom: 40px;
      text-align: center;
    }

    

    .we_do_list {
      font-size: 1rem;
      font-weight: 400;
      line-height: 26px;
      padding-bottom: 0px;
    }

    .val_about_1983 {
      font-size: 1.5625rem;
      font-weight: 700;
      line-height: 26px;
      padding-bottom: 40px;
      text-align: center;
    }
    .sub_val_about_1983 {
      font-size: 1rem;
      font-weight: 400;
      line-height: 26px;
      text-align: center;
      padding-bottom: 30px;
    }

    .val_list {
      font-size: 1rem;
      font-weight: 400;
      line-height: 26px;
      padding-bottom: 30px;
    }

    .impact_about_1983 {
      font-size: 1.5625rem;
      font-weight: 700;
      line-height: 26px;
      padding-bottom: 40px;
      text-align: center;
    }

    .line_mob{
      border: 1px solid #8BB0B1;
      width: 100%;
      height: 0px;
      margin: auto;
    }

    .impact_img {
      display: flex;
      justify-content: center;
      padding-bottom: 20px;
    }
    .impact_header{
      font-size: 1.5625rem;
      font-weight: 700;
      line-height: 26px;
      padding-bottom: 30px;
    }
    .impact_sub {
      font-weight: 400;
      font-size: 1.1875rem;
      line-height: 26px;
    }

    /*Sub Info card*/
    .subinfocard {
      padding-bottom: 40px;
    }

    .subinfocard_header {
      font-weight: 700;
      font-size: 1.125rem;
      text-align: center;
      line-height: 26px;
      padding-bottom: 20px;
    }
    .subinfocard_sub {
      font-weight: 400;
      font-size: 1rem;
      line-height: 26px;
      text-align: center;
    }

    /*TEAM*/

    .padding-block-team {
      padding-top: 80px;
    }

    .team_header {
      font-size: 1.5625rem;
      font-weight: 700;
      line-height: 26px;
      padding-bottom: 60px;
      text-align: center;
    }
    .tm-wrapper{
      text-align: center;
    }
    .team-card {
      padding-bottom: 0px;
    }
    .team-container{
      background: #FFFFFF;
      box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
      border-radius: 4.7619px;
      padding-bottom: 40px;
    }
    .team_img {
      padding-bottom: 40px;
    }
    .team_name_header {
      font-weight: 600;
      font-size: 1.125rem;
      line-height: 27px;
      padding-bottom: 20px;
    }
    .team_role {
      font-weight: 400;
      font-size: 1.125rem;
      line-height: 27px;
      padding-bottom: 20px;
    }

    .social_links_team{
      display: flex;
      flex-direction: row;
      gap: 20px;
      justify-content: center;
    }
    .social_links_team a{
      color: var(--clr-accent-400);
    }

    /*Programs Section*/
    .program-section {
      padding-top: 40px;
      padding-bottom: 40px;
  }

    .prog_card{
      padding-bottom: 40px;
    }

    .prog_list_sub {
      padding-bottom: 10px;
    }
    .prog_sub_p {
      padding-bottom: 20px;
    }

    /*Partners*/

    .partner_1983 {
      font-size: 1.5625rem;
      font-weight: 700;
      line-height: 26px;
      padding-bottom: 40px;
      text-align: center;
    }

    /*Gallery*/
    .gallery_1983 {
      font-weight: 700;
      font-size: 1.5625rem;
      line-height: 33px;
      padding-bottom: 40px;
      text-align: center;
    }


    .blog_1983 {
      text-align: center;
      font-weight: 700;
      font-size: 1.5625rem;
      line-height: 33px;
    }

    /*JOIN US*/

  
  .jon-primary {
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 33px;
    text-align: center;
    padding-bottom: 70px;
  }

  .jon-sub-secondary{
    padding-top: 10px;
    padding-bottom: 30px;
    margin: auto;
    line-height: 26px;
  }
  
  .sub-info-jon {
    padding-bottom: 10px;
    line-height: 26px;
  }
  .sub-prim-header {
    font-size: 1.125rem;
    padding-bottom: 10px;
  }
  

    .join_header_1983 {
      font-weight: 600;
      font-size: 1.25rem;
      line-height: 24px;
    }

    .jon_wrapper {
      border-radius: 5px;
      padding: 64px 26px;
      margin-bottom: 15px;
    }
    .jon_wrapper2 {
      border-radius: 5px;
      padding: 56px 24px;
      margin-top: 15px;
    }

    .jon_sub_header_1983 {
      font-weight: 300;
      font-size: 1rem;
      line-height: 24px;
      padding-top: 30px;
      max-width: 33ch;
      margin-inline: auto;
    }
  
    .jon_sub_header2_1983 {
      font-weight: 300;
      font-size: 1rem;
      line-height: 24px;
      padding-top: 30px;
      max-width: 32ch;
      margin-inline: auto;
    }


    .subcribe_1983 {
      text-align: center;
    } 
    .subcribe_ob_1983 {
      line-height: 34px;
      font-size: 1.125rem;
    } 

    
  
    .cta-sub-btn {
      padding: 1em 1.575em;
      border: 1px solid var(--clr-primary-300);
      background-color: var(--clr-primary-100);
      color: rgba(27, 27, 31, 0.58);
    }


    /*CONTACT PAGE*/

  .con_prim_header {
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 33px;
    padding-bottom: 40px;
  }

  .con_sub_hearder {
    padding-bottom: 20px;
  }

  .con_card {
    padding-bottom: 20px;
  }


  .con_prim_header {
    padding-bottom: 40px;
  }
  
  .con_sub_hearder {
    padding-bottom: 20px;
  }
  
  .con_card {
    padding-bottom: 20px;
  }
  
  .con_page_section {
    padding-bottom: 40px;
  }
  .form_container {
    margin-inline: auto;
    max-width: 325px;
    height: 721px;
    background: hsla(0, 0%, 95%, 1);
    padding: 70px 50px 70px 50px;
    border-radius: 5px;
  }

  .form_container form .form-details {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  
  form .form-details .form-card {
    width: calc(100% / 2 - 20px);
    margin-bottom: 20px;
  }
  
  .form-details .form-card input {
    width: 235px;
    height: 68.44px;
    color: rgba(69, 126, 130, 0.54);
    background: #FFFFFF;
    border-radius: 10px;
    border: none;
    padding: 21px 21px 20.13px 21px;
    text-align: left;
    outline: none;
    transition: .3s;
  }

  .form-details .form-card1 textarea {
    width: 235px;
    height: 110.36px;
    color: rgba(69, 126, 130, 0.54);
    background: #FFFFFF;
    border-radius: 10px;
    border: none;
    padding: 21px 21px 20.13px 21px;
    text-align: left;
    outline: none;
    transition: .3s;
  }
  .form-details .form-card1 textarea:hover {
    background-color: #fff;
    border: 2px solid hsla(184, 31%, 39%, 0.54);
  }
  .form-details .form-card1 textarea:focus {
    background-color: #fff;
    border: 2px solid hsla(184, 31%, 39%, 0.54);
  }

  .btn-social {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 21px 0px;
    gap: 186px;
  }
  .social_links_form{
    display: none;    
  }
  .social_links_form a{
    color: #457E82;
  
  }
  
  ::placeholder {
    color: rgba(27, 27, 31, 0.58);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 25px;
  }
  
  .cta-contact-btn {
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1em 2.4375em;
    gap: 20px;
    border: 1px solid var(--clr-primary-300);
    background-color: var(--clr-primary-100);
    color: var(--clr-primary-300);
  }
  
  .cta-contact-btn:hover,
  .cta-contact-btn:focus-visible {
    color: var(--clr-primary-100);
    background-color: var(--clr-primary-300);
  }

  }



@media (min-width: 641px) {
  .image_slider_198 {
    display: none;
  }
}
@media (max-width: 25em) {
  .welcome_sub_1983 {
  margin-bottom: 10px;  
}
}

@media (max-width: 640px) {
  .image_slider_1983 {
    display: none;
  }
}


  @media (max-width: 50em) {

    .welcom_bio_mobile {
    text-align: center;

  }
  .welcome_1983 {
    font-size: 1.8875rem;
    font-weight: 700;
    line-height: 50px;
    margin-inline: auto;
    padding-bottom: 0px;
  }

  .welcome_sub_1983 {
    font-size: 1rem;
    font-weight: 300;
    line-height: 22px;
    padding-block: 20px;
    margin-inline: auto;
  }

  .cta-btn-bio-primary {
    margin-inline: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;

  }

  .cta-btn-bio {
    font-weight: 600;
    font-size: 1rem;
    line-height: 17px;
  }


  .img_proj_dev_1983 {
    padding: 0px 5px;
  }
  .image_rad {
    border-radius: 5px;
  }
  .image_resize{
    width: 100%;
    height: 217px;
    object-fit: cover;
    object-position: center center;

  }

  .padding-block-9001{
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .uni_section_1983{
    text-align: center; 
  }

  .uni_section_1983 {
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 33px;
    padding-bottom: 10px ;
  }

  .uni_sub_section_1983 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 32px;
    padding-top: 10px;
  }

  .padding-block-9002 {
    padding: 86px 0;
  }

  .bg-section-two-home {
    text-align: center;
  }

  .vim_wrapper {
    border-radius: 5px;
    padding: 64px 26px;
    margin-bottom: 15px;
  }

  .vim_header_1983 {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 24px;
  }
  .vim_wrapper2 {
    border-radius: 5px;
    padding: 56px 24px;
    margin-top: 15px;
  }

  .vim_sub_header_1983 {
    font-weight: 300;
    font-size: 1rem;
    line-height: 24px;
    padding-top: 30px;
    max-width: 381px;
    margin-inline: auto;
  }

  .vim_sub_header2_1983 {
    font-weight: 300;
    font-size: 1rem;
    line-height: 24px;
    padding-top: 30px;
    max-width: 381px;
    margin-inline: auto;
  }

  .acivity {
    text-align: center;
  }
  .proj_dev_1983 {
    padding-bottom: 40px;
  }

  .acivity_header_1983 {
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 45px;
    margin-bottom: 40px;
  }

  .acivity_sub_header_1983 {
    font-weight: 700;
    font-size: 1.1875rem;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .program_sub_header_1983 {
    font-weight: 700;
    font-size: 1.1875rem;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .program_para_1983 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 26px;
  }

    .sisil,
    .tw_feed {
      padding-bottom: 20px;
      font-size: 1.5625rem;
      font-weight: 700;
      text-align: center;
    }

    .test_1983,
    .quot_1983 {
      padding-bottom: 25px;
      font-size: 0.875rem; 
      font-weight: 700;
      text-align: center;
    }

    .sub_test_1983,
    .sub_quot_1983 {
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 30px;
      text-align: center;
    }

    .author_1983 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 20px;
    }

    .author_section_1983 {
      padding-bottom: 30px;
    }

    .sub_author_1983 {
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 24px;
      text-align: center;
    }

    

    .cta_donate_1983 {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .image_content {
      display: none;
    }

    /*FOOTER*/

    .even-columns2{
      display: grid;
      grid-template-columns:  1fr;
    }

    .footer-section {
      padding-top: 100px;
    }
    .foot_cont{
      padding-bottom: 70px;
    }
    .foot_cont-1{
      padding-bottom: 50px;
    }
    .footer_logo {
      padding-bottom: 1.7625rem;
    }


    .footer_header {
      font-size: 1.125rem;
      font-style: normal;
      line-height: 25px;
      padding-bottom: 20px;
    }

    .nav-footer-list {
      font-size: var(--fs-nav);
    }

    .nav-footer-list-sub {
      padding-bottom: 20px;
    }
  
    .nav-footer-list {
      font-weight: var(--fw-regular);
      line-height: 22px;
    }
  
    .nav-footer-list a {
      text-decoration: none;
      color: var(--clr-accent-100);
    }
    .nav-footer-list a:hover,
    .nav-footer-list a:focus {
      text-decoration: none;
      color: var(--clr-primary-300);
    }

    .contact-footer-txt {
      font-size: 1rem;
      font-weight: 400;
      line-height: 22px;
    }

    .social_links{
      display: flex;
      flex-direction: row;
      gap: 20px;
      width: 25px;
      height: 25px;
    }

    .social_links a{
      color: #fff;
    }

    .fs-secondary-heading-copy {
      font-weight: 600;
      font-size: 0.8125rem;
      line-height: 19px;
    }

  /*About 50em*/

  .we_do_about_1983 {
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 40px;
    text-align: center;
  }

  .we_do_list {
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 0px;
  }

  .val_about_1983 {
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 40px;
    text-align: center;
  }
  .sub_val_about_1983 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    padding-bottom: 30px;
  }

  .val_list {
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 30px;
  }

  .impact_about_1983 {
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 40px;
    /* margin-inline: auto; */
    text-align: center;
  }

  .impact-wrapper {
    padding: 0px 57px;
  }
  .impact-card {
    text-align: center;
    padding-top: 63px;
    padding-bottom: 63px;
  }

  .line_mob{
    border: 1px solid #8BB0B1;
    width: 100%;
    height: 0px;
    margin: auto;
  }

  .impact_img {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
  }
  .impact_header{
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 30px;
  }
  .impact_sub {
    font-weight: 400;
    font-size: 1.1875rem;
    line-height: 26px;
  }

  /*Sub Info card*/
  .subinfocard {
    padding-bottom: 40px;
  }

  .subinfocard_header {
    font-weight: 700;
    font-size: 1.125rem;
    text-align: center;
    line-height: 26px;
    padding-bottom: 20px;
  }
  .subinfocard_sub {
    font-weight: 400;
    font-size: 1rem;
    line-height: 26px;
    text-align: center;
  }

    /*TEAM*/

    .padding-block-team {
      padding-top: 80px;
    }

    .team_header {
      font-size: 1.5625rem;
      font-weight: 700;
      line-height: 26px;
      padding-bottom: 60px;
      text-align: center;
    }
    .tm-wrapper{
      text-align: center;
    }
    .team-card {
      padding-bottom: 0px;
    }
    .team-container{
      background: #FFFFFF;
      box-shadow: 0px 4.7619px 11.4286px 3.80952px rgba(0, 0, 0, 0.04);
      border-radius: 4.7619px;
      padding-bottom: 40px;
    }
    .team_img {
      padding-bottom: 40px;
    }
    .team_name_header {
      font-weight: 600;
      font-size: 1.125rem;
      line-height: 27px;
      padding-bottom: 20px;
    }
    .team_role {
      font-weight: 400;
      font-size: 1.125rem;
      line-height: 27px;
      padding-bottom: 20px;
    }

    .social_links_team{
      display: flex;
      flex-direction: row;
      gap: 20px;
      justify-content: center;
    }
    .social_links_team a{
      color: var(--clr-accent-400);
    }

    /*Programs Section*/

    .prog_bio_1983 {
      font-weight: 700;
      font-size: 1.5625rem;
      line-height: 33px;
      padding-bottom: 40px;
    }
    .prog_card{
      padding-bottom: 40px;
    }

    .prog_list_sub {
      padding-bottom: 10px;
    }
    .prog_sub_p {
      padding-bottom: 20px;
    }

      /*Partners*/

    .partner_1983 {
      font-size: 1.5625rem;
      font-weight: 700;
      line-height: 26px;
      padding-bottom: 40px;
      text-align: center;
    }

    .blog_1983 {
      text-align: center;
      font-weight: 700;
      font-size: 1.5625rem;
      line-height: 33px;
    }

/*JOIN US*/
  .bg-section-two-home {
    text-align: center;
  }
    .join_header_1983 {
      font-weight: 600;
      font-size: 1.25rem;
      line-height: 24px;
    }

    .jon-primary {
      text-align: center;
      padding-bottom: 70px;
    }
    
    .jon-sub-secondary{
      padding-top: 10px;
      padding-bottom: 30px;
      margin: auto;
      line-height: 26px;
    }
    
    .sub-info-jon1 {
      line-height: 34px;
    }
    .sub-info-jon {
      padding-bottom: 10px;
      line-height: 34px;
      text-align: left;
    }
    .sub-prim-header {
      font-size: 1.125rem;
      padding-bottom: 10px;
    }

    .jon_wrapper {
      border-radius: 5px;
      padding: 64px 26px;
      margin-bottom: 15px;
    }
    .jon_wrapper2 {
      border-radius: 5px;
      padding: 56px 24px;
      margin-top: 15px;
    }

    .jon_sub_header_1983 {
      font-weight: 300;
      font-size: 1rem;
      line-height: 24px;
      padding-top: 30px;
      max-width: 33ch;
      margin-inline: auto;
    }
  
    .jon_sub_header2_1983 {
      font-weight: 300;
      font-size: 1rem;
      line-height: 24px;
      padding-top: 30px;
      max-width: 32ch;
      margin-inline: auto;
    }

      /*SUBSCRIBE*/

    .subcribe_1983 {
      text-align: center;
    } 
    .subcribe_ob_1983 {
      line-height: 34px;
      font-size: 1.125rem;
    } 

    .cta-sub-btn {
      padding: 1em 1.575em;
      border: 1px solid var(--clr-primary-300);
      background-color: var(--clr-primary-100);
      color: rgba(27, 27, 31, 0.58);
    }


    /*CONTACT PAGE*/

  .con_prim_header {
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 33px;
    padding-bottom: 40px;
  }

  .con_sub_hearder {
    padding-bottom: 20px;
  }

  .con_card {
    padding-bottom: 20px;
  }


  .con_prim_header {
    padding-bottom: 40px;
  }
  
  .con_sub_hearder {
    padding-bottom: 20px;
  }
  
  .con_card {
    padding-bottom: 20px;
  }

  .con_page_section {
    padding-bottom: 40px;
  }
  
  .form_container {
    max-width: 325px;
    height: 721px;
    background: hsla(0, 0%, 95%, 1);
    padding: 70px 50px 70px 50px;
    border-radius: 5px;
  }

  .form_container form .form-details {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  
  form .form-details .form-card {
    width: calc(100% / 2 - 20px);
    margin-bottom: 20px;
  }
  
  .form-details .form-card input {
    width: 235px;
    height: 68.44px;
    color: rgba(69, 126, 130, 0.54);
    background: #FFFFFF;
    border-radius: 10px;
    border: none;
    padding: 21px 21px 20.13px 21px;
    text-align: left;
    outline: none;
    transition: .3s;
  }

  .form-details .form-card1 textarea {
    width: 235px;
    height: 110.36px;
    color: rgba(69, 126, 130, 0.54);
    background: #FFFFFF;
    border-radius: 10px;
    border: none;
    padding: 21px 21px 20.13px 21px;
    text-align: left;
    outline: none;
    transition: .3s;
  }
  .form-details .form-card1 textarea:hover {
    background-color: #fff;
    border: 2px solid hsla(184, 31%, 39%, 0.54);
  }
  .form-details .form-card1 textarea:focus {
    background-color: #fff;
    border: 2px solid hsla(184, 31%, 39%, 0.54);
  }

  .btn-social {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 21px 0px;
    gap: 186px;
  }
  .social_links_form{
    display: none;    
  }
  .social_links_form a{
    color: #457E82;
  
  }
  
  ::placeholder {
    color: rgba(27, 27, 31, 0.58);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 25px;
  }
  
  .cta-contact-btn {
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1em 2.4375em;
    gap: 20px;
    border: 1px solid var(--clr-primary-300);
    background-color: var(--clr-primary-100);
    color: var(--clr-primary-300);
  }
  
  .cta-contact-btn:hover,
  .cta-contact-btn:focus-visible {
    color: var(--clr-primary-100);
    background-color: var(--clr-primary-300);
  }

}

.feed-link {
  text-decoration: none;
  color: #2E384C;
}
.feed-link:hover  {
  color: #457E82;
}
.blog-feed-mail{
text-decoration: none;
color: #457E82;
cursor: pointer;
}
.blog-feed-mail:hover {
  color: #305A5B;
}


/* Blog  Article page start*/

.blog-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 50px;
  color: #222;
}
.blog-wrapper article {
  width: 100%;
  max-width: 1000px;
}
.blog-wrapper article header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 450px;
  padding: 50px;
  border-radius: 16px;
  color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.blog-wrapper article header .upper-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.blog-wrapper article header .upper-header .mini-title {
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.4rem;
  text-transform: uppercase;
  opacity: 0.9;
}
.blog-wrapper article header .upper-header .date-since {
  display: flex;
  align-items: center;
  opacity: 0.5;
  font-size: 0.875rem;
}
.blog-wrapper article header .upper-header .date-since .date-value {
  display: inline-block;
  padding-bottom: 2px;
}
.blog-wrapper article header .upper-header .date-since svg {
  width: 20px;
  margin-left: 10px;
}
.blog-wrapper article header .lower-header {
  padding-top: 50px;
}
.blog-wrapper article header .lower-header .tags-container {
  display: flex;
  align-items: center;
  opacity: 0.75;
  margin-bottom: 12px;
}
.blog-wrapper article header .lower-header .tags-container >
span:not(:nth-child(2))::before {
  content: "";
}
.blog-wrapper article header .lower-header .tags-container svg {
  width: 20px;
  margin-right: 10px;
}
.blog-wrapper article header .lower-header .tags-container span {
  font-size: 0.875rem;
}
.blog-wrapper article header .lower-header .title {
  margin: 20px 0;
  font-size: 2.25rem;
  font-weight: 700;
  opacity: 0.9;
}
.blog-wrapper article header .lower-header .subtitle {
  width: 50%;
  margin-top: 10px;
  opacity: 0.75;
  line-height: 1.75;
}


.blog-wrapper .summary {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  padding: 30px 50px;
  border-radius: 16px;
  box-shadow: 0 0 0 1px #f2f2f2;
}
.blog-wrapper .summary .summary-item {
  width: 100%;
  padding-right: 20px;
}
.blog-wrapper .summary .summary-item .item-title {
  color: #999;
}
.blog-wrapper .summary .summary-item .item-text {
  margin-top: 12px;
  font-size: 1.5rem;
}
.blog-wrapper .main-article {
  width: 100%;
  margin-top: 50px;
  padding-bottom: 50px;
  line-height: 1.75;
}

.blog-wrapper .main-article h4 {
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 1.25em;
}
.blog-wrapper .main-article p {
  margin-bottom: 20px;
  color: #777;
  font-size: 1.125em;
}
.blog-wrapper .main-article blockquote {
  position: relative;
  margin: 40px 0;
  padding: 40px;
  background-color: #f8f8f8;
  border-radius: 16px;
}
.blog-wrapper .main-article blockquote::before {
  position: absolute;
  top: -10px;
  left: -10px;
  transform: scale(2);
  opacity: 0.1;
}
.blog-wrapper .main-article blockquote::after {
  position: absolute;
  bottom: -10px;
  right: -10px;
  transform: scale(2) rotate(180deg);
  opacity: 0.1;
}
.blog-wrapper .main-article .gallery {
  display: grid;
  gap: 20px;
  grid-template-areas: "img1 img1 img2 img3"
  "img1 img1 img4 img5";
  min-height: 400px;
  margin-top: 40px;
}

.blog-wrapper .main-article .gallery .image-item {
  min-height: 200px;
  background-color: #eee;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  transition: 250ms;
}
.blog-wrapper .main-article .gallery .image-item:hover {
  opacity: 0.9;
  cursor: pointer;
}
.blog-wrapper .main-article .gallery .image-1 {
  grid-area: img1;
}
.blog-wrapper .main-article .gallery .image-2 {
  grid-area: img2;
}
.blog-wrapper .main-article .gallery .image-3 {
  grid-area: img3;
}
.blog-wrapper .main-article .gallery .image-4 {
  grid-area: img4;
}
.blog-wrapper .main-article .gallery .image-5 {
  grid-area: img5;
}
.blog-wrapper .main-article .gallery .gallery-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  padding: 40px;
  background-color: #222 88;
  transition: 500ms;
}
.blog-wrapper .main-article .gallery .gallery-mask img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: 500ms;
}
.blog-wrapper .main-article .gallery .mask-off {
  visibility: hidden;
  background-color: #222 0;
}
.blog-wrapper .main-article .gallery .mask-off img {
  visibility: hidden;
  opacity: 0;
}

@media screen and (max-width: 30em) {
  .blog-wrapper {
    padding:50px 10px;
  }
  .blog-wrapper article header {
    padding: 0px 20px;
    height: 240px;
  }

  .blog-wrapper article header .lower-header {
    padding-top: 0px;
  }

  .blog-wrapper article header .lower-header .title {
    font-size: 1.8725rem;
  }

}

@media screen and (max-width: 50em){
  .blog-wrapper .summary {
    flex-direction: column;
  }
  .blog-wrapper .main-article .gallery {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1024px) {
  
  .main-article {
    text-align: center;
  }
}



/* Blog  Article page end*/


/* Programs  feed page start*/

.program-feed-wrapper {

  margin: 50px;
}
.program-feed-wrapper  {
  /* width: 100%; */
  max-width: 1000px;
  margin-inline: auto;
}


.program-feed-wrapper  header {
  
  width: 100%;
  height: 450px;
  padding: 50px;
  border-radius: 16px;
  color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1024px) {
  
  .main-article-pro {
    text-align: center;
  }
}
@media screen and (max-width: 30em) {
  .program-feed-wrapper  header  {
    height: 240px;
  }

}

.program-feed-wrapper .main-article-pro {
  width: 100%;
  margin-top: 50px;
  padding-bottom: 50px;
  line-height: 1.75;
}
.program-feed-wrapper .main-article-pro h4 {
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 1.25em;
}
.program-feed-wrapper .main-article-pro p {
  margin-bottom: 20px;
  color: #777;
  font-size: 1.125em;
}

.program-feed-wrapper .main-article-pro .gallery-pro {
  display: grid;
  gap: 20px;
  grid-template-areas: "img1 img1 img2 img3"
  "img1 img1 img4 img5";
  min-height: 400px;
  margin-top: 40px;
}

.program-feed-wrapper .main-article-pro .gallery-pro .image-item {
  min-height: 200px;
  background-color: #eee;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  transition: 250ms;
}
.program-feed-wrapper .main-article-pro .gallery-pro .image-item:hover {
  opacity: 0.9;
  cursor: pointer;
}
.program-feed-wrapper .main-article-pro .gallery-pro .image-1 {
  grid-area: img1;
}
.program-feed-wrapper .main-article-pro .gallery-pro .image-2 {
  grid-area: img2;
}
.program-feed-wrapper .main-article-pro .gallery-pro .image-3 {
  grid-area: img3;
}
.program-feed-wrapper .main-article-pro .gallery-pro .image-4 {
  grid-area: img4;
}
.program-feed-wrapper .main-article-pro .gallery-pro .image-5 {
  grid-area: img5;
}
.program-feed-wrapper .main-article-pro .gallery-pro .gallery-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  padding: 40px;
  background-color: #222 88;
  transition: 500ms;
}
.program-feed-wrapper .main-article-pro .gallery-pro .gallery-mask img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: 500ms;
}
.program-feed-wrapper .main-article-pro .gallery-pro .mask-off {
  visibility: hidden;
  background-color: #222 0;
}
.program-feed-wrapper .main-article-pro .gallery-pro .mask-off img {
  visibility: hidden;
  opacity: 0;
}

.prog-bld {
  color: #000;
}

@media screen and (max-width: 50em){

  .program-feed-wrapper .main-article-pro .gallery-pro {
    grid-template-columns: 1fr;
  }
}

/* programs feed page end*/


/* MOdal subscribe pop start */


/* .popup {
  background-color: #fff;
  position: fixed;

} */



/* MOdal subscribe pop end */



/* UN Water Conference 2023 Side Program */

.un-section {
  padding: 35px 0px;
}

.hero-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.un-header {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  line-height: 29px;
  text-align: center;
  padding-bottom: 30px;
}

.sub--wrap {
  padding-bottom: 16px;
}

.wrap-header {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  padding-block: 13px;
}

.sub-para {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: justify;
}


.hero-banner {
  width: 100%;
  height: auto;}

.wrapper-date-time {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: left;
}

.wrap-sub-dt {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
}

.wrap-bg-sec {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 151.9%;
  text-align: justify;
  padding-bottom: 20px;
}

.wrap-se {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  text-align: justify;
}

.speakers-card-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding-top: 40px;
}

.row-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  margin-bottom: 20px;
}

.speaker-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.speaker-card-info {
  padding-block: 36px;
}

.speaker-card-h4,
.speaker-card-p {
  font-family: 'Nunito Sans';
  font-style: normal;
}

.speaker-card-h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  padding-bottom: 10px;
}

.speaker-card-p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 5px;
}


.special-g-card-wrapper,
.moderator-card-wrapper {
  padding-top: 40px;
}

.special-g-card-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding-top: 40px;
}

.moderator-card-wrapper {
  text-align: center;
}

.moderator-card-wrapper {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 20px;
  text-align: center;
}

.wrapper-line-up {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.coldiv {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}

.wrapp-line-p {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  padding-bottom: 20px;
}

.wrapper-line-up-btn{
  display: inline-block;
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: var(--fw-semi-bold);
  line-height: 25px;
  color: #FFFFFF;
  text-decoration: none;
  
  padding: 11px 20px;
  background-color: hsla(181, 31%, 27%, 1);
  border-radius: 5px;
  cursor: pointer;
  border: 0;
  font-size: 14px;
  outline: none;
}

.wrapper-line-up-btn:hover,
.wrapper-line-up-btn:focus-visible {
  background-color: var(--clr-primary-300);
}

.wrapper-partners {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.partner-one,
.partner-two {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1100px;
  margin-bottom: 20px;
  gap: 10px;
}

.partner-one img,
.partner-two img {
  width: calc(50% - 10px);
  height: auto;
}



@media (min-width: 576px) {
  .row-wrap {
    flex-direction: row;
    justify-content: space-evenly;
    gap: 2rem;
  }

  .speaker-card {
    width: auto;
  }


  .special-g-card-wrapper {
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 20px;
  }

  .moderator-card-wrapper {
    justify-content: space-evenly;
    margin-bottom: 20px;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .partner-one img,
  .partner-two img {
    width: calc(33.333% - 10px);
  }


  .special-g-card-wrapper {
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 20px;
  }

  .moderator-card-wrapper {
    justify-content: space-evenly;
    margin-bottom: 20px;
    text-align: center;
  }

  .wrapper-line-up {
    flex-direction: row;
    justify-content: space-around;
}
}

@media (min-width: 992px) {

  .un-section {
    padding: 50px;
  }
  
  .hero-wrapper {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .un-header {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    padding-bottom: 58px;
    text-align: left;
  }

  .sub--wrap {
    padding-bottom: 16px;
  }

  .wrap-header {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    padding-block: 13px;
  }

  .sub-para {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    text-align: justify
  }

  .wrapper-date-time {
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    justify-items: center;
  }

  .wrap-sub-dt {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
  }

  .wrap-bg-sec {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 151.9%;
    text-align: justify;
    padding-bottom: 20px;
  }

  .wrap-se {
    width: 60%;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    text-align: justify;
  }

  .speakers-card-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-top: 40px;
  }

  .row-wrap {
      flex-direction: row;
      justify-content: space-evenly;
      margin-bottom: 20px;
      gap: 10rem;
  }

  .speaker-card {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .speaker-card-info {
    padding-block: 36px;
  }

  .speaker-card-h4 {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 10px;
  }

  .speaker-card-p {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 5px;
  }

  .special-g-card-wrapper,
  .moderator-card-wrapper {
    padding-top: 40px;
  }

  .special-g-card-wrapper {
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 20px;
  }

  .moderator-card-wrapper {
    justify-content: space-evenly;
    margin-bottom: 20px;
    text-align: center;
  }

  .wrapper-line-up {
    text-align: center;
  }
  .wrapp-line-p {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    padding-bottom: 40px;
  }

  .wrapper-line-up-btn{
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: var(--fw-semi-bold);
    /* font-size: 18px; */
    line-height: 25px;
    color: #FFFFFF;
    text-decoration: none;
    align-items: center;
    padding: 15px 25px;
    background-color: hsla(181, 31%, 27%, 1);
    border-radius: 5px;
    cursor: pointer;
    border: 0;
    font-size: 16px;
    outline: none;
  }

  .wrapper-line-up-btn:hover,
  .wrapper-line-up-btn:focus-visible {
    background-color: var(--clr-primary-300);
}

  .wrapper-partners {
    flex-direction: column;
    align-items: center;
  }

  .partner-one,
  .partner-two {
    justify-content: space-around;
    width: 100%;
    max-width: 1100px;
    margin-bottom: 20px;
  }

  .partner-one img,
  .partner-two img {
    width: auto;
    max-width: 260px;
    height: 120px;
  }
}