/**
Theme Name: Astra Child
Author: Pradeep Verma
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

.header-section img {
  position: absolute;
  background-color: white;
  top: -65px;
}

@media (max-width: 1024px) {
  .header__logo img {
    top: -25px;
  }
}

.hero-header h2 {
  line-height: 90% !important;
}

/* =======================================================
     HERO SECTION
  ======================================================= */
.hero-section {
}

.hero-header {
}

.hero-header__title {
}

.hero-header__desc {
}

.hero-slider {
}

.hero-slider__item {
}

.hero-slider__image {
}

/* Responsive */
@media (max-width: 1024px) {
  .hero-header__title {
  }
  .hero-header__desc {
  }
}

/* =======================================================
     PILLAR HIGHLIGHT SECTION
  ======================================================= */
.pillar-highlight-section {
}

.pillar-highlight-section__wrapper {
}

.pillar-highlight-section__item {
}

.pillar-highlight-section__item:hover {
}

.pillar-highlight-section__title {
}

.pillar-highlight-section__desc {
}

.pillar-highlight-section__btn {
}

.pillar-highlight-section__btn:hover {
}

/* Responsive */
@media (max-width: 991px) {
  .pillar-highlight-section__wrapper {
  }
}
@media (max-width: 767px) {
  .pillar-highlight-section__wrapper {
  }
}

/* =======================================================
     OUR IMPACT SECTION
  ======================================================= */
.our-impact-section {
}

.our-impact-section__wrapper {
}

.our-impact-section__title {
}

.our-impact-section__desc {
}

/* =======================================================
     COUNTER SECTION
  ======================================================= */
.counter-section {
}

.counter-section__wrapper {
}

.counter-section__slider {
}

.counter-section__slide {
}

.counter-section__slide:hover {
}

.counter-section__slide-wrapper {
}

.counter-section__image {
}

.counter-section__count {
}

.counter-section__title {
}

/* Responsive */
@media (max-width: 991px) {
  .counter-section__count {
  }
}
@media (max-width: 767px) {
  .counter-section__slider {
  }
}

/* =======================================================
     CALLOUT SECTION
  ======================================================= */
.callout-section {
  height: 622px !important;
  margin-top: -100px;
}

@media (max-width: 767px) {
  .callout-section {
    height: 920px;
  }
}

.callout-section__wrapper {
  margin-top: 0px !important;
}

.callout-section__image-wrapper {
  box-shadow: none !important;
}

.callout-section__image img {
  box-shadow: none !important;
  height: 341px !important;
}

.callout-section__content {
  min-height: 341px !important;
}

.callout-section__title {
}

.callout-section__desc {
}

.callout-section__btn {
}

.callout-section__btn:hover {
}

/* Flip layout for left and right blocks */
.callout-section__block {
}

.callout-section__block--left .callout-section__image-wrapper {
  order: 1;
}
.callout-section__block--left .callout-section__content {
  order: 2;
}
.callout-section__block--right .callout-section__image-wrapper {
  order: 2;
}
.callout-section__block--right .callout-section__content {
  order: 1;
}

/* Responsive */
@media (max-width: 991px) {
  .callout-section__wrapper {
  }
  .callout-section__content,
  .callout-section__image-wrapper {
  }
}

/* =======================================================
     BLOG SECTION
  ======================================================= */

.blog-section__content-block {
  display: block;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.blog-section__content-title {
}

.blog-section__content-desc {
  margin-top: 0px !important;
}

.blog-section__content-desc > p {
  margin-bottom: 0px !important;
}
.blog-section__main-title {
}

.blog-section__loop-container div {
  box-shadow: none !important;
}

.blog-section__blog-block {
}

.blog-section__blog-block:hover {
}

.blog-section__blog-title {
}

.blog-section__blog-desc {
}

.blog-section__blog-btn {
}

.blog-section__blog-btn:hover {
}

.label-category-blog {
  margin-left: 10px !important;
  background-color: #3d2c77 !important ;
  color: white !important;
  padding: 2px 4px 2px 8px !important;
  border-radius: 20px !important;
}
.label-category-blog li {
  display: flex !important;
  justify-content: center !important;
  font-size: 12px !important;
}
/* Responsive */
@media (max-width: 991px) {
  .blog-section__loop-container {
  }
}
@media (max-width: 767px) {
  .blog-section__loop-container {
  }
}

/* =======================================================
     RESOURCE SECTION
  ======================================================= */
.resource-section {
}

.resource-section__wrapper {
}

.resource-section__block {
}

.resource-section__block:hover {
}

.resource-section__title {
}

.resource-section__desc {
}

.resource-section__btn {
}

.resource-section__btn:hover {
}

/* Responsive */
@media (max-width: 991px) {
  .resource-section__wrapper {
  }
  .resource-section__block {
  }
}

/* =======================================================
     LOGOS SECTION
  ======================================================= */
.logos-section {
}

.logos-section__heading {
}

.logos-section__title {
}

.logos-section__wrapper {
}

.logos-section__logo-block {
}

.logos-section__logo {
}

.logos-section__logo:hover {
}

/* Responsive */
@media (max-width: 767px) {
  .logos-section__wrapper {
  }
  .logos-section__logo-block {
  }
}

.copyright-section__right p {
  margin: 0px !important;
}

.footer-section {
  padding-bottom: 62px !important;
}

/* =======================================================
     NEWSLETTER SECTION
  ======================================================= */
.newsletter-section__wrapper {
  padding-bottom: 95px !important;
}

.newsletter-section__btn > form > .elementor-form-fields-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
}

/* Input field */
.newsletter-section__btn input[type='email'] {
  width: 100%;
  min-width: 544px;
  padding: 36px 162px 36px 20px;
  border: 1px solid #b0eee6;
  border-radius: 30px;
  font-size: 16px;
  box-sizing: border-box;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

/* Button inside input box */
.newsletter-section__btn .e-form__buttons {
  position: absolute;
  top: 50%;
  left: 260px;
  transform: translateY(-50%);
}

.newsletter-section__btn button {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  background-color: #0073e6;
  color: #fff;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s ease;
}

.newsletter-section__btn button:hover {
  background-color: #005bb5;
}
@media (min-width: 768px) {
  /* Input field */
  .newsletter-section__btn input[type='email'] {
    min-width: 200px !important;
  }
}

@media (min-width: 768px) {
  .newsletter-section__btn .e-form__buttons {
    width: 100%;
  }

  .newsletter-section__btn .elementor-button .elementor-size-md {
    background-color: red !important;
    width: 100% !important;
    margin-top: 12px;
  }
}
/*=======================================================
  
    about Us Page CSS
  =======================================================*/

.about-main-section {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 472px;
}

.about-main-section img {
  position: absolute;
  left: 0;
  margin-top: 72px;
}

@media (max-width: 1024px) {
  .about-main-section img {
    position: static;
  }
  .about-main-section {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: auto;
  }
}

.about-vision-section {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-vision__wrapper {
  margin-top: 112px;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.about-mission__wrapper {
  margin-top: 38px;
  width: 100%;
  justify-content: center;
  align-items: center;
}
/* Default styles (desktop) */
.about-vision__wrapper p {
  width: 722px;
}

.about-mission__wrapper p {
  width: 722px;
}

/* For tablets (iPad) */
@media (max-width: 1024px) {
  .about-vision__wrapper p,
  .about-mission__wrapper p {
    width: auto !important;
    max-width: 100% !important;
  }
}

/* For mobile devices */
@media (max-width: 767px) {
  .about-vision__wrapper p,
  .about-mission__wrapper p {
    width: auto !important;
    max-width: 100% !important;
  }
}

.about-values-section {
  min-height: 472px;
  background-size: cover;
  background-repeat: no-repeat;
}

.about-values-image {
  padding-bottom: 100px;
}

.donate-mission__wrapper p {
  width: 722px;
}

/* Meet the team section CSS */

.meet-team-section {
  background-repeat: no-repeat;
  background-size: cover;
}
.meet-team-section__wrapper {
  min-height: 472px;
  max-width: 790px;
}

.meet-team-section__title {
  margin-top: 20px;
}

.meet-team-section__desc {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.meet-team-section__desc p {
  width: 722px;
}

.meet-team-section__image {
  /*position: absolute;
  max-width: 764px;
  display: flex;
  bottom: -160px;
  right: 0;
  justify-content: center;
  align-items: center;*/
}

.meet-team-section__image img {
  width: 100%;
  height: 394px;
  width: auto;
  object-fit: cover;
}

.meet-team-section-img {
  
}

@media (max-width: 1024px) {
  .meet-team-section__image img {
    width: 100%;
    height: 394px;
    width: auto;
    object-fit: contain;
    padding: 0px 20px;
    margin-top: 0px;
  }
  .meet-team-section-img {
    margin-top: 180px;
  }
}

@media (max-width: 767px) {
  .meet-team-section-img {
    margin-top: 20px;
  }
	.meet-team-section__image img {
		height: auto;
  	}
	.donate-mission__wrapper p {
	  width: auto;
	}
}

.board-section {
  padding-bottom: 64px;
}
.about-more-section__wrapper p {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}
/*=======================================================
  
     Custom CSS OUR history section
  =======================================================*/
.history-page__image {
  display: flex;
  justify-content: right;
  align-items: right;
}
@media (max-width: 1024px) {
  .history-page__image {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
/*=======================================================
  
     Custom CSS news and stories blog section
  =======================================================*/

.symposium-section {
  height: 472px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
}
.symposium-section__image {
  position: absolute;
  max-width: 1140px;
  display: flex;
  bottom: -120px;
  justify-content: center;
  align-items: center;
}
.symposium-section__image img {
  width: 920px;
  height: 394px;
  width: auto;
  object-fit: cover;
}
.symposium-section__middle {
  margin-top: 172px;
}

.symposium-section__slider {
  position: relative;
}

/*=======================================================
  
     Custom CSS for BLOG and NEWS pages
  =======================================================*/
.blog-section {
  background-size: cover;
  min-height: 348px;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-section-header__wrapper {
  max-width: 1440px;
}

@media (max-width: 767px) {
  .blog-section {
    background-size: cover;
    min-height: 348px;
    background-repeat: no-repeat;
  }
  .blog-section-header__right {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .blog-section-header__left {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 28px;
  }

  .blog-section-header__right img {
    width: auto;
    height: 100%;
  }

  .blog-section-header__left div {
    font-size: 48px !important;
  }
  .blog-section-header__left p {
    font-size: 18px !important;
  }
}
/* .blog-section-header__right > div {
  position: absolute;
  bottom: 64px;
} */

.blog-section-header__right {
  padding: 0px !important;
  margin: 0px !important;
}
.blog-section-header__right img {
  position: relative;
  bottom: -54px;
}

.blog-section__wrapper {
  
}

/* News Section  */

.news-section__header {
  background-size: cover;
  min-height: 348px;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.news-section__header_image {
  padding: 0px !important;
  margin: 0px !important;
}
.news-section__header_image img {
  position: relative;
  bottom: -54px;
}

.news-section__header_wrapper {
  max-width: 1440px;
}
.news-section__block {
  margin-top: 96px;
}

@media (max-width: 767px) {
  .news-section__header {
    background-size: cover;
    min-height: 348px;
    background-repeat: no-repeat;
  }
  .news-section__header_image {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .news-section__header_info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 28px;
  }

  .news-section__header_image img {
    width: auto;
    height: 100%;
  }

  .blnews-section__header_info div {
    font-size: 48px !important;
  }
  .blnews-section__header_info p {
    font-size: 18px !important;
  }
}

/* .blog-section-header__right > div {
    position: absolute;
    bottom: 64px;
  } */

.blog-section-header__right {
  padding: 0px !important;
  margin: 0px !important;
}
.blog-section-header__right img {
  position: relative;
  bottom: -54px;
}

.blog-section__wrapper {
  margin-top: 20px;
}

.blog_card__wrapper {
  
}
.blog_card__image {
  margin: 0px !important;
}

.blog_card__image img {
  object-fit: contain !important;
}
.blog_card__publish_time {
  padding: 0px !important;
}

.blog_card__containt > div {
  gap: 0px;
}

.blog_card__heading h2 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog_card__description p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 767px) {
  .blog_card__wrapper {
    padding: 0px 20px;
    height: 248px;
  }
  .blog_card__image img {
    object-fit: cover !important;
  }
}

/*=======================================================
  
     Custom CSS for Ajax Loop Search
  =======================================================*/
.ajax-loop-input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 400px;
}

.ajax-loop-input {
  width: 100%;
  padding: 10px 45px 10px 15px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 25px;
  outline: none;
  transition: all 0.3s ease;
}

.ajax-loop-input:focus {
  border-color: #0073aa;
  box-shadow: 0 0 5px rgba(0, 115, 170, 0.3);
}

.ajax-loop-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #555;
  font-size: 18px;
  cursor: pointer;
  padding: 5px;
}

.ajax-loop-btn:hover {
  color: #0073aa;
}

.ajax-loop-results {
  margin-top: 30px;
  display: grid;
  gap: 30px;
}

.ajax-loop-pagination {
  text-align: center;
  margin-top: 25px;
}

.ajax-loop-pagination button {
  background: #f5f5f5;
  border: none;
  margin: 0 4px;
  padding: 8px 14px;
  border-radius: 5px;
  cursor: pointer;
}

.ajax-loop-pagination button.active {
  background: #0073aa;
  color: #fff;
}
#ajax-loop-results .format-standard {
  margin-bottom: 50px;
}

.blog-categories label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  text-transform: capitalize;
  float: left;
}

.blog-categories input[type='checkbox'] {
  width: 16px;
  height: 16px;
  accent-color: #0073e6;
  cursor: pointer;
}

.news-categories label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  text-transform: capitalize;
  float: left;
}

.news-categories input[type='checkbox'] {
  width: 16px;
  height: 16px;
  accent-color: #0073e6;
  cursor: pointer;
}
.breadcrumb {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  font-family: 'League Spartan';
  width: 900px;
}

.breadcrumb a {
  color: #2a8fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 32px;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb span {
  color: #003055;
  font-size: 16px;
  line-height: 32px;
  font-family: 'League Spartan';
}
.author-box-wrapper .author-box {
  display: flex;
  align-items: flex-start;
  background-color: #e8f2fa;
  padding: 25px 30px;
  border-radius: 12px;
  margin-top: 40px;
}
.author-box-wrapper .author-image img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 25px;
}
.author-box-wrapper .author-info h4 {
  margin-bottom: 8px;
  color: #003366;
  font-size: 18px;
}
.author-box-wrapper .author-info p {
  margin: 0 0 8px;
  color: #333;
  line-height: 1.6;
}
.author-box-wrapper .author-readmore {
  color: #0073aa;
  text-decoration: underline;
  font-weight: 500;
}
.author-box-wrapper .author-readmore:hover {
  color: #005a87;
}

.profile-popup.elementor-widget.elementor-widget-button {
    margin-bottom: -18px;
}