/* ======== FONT FAMILY ( FUNNEL DISPLAY ) ======================= */
@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* ======== NUNITO FAMILY ( NUNITO) */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
/* =========== ANIMATION CDN ============= */
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
/* ====================== ANIMATION CDN ========================= */
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --bg1: #f0eeee;
    --bg2: #fcfcfc;
    --bg-blue:#0c62ad;
    --bg-green:#3bc42f;

    --default-color: #6ea84c;
}


body {
    margin: 0% !important;
    padding: 0% !important;
    font-family: "Urbanist", sans-serif !important;
    background-color: var(--bg1) !important;
    scroll-behavior: smooth !important;
    /* overflow: hidden !important; */
    transition: scroll-behavior 2.6s ease-in-out !important;
}

body.white {
    font-family: "Urbanist", sans-serif;
    --bg1: #f5f5f5;
    --bg2: #fcfcfc;

    --color1: #1a1a1a;
    --color2: #000000;

    background-color: #f0eeee !important;
}

body.black {


    --bg1: #1b1b1b;
    --bg2: #121212;
    --color1: #f5f5f5;
    --color2: #fcfcfc;

    background-color: #1b1b1b !important;

}

.bg_white {
    background-color: var(--bg2) !important;
}

.bg_dark1 {
    background-color: var(--bg1) !important;
}

.bg_dark2 {
    background-color: var(--bg2) !important;
}

.bg {
    background-color: var(--default-color) !important;
}

.text_dark1 {
    color: var(--color1) !important;
}

.text_dark2 {
    color: var(--color2) !important;
}

.bg-blue{
    background-color: var(--bg-blue) !important;
}
.bg-green{
    background-color: var(--bg-green) !important;
}
/* =================== NAVBAR CODE START =========== */
.navbar_lg{
    background-color: var(--bg2);
}
.navbar_lg .nav-item .nav-link  {
    padding: 0px 15px !important;

    color: var(--color1) !important;
}
.donate_btn{
    z-index: 1111 !important;
    position: fixed;
    bottom: 23px;
    padding: 7px 25px !important;
    color: white !important;
    border-radius: 30px !important;
    right: 20px;
background-color:var(--bg-green) !important;
}
.border_radius{
    border-radius: 35px !important;
}
.home_banner_img{
   max-height: 80vh !important;
}
.blur_div{
    border: 1px solid rgba(255, 255, 255, 0.452) !important;
    background-color: rgba(124, 124, 124, 0.103) !important;
    backdrop-filter: blur(50px) !important;
}
/* =================== NAVBAR CODE END =========== */

main{
    max-width: 1600px !important;
    
    margin: 0% auto !important;
}
/* ============ MAIN BANNER CODE START =========== */

/* ============ MAIN BANNER CODE END ============= */