@charset "utf-8";
/* CSS Document */

/* Google Fonts */
/* @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');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
     /* Font family */
    /* --heading-font: CambriaFont; */
    /* --body-font: 'Poppins', sans-serif; */
    /* --body-font: "Plus Jakarta Sans", sans-serif; */
    --body-font: 'Roboto', sans-serif;
    --other-font1: "Lora", serif;
    --body-font-size: 15px;
    --primary-color: #4591e7;
    --secondary-color: #f4c141;
    --light_green: #c8e360;
    --green-colour: #85c13d;
    --deep_green: #0c7a55;
    --light_yellow: #fef9c1;
    --white-color: #fff;
    --color-eee: #eee;
    --color-ccc: #ccc;
    --color-999: #999;
    --color-777: #777;
    --color-555: #555;
    --color-333: #333;
    --color-222: #222;
    --black-color: #000;
    --divider-color: rgba(255, 255, 255, 0.2);
    --light-divider-color: rgba(206, 206, 206, 0.5);
    --deep-divider-color: rgba(206, 206, 206, 0.8);

    --red-colour: #f00;
}

html { scroll-behavior: smooth; }
html, body { width: 100%; overflow-x: clip; }
* { padding: 0; margin: 0; box-sizing: border-box; }
::after, ::before { box-sizing: border-box; }
body { font-family: var(--body-font); font-weight: 400; font-size: var(--body-font-size); line-height: 1.5; background: var(--white-color); letter-spacing: 0.5px; overflow-x: hidden; color: var(--black-color); position: relative; }

h1 { font-size: 40px;}
h2 { font-size: 36px;}
h3 { font-size: 32px;}
h4 { font-size: 28px;}
h5 { font-size: 24px;}
h6 { font-size: 20px;}

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; font-weight: 600; padding: 0; margin: 0 0 15px 0;}
p { padding: 0; margin: 0 0 10px 0; font-size: var(--body-font-size); font-weight: normal; }
img { width: auto; max-width: 100%; display: block; border: 0; }
ul, ol {padding: 0; margin: 0; list-style-type: none; }
ol { list-style: decimal inside; }
ul li { list-style-type: none;}
a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
a:hover { color: var(--secondary-color);}
a, a:hover, a:focus { text-decoration: none; outline: 0; }
b, strong { font-weight: 600; }
blockquote { padding: 0; margin: 0; border: none; }
figure { margin: 0; }
.image_anime { position: relative; overflow: hidden; }
.image_anime:after { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255,255,255,.3); transform: translate(-50%,-50%) rotate(-45deg); z-index: 1; }
.image_anime:hover:after { height: 250%; transition: all 600ms linear; background-color: transparent; }
.reveal { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; visibility: hidden; overflow: hidden; }
.reveal img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform-origin: left; transform-origin: left; display: block; }
a:focus, p:focus, div:focus, input:focus, textarea:focus, submit:focus, button:focus { outline: none; }
.bg_light { background: var(--light_yellow); }
.bg_light_green { background: rgba(200, 227, 96, 0.1); }
.bg_green { background: var(--green-colour); }
.bg_deep_green { background: var(--deep_green); }
.bg_blue { background: var(--primary-color); }
.bg_light_blue { background: rgba(69, 145, 231, 0.1); }
.bg_gray { background: var(--color-eee);}
.yellow_colour { color: var(--secondary-color);}
.section { padding: 50px 0; }
.btn1 { font-size: 18px; color: var(--white-color); background: var(--deep_green); border: 0; padding: 10px 30px; margin: 0; display: inline-block; border-radius: 60px;}
.btn1:hover, .btn1:focus { color: var(--white-color); background: var(--black-color); }
.btn2 { font-size: 16px; line-height: 30px; color: var(--white-color); background: var(--deep_green); border: 0; padding: 7px 30px; margin: 0; display: inline-block; border-radius: 60px;}
.btn2:hover, .btn2:focus { color: var(--white-color); background: var(--black-color); }
.btn2_out_line { font-size: 16px; line-height: 30px; color: var(--deep_green); background: none; border: 1px solid var(--deep_green); padding: 7px 30px; margin: 0; display: inline-block; border-radius: 60px;}
.btn2_out_line:hover, .btn2_out_line:focus { color: var(--white-color); background: var(--deep_green); }
/* ============Btn================ */
.default_btn { font-size: 16px; color: var(--white-color); border: 0; background: var(--primary-color); padding: 7px 30px; margin: 0; display: inline-block; border-radius: 60px; }
.default_btn:hover { color: var(--white-color); background: var(--black-color);}
.flip_btn, .default_btn.flip_btn { color: var(--white-color); background: var(--black-color); }
.flip_btn:hover, .default_btn.flip_btn:hover { color: var(--white-color); background: var(--primary-color);}
.line_btn, .default_btn.line_btn { color: var(--primary-color); background: var(--white-color); box-shadow: inset 0 0 0 1px var(--primary-color); }
.line_btn, .default_btn.line_btn:hover { color: var(--white-color); background: var(--primary-color); box-shadow: inset 0 0 0 1px var(--primary-color); }
.white_btn, .default_btn.white_btn { color: var(--primary-color); background: var(--white-color); }
.white_btn:hover, .default_btn.white_btn:hover { color: var(--black-color); background: var(--light_green);}
.light_green_btn, .default_btn.light_green_btn { color: var(--deep_green); background: var(--light_green); font-weight: 600; }
.light_green_btn:hover, .default_btn.light_green_btn:hover { color: var(--white-color); background: var(--deep_green);}
.light_green_blackbtn, .default_btn.light_green_blackbtn { color: var(--black-color); background: var(--light_green); font-weight: 600; }
.light_green_blackbtn:hover, .default_btn.light_green_blackbtn:hover { color: var(--white-color); background: var(--black-color);}
/* ============End Btn================ */
/* =============Header Section========= */
header.main_header { width: 100%; background: var(--white-color); border-bottom: 1px solid var(--color-ccc); position: fixed; top: 0; z-index: 9999; transition: all 0.2s ease-in-out; }
header.main_header .header-sticky .container .container-fluid { padding-left: 0; padding-right: 0;}
/* header.main_header.header_fixed { position: fixed; background: rgba(15, 71, 6, 1.0);} */
header .navbar-toggler .navbar-toggler-icon { background-image: url(../images/navbar-toggler-icon-white.svg);}
header .navbar-toggler:hover, header .navbar-toggler:active, header .navbar-toggler:focus { box-shadow: none; }
header .navbar .navbar-toggler { border-color: var(--primary-color);}
header .navbar .navbar-toggler i, header .navbar .navbar-toggler svg { font-size: 26px; color: var(--primary-color); }



.header-sticky { width: 100%; position: relative; top: 0; z-index: 100;}
header .logo_head {
    width: auto;
    max-width: 300px;
    height: 46px;
    padding: 0;
    margin: 0 30px 0 0;
}

header .logo_head img {
    width: auto;
    max-width: 200px;
    height: 46px;
    object-fit: contain;
}
.main_header .navbar-nav li.nav-item { padding: 0; margin: 0 10px;}
.main_header .navbar-nav li.nav-item a.nav-link { padding: 0; font-size: 14px; color: var(--black-color); font-weight: 600; line-height: 1.1em; text-transform: capitalize; white-space: nowrap; transition: all 0.3s ease-in-out; }
.main_header .navbar-nav li.nav-item a.nav-link:hover { color: var(--green-colour); }
.main_header .navbar-nav li.nav-item a.nav-link.active { color: var(--green-colour);}
.main_header .navbar-nav li.nav-item:last-child { margin-right: 0;}
.main_header .navbar-nav li.nav-item.dropdown .dropdown-menu li a { padding: .5rem 1rem; }
.main_header .navbar-nav li.nav-item.dropdown .dropdown-menu li a:hover { background: var(--light_green); color: var(--black-color);}
.main_header .navbar-nav li.nav-item.dropdown .dropdown-menu li a i { margin: 0 6px 0 0; color: var(--color-333);}
.main_header .navbar-nav li.nav-item.dropdown .dropdown-menu li a:hover i { color: var(--black-color); }
.btn_like, .nav-link.btn_like, .main_header .navbar-nav li.nav-item a.nav-link.btn_like { font-size: 14px; line-height: 1em; font-weight: 700; text-transform: capitalize; color: var(--white-color); padding: 10px 16px; margin-right: 0; background: var(--secondary-color); display: inline-block; border-radius: 100px; position: relative; transition: all 0.5s ease-in-out; }
.btn_like:hover, .nav-link.btn_like:hover, .main_header .navbar-nav li.nav-item a.nav-link.btn_like:hover { background: var(--black-color);}
.navbar .navbar-nav { align-items: center;}
.navbar .navbar-nav.navbar-right { margin-left: 10px;}
.navbar .navbar-nav.navbar-right li a { font-size: 14px; font-weight: 400; white-space: nowrap; }
.user_action a i { color: var(--color-333);}
.header_top { background: var(--primary-color); padding: 10px 0;}
.topinner_wrapper { display: flex; align-items: center; justify-content: space-between; }
.head_contact { display: flex; align-items: center; gap: 30px; }
.head_contact p { color: var(--white-color); padding: 0; margin: 0;}
.head_contact p a { font-size: var(--body-font-size); color: var(--white-color); display: inline-block; }
.head_contact p a:hover { color: var(--light_green);}
.head_contact p a i { margin: 0 6px 0 0; display: inline-block;}
.social_action { display: flex; align-items: center;}
.social_action ul li { padding: 0; margin: 0 0 0 20px; float: left; }
.social_action ul li a { font-size: 20px; color: var(--white-color); display: inline-block;}
.social_action ul li a:hover { color: var(--light_green);}
.social_action ul li:first-child { margin-left: 0;}

/* =============Footer Section========= */
footer { width: 100%;  }
footer.main_footer { padding: 40px 0 0 0; }
footer .footer_top { width: 100%; }
.footer_top .widget_title { font-size: 20px; color: var(--white-color); text-transform: uppercase; font-weight: 600; margin: 0 0 30px 0; }
.footer_linksbox { display: flex; flex-wrap: wrap; gap: 30px; margin: 0;}
.footer_linksbox .qlink { width: calc(50% - 15px); }
.footer_linksbox .qlink ul li { font-size: 16px; line-height: 1.6; color: var(--white-color); text-transform: capitalize; margin: 0 0 15px 0; }
.footer_linksbox .qlink ul li a { color: var(--white-color); }
.footer_linksbox .qlink ul li a:hover { color: var(--green-colour);}
.footer_about { width: 100%; }
.footer_about p { color: var(--white-color);}
.footer_about .social_action { margin-top: 20px;}
.footer_contact { width: 100%;}
.contact_info_list { padding: 0; margin: 0; }
.contact_info_list li { list-style-type: none; padding: 0; margin: 0 0 15px 0; color: var(--white-color);}
.contact_info_list li:last-child { margin-bottom: 0;}
.contact_info_list li a { font-size: var(--body-font-size); color: var(--white-color); padding: 0; margin: 0; display: flex; align-items: start; }
.contact_info_list li a:hover { color: var(--green-colour);}
.contact_info_list li a i { display: inline-block; margin: 5px 10px 0 0;}
footer .footer_bottom { width: 100%; margin: 40px 0 0 0; padding: 20px 0; border-top: 0 solid var(--color-ccc); background: var(--black-color); }
footer .footer_bottom p { padding: 0; margin: 0; font-size: var(--body-font-size); color: var(--white-color); text-align: center; }
.more_top_footer { width: 100%; margin: 0 0 50px 0; }
.impactsContainer { display: flex; justify-content: space-between;}
.impactbox { font-size: 14px; color: var(--white-color); text-align: center;}
.impacts_icon { width: 54px; height: 54px; font-size: 24px; margin: 0 auto; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.impacts_icon i, .impacts_icon svg { color: var(--primary-color); }
.impacts_title, .impactbox p.impacts_title { font-size: 16px; font-weight: 600; margin: 12px 0 0 0; }
.impactbox p { font-size: 14px; font-weight: normal; margin: 4px 0 0 0; }
.subscribeus_wrapper { width: 100%;}
.subscribeus_title { font-size: 18px; color: var(--white-color); font-weight: 600; margin: 0 0 10px 0;}
.subscribeus_inner { display: flex; justify-content: space-between; gap: 30px;}
.payment-icons { display: flex; justify-content: center; align-items: center; gap: 6px;}
.payment-icons img { width: 50px;}
/* =============End Footer Section========= */
.hero_sec { width: 100%; position: relative;}
.top_adj_sec { padding-top: 62px; }
.hero_item { width: 100%; position: relative; }
.text_container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
.hero_item .text_container .container { position: relative; height: 100%;}
.hero_itemimg { width: 100%; position: relative; z-index: 1; }
.hero_itemimg img { width: 100%; display: block;}
.hero_txtalign_base { height: 100%; display: flex; align-items: center; justify-content: start; }
.hero_txtalign { width: 54%; display: flex; flex-direction: column; }
.hero_txtalign h1, .hero_txtalign .titletxt { color: var(--white-color); }
.btn_align { display: inline-block;}
/* =============featured_campaign Section========= */
.featured_campaign_sec { max-width: 800px; position: relative; margin: -140px auto 0 auto; padding: 0; background: var(--white-color); box-shadow: 0 0 50px rgba(0,0,0,.1); border-radius: 12px; }
.featured_slider { padding: 0; margin: 0;}
.featured_slider .featured_item { width: 100%; }
.featured_item .trending__box, .promo_item .trending__box { display: flex; flex-direction: row; }
.featured_item .trending__box .trending_slider_imgbox, .promo_item .trending__box .trending_slider_imgbox { width: 35%;}
.featured_item .trending__box .trending_slider_txtbox, .promo_item .trending__box .trending_slider_txtbox { width: 65%; padding: 0 20px;}
.category_itembox { padding: 5px 15px; background: var(--green-colour); background: linear-gradient(90deg, var(--secondary-color) 0%, var(--green-colour) 100%); color: var(--white-color); display: inline-block; border-radius: 30px; margin: 0 0 15px 0; }
.featured_item .trending_slider_txtbox .title_tending { max-height: 108px; }
/* =================campaign_search_sec==================== */
.campaign_search_sec { width: 100%;}
.campaign_search_bar { width: 100%; max-width: 800px; padding: 0; margin: 30px auto; background: var(--white-color); border: 2px solid var(--primary-color); border-radius: 6px;}
.campaign_search_bar form { display: flex; flex-direction: row; justify-content: space-between; }
.mt_campaign_search_bar form {  }
.campaign_search_bar input { border: 0; border-radius: 4px 0 0 4px;}
.campaign_search_bar input.form-control:focus { box-shadow: 0 0 20px 5px rgba(13, 110, 253, .25); }
.search_btn { padding: 8px 16px; border-radius: 0 4px 4px 0; background: var(--primary-color); border-color: var(--primary-color); }
.search_btn:hover, .search_btn:active, .search_btn:focus { background: var(--black-color);}
/* =================mission_promo_sec==================== */
.mission_promo_sec { width: 100%; position: relative; padding: 0 0 50px 0;}
.mission_promo_sec .container { padding-left: 0; padding-right: 0; }
.promo_basebox { max-width: 600px; position: relative; margin: 0 auto; padding: 0; box-shadow: 0 0 50px rgba(0,0,0,.1); border-radius: 12px; }
.promo_item .trending__box .category_itembox { margin-bottom: 10px;}

/* =============Medical Emergencies Section========= */
.medical_sec { width: 100%;}
.titlebox { width: 100%; margin: 0 auto 20px auto; display: flex; justify-content: space-between; align-items: center; }
.titlebox h2, .titlebox h3, .titlebox h4, .titlebox h5, .titlebox h6 { margin: 0;}
.titlebox .viewpage { display: inline-block; }
.titlebox .viewpage a { color: var(--primary-color); }
.titlebox .viewpage a:hover { color: var(--black-color);}
.titlebox .sectitle_txt, .mt_section h3 { font-size: 24px;}

.titlebox .heading_sty, .mt_section h3 { border-left: 4px solid var(--primary-color);  display: flex; align-items: center; padding-left: 8px;}

.medical_emer_base { width: 100%; }
.medical_slider .medical_item { position: relative; padding: 0 15px; }
.trending__box { width: 100%; margin: 0; background: var(--white-color); border: 1px solid #ccc; padding: 15px 15px; border-radius: 15px; }
.trending__box:hover { border-color: var(--deep_green);}
.trending__box .trending_slider_imgbox { width: 100%; max-height: 300px; border-radius: 10px; margin: 0 0 10px 0; overflow: hidden; position: relative; }
.trending__box .trending_slider_imgbox img { width: 100%; display: block; }
.trending_slider_txtbox { width: 100%; height: 220px; margin: 0; overflow: hidden; }
.trending_slider_txtbox .title_tending { height: 48px; font-size: 20px; margin: 0 0 15px 0; overflow: hidden; }
.trending_slider_txtbox .title_tending a { color: var(--primary-color);}
.trending_slider_txtbox .title_tending a:hover { color: var(--black-color);}
.trending_slider_txtbox .raised_out { font-size: 17px; text-align: center; margin: 0 0 10px 0;}
.trending_slider_txtbox .raised_out .amount { font-weight: 600;}
.progress { width: 100%; height: 12px; border-radius: 15px; margin: 0 0 20px 0; }
.progress .bg-success { background-color: var(--deep_green) !important;}
.left_support { display: flex; justify-content: space-between;}
.left_support p { font-size: 17px; font-weight: 600; }
.left_support p .text_left { color: var(--secondary-color) !important;}
.left_support p .text-danger { color: var(--secondary-color) !important;}
.txt_benefit { position: absolute; top: 5px; right: 5px; z-index: 2; padding: 1px 5px; background: var(--light_green); border-radius: 10px;}
/* =============End Medical Emergencies Section========= */
/* ==================Categories Section================ */
.categories_list { width: 100%; overflow-x: scroll; padding-bottom: 15px; position: relative;}
.categories_list .categories_tabs { width: 1800px; display: flex; border-bottom: 0; }
.categories_tabs.nav-tabs .nav-link, .categories_tabs.nav-tabs .nav-link:focus, .categories_tabs.nav-tabs .nav-link:hover { border: 0; }
.categories_list .categories_tabs li.nav-item.category_item { margin: 0 6px; }
.categories_tabs.nav-tabs li.nav-item.category_item a.nav-link { display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--black-color); font-weight: 600; border-bottom: 4px solid var(--color-ccc); }
.categories_tabs.nav-tabs li.nav-item.category_item a.nav-link.active, .categories_tabs.nav-tabs li.nav-item.category_item a.nav-link:hover { color: var(--primary-color); border-color: var(--primary-color); }
.category_tab .tab_contents { width: 100%; padding: 30px 0; }
.category_tab .tab_contents .trending__box { margin-bottom: 24px;}
.tab_contents .btn_align { display: flex; align-items: center; justify-content: center; margin: 20px 0 0 0; }
/* ==================End Categories Section================ */
/* ==================How It Works Section================ */
.how_it_list_tabs { width: 100%; position: relative;}
.how_it_list_tabs .how_it_tabs { border: 0; display: flex; align-items: center; justify-content: center; margin: 0 0 15px 0;}
.nav-tabs.how_it_tabs .nav-item .nav-link, .nav-tabs.how_it_tabs .nav-link, .how_it_list_tabs .how_it_tabs .nav-item .nav-link { color: var(--black-color); font-weight: 600; border: 0; font-size: 18px; }
.nav-tabs.how_it_tabs .nav-item.show .nav-link, .nav-tabs.how_it_tabs .nav-link.active, .how_it_list_tabs .how_it_tabs .nav-item .nav-link.active { background: none; color: var(--primary-color); border: 0; border-bottom: 0 solid var(--primary-color); box-shadow: 0 3px 0 var(--primary-color); }
.how_it_list_tabs .how_it_tabcontent { width: 100%; position: relative; }
.howit_card_base { width: 100%; margin: 0; }
.howit_card_wrapper { width: 100%; height: 100%; padding: 10px; background: var(--primary-color); border-radius: 10px;}
.howit_card_wrapper .howit_card_imgbox { width: 100%; margin: 0 0 15px 0;}
.howit_card_wrapper .howit_title { font-size: 16px; color: var(--white-color); text-align: center; text-transform: uppercase; margin: 0 0 10px 0; }
.howit_card_wrapper p { text-align: center; color: var(--white-color); }

/* ==================End How It Works Section================ */
/* ==================Testimonials Section================ */
.testi_contentbox { width: 100%; position: relative; }
.testimonial_card { background: var(--white-color); border: 2px solid var(--color-ccc); border-radius: 15px; padding: 15px 10px 20px 10px; margin: 74px 0 0 0; position: relative; }
.testimonial_card:hover { border-color: var(--green-colour);}
.testimonial_card .testi_imgbox { width: 104px; height: 104px; border: 5px solid var(--primary-color); border-radius: 50%; background: var(--white-color); margin: -64px auto 30px auto; overflow: hidden;}
.testimonial_card:hover .testi_imgbox { border-color: var(--green-colour);}
.testimonial_card .testi_txtbox { width: 100%; position: relative; }
.testimonial_card .testi_descption { font-size: 16px; margin: 0 0 35px 0; position: relative;}
.testimonial_card .testi_descption::before, .testimonial_card .testi_descption::after { content: "\f10d"; font-family: "Font Awesome 6 Free"; font-size: 24px; font-weight: 900; color: var(--color-ccc); position: absolute; top: -30px; left: 0; }
.testimonial_card .testi_descption::after { content: "\f10e"; top: auto; left: auto; right: 0; bottom: -30px; }
.testimonial_card .testi_name { font-size: 16px; font-weight: 600; text-align: right; margin: 0 0 6px 0;}
.testimonial_card .testi_role { text-align: right; color: var(--color-555); font-style: italic; margin: 0; }
.testimonial_slider { width: 100%; }
.testimonial_slider .testimonial_item { position: relative; padding: 0 15px; }
/* ==================End Testimonials Section================ */
/* ==================Featured Section================ */
.featured_sec { width: 100%; }
.featured_logo_slider { width: 100%; }
.featured_logo_slider .featured_item { width: 100%; padding: 0; margin: 0 15px; border-bottom: 4px solid var(--color-ccc); transition: 0.6s; }
.featured_logo_slider .featured_item:hover { border-color: var(--green-colour);}
.featured_logo_slider .featured_item .logo_imgbox { width: 100%; margin: 0 0 10px 0; }
.featured_logo_slider .featured_item .logo_imgbox img { width: 100%; display: block; transform: scale(1.0); transition: 0.6s; }
.featured_logo_slider .featured_item:hover .logo_imgbox img { transform: scale(1.06);}
/* ==================Featured Section================ */
/* ==================Awards Section================ */
.awards_sec { width: 100%; }
.awards_logo_slider { width: 100%; }
.awards_logo_slider .awards_item { width: 100%; padding: 0; margin: 0 15px;}
.awards_logo_slider .awards_item .logo_imgbox { width: 100%; padding: 0 0 10px 0; margin: 0 auto 10px auto; border-bottom: 4px solid var(--color-ccc); }
.awards_logo_slider .awards_item:hover .logo_imgbox { border-color: var(--green-colour);}
.awards_logo_slider .awards_item .logo_imgbox img { width: 100%; display: block; transform: scale(1.0); transition: 0.6s; }
.awards_logo_slider .awards_item:hover .logo_imgbox img { transform: scale(1.06); }
.awards_logo_slider .awards_item p { font-weight: 600; text-align: center;}
/* ==================Awards Section================ */
/* ==================Login Section================ */
.login_basebox { margin: 100px auto;}
.loginbox { width: 100%; max-width: 450px; margin: 0 auto; box-shadow: 0 8px 24px rgba(0, 0, 0, .2); padding: 25px; background: var(--white-color); border-radius: 15px;}
.logotop_box { width: 180px; margin: 0 auto 25px auto; }
.loginbox p.demotxt { font-weight: 600; text-align: center; margin: 0 0 25px 0;}
/* ==================explore-campaigns Section================ */
.page_banner { width: 100%; margin: 0; position: relative; }
.page_banner_contentwrap { width: 100%; height: calc(100% - 62px); position: absolute; top: 62px; left: 0; z-index: 5; }
.page_banner_contentwrap .container { height: 100%;}
.page_banner_info_wrap { padding: 15px; background: rgba(69, 145, 231, 0.8); display: table; margin: 0 auto; border-radius: 8px; color: var(--white-color); border: 3px dashed var(--white-color); }
.page_banner_info_wrap h1 { text-align: center;}
.v_middlebox { width: 100%; height: 100%; display: table;}
.v_middlebox .v_middle {display: table-cell; vertical-align: middle;}
.page_banner_infobox { display: flex; align-items: center; gap: 25px;}
.banner_infobox { display: flex; align-items: center; gap: 8px; }
.banner_infobox .banner_infoic { width: 50px; margin: 0;}
.banner_infobox .banner_infoic i, .banner_infobox .banner_infoic svg { font-size: 34px;}
.banner_infobox .banner_infotxt { width: calc(100% - 50px);}
.banner_infobox .banner_infotxt p { margin: 0;}
.banner_infobox .banner_infotxt .boldtxt { font-size: 18px; font-weight: 600; }
.page_banner_imgbox { width: 100%; height: 600px; position: relative; }
.page_banner_imgbox img { width: 100%; height: 100%; object-fit: cover;}
.explore_campaigns_sec { padding: 0 0 50px 0;}
.explore_campaigns_filter { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.campaigns_search { width: 60%;}
.campaigns_filter { width: calc(40% - 30px); display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.campaign_location_filter { width: 50%;}
.campaign_sorting_filter { width: 100%;}
.campaign_location_filter .multi_drop { width: 100%;}
.campaign_location_filter .multi_drop .btn { width: 100%; text-align: left; display: block;}
.campaign_location_filter .multi_drop .btn i, .campaign_location_filter .multi_drop .btn svg { margin-right: 10px;}
.campaign_location_filter .multi_drop .dropdown-toggle::after { float: right; margin-top: 10px; }
.campaign_location_filter .multi_drop .dropdown-menu { min-width: 220px; padding: .5rem 0; height: 240px; overflow-y: auto;}
.campaign_location_filter .multi_drop .dropdown-menu li { padding: 5px 20px; border-bottom: 1px solid var(--color-ccc); }
.campaign_location_filter .multi_drop .dropdown-menu li:last-child { border-bottom: 0;}
.explore_campaigns_filter .campaign_search_bar .search_btn { padding: 5px 16px; }
/* ================== Donate Monthly Section================ */
.step_sec { width: 100%; padding: 50px 0 30px 0; }
.step_box { width: 100%; height: 100%; display: flex; align-items: start; gap: 15px; padding: 10px 15px 8px 15px; border: 1px solid var(--primary-color); border-radius: 12px; background: var(--white-color);}
.step_box .step_icbox { width: 40px; height: 40px; display: inline-block;}
.step_box .step_icbox i, .step_box .step_icbox svg { font-size: 40px; color: var(--primary-color);}
.step_box .step_txtbox { width: calc(100% - 40px); }
.step_box .step_txtbox p { line-height: 1.4; margin: 0; }
.step_box .step_txtbox h6, .step_box .step_txtbox h6.step_title_txt { font-size: 20px; color: var(--primary-color); font-weight: 600; margin: 0 0 5px 0; }
.monthly_donations_base { width: 100%; }
.monthly_donations_base .trending__box { margin-bottom: 24px;}
.monthly_donations_base .btn_align { margin: 20px 0 0 0; }
.align_center { display: flex; justify-content: center; }
.impact_sec { width: 100%;}
.impact_boxs { width: 100%;}
.impact_boxs .small_title { font-size: 30px; color: var(--deep_green); text-align: center; font-weight: 600; margin: 0 0 30px 0;}
.impact_box { width: 100%; background: var(--primary-color); padding: 10px 5px; border-radius: 10px; text-align: center; color: var(--white-color); }
.impact_box .titletxt { margin: 0; }
.impact_box p { margin: 0;}
.joinus_linkbox { max-width: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; margin: 40px auto 0 auto;}
.whydk_cardsec { padding-top: 0; padding-bottom: 60px; }
.whydk_cardbase { width: 100%;}
.whydk_card, .impact_box.whydk_card { background: var(--light_green); height: 100%; padding: 20px 10px; }
.whydk_card .titletxt { font-size: 24px; color: var(--black-color); margin-bottom: 10px; height: 58px; overflow: hidden; }
.whydk_card p { font-size: 16px; color: var(--black-color);}
.why_choose_sec { padding: 50px 0 30px 0;}
.whydk_card .ic_imgbox { margin: 0 auto 20px auto;}
.whydk_card .ic_imgbox i, .whydk_card .ic_imgbox svg { font-size: 50px; color: var(--black-color);}
.mb-stly { margin-bottom: 24px;}
.donate_form { width: 100%; max-width: 520px; padding: 30px 20px; background: var(--deep_green); float: right; border-radius: 12px; }
.donate_form .form_title { color: var(--white-color);}
.donate_form p { color: var(--white-color); margin: 0 0 30px 0;}
.enter_price_input { width: 100%; padding: 0 0 0 40px; position: relative; width: 100%; background: var(--white-color); border-radius: .25rem;}
.enter_price_input .price_icbox { position: absolute; top: 4px; left: 15px; z-index: 1; font-size: 20px; color: var(--color-ccc);}
.enter_price_input input { border: 0; outline: none; }
.enter_price_input input:focus, .enter_price_input input:active, .enter_price_input input:hover { box-shadow: none; border: 0; outline: none;}
.btn_block { width: 100%; display: block;}
.mission_form_buttons { display: flex; justify-content: space-between; gap: 10px; align-items: center;}
.mission_form_buttons button { width: 100%; display: block; white-space: nowrap; }
.mission_form_buttons .default_btn { padding-left: 10px; padding-right: 10px;}
.donate_formbox .default_btn.amount_paybtn { font-size: 20px; font-weight: 600; }
/* ==================CMS Section================ */
.cms_banner { width: 100%; height: 300px; background: var(--primary-color);}
.cms_banner .container_wraper { height: 100%;}
.cmspage_titlebox { height: 100%;}
.cmspage_titlebox .page-title { color: var(--white-color); text-align: center;}
.center_wrapper { width: 80%; margin: 0 auto;}
.divider_line { width: 100%; display: flex; margin: 0 0 1.5rem 0; clear: both; }
.cms_contain_sec h1 { font-size: 34px;}
.cms_contain_sec h2 { font-size: 30px;}
.cms_contain_sec h3 { font-size: 26px;}
.cms_contain_sec h4 { font-size: 22px;}
.cms_contain_sec h5 { font-size: 20px;}
.cms_contain_sec h6 { font-size: 18px;}
.cms_contain_sec p { font-size: var(--body-font-size);}
.cms_contain_sec h1, .cms_contain_sec h2, .cms_contain_sec h3, .cms_contain_sec h4, .cms_contain_sec h5, .cms_contain_sec h6 { margin-bottom: 10px;}
.cms_contain_sec ul, .cms_contain_sec ol { margin-left: 30px; }
.cms_contain_sec ul li { list-style-type: disc;}
.cms_contain_sec ol li { list-style-type: decimal;}
.cms_contain_sec ul li, .cms_contain_sec ol li { margin-bottom: 10px; }
/* ==================Start A Campaign Section================ */
.campaign_sec { width: 100%;}
.start_campaign_wrapper, .inner_wrapper { padding: 60px 0 30px 0;}
.start_campaignbox { background: var(--deep_green); border-radius: 16px; padding: 30px 30px; }
.start_campaignbox .widget_titletxt { font-size: 24px; line-height: 1; color: var(--white-color); text-align: center; margin: 0 0 10px 0;}
.start_campaignbox p { color: var(--white-color); text-align: center; margin: 0 0 20px 0; }
.cause_card_wrapper { display: flex; align-items: center; justify-content: space-between; gap: 30px; position: relative; }
.selectbox { width: 100%; position: relative;}
.start_campaignbox .form-check { color: var(--white-color); }
.start_campaignbox .form-check a { color: var(--secondary-color); }
.start_campaignbox .form-check a:hover { color: var(--white-color); }
.videobox { border-radius: 8px; overflow: hidden; margin: 0 0 30px 0; background: var(--soft-light); position: relative; }
.video_wrapper { position: relative; padding-bottom: 56.25%; overflow: hidden; }
.video_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.stepper-wrapper { position: relative; margin: 0 0 20px 0; display: flex; justify-content: space-between; }
.stepper-wrapper::before { content: ""; position: absolute; top: 22px; left: 0; width: 100%; height: 4px; background-color: #dee2e6; z-index: 0; }
.stepper-progress { position: absolute; top: 22px; left: 0; height: 4px; background-color: #198754; z-index: 1; width: 0%; transition: width 0.4s ease; }
.step-item { position: relative; z-index: 2; width: 25%; width: 45px; text-align: center; }
.step-circle { width: 45px; height: 45px; line-height: 45px; border-radius: 50%; background-color: #dee2e6; margin: 0 auto 10px; font-weight: 600; }
.step-item.active .step-circle { background-color: #0d6efd; color: #fff; }
.step-item.completed .step-circle { background-color: #198754; color: #fff; }
.start_campaign_wrapper .titlebox { margin-top: 10px; margin-bottom: 35px;}
/* ==================How It Works Section================ */
.titlebox.flex-text { display: flex; flex-direction: column;}
.titlebox.text-center { text-align: center;}
.titlebox.justify-width { width: 60%; }

.sectitle_txt.heading_sty, .mt_section h3 { margin: 0 0 30px 0;}
.titlebox.justify-content-center { width: 54%; flex-direction: column; text-align: center;}
.titlebox.justify-content-center .heading_sty { margin: 0 0 30px 0;}



.how_it_tabs_wrap { margin: 30px 0 0 0;}
.how_it_tabs_wrap .how_it_tabs { border: 0; display: flex; align-items: center; justify-content: center; margin: 0 0 15px 0;}
.howit_steps { width: 100%; max-width: 800px; margin: 0 auto 80px auto;}
.howit_step { width: 100%;}
.stepheading_box { text-align: center; display: flex; flex-direction: column; margin: 30px auto 10px auto; }
.stepheading_box .stepname_title { font-size: 15px; line-height: 1; font-weight: 600; color: var(--black-color); display: block; opacity: 0.2; }
.stepheading_box label { font-size: 20px; line-height: 20px; color: var(--primary-color); font-weight: 800; }
.howit_step_infobox { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: 100%; }
.howit_step_imgbox { width: 42%;}
.howit_step_dots { width: 16%; background: url(../images/dots.png) center center repeat-y; background-size: auto 100%; background-position: 50%; height: 100%; min-height: 260px;}
.howit_step_txtbox { width: 42%;}
.howit_step_round_imgbox { width: 250px; height: 250px; border-radius: 50%; border: 4px solid var(--color-ccc); overflow: hidden;}
.align_right { display: flex; justify-content: end; text-align: right; }
.align_left { display: flex; justify-content: start; text-align: left; }
.align_center { display: flex; justify-content: center; text-align: center; }
.howit_step_txtbox .txt_title { line-height: 1; margin-bottom: 10px;}

.howit_faq { width: 100%; max-width: 960px; margin: 0 auto;}
.howit_faq .titlebox .heading_sty { margin: 0;}
.howit_faq .accordion-item .accordion-header .accordion-button { padding: 0 1.25rem;}
.accordion-item:not(:first-of-type), .accordion-item:first-of-type { background: rgba(69, 145, 231, 0.1); }
.howit_faq .accordion-item .accordion-header .accordion-button:focus { box-shadow: none; }

.donors_vdo_slider { width: 100%;}
.donors_vdo_slider h3 { margin:5px 0; }
.donors_vdo_slider .sliderContainer { position: relative; }
.donors_vdo_slider .slider { overflow: hidden; width: 100%; max-width: 800px; padding: 80px 0 0 0; margin: 0 auto 50px; }
.donors_vdo_slider .slick-slide {
    /* background: #3a8999;  */
    color: white; padding: 0; font-size: 30px; font-family: "Arial", "Helvetica"; text-align: center; }
.donors_vdo_slider .slick-prev:before, .donors_vdo_slider .slick-next:before { color: black; }
.donors_vdo_slider .slick-dots { bottom: -30px; }
.donors_vdo_slider .slick-slide:nth-child(odd) {
    /* background: #e84a69; */
 }
.donors_vdo_slider .progressBarContainer { width: 40%; position: absolute; top: 35px; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; gap: 10px;}
.donors_vdo_slider .progressBarContainer div { width: 25%; padding: 0; cursor: pointer; color: var(--black-color); text-align: center; }
.donors_vdo_slider .progressBarContainer div.item h2 { font-size: 14px; color: var(--black-color); letter-spacing: 1px; margin-bottom: 5px;}
.donors_vdo_slider .progressBarContainer div:last-child { margin-right: 0; }
.donors_vdo_slider .progressBarContainer div span.progressBar { width: 100%; height: 6px; background-color: rgba(0, 0, 0, 0.4); display: block; border: 1px solid var(--secondary-color); border-radius: 6px; }
.donors_vdo_slider .progressBarContainer div span.progressBar .inProgress { background-color: rgba(255, 255, 255, 1); width: 0%; height: 4px; }
.donors_vdo_slider .slick-track { display: flex; }
.donors_vdo_slider .how-it-works_slider { text-align: center; padding: 48px 0 0; }
.item_vdo_present { max-width: 500px; margin: auto; position: relative; }
.item_vdo_overlay { width: 100%;}
.item_vdo_overlay img { width: 100%; display: block;}
.item_vdo_box { position: absolute; top: 6px; height: 100%; left: 21.8%; width: 56%; z-index: 2;}
.item_vdo_box .iframe_wrapper { position: relative; max-width: 100%; padding-bottom: 216.67%; border-radius: 28px;}
.item_vdo_box .if_wrapper iframe { position: relative; max-width: 100%; padding-bottom: 216.67%; border-radius: 28px;}
/* ==================About Section================ */
.banner_overlay_strip { width: 100%; padding: 20px 0; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; bottom: 0; z-index: 5;}
.overlay_contentbox { margin: 0 auto; text-align: center; }
.overlay_contentbox .overlay_txxt { font-size: 18px; color: var(--white-color); font-weight: 600; margin: 0 10px 0 0; display: inline-block; }
.banner_con_wrap { width: 40%; }
.banner_con_wrap .banner_title_con { font-size: 40px; line-height: 1.2; color: var(--white-color); font-weight: 800; margin: 0;}
.about_our_features { width: 100%; margin: 0; position: relative; }
.about_our_features_content { width: 40%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; padding: 20px; background: var(--deep_green); border-radius: 12px; text-align: center; }
.about_our_features_content .titletxt { font-size: 20px; color: var(--white-color);}
.about_our_features_content p { color: var(--white-color); margin: 0;}
.about_our_features_imgbox { width: 60%; margin: 0 auto; position: relative;}
.about_our_features_imgbox img { width: 100%; display: block;}
.our_feature_content { width: 100%; height: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 8px; margin: 0 0 20px 0;}
.our_feature_content .icbox { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px auto; background: var(--light_yellow); border-radius: 50%; }
.our_feature_content .icbox { font-size: 40px;}
.feat_txt { text-align: center;}
.our_feature_content p { text-align: center; }
.team_item { width: 100%;}
.team_item .team_imgbox { width: 120px; height: 120px; background: var(--color-eee); border-radius: 50%; margin: 0 auto 20px auto; overflow: hidden; }
.team_item .team_imgbox img { width: 100%; display: block;}
.team_item .team_name { font-size: 16px; color: var(--black-color); font-weight: 600; margin: 0 0 6px 0; text-align: center;}
.team_item p { color: var(--color-777); font-weight: 600; margin: 0; text-align: center; }
.ourawards_slider { width: 100%;}
.awards_item { width: 100%; padding: 0 15px;}
.awards_item .awards_itembox { width: 100%; }
.awards_item .awards_itembox .awards_imgbox { width: 100%; margin: 0 0 15px 0;}
.awards_item .awards_itembox .awards_imgbox img { width: 100%;}
.awards_item .awards_itembox p { font-weight: 16px; text-align: center; font-weight: 600;}
.collaborations_slider { width: 100%;}
.collaborations_slider .cong_item { padding: 0 10px;}
.group_btns { display: flex; align-items: center; justify-content: center; gap: 15px;}
.bg_deep_green .titlebox .sectitle_txt { color: var(--white-color);}
.bg_deep_green .titlebox p { color: var(--white-color); }
.journey_imgbox { width: 100%; }
.journey_imgbox .img_webview { display: block;}
.journey_imgbox .img_mobview { display: none;}
/* ==================Blog Section================ */
.blog__slider_wrapper { width: 100%; margin: 0; }
.blog__slider_wrapper .item { padding: 0 10px;}
.blog_wrapper { width: 100%; padding: 15px 15px 30px 15px; margin: 0 0 5px 0; background: var(--white-color); border: 1px solid #ccc; border-radius: 40px; position: relative; }
.blog_imgbox { width: 100%; margin: 0 0 20px 0; border-radius: 30px; overflow: hidden; position: relative; }
.blog_imgbox img { width: 100%; display: block;}
.blog_postdate, .blog_category { position: absolute; left: 10px; bottom: 20px; z-index: 2;}
.blog_category { left: auto; right: 10px; }
.blog_postdate p, .blog_category p { font-size: 14px; color: var(--white-color); background: var(--green-colour); padding: 5px 15px; margin: 0; display: inline-block; border-radius: 30px;}
.blog_postdate p { background: var(--secondary-color);}
.blog_txtbox { margin: 0; position: relative;}
.blog_txtbox .blog_item_title { font-size: 18px; height: 44px; overflow: hidden; }
.blog_txtbox .blog_item_title a { color: var(--primary-color); }
.blog_txtbox .blog_item_title a:hover { color: var(--black-color);}
.blog_txtbox p { height: 66px; padding: 0; margin: 0; overflow: hidden;}
.blog_listing_base .blog_wrapper { margin: 0 0 24px 0; }
.pagination_box { margin: 40px auto 0 auto; display: table;}
.pagination_box .page-link, .pagination_box .page-link:focus { color: var(--black-color); box-shadow: none; }
.pagination_box .page-item.active .page-link { color: var(--white-color); background-color: var(--secondary-color); border-color: var(--secondary-color);}
.blog_share { position: absolute; right: 10px; top: 10px; z-index: 2; }
.blog_share a { font-size: 16px; line-height: 26px; text-align: center; color: var(--white-color); background: var(--primary-color); width: 36px; height: 36px; padding: 5px; display: block; border-radius: 50%; }
/* ==================Blog Details Section================ */
.blog_dtls_banner { width: 100%; position: relative;}
.blog_dtls_banner .page_banner_imgbox { height: auto;}
.blog_dtls_banner .page_banner_imgbox::before {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(0, 0, 0, 0.4);}
.blog_dtls_banner .banner_con_wrap { width: auto; text-align: center; margin: 0 auto;}

.blog_details { width: 100%; margin: 0; position: relative;}
.blog_img_wrap { width: auto; max-width: 100%; margin: 0 0 15px 0; border-radius: 40px; overflow: hidden; position: relative; }
.blog_img_wrap img { width: 100%; }
.posted_infobox { width: 100%; margin: 30px 0 30px 0; display: flex; justify-content: space-between;}
.posted_infobox .option_info { margin: 0; display: inline-block;}
.posted_infobox .option_info i { margin: 0 5px 0 0; display: inline-block;}
.blog_details .blog_detail_title { font-size: 28px;}
.blog_details p { margin: 0 0 16px 0;}
.blog_details ul { margin: 0 0 25px 20px;}
.blog_details ul li { margin: 0 0 15px 0; list-style-type: disc;}
.blog_details a { color: var(--primary-color);}
.blog_details a:hover { color: var(--black-color);}
.popular_blogs { width: 100%; margin: 0;}
.popular_blog { width: 100%; display: flex; border-top: 1px solid var(--color-ccc); padding: 15px 0; background: var(--white-color);}
.popular_blog .popular_blog_imgbox { width: 140px; height: 105px; margin: 0 8px 0 0; border-radius: 10px; overflow: hidden;}
.popular_blog .popular_blog_imgbox img { width: 100%; height: 100%; display: block;}
.popular_blog .popular_blog_txtbox { width: 70%; margin: 0;}
.popular_blog .popular_blog_txtbox .popular_blog_title { font-size: var(--body-font-size); font-weight: 600; height: 68px; overflow: hidden;}
.popular_blog .popular_blog_txtbox .view_link { color: var(--primary-color);}
.popular_blog .popular_blog_txtbox .view_link:hover { color: var(--black-color);}
.others_likeboxs { width: 100%; padding: 0; }
.also_likeblog_items {  width: 100%; padding: 0; margin: 0;}
.heading__box .title_heading.only_heading { margin: 0; text-transform: none; }
.impact_planbox_base { width: 100%; padding: 0; margin: 0; }
.impact_planbox { width: 100%; margin: 0;}
.impact_planbox .impact_icbox { width: 80px; height: 80px; font-size: 54px; line-height: 80px; text-align: center; margin: 0 auto 15px auto; border: 1px solid var(--color-ccc); border-radius: 15px;}
.impact_planbox .impact_txt { font-size: 16px; text-align: center; font-weight: 600; padding: 0; margin: 0; }
.donate_card { width: 100%; padding: 20px 15px; border-radius: 40px; border: 1px solid var(--color-ccc); margin: 0 0 30px 0;}
.donate_card .donate_card_title { font-size: 22px; text-align: center; border-bottom: 1px solid var(--color-ccc); padding: 0 0 15px 0; }

.heading__box { width: 72%; margin: 0 auto 50px auto; display: table; }
.heading__box h1, .heading__box h2, .heading__box h3, .heading__box h4, .heading__box h5, .heading__box h6, .heading__box .title_heading { margin: 0 0 10px 0; text-transform: uppercase; }
.heading__box p { font-size: var(--body-font-size); padding: 0; margin: 0; }
.heading__box .sub_txtheading { font-size: 20px; color: var(--secondary-color); font-weight: 600; margin: 0 0 10px 0; }
.heading__box.white_txt .title_heading, .heading__box.white_txt p, .heading__box.white_txt .sub_txtheading { color: var(--white-color);}
/* ==================CSR Section================ */
.csr_about_wrapperbox { border-radius: 15px; margin-bottom: 40px; background: var(--white-color);}
.csr_about_wrapper { width: 100%; padding: 25px; display: flex; gap: 20px; }
.csr_about_titlebox { width: 40%;}
.csr_about_disbox { width: calc(100% - 40%); }
.commitment_sec .titlebox p { font-size: 18px; font-weight: 600;}
.commitment_title_wrapper { display: flex; justify-content: center; gap: 8px; }
.line_left { width: calc(35% - 60px); height: 36px; border: 0; border-color: var(--secondary-color); border-style: solid; border-top-width: 1px; border-left-width: 1px; border-radius: 2px 0 0 0; }
.commitment_title_wrapper p { width: fit-content; font-size: 24px; line-height: 36px; color: var(--primary-color); text-align: center; font-weight: 800; margin-top: -18px; margin-bottom: 0; }
.commitment_title_wrapper p::after { content: "|"; display: block; text-align: center; font-size: 12px; font-weight: 400; margin-top: -8px; }
.linr_right { border-left-width: 0; border-right-width: 1px; border-radius: 0 2px 0 0; }
.commitment_boxWrapper { display: flex; gap: 15px; align-items: center; justify-content: center; margin: 0 0 20px 0;}
.commitment_box { width: 33.3333333333%; height: 100%; padding: 30px 20px;; margin: 0 0 10px 0; background: rgba(69, 145, 231, 0.1); text-align: center;}
.icon_boxwrap { margin: 0 auto; }
.icon_boxwrap i, .icon_boxwrap svg { font-size: 40px; color: var(--primary-color); }
.commitment_box .title_{ color: var(--primary-color); font-weight: 800; margin: 16px 0 12px 0;}
.commitment_box p { height: 46px; margin: 0;}
.highlight_text { color: var(--deep_green);}
.india_sec { height: 46.1651205937vw; background: url(../images/ind_img.png) center center no-repeat #f8f8f8; background-size: 100% 100%; position: relative; }
.india_v_center { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); }
.india_box_align { width: 35%; float: right;}
.india_boxWrapper { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px; margin-top: 30px; }
.india_box { width: calc(50% - 12px); padding: 16px 24px 24px; background-color: var(--deep_green); border-radius: 8px; }
.india_box h6 { font-size: 24px; color: var(--white-color); margin: 0 0 8px 0;}
.india_box p { color: var(--white-color); margin: 0;}
.founder_message_card { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 24px; padding: 24px; border-radius: 16px; background-color: rgba(200, 227, 96, 0.1); position: relative;}
.founder_imgbox { width: calc(30% - 12px); text-align: center; border-radius: 20px; overflow: hidden;}
.founder_message_box { width: calc(70% - 12px); position: relative; }
.founder_message_box .message_title { font-size: 24px; color: var(--deep_green);}
.founder_message_box .founder_name { font-weight: 600; margin: 0;}
.founder_message_box .founder_desi { color: var(--color-777); margin: 0;}
.in_icon { position: absolute; top: 24px; right: 24px;}
.in_icon i, .in_icon svg { font-size: 44px; color: var(--primary-color);}
.partner_with_us_sec { min-height: 520px; background: url(../images/partner_with_us_bg.jpg); background-size: 100% 100%; margin: 48px 0 40px; position: relative; }
.partnerwithus_overlay { width: 100%; min-height: 520px; position: absolute; background-color: rgba(0, 0, 0, .6); top: 0; left: 0;}
.partner_with_uswrapper { width: 100%; padding: 12% 8%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }
.partner_leftbox { width: 100%; margin: 0;}
.partner_rightbox { width: 100%; margin: 0;}
.partner_leftbox .subtitle { font-size: 20px; color: var(--secondary-color); margin: 0 0 10px 0;}
.partner_leftbox .maintitle { color: var(--white-color); margin: 0;}
.partner_rightbox p { color: var(--white-color); margin: 40px 0 20px 0; }
.partner_rightbox .play_link { margin: 0;}
.partner_rightbox .play_link a { font-size: 18px; color: var(--light_green);}
.partner_rightbox .play_link a:hover { color: var(--secondary-color);}
.stories_of_hope_sec { width: 100%; padding: 50px 0 60px 0;}
.join_our_movement_sec { width: 100%; }
.join_our_movement_wrap { width: 100%; padding: 0 16px; position: relative;}
.join_our_conbox { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }
.join_our_imgbox { position: relative; z-index: 1; border-radius: 12px; overflow: hidden;}
.join_our_imgbox::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(0, 0, 0, .6);}
.join_the_movement_body { color: var(--white-color); text-align: center; padding: 24px;}
.join_the_movement_body p { margin: 0 0 20px 0;}
.our_update_sec { width: 100%;}
.our_update_sec .update_item img { border-radius: 10px; overflow: hidden;}
/* ==================Monthly Donation new design Section================ */
.impact_sip {}
.impact_sip_boxitems { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; }
.impact_sip_box { width: calc(50% - 15px); text-align: center; }
.impact_sip_icbox { text-align: center; margin: 0 auto 16px auto;}
.impact_sip_icbox i, .impact_sip_icbox svg { font-size: 40px; color: var(--deep_green);}
.impact_sip_box h6 { font-size: 24px; color: var(--primary-color); font-weight: 800; margin: 0 0 10px 0;}
.impact_sip_mapbase { display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative;}
.impact_sip_mapcontent { position: absolute; z-index: 2;}
.impact_sip_mapbox { position: relative; z-index: 1;}
.impact_sip_mapbox img { width: 100%; max-width: 360px; display: block;}

.mt_project_details { margin-top: 80px;}
.donate_card { width: 100%; padding: 20px 15px; border-radius: 40px; border: 1px solid var(--color-ccc); margin: 0 0 30px 0;}
.donate_card .donate_card_title { text-align: center; border-bottom: 1px solid var(--color-ccc); padding: 0 0 15px 0; }
.donate_card_amount { width: 100%; color: var(--black-color); font-weight: 600; margin: 0 0 10px 0; }
.donate_card_amount .amount { font-size: 34px; color: var(--deep_green); display: block; margin: 0 0 10px 0; }
.donate_card .supporter_info { width: 100%; margin: 0 0 15px 0; }
.donate_card .supporter_info .day_left, .donate_card .supporter_info .supporter_total { font-size: 18px; margin: 0;}
.trending-slider item { padding: 0 15px;}
.trending__box { width: 100%; margin: 0; background: var(--white-color); border: 1px solid #ccc; padding: 15px 15px; border-radius: 18px; }
.trending__box:hover { border-color: var(--green-color);}
.trending__box .trending_slider_imgbox { width: 100%; max-height: 300px; border-radius: 18px; margin: 0 0 10px 0; overflow: hidden; }
.trending__box .trending_slider_imgbox img { width: 100%; }
.trending_slider_txtbox { width: 100%; height: 220px; margin: 0; overflow: hidden; }
.trending_slider_txtbox .title_tending { height: 48px; margin: 0 0 15px 0; overflow: hidden; }
.trending_slider_txtbox .title_tending a { color: var(--primary-color);}
.trending_slider_txtbox .title_tending a:hover { color: var(--black-color);}
.trending_slider_txtbox .raised_out { font-size: 17px; text-align: center; margin: 0 0 10px 0;}
.trending_slider_txtbox .raised_out .amount { font-weight: 600;}
.progress { width: 100%; height: 12px; border-radius: 15px; margin: 0 0 20px 0; }
.progress .bg-success { background-color: var(--deep_green) !important;}


.rounded_img_wrapper { width: 100%; border-radius: 40px; margin: 0 0 10px 0; overflow: hidden; }
.rounded_img_wrapper img { width: 100%; display: block;}
.down_document { padding: 40px; margin: 0; background: var(--white-color); border-radius: 40px;}
.down_document ul { margin: 0 0 15px 0; display: table;}
.down_document ul li { padding: 0; margin: 0 0 15px 0;}

.products_show_boxbase { width: 100%; padding: 30px 20px; border: 1px solid var(--color-ccc); background: var(--white-color); border-radius: 40px; margin: 0;}
.products_show_boxbase .state_title { margin: 0 0 15px 0; }
.subproduct { width: 100%; background: var(--white-color); border: 1px solid var(--soft-light-eee); border-radius: 10px; padding: 5px 5px; }
.subproduct .subproduct_imgbox { width: 100%; border-radius: 10px; overflow: hidden; margin: 0 0 15px 0; }
.subproduct .subproduct_contentbox { width: 100%;}
.subproduct .subproduct_contentbox .titleheadtxt { font-size: 18px; margin: 0 0 10px 0; }
.subproduct .subproduct_contentbox .obtainedtxt { font-size: 14px; margin: 0 0 15px 0; }
.qty_container { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.qty_container .btn3 { background: var(--white-color); border: 1px solid var(--black-color); padding: 5px 15px; font-size: 18px; text-align: center; border-radius: 5px; }
.qty_container .btn3:hover, .qty_container .btn3:active { background: var(--deep_green); color: var(--white-color); border-color: var(--deep_green);}
.qty_container .btn3:focus { box-shadow: none; }
.qty_container .input-qty { margin: 0 5px;}
.qty_container .input-qty:focus { box-shadow: none; }
.donate_raisedbox { background: var(--white-color); height: 100%; margin: 0; }
.donate_raisedbox .donate_card_amount { font-size: 14px; }
.donate_raisedbox .supporter_info { flex-direction: column; }
.donate_raisedbox .supporter_info .day_left, .donate_raisedbox .supporter_info .supporter_total { width: 100%; margin: 0 0 15px 0;}
.donate_raisedbox .supporter_info .supporter_total { margin: 0 0 5px 0; }
.cus_donate_amount { width: 100%; justify-content: space-between; align-items: center; margin: 0 0 20px 0;}
.cus_donate_amount .btn_cus_donate { font-size: 16px; text-align: center; padding: 5px 15px; margin: 0; border: 0; border-radius: 30px;}
.cus_donate_amount .btn_cus_donate:hover, .cus_donate_amount .btn_cus_donate:focus { background: var(--deep_green); color: var(--white-color);}
.latest_update_videos { width: 100%; margin: 0; }
.latest_video_box { margin: 15px 0; }
.tm_page_details h4{font-size: 20px;}
.main_slider .slider_imgbox { overflow: hidden; }
.counter-section #counter { padding: 0; margin: 0; }
.mt_project_list .trending__box { margin: 0 0 24px 0; }



.stepper-wrapper {
    position: relative;
}

.stepper-line {
    position: absolute;
    top: 25px;
    left: 10%;
    width: 80%;
    height: 4px;
    background: #cfcfcf;
    z-index: 1;
}

.stepper-progress {
    position: absolute;
    height: 4px;
    width: 0%;
    background: #0b6b43;
    z-index: 2;
    transition: 0.3s;
}

.step-item {
    position: relative;
    z-index: 3;
}

.step-circle {

}

.step-item.active .step-circle {
    background: #0b6b43;
    color: #fff;
}

.step-item.current .step-circle {
    background: #1565d8;
    color: #fff;
}

.start_campaignbox {
}

.start_campaignbox h3 {
    color: #d6c7a1;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
}

.start_campaignbox p {
}

.start_campaignbox .form-control,
.start_campaignbox .form-select {

    margin-bottom: 20px;
}

.start_campaignbox textarea.form-control{
    height: auto;
}

.start_campaignbox .form-check-label {

}

.default_btn {
/*    width: 100%;
    height: 55px;*/
    border: 0;
    border-radius: 30px;
    background: #2f6db5;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.form-step{
    display:none;
}

.form-step.active{
    display:block;
}
.mt_section h4{color: #fff; font-size: 22px;}