@charset "utf-8";
 
 
/*===========================================================================================================*/
/*=========================================== GENERAL SETTINGS ==============================================*/
/*===========================================================================================================*/
body {
  margin: 0;
  padding: 0;
  background-color: var(--main, #004F62);
  -webkit-font-smoothing: antialiased;
  color: #F9F9F9;
}
b, strong {
	font-weight: bold;
}
strong.stronger {
  font-weight: 900;
}
* {
  margin: 0;
  box-sizing: border-box;
}

.break-word {
  -webkit-word-wrap: break-word;
  -moz-word-wrap: break-word;
  -ms-word-wrap: break-word;
  -o-word-wrap: break-word;
  word-wrap: break-word;
}
p {
  margin: 0 0 0;
  color: rgba(33, 33, 33, 0.80);
  font-family: "Bodoni Sans";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
}
.list-unstyled {
	list-style: none;
	padding: 0;
}
.list-unstyled li {
	display: block;
	margin: 0;
}
.list-inline {
	list-style: none;
	padding: 0;
}
.list-inline li {
	display: inline-block;
	margin: 0;
}
.list-inline li:not(:last-child) {margin-right: 5px;}
ul, ol {
  margin: 0 0 0;
  padding-left: 22px;
}
ul *, ol * {
  vertical-align: top;
}
li {}
td, th {}
a {
  color: #FFF;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}
a:hover, a:focus {

  text-decoration: underline;
}
a img {
  border: none;
}
img {
  max-width: 100%;
  width: auto;
}

.news-card .fa-solid.fa-arrow-right{
  color: var(--white, #1D5F2B);
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
	
}
.news-card-link:hover .fa-solid.fa-arrow-right {
  color: #fff;  
} 
 

 h3 {
  color: var(--yellow, #C08552);
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  /* margin-bottom: 2px; */
}

h2 {
  color: var(--green, #1D5F2B);
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: normal;
  margin-bottom: 24px;
}

p {
  color: var(--black, #040303);
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 24px;
  margin-bottom: 18px;
}

p strong {
  color: var(--black, #040303);
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
}


.bg-white{
  background-color:#FFF;
}
.bg-grey{
  background-color:#F9F9F9;
}
.center {
    justify-self: anchor-center;
}

/*===========================================================================================================*/
/*=========================================== 1920fix ======================================================*/
/*===========================================================================================================*/


.section-white {
  padding: 50px 0;
}
.section-white.grey {
  background: #F9F9F9;
}
.section-white > .container,
.section-white > .container-lg {
  opacity: 0;
}
.section-white > .container,
.section-white > .container-lg {
  opacity: 1;
  animation: fadeIn 1.2s both;
}

/* Container */
.container,
.container-lg {
	margin: auto;
	max-width: 100%;
	padding: 50px;
}
.container {
	max-width: 1440px;
}
@media (min-width: 1920px) {
	.container {
	    max-width: 1440px;
	}
}


/*===========================================================================================================*/
/*=========================================== TOP ===========================================================*/
/*===========================================================================================================*/
.menu {
  display: block;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 50px;
  padding: 0;
  transition: all .4s ease;
  opacity: 1;
  /* border-bottom: 2px solid #F9C626; */
  /* backdrop-filter: blur(2px); */
}
.menu.ready {
  opacity: 1;
  animation: fadeInDown .6s both;
  padding-top: 20px;
  margin-top: 0;
  padding-bottom: 10px;
  background: black;
}
.menu.actived {
  /* padding: 0; */
  box-shadow: 0 0 12px rgb(0 0 0 / 8%);
  border-top-width: 3px;
  margin-top: 0;
  padding-top: 20px;
  background: #000;
}
.menu.behaved {
  background-color: transparent;
  height: 60px;
  overflow: hidden;
  box-shadow: none;
  padding-right: 0;
  box-shadow: none!important;
}
.menu > .container {
  position: relative;
  justify-content: flex-end;
  padding: 0 50px;
}
.menu.behaved > .container {
  position: static;
}
.customize-support .menu {
  top: 32px;
}
.menu.actived:before {
  top: -43px;
}
.menu.actived:behaved {
  top: -200px;
}
.menu > div .navigation {
  display: block;
  background: none;
  color: #fff;
  letter-spacing: 0px;
  font-weight: 400;
  line-height: 1em;
  text-transform: capitalize;
  position: relative;
  text-decoration: none;
  margin: 29px 0;
  float: right;
  width: 0px;
  margin-right: 38px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.menu > div .navigation:hover, .menu > div .navigation:focus {
  text-decoration: none;
}
.desktop-nav i.fa.fa-chevron-down {
    margin-top: 4px;
    margin-left: 4px;
}
.menu.actived > div .navigation {
 margin: 23px 0;
 margin-right: 36px;
}
.menu.behaved > div .navigation {
  color: #fff;
  margin: 22px 0;
  margin-right: 24px;

  top: 0;
  width: 24px;
}
.menu.behaved > div .navigation:hover {
	color: #fff;
}
.menu > div a.navigation > .txt {
	position: absolute;
	right: 100%;
	top: 2px;
	margin-right: 6px;
	font-family: montserrat;
}
.menu > div a.navigation > .txt:before {
  content: 'Menu';
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0;
  position: relative;
  /* text-transform: lowercase; */
  top: -2px;
}
.menu.behaved > div a.navigation > .txt:before {color: #fff;}
.menu > div a.navigation > .bar {
  position: absolute;
  left: 0;
  width: 24px;
  height: 3px;
  border-radius: 32px;
  background-color: #fff;
  -webkit-transition: top .3s ease, transform .4s ease, opacity .3s ease;
  -moz-transition: top .3s ease, transform .4s ease, opacity .3s ease;
  -ms-transition: top .3s ease, transform .4s ease, opacity .3s ease;
  -o-transition: top .3s ease, transform .4s ease, opacity .3s ease;
  transition: top .3s ease, transform .4s ease, opacity .3s ease;
}
.menu.actived > div a.navigation > .bar {
  
}
.menu.behaved > div a.navigation > .bar {
  background-color: #fff;
  width: 17px;
}
.menu > div a.navigation > span:first-child {
  top: 0px;
}
.menu > div a.navigation > span:nth-child(2) {
  top: 8px;
}

.menu > div a.navigation > span:nth-child(3) {
  top: 16px;
}
/*
.menu > div a.navigation:hover > span:first-child {
  top: -2px;
}
.menu > div a.navigation:hover > span:nth-child(3) {
  top: 18px;
}
*/
.menu > div a.navigation.behaved > span:first-child {
  top: 7px;
  transform: rotate(135deg);
}
.menu > div a.navigation.behaved > span:nth-child(2) {
  display: none;
}
.menu > div a.navigation.behaved > span:nth-child(3) {
  top: 7px;
  transform: rotate(-135deg);
}
.menu .logo-nav {
  background-color: transparent!important;
  position: absolute;
  z-index: 1;
  top: -12px;
  left: 50px;
  display: block;
  width: 100%;
  max-width: 150px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.menu .logo-nav img.logo-home {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: block;
}
.menu .logo-nav:hover { opacity: .9!important }

.menu .logo-nav img {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
    max-width: 150px;
}
.menu.actived .logo-nav {
  max-width: 126px;
  top: 3px;
  /* margin-top: 3px; */
}
.menu.behaved .logo-nav {
 opacity: 0;
 top: -50%;
}
.menu.behaved .social-nav {
  opacity: 0;
}

.menu div > ul > li > ul {
  /* display: none; */
  background: #202020;
  backdrop-filter: blur(2px);
  box-shadow: 0px 6px 10px 0px rgba(6, 28, 24, 0.15), 0px 3px 3px -5px rgba(6, 28, 24, 0.20);
  position: absolute;
  top: 100%;
  left: 0;
  right: unset;
  z-index: 5;
  padding: 0 20px 0;
  width: 231px;
  margin-top: 0!important;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all .3s ease;
}
.menu div > ul > li > ul:focus-within,
.menu div > ul > li:hover > ul {
	padding: 17px 20px 11px;
	opacity: 1;
	margin-top: 5px!important;
	height: auto;
	/* display: block!important; */
}
.menu div > ul > li > ul > li {
  padding: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1px;
  text-align: left;
  text-transform: capitalize;
  margin: 0 0 7px!important;
}
.menu div > ul > li > ul > li a {
  color: #fff;
  display: inline-block;
  text-shadow: none;
  padding: 0 0 5px!important;
  border-bottom: solid 0px transparent;
}
.menu div > ul > li > ul > li a:hover {
  color:var(--secondary-color, #f2f2f2);
}
.menu div > ul > li > ul > li a:focus {
  color: #f2f2f2;
  border-color: var(--secondary-color, #f2f2f2);
  text-decoration: none;
}
.menu div > ul > li > ul > li.current-menu-item a {
  color: var(--secondary-color, #f2f2f2);
  padding-left: 12px!important;
}
.menu div > ul > li > ul > li a:before,
.menu div > ul > li > ul > li a:after {
  content: '\f105';
  font-family: 'Font Awesome 6 Pro';
  position: relative;
  top: -1px;
  transition: all .3s ease;
  opacity: 0;
  font-size: .6em;
}
.menu div > ul > li > ul > li a:before {
  left: -10px;
  position: absolute;
  top: 7px;
}
.menu div > ul > li > ul > li.current-menu-item a:before {
  opacity: 1;
  left: 0;
}
.menu div > ul > li > ul > li a:after {
  right: 0;
}
.menu div > ul > li > ul > li:not(.current-menu-item) a:not(:focus):hover:after {
  opacity: 1;
  right: -4px;
}

.menu > div {
  position: relative;
  max-width: 100%;
}
.menu.behaved > div {
  background-color: transparent;
  border-color: transparent;
}
.menu .desktop-nav {
	float: right;
	/* padding-right: 40px; */
	position: relative;
}
.menu .desktop-nav > .btn-layout {
	position: absolute;
	right: 31px;
	top: 50%;
	transform: translateY(-50%);
}
.menu div > ul  {
	margin: 22px 0;
	margin-top: 0;
	padding: 10px;
	padding-right: 20px;
	text-align: left;
	width: 100%;
	transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	border-radius: 15px 0 15px 15px;
	background: var(--white, #F9F9F9);
}
.menu.actived div > ul  {
	margin: 28px 0;
	/* padding-bottom: 20px; */
	text-align: left;
	margin-top: 0;
}
.menu div > ul > li {
	text-align: center;
	margin: 0;
	padding: 0 5px;
	color: var(--secondary-color, #F9C626);
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	vertical-align: middle;
}
.menu div > ul > li:not(:last-child) {
  margin-right: 15px;
}
.menu div > ul.collapse-menu > li:not(:last-child) {
  margin-right: 20px;
}

.menu div > ul.collapse-menu > li {
padding:10px
}

.menu div > ul > li.dad {
  position: relative;
}
.menu div > ul > li a .fal {
 font-size: .6em;
 font-weight: 900;
 line-height: 1em;
 margin-top: 8px;
 transition: all .3s ease
}
.menu div > ul > li:hover a .fal {
  transform: rotate(-180deg);
}
.menu div > ul > li a {
  position: relative;
  text-decoration: none;
  padding: 6px 0;
  transition: all 250ms linear;
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  background: none;
  color: var(--green, #1D5F2B);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.menu div > ul > li.current-menu-item > a,
.menu div > ul > li.current-page-ancestor > a {
	color: #C08552;
	/* background: none; */
}
.menu div > ul > li a > span {
	border-bottom: solid 2px transparent;
}
.menu div > ul > li:hover > a,
.menu div > ul > li:focus a {
  color: #04944F;
}
.menu div > ul > li > a:focus > span {
  border-color: var(--secondary-color, #F9C626);
}
.menu div > ul > li > a:after {
  content: '';
  position: absolute;
  top: 100%;
  left: unset;
  right: 0;
  width: 0;
  height: 2px;
  background-color: transparent;
  transition: all .3s ease;
}
.menu div > ul > li.current-menu-item > a:after,
.menu div > ul > li.current-page-ancestor > a:after,
.menu div > ul > li:hover > a:after,
.menu div > ul > li:focus > a:after{
 left: 0;
 right: unset;
 width: 100%;
 background-color: #04944F;
	display:none;
	
	
}


.navigation-overlay {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  right: -105px;
  bottom: 0;
  width: 100%;
  padding: 64px 35px 35px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: right .6s ease;
  background: rgb(6 6 6 / 93%);
  backdrop-filter: blur(2px);
}
.navigation-overlay.behaved {
  right: 0;
}

.navigation-overlay > ul {
  opacity: 0;
  margin: 0;
  padding: 0;
}
.navigation-overlay.behaved > ul {
  opacity: 1;
}
.navigation-overlay > ul > li {margin-bottom: 18px!important;}
.navigation-overlay > ul > li > a {
	background: none;
	color: #fff;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
}
.navigation-overlay > ul > li > a span {
	border-bottom: solid 2px transparent;
}
.navigation-overlay > ul > li > a:hover {
	color: #fff;
}
.navigation-overlay > ul > li > a:focus {
  color: #fff;
  text-decoration: none;
}
.navigation-overlay > ul > li > a:focus span {
  border-color: #fff;
}
.navigation-overlay > ul > li > a i {
	float: right;
}
.navigation-overlay > ul > li.current-menu-item > a,
.navigation-overlay > ul > li.current-menu-ancestor > a {
  text-decoration: none;
  color: #fff;
}
.navigation-overlay > ul > li.current-menu-item > a > span,
.navigation-overlay > ul > li.current-menu-ancestor > a > span {
	border-color: transparent
}
.navigation-overlay > ul > li ul {
  display: block;
  border-left: solid 2px #fff;
  padding-left: 23px;
  margin-left: 17px;
  margin-top: 12px;
  margin-bottom: 10px;
}


.navigation-overlay > ul > li > ul li {margin-bottom: 11px!important;}
.navigation-overlay > ul > li > ul li a {
  text-transform: capitalize;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.1px;
  text-decoration: none;
  color: #fff;
  background: none;
}
.navigation-overlay > ul > li > ul li a span {
	border-bottom: solid 2px transparent;
}
.navigation-overlay > ul > li > ul li a:hover {
  text-decoration: none;
  color: #fff;
}
.navigation-overlay > ul > li > ul li a:focus {
  text-decoration: none;
  color: #fff;
}
.navigation-overlay > ul > li > ul li a:focus span {
	border-color: #fff;
}
.navigation-overlay > ul > li.current-menu-ancestor > ul li.current-menu-item a {
  text-decoration: none;
  color: #fff;
}
.navigation-overlay > ul > li.current-menu-ancestor > ul li.current-menu-item a span {
	border-color: transparent;
}
.navigation-overlay > ul > li.current-menu-ancestor > ul li.current-menu-item a:before {
  content: '\f105';
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300;
  position: relative;
  top: -3px;
  margin-right: 5px;
  font-size: .7em;
}
.navigation-overlay > ul > li > a .fal  {
	display: none
}
.eyebrow-bar {
  /* padding: 10px 10px; */
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
  z-index: 12;
  width: 57%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  margin: 0;
  justify-self: right;
  background: var(--yellow, #C08552);
}

.eyebrow-bar {}

.eyebrow-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  /* flex-wrap: wrap; */
  /* gap: 26px; */
}

.eyebrow-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px;
  font-size: 16px;
  color: #007b3e;
  font-weight: 600;
  justify-content: center;
}

.eyebrow-item i {
  color: #F9F9F9;
}

.eyebrow-item a {
  text-decoration: none;
  color: var(--white, #F9F9F9);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.eyebrow-item:first-child{
	border-right:1px solid white;
    width:100%
}

.eyebrow-item a:hover {
  color: #004d26;
}

.eyebrow-separator {
  font-weight: normal;
  color: #F9F9F9;
}

@media (max-width: 600px) {
  .eyebrow-inner {
    flex-direction: column;
    gap: 6px;
  }

  .eyebrow-separator {
    display: none;
  }
}



body.behaved {
  overflow: hidden;
}
body.actived {
  overflow: hidden;
}
.page {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1250px) {
	.menu div > ul.collapse-menu > li:not(:last-child) {
		/* margin-right: 10px; */
		/* font-size: 17px; */
	}
	.menu div > ul > li,
	.menu div > ul > li:last-child a {/* font-size: 17px; */}
	.menu div > ul > li > ul > li { font-size: 17px; }
}
@media (max-width: 1050px) {
	.menu div > ul.collapse-menu > li:not(:last-child) {
		/* margin-right: 0; */
		/* font-size: 14px; */
	}
	.menu div > ul > li,
	.menu div > ul > li:last-child a {/* font-size: 14px; */}
	.menu div > ul > li > ul > li { font-size: 14px; }
	.menu .logo-nav {	}
	.menu.actived .logo-nav {
    top: 6px;
    max-width: 119px;
 }
}
@media screen and (min-width: 911px) {
  /*============== TOP ================*/
  .menu .navigation,
  .navigation-overlay {
    display: none !important;
  }
}
@media screen and (max-width: 910px) {
  h1 > span, .h1-style > span { font-size: 16px }
  /*============== TOP ================*/
  body.actived {
    overflow: auto !important;
  }
  .menu {top: 0;padding: 5px 2vw;}
  .menu.actived {
    top: 0;
    padding-bottom: 40px;
    box-shadow: 0px 6px 10px 0px rgba(6, 28, 24, 0.15), 0px 3px 3px -5px rgba(6, 28, 24, 0.20);
  }
  .menu .logo-nav img:not(.logo-home) {/* opacity: 0; */width: 100%;top: -30px;}
  .menu.actived .logo-nav img:not(.logo-home) {/* opacity: 0; */width: 100%;top: 10px;}
  
.menu .logo-nav img.logo-home {/* opacity: 1; */}
  .menu.actived {
}
  .menu.behaved,
  .menu.behaved:before {
    background-image: none;
    border: transparent;
  }
  .menu.behaved:after {
	background-color: transparent;
  }
  .menu > div .navigation {
    margin: 26px 0;
    margin-right: 0;
    margin-top: revert-layer;
  }
	.eyebrow-bar{
		display:none;
	}
  .menu.actived > div .navigation {
    margin: 23px 0 22px;
    margin-right: 0px;
  }
  .menu div > ul,
  .menu div > ul.top-menu {
    display: none;
  }
  .menu .logo-nav {
  top: 8px;
  left: 10px;
  max-width: 81px;
  }
  .menu.actived .logo-nav {
  max-width: 87px;
  top: -10px;
  }
}
@media screen and (max-width: 650px) {
  /*============== TOP NAV ================*/
  /*.menu div > a > .txt {
    display: none;
  }*/
  .menu.behaved > div .navigation {
  	width: 24px;
  	padding: 0;
  	margin-right: 0;
  }
  .navigation-overlay > ul > li > a {
  }
  .navigation-overlay > ul > li > ul > li a {
  }
  .menu .donate {
    top: 7px
  }
  .menu.actived .donate {
    top: 1px
  }
}
@media screen and (max-width: 910px) {
  .customize-support .menu,
  .customize-support .menu.actived{
    top: 32px;
  }
  .customize-support .navigation-overlay,
  .customize-support .menu.actived + .navigation-overlay {
    margin-top: 34px;
  }
}
@media screen and (max-width: 782px) {
  .customize-support .menu,
  .customize-support .menu.actived{
    top: 46px;
  }
  .customize-support .navigation-overlay,
  .customize-support .menu.actived + .navigation-overlay {
    margin-top: 46px;
  }
}
@media screen and (max-width: 600px) {
  .customize-support .menu {
    top: 46px;
  }
  .customize-support .menu.actived {
    top: 0;
  }
  .customize-support .navigation-overlay {
    margin-top: 46px;
  }
  .customize-support .menu.actived + .navigation-overlay {
    margin-top: 0;
  } 
}

/*===========================================================================================================*/
/*=========================================== HOME ======================================================*/
/*===========================================================================================================*/
.home-bnn {
  position: relative;
  height: 726px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  padding: 50px 20px;
  padding-top: 0;
}
.section-white.about-eiyr.ready .container-lg {
    padding: 0;
}
.home-bnn-content {
  position: relative;
  z-index: 1;
  max-width: 900px;
  align-self: flex-end;
  margin: 0;
}

.home-bnn-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;  
}

h1.home-bnn-title {
    color: #FFF;
    font-family: "Gloria-Hallelujah";
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 96.774% */
    margin-bottom: 10px;
}

p.home-bnn-subtitle {
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}

/* ===== About ===== */
.section-white.about-eiyr {padding: 0;}

.about-eiyr .left-right-section .item{
  display: grid;
  grid-template-columns: 0.9fr 1.2fr;
  gap: 48px;
  align-items: center;
  background: #F9F9F9;
}

.about-eiyr .info p{ margin-bottom: 18px; }

.about-eiyr .bnn picture,
.about-eiyr .bnn img{
  display: flex;
  width: 100%;
  height: auto;
  justify-content: flex-end;
  overflow: hidden;
  background: #F9F9F9;
}

picture {}

  
.about-eiyr .bnn img {
  width: 87%;
  transform: rotate(7.274deg);
  transition: transform .35s ease, box-shadow .35s ease;
}

.about-eiyr .bnn img:hover {
}
 .community-donate-info {
    align-self: flex-start;
    padding-top: 100px;
}
section.left-right-section .info {padding-left: 50px;align-self: flex-start;padding-top: 50px;}
.about-eiyr .btn-layout{/* margin-top: 8px; */display: flex;place-self: flex-start;margin-top: 34px;margin-bottom: 50px;}

/* ===== Responsivo ===== */
@media (max-width: 1080px){
  .section-white.about-eiyr{/* padding: 64px 0; */}
  .about-eiyr .left-right-section .item{
    grid-template-columns: 1fr;
    gap: 0px;
  }

  .about-eiyr .bnn{ order: 2; } /* texto acima da imagem no mobile */
}
@media (max-width: 1622px){
    .about-eiyr .bnn picture,
.about-eiyr .bnn img{width: 112%;}
}
@media (max-width: 1387px){
     .about-eiyr .bnn picture,
.about-eiyr .bnn img{width: 132%;}
}

@media (max-width: 1200px){
     .about-eiyr .bnn picture,
.about-eiyr .bnn img{width: 152%;}
}

@media (max-width: 480px){
  .section-white.about-eiyr{/* padding: 52px 0; */}
  .about-eiyr .bnn img{ border-radius: 18px; }
}



 .community-donate {padding: 0;background: #FFF;}

.community-donate-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  padding-right: 50px;
}

/* imagem */
.community-donate-bnn picture,
.community-donate-bnn img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 22px;
   
}

 
.community-donate-bnn img{
  object-fit: cover;
  object-position: center center;  
  transform: translateZ(0);
  transition: transform .35s ease, box-shadow .35s ease;
}
 

 
.community-donate-info p{ margin-bottom: 18px; }

.community-donate-actions{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 26px;
  margin-bottom: 40px;
}

/* ============== Responsivo ============== */
@media (max-width: 1080px){
  .community-donate {padding: 20px;}
  .community-donate-row{
    grid-template-columns: 1fr;
    gap: 28px;
  }
  /* no mobile, texto primeiro para leitura mais rápida */
  .community-donate-bnn{ order: 2; }
}

@media (max-width: 480px){
  .community-donate { padding: 52px 0; }
  .community-donate-bnn img{ border-radius: 18px; }
  .community-donate-actions{ justify-content: center; }
  .community-donate-info{ text-align: center; }
}


/*===========================================================================================================*/
/*=========================================== INTERIOR ======================================================*/
/*===========================================================================================================*/
/* Interior Banner */
.interior-bnn {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 380px;
  color: #fff;
  background: var(--black, #040303);
  isolation: isolate;
  overflow: hidden;
  background-image: var(--interior-bnn-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 50px 40px;
  padding-bottom: 0;
}

.interior-bnn::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(0deg, rgba(0,0,0,.46) 0%, rgba(0,0,0,.46) 100%);
}

.interior-bnn .container-lg {
  position: relative;
  z-index: 1;
  margin-top: 200px;
}

.interior-bnn-content {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.interior-bnn h3 {
  color: var(--yellow, #C08552);
  margin-bottom: 6px;
}

.interior-bnn-title {
  margin: 0;
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 35px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.interior-bnn-subtitle {
  /* margin-top: 10px; */
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 1080px) {
  .interior-bnn { min-height: 300px; padding: 56px 0; }
  .interior-bnn-content { max-width: 820px; }
}

@media (max-width: 720px) {
  .interior-bnn { min-height: 240px; padding: 44px 0; }
  .interior-bnn h3 { font-size: 18px; }
  .interior-bnn-title { font-size: 26px; }
  .interior-bnn-subtitle { font-size: 16px; }
}

/* About split */
.about-section {padding: 0;}

.about-split{
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 24px;
  align-items: center;
}
.about-content {
    align-self: flex-start;
    margin-top: 50px;
}
.about-media img{
  width: 100%;
  height: auto;
  display: block;
  /* border-radius: 18px; */
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

.whatwedo .container {
    padding-top: 0;
}
.donate-paypal {
  position: relative;
  z-index: 3;
  margin-top: 32px;
  text-align: center;
}
.donate-paypal input[type="image"] {
  display: inline-block;
  max-width: 100%;
  height: auto;
	width:170px;
}

.about-content p{margin-bottom: 18px;}

.about-split.reverse .about-media{ order: 2; }
.about-split.reverse .about-content{ order: 1; }
.btnbotton {
    margin-top: 24px;
    justify-self: center;
}
@media (max-width: 1080px){
  .about-section {padding: 20px;}
  .about-split{ grid-template-columns: 1fr; gap: 28px; }
  .about-split .about-media{ order: 1; }
  .about-split .about-content{order: 2;margin-top: 0;}
}

.whatwedo{
  position: relative;
  padding: 72px 0;
  color:#fff;
  overflow:hidden;
}
.whatwedo::before{
  content:"";
  position:absolute; inset:0; z-index:0;
  background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.35) 50%, rgba(0,0,0,.55) 100%);
}
.whatwedo .container-lg{ position:relative; z-index:1; }

.wwd-head{text-align:center;margin-bottom:24px;z-index: 20;position: relative;}
.wwd-head h3{color: var(--white, #F9F9F9);font-family: Montserrat;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;}
.wwd-head h2{color: var(--white, #F9F9F9);font-family: Montserrat;font-size: 30px;font-style: normal;font-weight: 900;line-height: normal;}

.wwd-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:24px;
}
/* grade: 3 cards em cima, 2 embaixo (50% cada) */
.wwd-grid{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(6, minmax(0,1fr));
}
.about-content li {
    color: var(--black, #040303);
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}
.wwd-grid > article{ grid-column:span 2; }            
.wwd-grid > article:nth-last-child(2),
.wwd-grid > article:last-child{grid-column:span 3;}  
section.section-white.donate-section {
    padding: 50px;
}
/* responsivo */
@media (max-width:1080px){
  .wwd-grid{ grid-template-columns:repeat(2, 1fr); }
  .wwd-grid > article{ grid-column:span 1 !important; }
}
@media (max-width:720px){
  .wwd-grid{ grid-template-columns:1fr; }
}

.wwd-card{
  border:1px solid rgba(255,255,255,.55);
  border-radius:14px;
  padding: 20px;
  text-align:center;
  background: rgba(255,255,255,.02);
  backdrop-filter: blur(2px);
}
.parallax{ position:relative; overflow:hidden; }
.parallax-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.parallax-img{ width:100%; height:130%; object-fit:cover; display:block; will-change:transform; }
.parallax > .container-lg{ position:relative; z-index:2; }
.parallax-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0.50) 100%);
}
.wwd-card i{
  font-size: 40px;
  margin-bottom:12px;
  display:inline-block;
  color:#fff;
}
.wwd-card h4{
  color:#fff;
  font-family: Montserrat, sans-serif;
  font-size:18px;
  font-weight:700;
  margin: 24px 0;
}
.wwd-card p{
  color:#EDEDED;
  margin:0;
}

@media (max-width:1080px){
  .whatwedo{ padding:56px 0; }
  .wwd-grid{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width:720px){
  .whatwedo{ padding:44px 0; }
  .wwd-grid{ grid-template-columns: 1fr; }
}
 
.cards-head{ margin: 6px 0 16px; }
.cards-head h2{margin-bottom: 25px;}

 
.cards-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);
}

section.section-white.cards-section {
    padding-top: 0;
    
}
@media (max-width: 991px) {
  .cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }

section.section-white.cards-section {
     
    padding: 20px;
}
}

@media (max-width: 600px) {
  .cards-grid {
    grid-template-columns: 1fr;
  }
}


.cards-grid .news-card{
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 25px;
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  padding-top: 0;
}

.contact-left p {
  margin-bottom: 12px;
  font-size: 18px;
  color: #C08552;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.contact-left a {
  color: inherit;
  text-decoration: none;
  color: var(--green, #1D5F2B);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: 30px;
}

.contact-left a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
}
section.section-white.gallery-page {
    padding-top: 0;
}
 .gallery-grid{
  display:grid;
  gap: 5px;
  grid-template-columns: repeat(4, 1fr);
}
.g-item{
  position:relative;
  overflow:hidden;
  /* border-radius:10px; */
  display:block;
  background:#eee;
}
.g-item img{
  width:100%;
  height:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  transform:scale(1);
  transition:transform .35s ease, filter .35s ease;
}
.g-item::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(0,0,0,.08), rgba(0,0,0,0));
  opacity:0; transition:opacity .3s ease;
}
.g-item:hover img{ transform:scale(1.05); filter:saturate(1.05); }
.g-item:hover::after{ opacity:1; }

@media (max-width:1080px){ .gallery-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:720px){ .gallery-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:460px){ .gallery-grid{ grid-template-columns:1fr;} }

.signup {
    justify-self: center;
}
.signup a {
    color: var(--green, #1D5F2B);
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

section.section-white.scroll.single .container {
    padding: 0;
}

.section-white a.btn-layout {
    justify-self: left;
}

.donate a.btn-layout.white {
    justify-self: center;
    margin-top: 25px;
}

.news-hero{ position:relative; padding: 92px 0 84px; color:#fff; overflow:hidden; }
.news-hero::before{ content:""; position:absolute; inset:0;
  background-image: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5)), var(--hero);
  background-size:cover; background-position:center; }
.news-hero .container-lg{ position:relative; z-index:1; }
.news-title{ color:#fff; font:900 36px/1.1 Montserrat; margin:0; }

.news-wrap{display:grid;grid-template-columns: 1.35fr .5fr;gap:28px;}
.news-featured img{width:100%;height:auto;border-radius:10px;display:block;margin-bottom: 24px;}
.news-content p{ margin-bottom:16px; }

.news-aside h3{/* color:var(--green,#1D5F2B); *//* font:900 22px/1.2 Montserrat; */margin:4px 0 10px;color: var(--green, #1D5F2B);font-family: Montserrat;font-size: 30px;font-style: normal;font-weight: 900;line-height: normal;}
.news-list{display:flex;flex-direction:column;gap:16px;max-width: 440px;}
.container-lg.news-wrap {
    padding: 0 50px;
}
.news-mini{ background:#fff; border-radius:12px; box-shadow:0 7px 0 0 var(--cream,#D8BFAA); overflow:hidden;
  transition: transform .25s ease, box-shadow .25s ease; }
.news-mini:hover{ transform:translateY(-4px); box-shadow:0 10px 0 0 var(--cream,#D8BFAA); }

.news-mini-link{ display:grid; grid-template-columns:110px 1fr auto; gap:12px; align-items:center;
  color:inherit; text-decoration:none; padding:10px; position:relative; }
.news-mini-media img{ width:100%; height:92px; object-fit:cover; border-radius:8px; display:block; }
.news-mini-date{ color:#C08552; font-size:12px; margin:0 0 4px; }
.news-mini-title{ color:var(--green,#1D5F2B); font:700 16px/1.25 Montserrat; margin:0; }

.news-mini-cta{ width:34px; height:34px; border-radius:50%; border:2px solid #1D5F2B; color:#1D5F2B;
  display:grid; place-items:center; transition:.2s ease; flex-shrink:0; }
.news-mini-link:hover .news-mini-cta{ background:#1D5F2B; color:#fff; }

.cards-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:30px; }
.news-mini.is-grid .news-mini-link{ grid-template-columns:1fr; gap:10px; padding:10px; }
.news-mini.is-grid .news-mini-media img{ height:180px; border-radius:10px; }
.news-mini.is-grid .news-mini-cta{ position:absolute; right:14px; bottom:14px; }
.news-aside .cards-grid {
grid-template-columns:1fr;
}
.news-mini-link {
    /* display: grid; */
    /* grid-template-columns: 110px 1fr auto; */
    gap: 12px;
    display: flex;
    align-items: flex-start; /* antes era center */
    color: inherit;
    text-decoration: none;
    padding: 10px;
    position: relative;
    flex-flow: column;
}
.news-mini-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    flex-flow: column;
    border-radius: 8px;
    display: block;
}


@media (max-width:1080px){
  .news-wrap{ grid-template-columns:1fr; }
}
@media (max-width:720px){
  .cards-grid{ grid-template-columns:1fr; }
  .news-mini.is-grid .news-mini-media img{ height:180px; }
}
/*===========================================================================================================*/
/*=========================================== KEY FRAMES ====================================================*/
/*===========================================================================================================*/
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-20%);
		-webkit-transform: translateY(-20%);
		-moz-webkit-transform: translateY(-20%);
		-o-webkit-transform: translateY(-20%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20%);
		-webkit-transform: translateY(20%);
		-moz-webkit-transform: translateY(20%);
		-o-webkit-transform: translateY(20%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translateX(-20%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
		-webk9t-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translateX(20%);
		-webkit-transform: translateX(20%);
		-moz-transform: translateX(20%);
		-o-transform: translateX(20%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
		-webk9t-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
	}
}

/*===========================================================================================================*/
/*=========================================== BOTTOM ========================================================*/
/*===========================================================================================================*/
 
.news-bottom {padding: 50px;background: #F9F9F9;}

 
.news-bottom-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom: 25px;
}
.news-bottom-viewport {
  scrollbar-width: none;  
}
.news-bottom-viewport::-webkit-scrollbar {
  display: none;  
}
.news-bottom-arrows{ display:flex; gap:12px; }
.news-bottom-arrows button {
  background: none;    
  border: none;        
  box-shadow: none;    
  width: auto;         
  height: auto;        
  color: var(--green, #1D5F2B);  
  font-size: 30px;     
  padding: 0;          
  cursor: pointer;
  transition: color .2s ease;
}

.news-bottom-arrows button:hover {
  color: var(--yellow, #C08552);  
  transform: none;                
}
.news-bottom-arrows button[disabled]{ opacity:.45; cursor:not-allowed; }
 

 
.news-bottom-viewport{
  --gap: 24px;
  --cards-per-view: 3;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px; /* espaço pro “sombra-bege” do card */
}
.news-bottom-viewport:focus-visible{ outline: 2px solid var(--green,#1D5F2B); outline-offset: 2px; }

.news-bottom-track{
  display:flex;
  gap: var(--gap);
}

.news-card{
  scroll-snap-align: start;
  flex: 0 0 calc((100% - (var(--gap) * (var(--cards-per-view) - 1))) / var(--cards-per-view));
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 7px 0 0 var(--cream, #D8BFAA);
}
.news-card-link{ display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; }

.news-card-media img{
  width:100%;
  height:360px;
  object-fit:cover;
  object-position:center;
  display:block;
}
.news-card-body{padding:18px 20px 22px;position:relative;display: flex;flex-flow: column;}
.news-card-date{color: #C08552;font-family: Montserrat;font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;margin-bottom: 0;}
.news-card-title{margin:0;padding-right:56px;color: var(--green, #1D5F2B);font-family: Montserrat;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;}
.next-div {
    display: flex;
    justify-content: flex-end;
}

.news-card-cta{
  /* position:absolute; */
  right:16px;
  bottom:18px;
  width:44px;
  height:44px;
  border-radius:50%;
  border:2px solid #1D5F2B;
  color:#1D5F2B;
  background:#fff;
  display:grid;
  place-items:center;
  transition:.2s ease;
}
.news-card {
  position: relative;  
}
.news-card-link:hover .news-card-cta {
  background: #1D5F2B;
  border-color: #1D5F2B;
  color: #fff;
}

.news-card-cta {
  position: absolute;
  right: 16px;           
  top: 50%;             
  transform: translateY(-50%);  
}
/* responsivo */
@media (max-width:1280px){
  .news-card-media img{ height:300px; }
  .news-bottom-viewport{ --cards-per-view: 2; }
}
@media (max-width:720px){
  .news-card-media img{ height:220px; }
  .news-bottom-viewport{ --cards-per-view: 1; }
  .news-bottom-head{ flex-direction:column; align-items:flex-start; }
}

 
.cards-grid article,
.news-bottom-track .news-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cards-grid article:hover,
.news-bottom-track .news-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}


/*===========================================================================================================*/
/*=========================================== FOOTER ========================================================*/
/*===========================================================================================================*/
 .site-footer{
  position: relative;
  color:#fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 48px 0 28px;
  overflow: hidden;
}

.site-footer::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;                     /* overlay abaixo do conteúdo */
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.55) 100%);
}

.site-footer .container{ position: relative; z-index: 1; }

/* Social */
.footer-social{
  display:flex;
  gap: 20px;
  justify-content:center;
  margin-bottom: 21px;
}
.footer-social a{
  color:#fff;
  font-size: 30px;
  line-height:1;
  transition:opacity .2s ease;
}
.footer-social a:hover{ opacity:.8; }

/* Menu */
.footer-nav ul{
  display:flex;
  flex-wrap:wrap;
  gap: 47px;
  justify-content:center;
  margin:0 0 26px;
  padding:0;
  list-style:none;
}
.footer-nav a{
  color: var(--white, #F9F9F9);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.footer-nav a:hover{ text-decoration:underline; }

/* Grid principal */
.footer-grid{
  display:grid;
  align-items:center;
  gap:28px;
  grid-template-columns: 1.1fr .9fr 1.1fr; /* info | logo | phone */
  margin: 21px 0 18px;
}
.footer-col h3{
  color: #FFF;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 28px;
  line-height: normal;
  justify-self: center;
}
.footer-col.footer-info {
    justify-items: center;
}
.footer-line h4 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.footer-line{
  margin: 0 0 28px;
  display:flex;
  flex-flow: column;
  gap: 5px;
  align-items: center;
}
.footer-line i{ margin-top:3px; }
.footer-line a{text-decoration:none;color: #FFF;font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
.footer-line a:hover{ text-decoration:underline; }

.footer-note{
  /* opacity:.9; */
  /* margin-top:10px; */
  /* max-width: 420px; */
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Logo central */
.footer-logo{
  text-align:center;
}
.footer-logo img{
  max-width: 232px;
  width:100%;
  height:auto;
  display:inline-block;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
}

/* Phones */
.footer-phone .footer-line{/* display:block; */}
.footer-phone a{color:#fff;text-decoration:none;}
.footer-phone a:hover{ text-decoration:underline; }

/* Copyright */
.footer-copy{
  text-align:center;
  color: var(--white, #F9F9F9);
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.footer-line span {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-col.footer-phone {
    justify-self: center;
    align-self: flex-start;
}

.contact-left i {
    padding-right: 8px;
    color: #C08552;
}
p.topCon {
    color: var(--black, #040303);
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 18px;
}
p.topCon a {
    margin-left: 0;
}
a.mail {
    margin-left: 0;
}

.contact-right h3 {
    color: var(--dark-gray, #3F3F3F);
    font-family: montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%; /* 18.9px */
    margin-bottom: 20px;
}
/* ===== Responsive ===== */
@media (max-width: 1080px){
  .footer-grid{
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "info phone"
      "logo logo";
  }
  .footer-info{ grid-area: info; }
  .footer-phone{ grid-area: phone; }
  .footer-logo{ grid-area: logo; }
  .footer-logo img{ max-width: 200px; }
}
@media (max-width: 640px){
  .site-footer{ padding: 40px 0 22px; }
  .footer-grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "logo"
      "info"
      "phone";
    text-align:center;
  }
  .footer-line{ justify-content:center; }
  .footer-note{ margin-inline:auto; }
}



/*===========================================================================================================*/
/*=========================================== MOBILE ========================================================*/
/*===========================================================================================================*/
@media (min-width: 1920px){
   p{font-size:20px}
   .about-content li {font-size:20px}
}

 
 
@media (max-width: 1080px){
.about-eiyr .bnn img {
transform:none;  
}
.about-eiyr .bnn picture,
.about-eiyr .bnn img{width: 100%;}
section.left-right-section .info{padding:20px; padding-bottom:0}
.community-donate-info {padding: 20px;padding-top: 0;}
.community-donate-row {padding-right:0}
.news-bottom {padding:20px}
}
@media (max-width: 991px){

.container, .container-lg, {
    padding: 0 20px;
	}
.section-white.about-eiyr .container, .container-lg ,section.section-white.donate-section {
	padding: 0 20px;
}
.section-white.contact-section,section.section-white.gallery-page p,{
	padding:20px 20px;
}
.whatwedo .container {
    padding: 10px;
}
.signup .container{
 padding:0;
}
.container-lg.news-wrap {
    padding: 20px;
padding-top:0;
}
.section-white.contact-section.ready {
    padding: 20px;
}
}

@media (max-width: 768px) {
  
}
 
@media (max-width: 640px){
  .footer-grid .footer-note {
    display: none;
  }
  .footer-note.mobile-only {
    display: block;
    text-align: center;
    margin-top: 15px;
  }
}

 
@media (min-width: 641px){
  .footer-note.mobile-only {
    display: none;
  }
}


@media (max-width: 465px){
 

}