@import url("https://use.typekit.net/iep1qvd.css");
:root {
  --bs-primary: #d6006d; /* Bright Pink */
  --bs-secondary: #005f9e; /* Dark Blue */
  --bs-light: #ffffff; /* White */
  --bs-dark: #000000; /* Black */
  --bs-primary: #d40f7d !important;
}
html {
    scroll-behavior: smooth !important; 
  }

.intro {
  font-size: 18px;
  max-width: 740px;
  margin: 0 auto 50px;
}

body {
  font-family: "poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

.text-primary {
  color: #d6006d !important;
}

.text-secondary {
  color: #005f9e !important;
}
.bg-secondary {
    background-color: #00AEEF !important;
  }
.text-light {
  color: white !important;
}

button.btn.btn-secondary.active-btn {
    background-color: #d6006d !important;
    border-color: #d6006d !important;
    color: #fff !important;
  }
  
  

.navbar {
}

.offcanvas {
  background-color: #00aeef !important;
  color: white;
}

.offcanvas-header .btn-close {
  filter: invert(1); /* Make close button white */
}

.offcanvas .navbar-nav .active {
  color: #ffd700 !important;
  background-color: #06a2dd;
}

.bg-primary {
  background-color: #d40f7d !important;
}

.btn-primary {
  background-color: #d6006d !important;
  border-color: #d6006d !important;
}

.btn-primary:hover {
  background-color: #b8005f !important;
  border-color: #b8005f !important;
}

.btn-outline-primary {
  border-color: #d6006d !important;
  color: #d6006d !important;
}

.btn-outline-primary:hover {
  background-color: #d6006d !important;
  color: white !important;
}
.btn-secondary {
  background-color: #00aeef !important;
  border-color: #00aeef !important;
  color: white !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #0086c3 !important; /* Darker shade for hover */
  border-color: #0086c3 !important;
  color: white !important;
}

.btn-outline-secondary {
  border-color: #00aeef !important;
  color: #00aeef !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
  background-color: #00aeef !important;
  color: white !important;
  border-color: #00aeef !important;
}

.form-control {
  /* border-color: #D6006D; */
}

.form-control:focus {
  border-color: #b8005f;
  box-shadow: 0 0 5px rgba(214, 0, 109, 0.5);
}

.card {
}

.card-header {
  background-color: #d6006d;
  color: white;
}

.mobile .accordion-button {
  background-color: #d6006d;
  color: white;
}

.mobile .accordion-button:focus {
  box-shadow: none;
}

.mobile .accordion-button:not(.collapsed) {
  background-color: #b8005f;
}


.mobile .accordion-button::after {
    /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="31" viewBox="0 0 30 31" fill="none"><path d="M0 15.2114C0 19.1897 1.58035 23.005 4.3934 25.818C7.20644 28.6311 11.0218 30.2114 15 30.2114C18.9782 30.2114 22.7936 28.6311 25.6066 25.818C28.4196 23.005 30 19.1897 30 15.2114C30 11.2332 28.4196 7.41787 25.6066 4.60482C22.7936 1.79178 18.9782 0.211426 15 0.211426C11.0218 0.211426 7.20644 1.79178 4.3934 4.60482C1.58035 7.41787 0 11.2332 0 15.2114ZM14.1211 22.3013C13.5703 22.8521 12.6797 22.8521 12.1348 22.3013C11.5898 21.7505 11.584 20.8599 12.1348 20.3149L17.2324 15.2173L12.1348 10.1196C11.584 9.56885 11.584 8.67822 12.1348 8.1333C12.6855 7.58838 13.5762 7.58252 14.1211 8.1333L20.2148 14.2153C20.7656 14.7661 20.7656 15.6567 20.2148 16.2017L14.1211 22.3013Z" fill="white"/></svg>') !important; */
    width: 30px !important;
    height: 30px !important;
    background-size: contain !important;
  }

  .mobile .accordion-body{
    background-color: #B50668;
    color: #fff;
  }




  /* Keep accordion arrow white */
  .mobile .accordion-button::after {
    filter: invert(1); /* Turns the arrow white */
  }

  /* Optional: Change background color and text color for better visibility */
  .mobile .accordion-button {
 
    color: #fff !important; /* White text */
  }

  /* Ensure the button does not change color when collapsed */
  .mobile .accordion-button:not(.collapsed) {

    color: #fff !important;
  }

  /* Ensure border remains consistent */
  .mobile .accordion-item {
    
  }



/* news blog section */
.news-blog{
  padding: 80px 0;
  .font-weight-medium{
    font-weight: 500 !important;
  }
}

.blog-header-image{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 460px;
  width: 100%;
  margin-bottom: 20px;
}

.blogpost-wide-wrapper{
  header{

  }
  .font-weight-medium{
    font-weight: 500 !important;
  }
  padding-top: 100px;
  padding-bottom: 100px;
}

  .faq  .accordion-button {
    background-color: #2c2c2c;
    color: white;
  }

  .faq .accordion-button:focus {
    box-shadow: none;
  }

  .faq .accordion-button:not(.collapsed) {
    background-color: #b8005f;
  }

  .faq .accordion-button::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="31" viewBox="0 0 30 31" fill="none"><path d="M0 15.2114C0 19.1897 1.58035 23.005 4.3934 25.818C7.20644 28.6311 11.0218 30.2114 15 30.2114C18.9782 30.2114 22.7936 28.6311 25.6066 25.818C28.4196 23.005 30 19.1897 30 15.2114C30 11.2332 28.4196 7.41787 25.6066 4.60482C22.7936 1.79178 18.9782 0.211426 15 0.211426C11.0218 0.211426 7.20644 1.79178 4.3934 4.60482C1.58035 7.41787 0 11.2332 0 15.2114ZM14.1211 22.3013C13.5703 22.8521 12.6797 22.8521 12.1348 22.3013C11.5898 21.7505 11.584 20.8599 12.1348 20.3149L17.2324 15.2173L12.1348 10.1196C11.584 9.56885 11.584 8.67822 12.1348 8.1333C12.6855 7.58838 13.5762 7.58252 14.1211 8.1333L20.2148 14.2153C20.7656 14.7661 20.7656 15.6567 20.2148 16.2017L14.1211 22.3013Z" fill="white"/></svg>') !important;
    width: 30px !important;
    height: 30px !important;
    background-size: contain !important;
  }
  .faq .accordion-button:not(.collapsed) {
    background-color: #2c2c2c;
    color: #fff;
  }
  .faq .accordion-body {
    background-color: #ededed;
  }









.w-60 {
  width: 60%;
}
.hero {
  position: relative;
  /* background-color: #d40f7d; */
  height: 100vh;
  /* clip-path: polygon(60% 0, 100% 0%, 100% 85%, 50% 100%); */
  overflow: hidden;
  background-attachment: fixed;
  background-size: cover;
  background-position: right bottom;
}
.hero h1 {
  font-size: 40px;
}

/* Pseudo-element for different clip-path color */

.navbar-brand img {
  width: 130px; /* Ensures proper scaling */
}

.navbar .btn {
  background: transparent;
  border: none;
}

.navbar .btn img {
  width: 40px; /* Ensures hamburger menu is visible */
}
.pad-y-80 {
  padding: 80px 0;
}

.elevator-pitch {
}

.elevator-pitch .text-wrap {
  max-width: 100%;
}

.news .card-img-overlay::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.06) 15.65%,
    rgba(0, 0, 0, 0.64) 88.62%
  );
}

.video iframe {
  width: 100%;
  min-height: 200px;
}
.wideo-wrapper {
  padding: 0 0%;
}
/* Hide overlay text initially */
.overly-text-on-hover {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #d40f7d;
  color: white;
  padding: 20px;
  width: 100%;
  text-align: center;
  border: none;
  cursor: pointer;
}

/* Show on hover */
.card:hover .overly-text-on-hover {
  opacity: 1;
}

/* Smooth fade-out for title text */
.card-overly-text {
  transition: opacity 0.5s ease-in-out;
}

/* Hide the title text smoothly when hovering */
.card:hover .card-overly-text {
  opacity: 0;
}

.section-intro {
  max-width: 650px;
}

.cta {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.faq .accordion-header button {
  min-height: 70px;

}
.faq .accordion-flush>.accordion-item{
    margin-bottom: 5px;
}

.nav-pills .nav-item button {
  width: 42px;
  height: 42px;
}

.footer {
  background-color: #d6006d;
  color: white;
  padding: 20px;
}
.foot-text-r {
  text-align: center;
}
.foot-text {
  text-align: center;
}

.footer a {
  color: white;
}

.footer a:hover {
  color: #ffd700;
}




.donation-v2-amounts label {
    display: block; /* Ensure each amount option is displayed properly */
    width: 100%;
    text-align: center;
    padding: 10px;
  }
  
  .donation-v2-amounts .form-check {
    flex: 1 1 30%; /* Make each option take up roughly 1/3 of the row */
    max-width: 33.3333%;
  }



/* Extra large devices (≥1200px) */
@media (min-width: 768px) {
  /* Styles for Desktops */

  .wideo-wrapper {
    padding: 0 20%;
  }

  
  .elevator-pitch .text-wrap {
    max-width: 520px;
  }
  .hero h1 {
    font-size: 75px;
  }
  .foot-text-r {
    text-align: right;
  }
  .foot-text {
    text-align: left;
  }
  .navbar-brand img {
    width: 180px; /* Ensures proper scaling */
  }

  .faq .accordion-flush>.accordion-item{
    margin-bottom: 20px;
}

.video iframe {
    width: 100%;
    min-height: 450px;
  }

}