/*
00. Library override(ex. bootstrap etc) --------------------
01. Text and Typography ------------------------------------
02. Common element(ul,ol,li,body,div etc.) -----------------
03. Common class(padding, margin etc.) ---------------------
04. Header styles ------------------------------------------
05. Footer styles-------------------------------------------
06. Common content------------------------------------------
07. Pages and Posts-----------------------------------------
08. Extra styles--------------------------------------------
09. Media Query---------------------------------------------
*/
/* End Table of Contents */

/* 00. Library override(ex. bootstrap etc) start*/
/* 00. Library override(ex. bootstrap etc)   end*/


/* 01. Text and Typography start */
/* 01. Text and Typography end */


/* 02. Common element(ul,ol,li,body,div etc.) start*/
:root {
  --primary-color: #800000;
  --secondary-color: #0D0C0C;
  --gradient-color: linear-gradient(92.94deg, #800000 1.05%, #BC0000 75.84%);
  --text-color: #65665D;
  --white-color: #FFFFFF;
  --black-color: #000000;
  --light-black-color: #4B4646;
  --primary-font: "Overpass", sans-serif;
  --secondary-font: "Public Sans", sans-serif;
  --prompt-font: "Prompt", sans-serif;
  --font-65: 65px;
  --font-48: 48px;
  --font-46: 46px;
  --font-40: 40px;
  --font-36: 36px;
  --font-32: 32px;
  --font-28: 28px;
  --font-24: 24px;
  --font-22: 22px;
  --font-18: 18px;
  --font-16: 16px;
  --font-14: 14px;
  --border-radius-100: 100px;
  --border-radius-20: 20px;
  --border-radius-18: 18px;
  --border-radius-4: 4px;
  --border-width-1: 1px;
  --border-width-2: 2px;
}

@media screen and (max-width: 1024px) {
  :root {
    --font-65: 48px;
    --font-48: 38px;
    --font-46: 36px;
    --font-40: 34px;
    --font-36: 32px;
    --font-32: 30px;
    --font-28: 24px;
    --font-24: 20px;
    --font-22: 18px;
  }
}

@media screen and (max-width: 768px) {
  :root {
    --font-65: 38px;
    --font-48: 36px;
    --font-46: 34px;
    --font-40: 32px;
    --font-36: 26px;
    --font-32: 24px;
    --font-28: 22px;
    --font-24: 20px;
    --font-22: 16px;
    --font-18: 16px;
  }
}

/* 02. Common element(ul,ol,li,body,div etc.) end*/


/*03. Common class(padding, margin etc.) start*/
body {
  font-family: var(--primary-font);
  margin: 0px !important;
}

.page {
  margin: 0px !important;
}

.row {
  margin: 0 auto;
}

.row-padding>* {
  padding-left: 15px;
  padding-right: 15px;
}

.section-padding {
  padding-top: 70px;
  padding-bottom: 70px;
}

.main-title,
.description-text h2 {
  font-size: var(--font-40);
  font-weight: 900;
  margin-bottom: 20px;
  line-height: 106%;
  background: var(--gradient-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: var(--primary-font);
}

.description-text {
  color: var(--text-color);
  font-size: var(--font-18);
  font-weight: 400;
  font-family: var(--secondary-font);
  line-height: 164%;
}

.description-text a {
  color: var(--primary-color);
  font-weight: 400;
  transition: 0.3s ease all;
  display: inline-flex;
  gap: 10px;
}

.description-text a img {
  max-width: 26px;
  max-height: 26px;
}

.description-text strong {
  color: var(--primary-color);
  font-weight: 700;
}

.description-text a:hover {
  transition: 0.3s ease all;
  color: var(--secondary-color);
}

.description-text ul:not(ul ul):not(ul ol),
.description-text ol:not(ol ol):not(ol ul) {
  margin-left: 0;
  padding-left: 20px;
}

.description-text ul ol,
.description-text ul ul,
.description-text ol ol,
.description-text ol ul {
  margin-left: 0;
  padding-left: 20px;
}

.description-text ul li::marker,
.description-text ol li::marker {
  color: var(--text-color);
  font-size: 10px;
}

.description-text ol li::marker {
  font-size: var(--font-18);
}

.description-text ul li,
.description-text ol li {
  padding-bottom: 0px;
}

.description-text img {
  width: 100%;
  border-radius: var(--border-radius-100);
}

/*03. Common class(padding, margin etc.) end*/


/*04. Header styles start*/

#primary-menu .menu-item .nav-link {
  line-height: 1em;
  padding: 5px 25px;
  color: var(--secondary-color);
  transition: 0.3s ease all;
}

#primary-menu .contact-btn .nav-link .header-menu-image-container img {
  filter: brightness(0) invert(1);
  transition: 0.3s ease all;
}

#primary-menu .contact-btn .nav-link {
  background-color: var(--primary-color);
  border: var(--border-width-2) solid var(--primary-color);
  border-radius: var(--border-radius-100);
  padding: 15px 28px;
  color: var(--white-color);
  font-weight: 600;
  transition: 0.3s ease all;
}

#primary-menu .contact-btn .nav-link:focus-visible {
  box-shadow: none;
}

#primary-menu .menu-item .nav-link:hover {
  color: var(--primary-color);
  transition: 0.3s ease all;
}

#primary-menu .menu-item.menu-item-has-children {
  padding-right: 3px;
}

#primary-menu .dropdown-menu {
  width: 230px;
  padding: 20px 0px;
  box-shadow: 0px 5px 9px 0px #00000040;
  border: none;
}

.footer-details-wrapper .learn-more-button {
  margin-top: 20px;
}

#primary-menu .dropdown-menu li:not(:last-child) {
  margin-bottom: 5px;
}

#primary-menu .menu-item.menu-item-has-children .dropdown-menu li a {
  color: var(--black-color) !important;
  transition: 0.3s ease all;
}

/* #primary-menu .menu-item.menu-item-has-children > .dropdown-menu > .current-menu-item > a,
#primary-menu .menu-item.menu-item-has-children .dropdown-menu:not(.dropdown-menu.dropdown-submenu) li.current-product-ancestor a,
#primary-menu .menu-item.menu-item-has-children > .dropdown-menu > .current-menu-item > .nav-link-wrapper > a {
    color: var(--primary-color) !important;
} */


/* Active sub-child item */
#primary-menu .dropdown-submenu .dropdown-menu > .current-menu-item > a,
#primary-menu .dropdown-submenu .dropdown-menu > .current-menu-item > .nav-link-wrapper > a {
    color: var(--primary-color) !important;
}

/* Highlight child (first-level dropdown item) if any sub-child is active */
#primary-menu .menu-item-has-children > .dropdown-menu > .current-product-ancestor > .nav-link-wrapper > a,
#primary-menu .menu-item-has-children > .dropdown-menu > .current-menu-ancestor > .nav-link-wrapper > a {
    color: var(--primary-color) !important;
}

/* Highlight top-level parent */
#primary-menu > .menu-item.current-menu-ancestor > .nav-link-wrapper > a {
    color: var(--primary-color) !important;
}


#primary-menu .menu-item.menu-item-has-children > .dropdown-menu > .current-menu-item > .nav-link-wrapper > a{
  color: var(--primary-color) !important;
}



#primary-menu .menu-item.menu-item-has-children .dropdown-menu li a:hover {
  transition: 0.3s ease all;
  color: var(--primary-color) !important;
}

/* #primary-menu .menu-item.menu-item-has-children .dropdown-menu .current-menu-item a:not(.dropdown-submenu .current-menu-item a) {
  color: var(--primary-color) !important;
} */




















#primary-menu .menu-item.menu-item-has-children i.fa-chevron-down {
  /* display: none !important; */
  position: absolute;
  right: 10px;
  font-size: 10px;
}

#primary-menu .contact-btn .nav-link:hover .header-menu-image-container img {
  filter: brightness(1);
  transition: 0.3s ease all;
}

#primary-menu .contact-btn .nav-link:hover {
  background-color: var(--white-color);
  border-color: var(--primary-color);
  transition: 0.3s ease all;
}

.sticky-header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: var(--white-color);
}

.main-header-container {
  box-shadow: 0px 6px 34.8px 0px #00000017;
  font-family: var(--secondary-font);
}

#primary-menu .menu-item.current-menu-item:not(.contact-btn):not(.donate-btn) .nav-link {
  color: var(--primary-color);
}

#primary-menu .menu-item {
  border-right: var(--border-width-2) solid var(--black-color);
}

#primary-menu .menu-item:nth-last-child(-n+3) {
  border-right: none;
}

.main-header-container img.custom-logo {
  margin-bottom: -55px;
  transition: 0.3s ease all;
  margin-top: -30px;
  min-width: 230px;
}

.main-header-container.sticky-header img.custom-logo {
  transition: 0.3s ease all;
  min-width: 180px;
  margin-top: -48px;
}

.header-notice {
  background-color: var(--primary-color);
}

.main-header-container .navbar {
  padding-top: 15px;
  padding-bottom: 15px;
  transition: 0.3s ease all;
  z-index: 999;
}

.main-header-container.sticky-header .navbar {
  transition: 0.3s ease all;
  padding-top: 10px;
  padding-bottom: 10px;
}

.main-header-container .footer-detail-icon img {
  filter: brightness(0) invert(1);
}

.main-header-container .footer-detail-item a {
  color: var(--white-color);
  text-decoration: none;
  font-size: var(--font-18);
}

.current-menu-ancestor a,
.current-parent-menu a,
.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor a {
  color: var(--primary-color) !important;
}



.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
}














/*04. Header styles end*/


/*05. Footer styles start*/
.site-footer.main-footer-container .footer-border-bottom {
  border-bottom: var(--border-width-1) solid #D0C4C4;
  border-top: var(--border-width-1) solid #D0C4C4;
  font-family: var(--secondary-font);
}

.site-footer.main-footer-container .footer-top {
  padding: 32px 0px 25px;
  color: var(--text-color);
}

.site-footer.main-footer-container .footer-bottom {
  padding: 25px 20px 25px;
  font-family: var(--secondary-font);
}

.site-footer.main-footer-container .footer-heading {
  color: #282A2F;
  margin-bottom: 20px;
  font-weight: 700;
}

.site-footer.main-footer-container .footer-links {
  margin: 0;
}

.site-footer.main-footer-container .footer-links .menu-item a,
.site-footer.main-footer-container .footer-detail-item a {
  color: var(--text-color);
  font-size: var(--font-16);
  text-decoration: none;
  font-weight: 400;
  transition: all 0.3s ease;
  padding-bottom: 0 !important;
}



.site-footer.main-footer-container .footer-links .menu-item a {
  padding-bottom: 10px;
  display: block;
}



/* .site-footer.main-footer-container .footer-detail-item a{
	color: var(--black-color);
} */

.site-footer.main-footer-container .footer-detail-item .footer-detail-icon img {
  transition: 0.3s ease all;
}

.site-footer.main-footer-container .footer-detail-item a {
  transition: 0.3s ease all;
}

.site-footer.main-footer-container .footer-detail-item a:hover .footer-detail-icon img {
  filter: brightness(1) invert(0);
  /* transition: 0.3s ease all; */
}

.site-footer.main-footer-container .copyright-notice,
.site-footer.main-footer-container .copyright-notice a {
  color: var(--text-color);
  font-size: var(--font-14);
  transition: 0.3s ease all;
  text-underline-offset: 3px;
}


.site-footer.main-footer-container .copyright-notice a:hover,
.site-footer.main-footer-container .custom-pages .footer-links li a:hover,
.site-footer.main-footer-container .footer-links .menu-item a:hover,
.site-footer.main-footer-container .footer-detail-item a:hover {
  color: var(--primary-color);
  transition: 0.3s ease all;
}

.trust-item {
  font-weight: 700;
}

.footer-detail-item:nth-child(4) {
  display: none !important;
}

/*05. Footer styles end*/


/*06. Common content start*/
a.btn-primary,
.main-btn,
.back-to-home,
a.btn-primary:focus-visible,
.main-btn:focus-visible,
.back-to-home:focus-visible,
a.btn-primary:focus,
.main-btn:focus,
.back-to-home:focus {
  background-color: var(--primary-color);
  color: var(--white-color);
  font-weight: 500;
  line-height: 1em;
  padding: 15px 25px;
  transition: 0.3s ease all;
  font-size: var(--font-18);
  border-radius: var(--border-radius-100);
  border: var(--border-width-2) solid var(--primary-color);
  gap: 10px;
  box-shadow: none;
  outline-offset: 0px;
  outline: none;
}

a.btn-primary:active,
.main-btn:active,
.back-to-home:active {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}

a.btn-primary img,
.main-btn img {
  filter: brightness(0) invert(1);
  transition: 0.3s ease all;
  border-radius: 0;
}

a.btn-primary:hover,
.main-btn:hover,
.back-to-home:hover {
  background-color: transparent;
  transition: 0.3s ease all;
  border: var(--border-width-2) solid var(--primary-color);
  color: var(--primary-color);
}

.main-btn:hover img,
a.btn-primary:hover img {
  filter: brightness(1);
  transition: 0.3s ease all;
}

.footer-details-wrapper .learn-more-button {
  margin-top: 20px;
  padding: 15px 70px;
  text-decoration: none;
}

.footer-details-wrapper a.learn-more-button:visited {
  color: #ffffff;
}

.footer-details-wrapper a.learn-more-button:hover {
  color: var(--primary-color);
}

a.btn-secondary,
a.btn-secondary:focus,
a.btn-secondary:focus-visible,
a.btn-secondary:active {
  background-color: transparent;
  color: var(--primary-color);
  font-weight: 500;
  line-height: 1em;
  padding: 15px 20px;
  transition: 0.3s ease all;
  font-size: var(--font-18);
  border-radius: var(--border-radius-100);
  border: var(--border-width-2) solid var(--primary-color);
  gap: 10px;
  outline: none;
  box-shadow: none;
}

a.btn-secondary:active {
  background-color: transparent !important;
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

a.btn-secondary:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  transition: 0.3s ease all;
  color: var(--white-color);
}


a.btn-secondary img {
  transition: 0.3s ease all;
  border-radius: 0;
}

a.btn-secondary:hover img {
  filter: brightness(0) invert(1);
  transition: 0.3s ease all;
}

a.btn-outline,
a.btn-outline:focus,
a.btn-outline:focus-visible,
a.btn-outline:active {
  background-color: var(--white-color);
  color: var(--black-color);
  font-weight: 500;
  line-height: 1em;
  padding: 15px 20px;
  transition: 0.3s ease all;
  font-size: var(--font-18);
  border-radius: var(--border-radius-100);
  border: var(--border-width-2) solid var(--primary-color);
  gap: 10px;
  border: 2px solid var(--white-color);
  transition: 0.3s ease all;
}

a.btn-outline img {
  transition: 0.3s ease all;
  filter: brightness(0);
}

a.btn-outline:hover img,
a.btn-outline:active img {
  filter: brightness(1);
  transition: 0.3s ease all;
}

a.btn-outline:hover {
  background-color: transparent;
  border-color: var(--white-color);
  transition: 0.3s ease all;
  color: var(--white-color);
}

/*06. Common content end*/


/*07. Pages and Posts satrt*/

/*07. Pages and Posts end*/


/* 08. Extra styles start*/
/* 08. Extra styles end*/


/*09. Media Query start*/
@media screen and (min-width: 1281px) {
  .container {
    max-width: 1140px;
  }
}

@media screen and (min-width: 1440px) {
  .container {
    /* max-width: 1366px; */
    max-width: 1280px;
  }
}

@media screen and (min-width: 992px) {}

@media screen and (min-width: 768px) {}

@media screen and (max-width: 1440px) {
  .footer-details-wrapper .main-btn {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 1280px) {
  .container {
    max-width: 1140px;
    padding: 0px 0px;
  }
}

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

/*Tablet*/
@media screen and (max-width: 992px) {
  #primary-menu .dropdown-menu {
    margin-top: 10px;
    box-shadow: none;
    width: 100%;
    padding: 20px;
    /* border: 1px solid #ccc; */

  }

  #primary-menu .menu-item.menu-item-has-children i.fa-chevron-down {
    font-size: 14px;
    /* top: 2px; */
    /* display: none; */
    top: 0;
    position: unset;

  }

  .mobile-toggle-icon,
  .dropdown-icon {
    display: none !important;
  }

  #primary-menu .menu-item.menu-item-has-children .dropdown-toggle-btn {
    padding: 0;
    border: none;
    position: absolute;
    top: 1px;
    right: 0;
  }

  #primary-menu .dropdown-menu.is-open {
    display: block;
    max-height: unset !important;
    padding: 15px;
    margin-top: 20px;
    width: 100%;
  }

  #primary-menu .dropdown-menu li:not(:last-child) {
    margin-bottom: 10px;
  }

  #primary-menu {
    gap: 20px;
  }

  #primary-menu .menu-item {
    border-right: none;
    width: 100%;
  }

  #primary-menu .contact-btn .nav-link {
    width: fit-content !important;
  }

  #primary-menu .menu-item:not(.contact-btn) .nav-link {
    padding: 0;
  }



  .dropdown-menu {
    display: none !important;
  }

  .dropdown-menu.open {
    display: block !important;
  }

  .menu-toggle {
    display: inline-block;
    margin-left: auto;
    cursor: pointer;
    font-size: 14px;
    transition: transform 0.3s ease;
    position: absolute;
    right: 0;
    top: 0;
  }

  /* .menu-toggle.rotate {
        transform: rotate(90deg);
    } */

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

}

/*Small Device*/
@media screen and (max-width: 768px) {
  .main-header-container .footer-detail-item a {
    font-size: 14px;
    align-items: center !important;
  }

  .main-header-container .footer-detail-item a .footer-detail-icon {
    margin-top: 0 !important;
  }

  .main-header-container .footer-detail-icon img {
    max-height: 15px;
    max-width: 15px;
  }

  .site-footer.main-footer-container .footer-bottom {
    padding: 15px 20px 15px;
  }

  .main-header-container img.custom-logo {
    margin-top: -44px;
    min-width: 180px;
  }

  .main-header-container.sticky-header img.custom-logo {
    min-width: 160px;
  }

  .main-footer-container .footer-image img {
    max-width: 160px;
  }
}

/*Mobile Device*/
@media screen and (max-width: 640px) {
  .section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .footer-details-wrapper .learn-more-button {
    margin-top: 0px;
  }
}

/*Extra Small Mobile Device*/
@media screen and (max-width: 480px) {}

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

/*09. Media Query end*/