@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root{
    --primary-color: #A34BB4;
    --primary-hover: #c157d6;
    --secondary-color: #E9D4ED;

    --background-color: #ffffff;
    --primary-background: #F5EFEA;
    --secondary-background:#E4D5B7;

    --text-color: #000000;
    --text-white: #ffffff;
}



*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;

    font-family: "Poppins", sans-serif;
}



  /* ---------------- Top Bar Style ---------------- */
  #topbar{
    background-color: var(--primary-color1);
  }

  /* Top Bar Social Media Links Style */
  #topbar-social-media-links #topbar_divs {
    margin-right: 15px;
    padding: 10px;

    background-color: var(--primary-color2);
  
    font-size: 20px;
    border-radius: 100%;
    height: 35px;
    width: 35px;
  }

  .social-media-sections div{
    background-color: var(--primary-color2);
  }
  
  #topbar_divs a {
    text-decoration: none;
    color: #ffffff;
  }


  /* Top Bar Right Side Style */
#topbar-right-side{
    height: 35px;
}
#topbar-right-sidediv{
    height: 100%;
}

.phone a, .email a{
    text-decoration: none;
    color: var(--text-white);
}

.phone, .email{
    font-size: 16px;
    color: var(--text-white);
}


  @media only screen and (max-width: 1000px) {
    #topbar {
      display: none;
    }
  }
  
/* ---------------- NavBar Style ---------------- */

#navbar{
    background-color: var(--background-color) !important;
}

#navbarSupportedContent a{
    font-size: 20px;
    color: var(--text-color);
}

.navbar-collapse{
    flex-grow: 0.1 !important;
}

#donate-us-btn{
    /* background-color: var(--primary-color); */
    /* background-color: #005B30; */
    /* background-color: #D61F27; */
    height: auto;
    width: 180px;

    border-radius: 150px;

    background: linear-gradient(to top, #D61F27 50%, #005B30 50%);
    background-size: 100% 200%;
    background-position: 0 100%; /* Start from bottom */
    transition: background-position 0.5s ease-in-out, transform 0.3s ease-in-out;


    /* transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out; */

}
#donate-us-btn a{
    color: var(--text-white);
    /* color: #D61F27; */
    text-decoration: none;
}

#navbarSupportedContent a:hover{
    text-decoration: underline;
}
#donate-us-btn a:hover{
    text-decoration: none;
}
#donate-us-btn:hover{
    cursor: pointer;
    /* background-color: var(--primary-hover);  */
    /* background-color: #005B30;  */
    /* background-color: #D61F27;  */
    /* transform: scale(1.05); */
    background-position: 0 0; /* Animate to top */
    transform: scale(1.1); /* Pop-up effect by increasing the size */



}


#header-contact-div #ul{
    display: none !important;
}

@media (max-width: 400px) {

/* #header-contact-div > ul{
    display: none !important;
} */

    #nav-logo{
        gap: 0px !important;
    }
    #nav-logo img:nth-child(1){
        width: 70px;
        height: 70px;
        margin-left: 0 !important;
    }
    /* #nav-logo img:nth-child(2){
        width: 130px;
        height: 50px;
        margin-top: 0 !important;
    } */
}