/* Register AzoSans font */
@font-face {
  font-family: 'Azo Sans Black';
  src: url('../fonts/AzoSans-Black.eot');
  src: url('../fonts/AzoSans-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AzoSans-Black.woff2') format('woff2'),
    url('../fonts/AzoSans-Black.woff') format('woff'),
    url('../fonts/AzoSans-Black.ttf') format('truetype'),
    url('../fonts/AzoSans-Black.svg#AzoSans-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Azo Sans Regular';
  src: url('../fonts/AzoSans-Regular.eot');
  src: url('../fonts/AzoSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AzoSans-Regular.woff2') format('woff2'),
    url('../fonts/AzoSans-Regular.woff') format('woff'),
    url('../fonts/AzoSans-Regular.ttf') format('truetype'),
    url('../fonts/AzoSans-Regular.svg#AzoSans-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Azo Sans Medium';
  src: url('../fonts/AzoSans-Medium.eot');
  src: url('../fonts/AzoSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AzoSans-Medium.woff2') format('woff2'),
    url('../fonts/AzoSans-Medium.woff') format('woff'),
    url('../fonts/AzoSans-Medium.ttf') format('truetype'),
    url('../fonts/AzoSans-Medium.svg#AzoSans-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Azo Sans Bold';
  src: url('../fonts/AzoSans-Bold.eot');
  src: url('../fonts/AzoSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AzoSans-Bold.woff2') format('woff2'),
    url('../fonts/AzoSans-Bold.woff') format('woff'),
    url('../fonts/AzoSans-Bold.ttf') format('truetype'),
    url('../fonts/AzoSans-Bold.svg#AzoSans-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* roots variables */
:root {
  --azosans-regular: 'Azo Sans Regular';
  --azosans-medium: 'Azo Sans Medium';
  --azosans-bold: 'Azo Sans Bold';
  --azosans-black: 'Azo Sans Black';
  --font-18: clamp(1rem, 0.9462rem + 0.2235vw, 1.125rem);
  --font-25: 25px;
	--font-22: 22px;
  --font-55: clamp(1.5rem, 0.6666rem + 3.4637vw, 3.4375rem);
  --white-color: #fff;
  --black-color: #000;
  --black-secondary: #151515;
  --secondary-black: rgb(24, 24, 24);
  --secondary-white: #f5f6f0;
/*   --green-color: #12A550;
  --orange-color: #f47321; */
	--green-color:#669933;
/* 	--orange-color:#FD0002; */
  --orange-color:#C90000;
	
  --padding-y-70: clamp(1.875rem, 0.7996rem + 4.4693vw, 4.375rem) 0;
}



/*_________________________________________________Reset Css Start_______________________________________*/
*,
*::after,
*::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
  padding: 0;
  margin: 0;
}

body {
  font-family: sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  line-height: 1.3;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  margin: 0;
}

a {
  display: inline-block;
  text-decoration: none;
  color: #000;
}

ol,
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

img {
  display: block;
  padding: 0;
  margin: 0;
}

/*___________________________________________________Reset Css End________________________________________*/




/*__________________________________________________Utility Css Start_____________________________________*/
.container {
  max-width: 1304px;
}

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

.img-fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}



.img-fluid-cover{ height: 100%; width: 100%; object-fit: cover; object-position: center;}

/*__________________________________________________Utility Css End________________________________________*/
/* components class */
.section-heading {
  padding: 0 0 40px 0;
}

.section-heading>h2.section-heading-text {
  font-family: var(--azosans-bold);
  font-size: var(--font-55);
  font-weight: 600;
  color: var(--white-color);
  text-align: center;
  position: relative;
  padding: 0 0 15px;
}

.section-heading>h2.section-heading-text::after {
  content: '';
  position: absolute !important;
  bottom: 0 !important;
  left: 50%;
  transform: translateX(-50%);
  width: 9%;
  height: 1px !important;
  background-color: var(--white-color);
}

.heading-btn {
  padding:11px 18px 7px 18px !important;
  border-radius: 50px !important;
  background-color: var(--orange-color);
  width: max-content !important;
  margin: 20px 0 0 0 !important;
}

.heading-btn>p.heading-btn-text {
  padding: 0 !important;
  margin: 0 !important;
  color: var(--white-color) !important;
  font-family: var(--azosans-regular) !important;
  font-size: clamp(0.875rem, 0.8212rem + 0.2235vw, 1rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.read-more-btn {
  background-color: var(--orange-color);
  border-radius: 70px !important;
  width: max-content !important;
  transition: all 0.4s ease;
}

.read-more-btn:hover {
  background-color: #e75f0cfa;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
}

.read-more-btn>a.read-more-btn-text {
  padding: 13px 36px;
  display: inline-block;
  font-family: var(--azosans-regular) !important;
  font-weight: 400 !important;
  font-size: 16px;
  color: var(--white-color);
  text-transform: uppercase !important;
}

.read-more-btn:hover>a.read-more-btn-text {
  color: var(--secondary-black);
  transition: all 0.4s ease;
}





/*================================================ LOADER CSS START ===============================================*/
body.loading {
  overflow: hidden;
  /* allow scroll */
  -ms-overflow-style: none;
  /* IE and old Edge */
  scrollbar-width: none;
  /* Firefox */
}

/* Chrome / Safari / Edge (WebKit/Blink) — width/height 0 is most reliable */
html.loading::-webkit-scrollbar,
body.loading::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
  /* optional */
}

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  width: 100vw;
  background-color: green;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity 0.3s ease;
  opacity: 1;
}

#loader-wrapper .loader {
  width: 48px;
  height: 48px;
  margin: auto;
  position: relative;
}

#loader-wrapper .loader:before {
  content: '';
  width: 48px;
  height: 5px;
  background: #000;
  opacity: 0.25;
  position: absolute;
  top: 60px;
  left: 0;
  border-radius: 50%;
  animation: shadow 0.5s linear infinite;
}

#loader-wrapper .loader:after {
  content: '';
  width: 100%;
  height: 100%;
  background: #fff;
  animation: bxSpin 0.5s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
}

@keyframes bxSpin {
  17% {
    border-bottom-right-radius: 3px;
  }

  25% {
    transform: translateY(9px) rotate(22.5deg);
  }

  50% {
    transform: translateY(18px) scale(1, .9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }

  75% {
    transform: translateY(9px) rotate(67.5deg);
  }

  100% {
    transform: translateY(0) rotate(90deg);
  }
}

@keyframes shadow {

  0%,
  100% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.2, 1);
  }
}

/*================================================ LOADER CSS END ===============================================*/



/* _______________________________________________Header Css Start__________________________________________ */
header.top-header {
  padding: 7px 0;
  background-color: var(--green-color);
}

header.top-header .row {
  justify-content: space-between;
  align-items: center;
}

header.top-header .row [class^="col-"]:nth-of-type(1) {
  display: flex;
  align-items: center;
  gap: 30px;
}

header.top-header .row [class^="col-"]:nth-of-type(1) .info {
  display: flex;
  align-items: center;
  gap: 12px;
}

header.top-header .row [class^="col-"]:nth-of-type(1) .info a {
  font-size: 18px;
  font-family: var(--azosans-medium);
  font-weight: 500;
  color: var(--white-color);
  white-space: nowrap;
}

header.top-header .row [class^="col-"]:nth-of-type(1) .info i {
  --_size: 34px;
  font-size: 16px;
  color: var(--white-color);
  width: var(--_size);
  height: var(--_size);
  background-color: var(--orange-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

header.top-header .row [class^="col-"]:last-child>div {
  display: flex;
  gap: 24px;
  justify-content: end;
}

header.top-header .row [class^="col-"]:last-child>div>a>i {
  color: var(--white-color);
  font-size: 21px;
}


header.bottom-header {
  background-color: #fff;
  padding: 5px 0;
}

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

header.bottom-header .wrapper .logo-block {
  width: 120px;
  height: auto;
}

header.bottom-header .wrapper .nav-block .stellarnav ul li a {
  font-family: var(--azosans-medium);
  font-size: 19px;
  font-weight: 500;
  padding: 0 clamp(0.625rem, -4.0625rem + 7.3171vw, 1.5625rem);
	padding: 0 clamp(0.625rem, -4.0625rem + 6.5171vw, 1.5625rem);
  color: #151515;
}

header.bottom-header .wrapper .nav-block .stellarnav ul li.menu-item-25 {
  display: none;
}

header.bottom-header .wrapper .nav-block .stellarnav ul li.active a {
  color: #f47321;
}

header.bottom-header .wrapper .nav-block .stellarnav.mobile.active ul li a {
  color: #171717;
  font-weight: 600;
  padding: 13px 10px;
  border-bottom: none;
}

header.bottom-header .wrapper .donate-btn a {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: 19px;
  color: var(--white-color);
  background-color: var(--orange-color);
  padding: 14px 27px;
  border-radius: 50px;
	transition:all 0.3s ease-in-out; display: inline-block;
}

header.bottom-header .wrapper .donate-btn a:hover{ background-color:var(--green-color); }

/* _______________________________________________Header Css End__________________________________________ */




/* banner css start*/
.banner {
  height: clamp(34.375rem, 28.9979rem + 22.3464vw, 46.875rem);
  width: 100%;
  /* position: relative; */
}

.banner>.slick-list,
.banner>.slick-list .slick-track,
.banner>.slick-list .slick-track .slick-slide,
.banner>.slick-list .slick-track .slick-slide .slide-item {
  height: 100% !important;
}

.banner>.slick-list .slick-track .slick-slide .slide-item {
  position: relative;
}

.banner>.slick-list .slick-track .slick-slide .slide-item::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(47, 15, 80, 0) 100%);
  z-index: 1;
}

.banner>.slick-list .slick-track .slick-slide .slide-item .wrapper {
  width: 100%;
  /* height: 100%; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.banner>.slick-list .slick-track .slick-slide .slide-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  position: relative;
}

.banner>.slick-list .slick-track .slick-slide .slide-item .container {
  height: 100%;
}

.banner>.slick-list .slick-track .slick-slide .slide-item .text-block {
  max-width: 700px;
}

.banner>.slick-list .slick-track .slick-slide .slide-item .text-block h1 {
  font-family: var(--azosans-black);
  font-size: clamp(2.5rem, 1.3708rem + 4.6927vw, 5.125rem);
  font-weight: 400;
  color: var(--white-color);
  line-height: 1.1;
  margin-bottom: 40px;
}

.banner>.slick-list .slick-track .slick-slide .slide-item .text-block h1>span {
  color: var(--green-color);
}

.banner>.slick-list .slick-track .slick-slide .slide-item .text-block p {
  font-family: var(--azosans-regular);
  font-size: clamp(1rem, 0.6774rem + 1.3408vw, 1.75rem);
  font-weight: 400;
  color: var(--white-color);
  line-height: 1.4;
  padding: 0 0 50px 0;
}

.banner>.slick-list .slick-track .slick-slide .slide-item .text-block a {
  --_padding-block: clamp(0.875rem, 0.7661rem + 0.4118vw, 1.25rem);
  --_padding-inline: clamp(1rem, 0.746rem + 0.9609vw, 1.875rem);
  font-family: var(--azosans-regular);
  font-size: clamp(0.875rem, 0.8024rem + 0.2745vw, 1.125rem);
  font-weight: 400;
  padding-block: var(--_padding-block);
  padding-inline: var(--_padding-inline);
  border-radius: 80px;
  background-color: var(--orange-color);
  text-transform: uppercase;
  color: var(--white-color);
}

/* banner css end */



/* about us section css start */
.aboutus {
  padding: var(--padding-y-70);
}

.aboutus .row {
  align-items: center;
}

.aboutus .img-block {
  height: clamp(21.875rem, 13.7287rem + 33.8547vw, 40.8125rem);
  border-radius: 25px;
  overflow: hidden;
}

.aboutus .heading-btn {
  background-color: var(--green-color);
}

.aboutus .text-block {
  padding: 0 40px 0 10px;
}

.aboutus .text-block h2 {
  font-family: var(--azosans-bold);
  font-weight: 600;
  font-size: var(--font-55);
  line-height: 1.2;
  padding: 10px 0;
}

.aboutus .text-block p {
  font-family: var(--azosans-regular);
  font-size: var(--font-18);
  font-weight: 400;
  line-height: 1.6;
}

.aboutus .text-block .text-content>p:nth-of-type(2) {
  padding: 25px 0;
}

/* about us section css end */



/* our mission section css start */
.our-mission {
  padding: var(--padding-y-70);
  background-color: var(--green-color);
}

.our-mission .row {
  justify-content: center;
}

.our-mission [class^="col-"] {
  margin-bottom: 25px;
}

.our-mission .box-card {
  border-radius: 15px;
  background-color: var(--white-color);
  height: 100%;
  padding: 24px 30px 42px;
  transition:all 0.3s ease-in-out;
}

.our-mission .box-card:hover {
  background-color: var(--orange-color);
  transition: 0.5s all linear;
}

.our-mission .box-card:hover h3,
.our-mission .box-card:hover p {
  color: var(--white-color);
  transition: 0.5s all linear;
}

.our-mission .box-card:hover i {
  color: var(--green-color);
  background-color: var(--white-color);
  transition: 0.5s all linear;
}


.our-mission .box-card h3 {
  font-family: var(--azosans-bold);
  font-weight: 600;
  font-size: clamp(1.25rem, 0.9811rem + 1.1173vw, 1.875rem);
  padding: 0 0 21px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--orange-color);
  transition:all 0.3s ease-in-out;
}

.our-mission .box-card h3>i {
  --_size: 42px;
  font-size: 20px;
  color: #fff;
  width: var(--_size);
  height: var(--_size);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--orange-color);
  transition:all 0.3s ease-in-out;
}

.our-mission .box-card p {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: var(--font-18);
  line-height: 30px;
  color: #131313;
  transition:all 0.3s ease-in-out;
}

.our-mission .row [class*="col-"]:nth-last-of-type(even) .box-card {
  background-color: var(--orange-color);
}

.our-mission .row [class*="col-"]:nth-last-of-type(even):hover .box-card {
  background-color: var(--white-color);
  transition: 0.5s all linear;
}

.our-mission .row [class*="col-"]:nth-last-of-type(even):hover .box-card h3 {
  color: var(--orange-color);
  transition: 0.5s all linear;
}

.our-mission .row [class*="col-"]:nth-last-of-type(even):hover .box-card i {
  color: var(--white-color);
  background-color: var(--orange-color);
  transition: 0.5s all linear;
}

.our-mission .row [class*="col-"]:nth-last-of-type(even):hover .box-card p {
  color: var(--black-color);
  transition: 0.5s all linear;
}

.our-mission .row [class*="col-"]:nth-last-of-type(even) .box-card h3,
.our-mission .row [class*="col-"]:nth-last-of-type(even) .box-card p {
  color: var(--white-color);
}

.our-mission .row [class*="col-"]:nth-last-of-type(even) .box-card i {
  background-color: var(--white-color);
  color: var(--green-color);
}

/* our mission section css end */



/* meet our leader section css start  */
.meet-our-section {
  padding: var(--padding-y-70);
  background: var(--white-color);
}

.meet-our-section h2.section-heading-text {
  color: var(--orange-color);
}

.meet-our-section h2.section-heading-text::after {
  background-color: var(--green-color);
}

.meet-our-section .row {
  justify-content: center;
}

.meet-our-section .image-card .img-block {
  height: 454px;
  overflow: hidden;
  border-radius: 20px;
}

.meet-our-section .image-card .text-block {
  background-color: var(--white-color);
  padding: 27px 12px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  transform: translateY(-50%);
  margin: auto;
  width: 85%;
}

.meet-our-section .image-card .text-block p {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: 16px;
  color: var(--black-color);
  padding: 0 0 10px 0;
}

.meet-our-section .image-card .text-block h2 {
  font-family: var(--azosans-medium);
  font-weight: 500;
  font-size: var(--font-22);
  color: var(--black-color);

}

/* meet our leader section css end  */



/* core values section csss start */
.core-values {
  padding: var(--padding-y-70);
  background-color: var(--secondary-white);
}

.core-values .container>.row {
  align-items: center;
}

.core-values .row [class^="col-md-"]:nth-of-type(1) {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.core-values .row [class*="col-md-"]:nth-of-type(1)>.row>[class*="col-"] .img-block {
  height: 100%;
}

.core-values .img-block {
  border-radius: 29px;
  overflow: hidden;
}

.core-values .text-block .heading-btn {
  background-color: var(--green-color);
}

.core-values .text-block .text-content h2 {
  font-family: var(--azosans-medium);
  font-weight: 500;
  font-size: var(--font-55);
  line-height: 1.2;
  padding: 30px 0;
}

.core-values .text-block .text-content p {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: var(--font-18);
  color: var(--black-color);
  opacity: 0.6;
  line-height: 1.4;
  max-width: 95%;
  padding: 0 0 42px 0;
}

.core-values .row>[class*="col-"]:nth-of-type(2) .text-block .text-card .card-box {
  padding: 26px;
  border-radius: 15px;
  background-color: var(--white-color);
  
  border: 1px solid #e7e7e7;
	height: 100%;
}

.core-values .text-block .text-card .col-lg-6{
	margin-bottom: 20px;
}


.core-values .row>[class*="col-"]:nth-of-type(2) .text-block .text-card .card-box i {
  font-size: 40px;
  color: var(--green-color);
}

.core-values .row>[class*="col-"]:nth-of-type(2) .text-block .text-card .card-box h3 {
  font-family: var(--azosans-medium);
  font-weight: 500;
  font-size: var(--font-25);
  color: var(--black-secondary);
  padding: 8px 0;
}

.core-values .row>[class*="col-"]:nth-of-type(2) .text-block .text-card .card-box p {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: 16px;
  color: var(--black-secondary);
  color: rgba(0, 0, 0, .5);
  line-height: 1.5;
}

/* core values section csss end */



/* donate section css start */
.donate {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-block: clamp(32px, 3.646vw, 70px);
}



.donate::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.8);
}


.donate .section-heading .section-heading-text {
  color: var(--orange-color);
}

.donate .text-block {
  max-width: 954px;
  margin: 0 auto;
  position: relative;
  z-index: 999;
}

.donate .text-block p {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: clamp(0.875rem, 0.8212rem + 0.2235vw, 1rem);
  color: var(--white-color);
  line-height: 1.6;
  text-align: center;
  margin: auto;
  padding: 0 0 35px 0;
}

.donate .read-more-btn {
  margin: auto;
}

.read-more-btn>a.read-more-btn-text {
  padding:17px 36px 14px 36px;
}

/* donate section css end */


.news .box-card .img-block img{ width:100%; height:auto; }

/* our events section css start */
.our-events {
  padding: var(--padding-y-70);
  background-color: var(--white-color);
}

.our-events .section-heading {
  margin-left: 0;
}

.our-events .section-heading h2.section-heading-text {
  color: var(--green-color);
  text-align: left;
}

.our-events .section-heading h2.section-heading-text::after {
  background-color: var(--orange-color);
  left: 5%;
}

.our-events .box-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 40px;
}

.our-events .box-card .img-block {
  height: 325px;
  width: 50%;
  position: relative;
}

.our-events .box-card .img-block img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.our-events .box-card .img-block::after {
  content: attr(data-date);
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 13px;
  border-radius: 0 0 0 10px;
  background-color: var(--green-color);
  color: var(--white-color);
}

.our-events .box-card .text-block {
  width: 50%;
  padding: 25px 20px;
}

.our-events .box-card .text-block h2 {
  font-family: var(--azosans-medium);
  font-weight: 500;
  font-size: var(--font-25);
  color: var(--orange-color);

}

.our-events .box-card .text-block p {
  font-family: var(--azosans-regular);
  font-weight: 400;
  line-height: 1.4;
  color: var(--black-secondary);
  opacity: 0.8;
  padding: 20px 0 18px;
}


/* our-events wp single page css============================== */
.single.single-our-event .our-events .row {
  justify-content: center;
}

.single.single-our-event .our-events .box-card {
  flex-direction: column;
}

.single.single-our-event .our-events .box-card .img-block {
  height: 520px;
  width: 100%;
}

.single.single-our-event .our-events .box-card .text-block {
  width: 100%;
}

/* our events section css end */



/* our gallery section css start */
.our-gallery {
  padding: var(--padding-y-70);
  background-color: var(--secondary-white);
}

.our-gallery .img-block {
  height: 360px;
  width: auto;
  margin-bottom: 25px;
  border-radius: 20px;
  overflow: hidden;
}

.our-gallery .section-heading h2.section-heading-text {
  color: var(--black-color);
}

.our-gallery .section-heading h2.section-heading-text::after {
  background-color: var(--green-color);
}



.our-gallery .popup-gallery .envira-gallery-item-inner .envira-gallery-link img{ border-radius:20px; overflow:hidden; }





/* our gallery section css start */



/* news section css start */
.news {
  padding: var(--padding-y-70);
  background: var(--white-color);
}

.news .row{--bs-gutter-y:24px; }

.news .section-heading h2.section-heading-text {
  color: var(--black-color);
}

.news .section-heading h2.section-heading-text::after {
  background-color: var(--green-color);
}

.news .row {
  justify-content: center;
}

.news .box-card {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.14);
  position: relative;
  height: 100%;
}

.news .row>[class^="col-"]:last-child .box-card {
  margin-bottom: 0;
}

.news .box-card .img-block {
  height: 295px;
  width: auto;
  overflow: hidden;
  position: relative;
}

.news .box-card .img-block::after {
  content: attr(data-date);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4px 13px;
  border-radius: 0 10px 0 0;
  background-color: var(--green-color);
  color: var(--white-color);
}

.news .box-card .text-block {
  padding: 22px 19px 28px;
}

.news .box-card .text-block h2 {
  font-family: var(--azosans-bold);
  font-weight: 600;
  font-size: var(--font-25);
  color: var(--orange-color);
  max-width: 225px;
}

.news .box-card .text-block p {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  color: var(--black-secondary);
  padding: 18px 43px 12px 0;
}

/* wp single page css================================ */
/* .single.single-news .news .box-card .img-block {
  height: 500px;
}

.single.single-news .news .box-card .text-block h2 {
  max-width: 100%;
} */

/* news section css end */



/* footer css start */
footer {
  padding: var(--padding-y-70);
  background-color: var(--black-color);
  opacity: 0.9;
}

footer .inner-box>h2 {
  font-family: var(--azosans-medium);
  font-weight: 500;
  font-size: 20px;
  color: var(--white-color);
  padding: 0 0 30px 0;
}

footer .inner-box ul li a {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: 16px;
  color: var(--white-color);
	color: var(--white-color) !important;
  opacity: 0.6;
  padding: 0 0 10px 0;
  display: inline-block;
  display: flex;
  gap: 7px;
  line-height: 1.4;
}

footer .inner-box ul li a i{
  font-size:20px;
}

footer .row [class*="col-"]:last-child ul>li {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: 16px;
  color: var(--white-color);
  opacity: 0.6;
  padding: 0 0 10px 0;
}

footer .row [class*="col-"]:nth-of-type(1)>.inner-box .img-block {
  height: 100%;
  width: 145px;
}

footer .row [class*="col-"]:nth-of-type(1)>.inner-box>li>p {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: 16px;
  color: var(--white-color);
  padding: 25px 0;
  max-width: 235px;
  line-height: 1.7;
  opacity: 0.7;
}




/* wp contact form 7 css =================================*/
footer .row [class*="col-"]:nth-of-type(1)>.inner-box .wpcf7 form {
  margin-bottom: 30px;
  position: relative;
}

footer .row [class*="col-"]:nth-of-type(1)>.inner-box .wpcf7 form>.wpcf7-form-control-wrap>input.wpcf7-email {
  width: 100%;
  padding: 12px 18px;
  border-radius: 80px;
  outline: none;
  border: none;
}

footer .row [class*="col-"]:nth-of-type(1)>.inner-box .wpcf7 form input.submit-btn {
  /* text-indent: -9999px; */
  position: absolute;
  right: 8px;
  top: 23px;
  transform: translateY(-50%);
  height: 36px;
  width: 36px;
  border-radius: 50%;
  font-size: 36px;
  background-color: unset;
  background-color: var(--orange-color);
  padding: 8px;
  outline: none;
  border: none;
}

footer .row [class*="col-"]:nth-of-type(1)>.inner-box .wpcf7 form .wpcf7-spinner {
  position: absolute;
  bottom: -40px;
  left: 0;
}

footer .row [class*="col-"]:nth-of-type(1)>.inner-box .wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  margin: 5px 0;
  /* position: absolute; */
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
}

/* footer css end */


/* single page css ==============================*/
.single .inner-page {
  padding: 40px 0;
}

.single .inner-page .img-block {
  height: 500px;
  width: auto;
  text-align: center;
  margin: auto;
}

.single .inner-page .img-block img {
  height: 100%;
  width: auto;
  margin: auto;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.single .inner-page .text-block {
  text-align: center;
  padding: 20px;
}

.single .inner-page .text-block .heading h2 {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
}

.single .inner-page .text-block .post-content p {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  padding-top: 20px;
}

/* single page css end */



/* ______________________________________news page css start___________________________ */
.news-page.inner-banner {
  height: clamp(15.625rem, 12.9365rem + 11.1732vw, 21.875rem);
  width: 100%;
  position: relative;

}

.news-page.inner-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(47, 15, 80, 0) 100%);
  z-index: 1;
}

.news-page.inner-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  position: relative;
}

.news-page.inner-banner .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.news-page.inner-banner .wrapper .text-block h1 {
  font-family: var(--azosans-medium);
  font-size: clamp(3.125rem, 2.3184rem + 3.352vw, 5rem);
  font-weight: 500;
  color: var(--white-color);

}

/* ______________________________________news page css end _______________________*/




/* Contact Page Css start */
.contact-section {
  padding: var(--padding-y-70);
}

.contact-section .section-heading .section-heading-text {
  color: var(--black-secondary);
}
.contact-section .row{
  align-items: center;
}

.contact-section .text-block {
  padding: 0 20px 0 0;
}

.contact-section .text-block>div>div {
  font-family: var(--azosans-regular);
  font-weight: 400;
  font-size: 18px;
  color: var(--black-secondary);
  line-height: 1.6;
}

.contact-section .form-container {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(15px);
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  color: #fff;
	color: #111111;
  text-align: center;
}

.contact-section .form-container h2 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
}

.contact-section .form-container label {
  display: block;
  margin-bottom: 8px;
  text-align: left;
  font-weight: 500;
  color: #111111;
}

.contact-section .form-container input {
  width: 100%;
  padding: 12px;
  margin-bottom: 18px;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  font-size: 15px;
  outline: none;
  transition: all 0.3s ease;
}

.contact-section .form-container textarea{
  width: 100%;
  padding: 12px;
  margin-bottom: 18px;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  font-size: 15px;
  outline: none;
  transition: all 0.3s ease;
  height: 100px;
  resize: none;
}

.contact-section .form-container input:focus {
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
/*   background: rgba(255, 255, 255, 0.9); */
}

.contact-section .form-container .submit-button{
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(90deg, #ff512f 0%, var(--green-color) 100%);
  color: white;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
	margin: 0;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease;
}

.contact-section .form-container .submit-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

/* Contact Page Css end */




.about-page-about{ margin:0; padding:50px 0 20px 0; }
.about-page-about .big-block{ margin:0; padding:0 0 40px 0; }
.about-page-about .big-block .img-block{ margin:0; padding:0; }
.about-page-about .big-block .img-block img{ width:100%; height:auto; border-radius:10px; }
.about-page-about .big-block .text-block{ margin:0; padding:0; }
.about-page-about .big-block .text-block h2{ font-family:var(--azosans-bold); font-weight:600; font-size:var(--font-55); line-height:1.2; padding:0; margin:0; }
.about-page-about .big-block .text-block p{ font-family:var(--azosans-regular); font-size:var(--font-18); font-weight:400; line-height:1.6; }
.about-page-about .big-block:nth-child(even) .row{ flex-direction:row-reverse; }



.leadership-top-section{ margin:0; padding:50px 0 0 0; }
.leadership-top-section .image{ margin:0; padding:0; }
.leadership-top-section .image img{ width:100%; height:auto; border-radius:10px; }
.leadership-top-section .text-block{ margin:0; padding:0; }
.leadership-top-section .text-block h4{ font-family:var(--azosans-medium); font-weight:500; font-size:var(--font-25); color:var(--black-color); margin:0; padding:0 0 8px 0; }
.leadership-top-section .text-block h5{ font-family:var(--azosans-regular); font-weight:400; font-size:16px; color:var(--black-color); padding:0 0 10px 0; text-decoration:underline; }
.leadership-top-section .text-block p{ font-family:var(--azosans-regular); font-size:17px; font-weight:400; line-height:1.6; margin:0; padding:0 0 15px 0; }

.leadership-top-section .big-block{ margin:0 0 40px 0; padding:18px; border-radius:10px; background:#f7f7f7; }
.leadership-top-section .text-block ul li{ font-family:var(--azosans-regular); font-size:16px; font-weight:400; line-height:1.4; margin:0; padding:0 0 10px 0; list-style:disc; }
.leadership-top-section .text-block ul{ padding-left:15px; }






.member-benefits .box{ margin:0 0 20px 0; padding:25px 15px; text-align:center; border:1px solid rgba(19, 19, 19, .1); border-radius:10px; }
.member-benefits .box .icon{ margin:0; padding:0; }
.member-benefits .box .icon i{ font-size:25px; color:var(--green-color); }
.member-benefits .box .text-block{ margin:0; padding:0; }
.member-benefits .box .text-block h3{ margin:0; padding:5px 0 8px 0; }



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

    .leadership-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 30px;
        margin-top: 20px;
    }

    .leadership-card {
        background: white;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .leadership-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 15px rgba(0,0,0,0.2);
    }

    .card-image {
        width: 100%;
        height: 400px;
        overflow: hidden;
    }

    .card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .card-content {
        padding: 20px;
    }

    .card-content h4 {
        margin: 0 0 5px 0;
        font-size: 20px;
        color: #333;
    }

    .card-content h5 {
        margin: 0 0 10px 0;
        font-size: 14px;
        color: #C90000;
        font-weight: 600;
        text-transform: uppercase;
    }

    .card-content p {
        margin: 0 0 15px 0;
        font-size: 14px;
        color: #666;
        line-height: 1.5;
    }

    .view-details-btn {
        background: #C90000;
        color: white;
        border: none;
        padding: 10px 24px;
        cursor: pointer;
        font-weight: bold;
        border-radius: 5px;
        transition: background 0.3s ease;
        font-size: 14px;
        width: 100%;
    }

    .view-details-btn:hover {
        background: #a00000;
    }

    /* Modal Styles */
    .modal {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.7);
        animation: fadeIn 0.3s;
    }

    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    .modal-content {
        background-color: #fefefe;
        margin: 3% auto;
        width: 90%;
        max-width: 900px;
        border-radius: 12px;
        position: relative;
        animation: slideDown 0.3s;
        max-height: 90vh;
        overflow-y: auto;
    }

    @keyframes slideDown {
        from {
            transform: translateY(-50px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .close {
        color: #aaa;
        position: absolute;
        right: 20px;
        top: 15px;
        font-size: 35px;
        font-weight: bold;
        z-index: 1;
        cursor: pointer;
        transition: color 0.3s;
    }

    .close:hover,
    .close:focus {
        color: #C90000;
    }

    .modal-body {
        display: flex;
        gap: 30px;
        padding: 30px;
    }

    .modal-image {
        flex: 0 0 300px;
    }

    .modal-image img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    .modal-text {
        flex: 1;
    }

    .modal-text h3 {
        margin: 0 0 5px 0;
        font-size: 28px;
        color: #333;
    }

    .modal-text h4 {
        margin: 0 0 20px 0;
        font-size: 16px;
        color: #C90000;
        font-weight: 600;
        text-transform: uppercase;
    }

    .modal-text h5 {
        margin: 15px 0 10px 0;
        font-size: 18px;
        color: #333;
    }

    .modal-text p {
        margin: 0 0 15px 0;
        line-height: 1.6;
        color: #555;
    }

    .modal-text ul {
        margin: 0 0 15px 20px;
    }

    .modal-text ul li {
        margin-bottom: 8px;
        line-height: 1.6;
        color: #555;
    }
.meet-our-section .image-card { position: relative}

    /* Responsive */
    @media (max-width: 768px) {
        .leadership-grid {
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 20px;
        }
        
        .modal-body {
            flex-direction: column;
            padding: 20px;
        }
        
        .modal-image {
            flex: 0 0 auto;
        }
        
        .modal-content {
            margin: 10% auto;
            width: 95%;
        }
    }