/*
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: #991017;
  --secondary-color: #0F0D0A;
  --gradient-color: linear-gradient(92.94deg, #800000 1.05%, #BC0000 75.84%);
  --gradient-background: linear-gradient(0deg, #426181, #426181);

  --text-color: #746E6E;
  --white-color: #FFFFFF;
  --black-color: #000000;
  --light-black-color: #4B4646;
  --primary-font: "Gelasio", serif;
  --secondary-font: "Albert Sans", sans-serif;
  --figtree-font: "Figtree", sans-serif;
  --instrument-font: "Instrument Sans", sans-serif;
  --font-60: 60px;
  --font-56: 56px;
  --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-60: 48px;
    --font-56: 42px;
    --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-60: 38px;
    --font-56: 36px;
    --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-48);
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 106%;
  color: var(--secondary-color);
  font-family: var(--figtree-font);
}

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

.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: 10px 15px;
  color: var(--secondary-color);
  transition: 0.3s ease all;
  font-weight: 500;
}

#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 {
  margin-left: 40px;
}

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

#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 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 {
  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: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: 200px;
  max-width: 200px;
}

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

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

.main-header-container .navbar {
  padding-top: 0px;
  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 {
  transition: 0.3s ease all;
  filter: brightness(0) invert(0);
}

.main-header-container .footer-detail-item a {
  color: var(--black-color);
  text-decoration: none;
  font-size: var(--font-16);
  font-weight: 700;
  font-family: var(--secondary-font);
  transition: 0.3s ease all;
}

.main-header-container .footer-detail-item a:hover{
  transition: 0.3s ease all;
  color: var(--primary-color);
}

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


/*05. Footer styles start*/
.site-footer.main-footer-container{
  background: var(--gradient-background);
}

.footer-content{
  background-color: var(--white-color);
  padding: 25px;
}

.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);
  position: relative;
}

.site-footer.main-footer-container .footer-top::before{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url('../images/Union.svg');
  background-repeat: no-repeat;
  background-size: contain;
  max-height: 50px;
  max-width: 500px;
  height: 100%;
  width: 100%;
}

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

.site-footer.main-footer-container .footer-heading {
  color: #FFFFFF;
  margin-bottom: 20px;
  font-weight: 400;
  font-family: var(--secondary-font);
}

.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(--white-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-detail-item a{
  color: #746E6E;
}

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

.site-footer.main-footer-container .page-link a{
  color: #bbc6d2;
  text-decoration: none;
  transition: 0.3s ease all;
}

.site-footer.main-footer-container .page-link a:hover{
  color: var(--primary-color);
  transition: 0.3s ease all;
}

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

.site-footer.main-footer-container .footer-detail-item .footer-detail-icon{
  min-width: 18px;
  min-height: 18px;
}

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

.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(--white-color);
  font-size: var(--font-14);
  transition: 0.3s ease all;
  text-underline-offset: 3px;
  color: #bbc6d2;
}


.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); */
  color: #bbc6d2;
  transition: 0.3s ease all;
}

.site-footer.main-footer-container .footer-detail-item a:hover{
  color: var(--primary-color);
}

.site-footer.main-footer-container .copyright-notice a:hover,
.site-footer.main-footer-container .page-link a:hover{
  color: var(--white-color);
}

.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 {
  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: 0;
  border: var(--border-width-2) solid var(--primary-color);
  gap: 10px;
}

.main-btn {
  padding: 15px 70px;
}

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;
}

.learn-more-button {
  text-decoration: none;
}

a.btn-secondary {
  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;
}

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

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 {
  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 {
  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; */
    max-width: 1240px;
  }
}

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

}

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

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

@media screen and (max-width: 1440px){
    #primary-menu .contact-btn {
    margin-left: 0px;
  }
}

@media screen and (max-width: 1399px) {
  #primary-menu .menu-item.menu-item-has-children i.fa-chevron-down {
    font-size: 14px;
  }

  #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: 25px;
  }

   #primary-menu.align-items-lg-center{
    align-items: start !important;
  }

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

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

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

@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: 991px) {}

/*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: 0px 20px 15px;
  }

  .main-header-container img.custom-logo {
    margin-top: -25px;
    min-width: 150px;
    max-width: 150px;
  }

  .main-header-container.sticky-header img.custom-logo {
    min-width: 140px;
    max-width: 140px;
        margin-top: -35px;
  }

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

/*Mobile Device*/
@media screen and (max-width: 640px) {
  .site-footer.main-footer-container .footer-heading{
    margin-bottom: 10px;
  }
  .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*/