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

/*html, body {
	width: 100%;
	overflow-x: hidden;
} */


/* 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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* Google Fonts */
@font-face { font-family: CambriaFont; src: url(../fonts/Cambria.ttf); }
@font-face {
    font-family: 'glyphiconshalflingsregular';
    src: url('../fonts/glyphiconshalflingsregular.eot');
    src: url('../fonts/glyphiconshalflingsregular.eot') format('embedded-opentype'),
         url('../fonts/glyphiconshalflingsregular.woff2') format('woff2'),
         url('../fonts/glyphiconshalflingsregular.woff') format('woff'),
         url('../fonts/glyphiconshalflingsregular.ttf') format('truetype'),
         url('../fonts/glyphiconshalflingsregular.svg#glyphiconshalflingsregular') format('svg');
}
/* .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
} */

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-display: block;
    font-weight: 400;
    src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); 
}
  
  @font-face {
    font-family: 'Font Awesome 5 Free';
    font-display: block;
    font-weight: 900;
    src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); 
}
  
  @font-face {
    font-family: 'Font Awesome 5 Free';
    font-display: block;
    font-weight: 400;
    src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); 
}

html { scroll-behavior: smooth; }
:root {
    /* Color */
    --body-font: "Roboto", sans-serif;
    --body-font-size: 16px;

    --f1-font-size: calc(var(--f2-font-size) + 4px);
    --f2-font-size: calc(var( --f3-font-size) + 4px);
    --f3-font-size: calc(var(--f4-font-size) + 6px);
    --f4-font-size: calc(var(--f5-font-size) + 4px);
    --f5-font-size: calc(var(--f6-font-size) + 4px);
    --f6-font-size: calc(var(--body-font-size) + 4px);

    --body-font-size-1: calc(var(--body-font-size) - 1px);
    --body-font-size-2: calc(var(--body-font-size) - 2px);
    --body-font-size-3: calc(var(--body-font-size) - 3px);
    --body-font-size-4: calc(var(--body-font-size) - 4px);
    --primary-color: #a02927;
    --secondary-color: #e06c22;
    --yellow-color: #f2eb00;
    --red-color: #d72827;
    --green-color: #008646;
    --indigo-color: #291870;
    --purple-color: #762074;
    --blue-color: #107bf2;
    --white-color: #ffffff;
    --soft-gray: #fafafa;
    --very-light: #f5f5f5;
    --soft-light-eee: #eeeeee;
    --color-ccc: #cccccc;
    --semi-light-999: #999999;
    --mid-light-777: #777777;
    --mid-dark-666: #666666;
    --light-charcoal-555: #555555;
    --dark-charcoal-333: #333333;
    --black-color: #000000;
    --facebook: #215595;
    --twitter: #1c9be9;
    --instagram: #f60868;
    --youtube: #f60002;   
    --bs-navbar-toggler-icon-bg: url(../images/navbar-toggler-icon.png);
    --FontAwesome4: 'FontAwesome';
    --FontAwesome5: 'FontAwesome';
}

h1, h2, h3, h4, h5, h6 { font-weight: 600; padding: 0; margin: 0; }

h1 { font-size: var(--f1-font-size)}
h2 { font-size: var(--f2-font-size)}
h3 { font-size: var(--f3-font-size)}
h4 { font-size: var(--f4-font-size)}
h5 { font-size: var(--f5-font-size)}
h6 { font-size: var(--f6-font-size)}

* { padding: 0; margin: 0; box-sizing: border-box; }
::after, ::before { box-sizing: border-box; }
body { font-family: var(--body-font); font-size: var(--body-font-size); line-height: 1.4; color: var(--black-color); font-weight: 400; letter-spacing: 0.4px; background: var(--white-color); overflow-x: hidden; }

/* h1 { font-size: 40px; font-weight: 600;}
h2 { font-size: 32px; font-weight: 600;}
h3 { font-size: 28px; font-weight: 600;}
h4 { font-size: 24px; font-weight: 600;}
h5 { font-size: 20px; font-weight: 600;}
h6 { font-size: var(--body-font-size); font-weight: 600; } */

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0 0 15px 0; }
p { padding: 0; margin: 0 0 10px 0; font-size: var(--body-font-size); color: var(--main-text-color); font-weight: normal; }
img { width: auto; max-width: 100%; display: block; border: 0; }
ul, ol {padding: 0; margin: 0; list-style: none; }
ol { list-style: decimal inside; }
ul li { list-style-type: none;}
a { color: var(--secondary-color); transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
a, a:hover, a:focus { color: var(--black-color); text-decoration: none; }
b, strong { font-weight: 600; }
blockquote { padding: 0; margin: 0; border: none; }

/* a, a:hover, a:visited
{
    color: #21a108;
} */
/* ::selection
{
    background: #21a108; color: #fff;
}
::-moz-selection
{
    background: #21a108; color: #fff;
} */
a:focus, p:focus, div:focus, input:focus, textarea:focus, submit:focus, button:focus { outline: none; }
/***************
page scrool
**************/
.scrollup { right: 15px; position: fixed; bottom: -80px; width: 45px; height: 45px; z-index: 9999; background: var(--second-bg-color); cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; text-align: center; color: var(--main-text-color); padding: 10px; font-size: 18px; }
.scrollup.active { bottom: 92px; right: 15px; }
/***************
page scrool
***************/
.v_middlebox { width: 100%; height: 100%; display: table;}
.v_middlebox .v_middle { display: table-cell; vertical-align: middle; }
.bg_gray { background: var(--soft-light-eee);}
.bg_green { background: var(--green-color);}
.bg_blue { background: var(--indigo-color);}
.bg_light_gray {background: #e9e9e9;}
.top_noticebox { background: var(--primary-color); padding: 8px 0;}
.top_noticebox p { color: var(--white-color); padding: 0; margin: 0;}
header { width: 100%; }
.header-top { width: 100%; background: var(--); padding: 5px 0;}
.navbar-light .navbar-toggler:focus { box-shadow: none !important;}
.social_box { float: left;}
.social_box ul li { padding: 0; margin: 0 20px 0 0; float: left; }
.right-top { float: right;}
.right-top ul li { padding: 0; margin: 0 0 0 20px; float: left; }
.main_header { background: var(--white-color);}
.main_header .navbar-nav li { padding: 0; margin: 0 15px;}
.main_header .navbar-nav li a.nav-link { color: var(--black-color); padding: 8px 0;}
.main_header .logo_head { padding: 0;}
.main_header .logo_head .header_logo { max-width: 130px;}
.nav-link.active, .main_header .navbar-nav li a.nav-link.active, .nav-link:hover, .main_header .navbar-nav li a.nav-link:hover, .nav-link:focus, .main_header .navbar-nav li a.nav-link:focus { color: var(--secondary-color);}
.like_btn, .main_header .navbar-nav li a.nav-link.like_btn { color: var(--white-color); background: var(--secondary-color); border: 0; padding: 8px 25px; margin: 0; display: inline-block; border-radius: 60px; }
.like_btn:hover, .main_header .navbar-nav li a.nav-link.like_btn:hover { color: var(--white-color); background: var(--black-color);}
.main_slider { width: 100%; margin: 0; position: relative;}
.main_slider .item { position: relative;}
.slider_content_wrap { width: 100%; height: 100%; margin: 0; position: absolute; top: 0; left: 0; z-index: 1; display: flex; align-items: center;}
.slider_content_wrap .slider_content_position { width: 60%; }
.slider_content_wrap .slider_content_position h1 { font-size: 40px; line-height: 44px; color: var(--white-color); padding: 0; margin: 0 0 15px 0; }
.slider_content_wrap .slider_content_position p { font-size: var(--body-font-size); color: var(--white-color); padding: 0; margin: 0 0 30px 0; }
.slider_btns { display: flex; }
.slider_imgbox {  width: 100%; }
.slider_imgbox img { width: 100%; display: block;}
.btn1 { font-size: 18px; color: var(--white-color); background: var(--green-color); 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(--green-color); 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(--green-color); background: none; border: 1px solid var(--green-color); 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(--green-color); }
.section { width: 100%; padding: 60px 0;}
.home_about .about_img_position { width: 60%; margin: 0 auto 30px auto;}
.home_about .home_about_img { width: 100%; border-radius: 40px; overflow: hidden;}
.home_about .home_about_img img { width: 100%; display: block;}
.home_about .home_about_content { width: 100%; height: 100%; margin: 0;}
.home_about .home_about_content .title_heading { margin: 0 0 10px 0; text-transform: uppercase; }
.home_about .home_about_content p { padding: 0; margin: 0 0 20px 0;}
.home_about .home_about_content p:last-child { margin-bottom: 0;}
.home_about .home_about_content ul { padding: 0; margin: 0 0 0 20px;}
.home_about .home_about_content ul li { list-style-type: disc; padding: 0; margin: 0 0 10px 0;}
.footer { width: 100%; padding: 0; margin: 0; }
.footer_top { width: 100%; background: var(--dark-charcoal-333); padding: 60px 0; }
.footer_logo_box { width: 200px; display: inline-block; margin: 0 0 15px 0;}
.footer_linkbox { width: 100%; margin: 0;}
.footer_linkbox .footer_title { color: var(--white-color); padding: 0; margin: 0 0 20px 0; }
.footer_linkbox ul li { list-style-type: none; margin: 10px 0 0 0; }
.footer_linkbox ul li a { color: var(--white-color); }
.footer_linkbox ul li a:hover { color: var(--secondary-color); }
.footer_linkbox .social_linkbox { padding: 0; margin: 0 0 25px 0; display: flex; }
.footer_linkbox .social_linkbox li { list-style-type: none; float: left; margin: 0 15px 0 0; }
.footer_linkbox .social_linkbox li a { width: 40px; height: 40px; font-size: 20px; line-height: 30px; color: var(--secondary-color); text-align: center; background: var(--white-color); padding: 5px 5px; border-radius: 50%; display: block;  }
.footer_linkbox .social_linkbox li a:hover { color: var(--white-color); background: var(--secondary-color);}
.footer_cms_links { padding: 16px 0;}
.cms_links { max-width: 100%; margin: 0 auto; display: table;}
.cms_links li { list-style-type: none; margin: 0 15px; float: left;}
.cms_links li a { color: var(--white-color); padding: 0; margin: 0; }
.cms_links li a:hover { color: var(--secondary-color);}
.footer_bot { width: 100%; background: var(--black-color); padding: 10px 0;}
.footer_bot p { padding: 10px 0; margin: 0; color: var(--mid-light-777); text-align: center;}
.footer_address { margin: 0; }
.footer_address p { color: var(--white-color); margin: 0;}
.counter-section { background-size: cover; background-repeat: no-repeat; position: relative;}
.counter-section::after { content: ''; background-color: rgb(10 10 10 / 54%); position: absolute; left: 0; right: 0; bottom: 0; top: 0; }
.counter-section .container { z-index: 100; position: relative; padding-top: 1rem; }
.counter-section .counterbox i { color: var(--green-color);}
.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);}
.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: 40px; }
.trending__box:hover { border-color: var(--green-color);}
.trending__box .trending_slider_imgbox { width: 100%; max-height: 300px; border-radius: 40px; 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(--secondary-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(--green-color) !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;}
.testimonial-slider { max-width: 100%; margin: 0 auto; position: relative; display: flex;}
.testimonial-slider item { padding: 0 15px; margin: 0; }
.testimonial_box { width: 100%; background: var(--white-color); padding: 40px 15px; border-radius: 40px; overflow: hidden; position: relative;}
.testimonial_box .testimonial_imgbox { width: 140px; height: 140px; background: var(--green-color); border-radius: 50%; margin: 0 auto 20px auto; overflow: hidden;}
.testimonial_txtbox { width: 100%; text-align: center; margin: 0;}
.testimonial_txtbox .client_say_base { width: 100%; margin: 0; position: relative;}
.testimonial_txtbox .client_say_base::before { content: "\f10d"; position: absolute; left: 0; top: -12%; z-index: 1; font-family: 'FontAwesome'; font-size: 30px; color: var(--secondary-color); }
.testimonial_txtbox .client_say_base::after { content: "\f10e"; position: absolute; right: 0; bottom: -12%; z-index: 1; font-family: 'FontAwesome'; font-size: 30px; color: var(--secondary-color); }
.testimonial_txtbox .client_say { height: 144px; line-height: 1.5; padding: 0 35px; margin: 0 0 25px 0; position: relative; overflow: hidden; }
/* .testimonial_txtbox .client_say::before { content: "\f10d"; position: absolute; left: 0; top: -12%; z-index: 1; font-family: 'FontAwesome'; font-size: 30px; color: var(--secondary-color); }
.testimonial_txtbox .client_say::after { content: "\f10e"; position: absolute; right: 0; bottom: -12%; z-index: 1; font-family: 'FontAwesome'; font-size: 30px; color: var(--secondary-color); } */
.testimonial_txtbox .client_name { color: var(--green-color); margin: 0 0 5px 0;}
.testimonial_txtbox .client_designation { line-height: 1.4; color: var(--light-charcoal-555); padding: 0; margin: 0;}
.slick-prev { left: -30px; }
.slick-next { right: -20px; }
.slick-prev::before, .slick-next::before { font-family: 'FontAwesome'; font-size: 40px; } 
.slick-prev::before { content: "\f053"; }
.slick-next::before { content: "\f054"; }
.home_success_stories { width: 100%;}
.success__stories { width: 100%;}
.success_storie { width: 100%; }
.success_storie .storie_imgbox { width: 100%; padding: 0; margin: 0 0 20px 0; border-radius: 40px; overflow: hidden;}
.success_storie .storie_txtbox { width: 100%; margin: 0;}
.success_storie .storie_txtbox .storie_title, .success_storie .storie_txtbox .storie_title a { font-size: 19px; color: var(--black-color);}
.success_storie .storie_txtbox .storie_title:hover, .success_storie .storie_txtbox .storie_title a:hover { color: var(--secondary-color);}
.success_storie .storie_txtbox .storie_desc { height: 90px; margin: 0; overflow: hidden;}
.success_storie_imgbox { width: 100%; border-radius: 40px; overflow: hidden;}
.success_storie_imgbox img { width: 100%; display: block;}
.success_storie_txtbox { width: 100%;}
.home_campaigns { width: 100%; }
.live_campaigns { width: 100%; padding: 0; margin: 0; }
.video_wrapper { position: relative; padding-bottom: 56.25%; overflow: hidden;}
.video_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.wrapper_rounded, .video_wrapper.wrapper_rounded { border-radius: 40px;}
.live_campaigns .live_campaign_txt { width: 100%; height: 100%; margin: 0; }
.live_campaigns .live_campaign_txt .btn_group { display: flex; margin: 20px 0 0 0;}
.home_awards_recognition { width: 100%; }
.partner_logos { width: 100%; position: relative; }
.partner_logos .compony_logo { padding: 5px 10px; }
.partner_logos .compony_logo img { margin: 0 auto; }
.bg_green .success_storie .storie_txtbox .storie_title, .bg_green .success_storie .storie_txtbox .storie_title a { color: var(--white-color);}
.bg_green .success_storie .storie_txtbox .storie_title:hover, .bg_green .success_storie .storie_txtbox .storie_title a:hover { color: var(--secondary-color);}
.bg_green .success_storie .storie_txtbox .storie_desc { color: var(--white-color);}
.page_banner { width: 100%; margin: 0; background: var(--soft-light-eee); position: relative; }
.page_banner .pagebanner_imgbox { width: 100%; margin: 0; position: relative;}
.page_banner .pagebanner_imgbox::before { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.5);}
.banner_contentbox { margin: 0; position: absolute; top: 50%; left: 50%; z-index: 3; transform: translate(-50%, -50%);}
.banner_contentbox h1 { color: var(--white-color); text-align: center; padding: 0; margin: 0 0 15px 0;}
.page_banner .breadcrumb_box { margin: 0 auto; display: table;}
.breadcrumb .breadcrumb-item { font-size: 18px; color: var(--white-color); }
.breadcrumb .breadcrumb-item a { color: var(--secondary-color); }
.breadcrumb .breadcrumb-item a:hover { color: var(--white-color); }
.breadcrumb .breadcrumb-item.active { color: var(--white-color); } 
.upcoming_project .storie_txtbox .storie_title { height: 48px; text-align: center; overflow: hidden;}
.upcoming_project .storie_txtbox .storie_title a { color: var(--secondary-color); }
.upcoming_project .storie_txtbox .storie_title a:hover { color: var(--black-color); }
.storie_txtbox .name_founder { color: var(--black-color); font-weight: 600; text-align: center; }
.storie_txtbox .desig_text { color: var(--semi-light-999); text-align: center; font-weight: 600; margin: 0;}
.form_fundraiser { width: 54%; padding: 40px 30px; margin: 0 auto; background: var(--white-color); border: 1px solid var(--color-ccc); border-radius: 15px; box-shadow: 0 0 4px #ccc; }
.form_fundraiser a { color: var(--secondary-color); }
.form_fundraiser a:hover { color: var(--black-color);}
.form_fundraiser .btn_group { margin: 30px 0 30px 0;}
.login_option_txt { margin: 0 auto; text-align: center;}
.get_in_box { width: 70%; margin: 0;}
.get_in_box .heading_box { margin: 0 0 30px 0;}
.get_info_box { width: 100%; margin: 0; border-bottom: 1px solid var(--color-ccc);}
.get_info_box .get_row { width: 100%; display: flex; margin: 0 0 20px 0; }
.get_info_imgbox { width: 40px; min-width: 40px; height: 40px; background: var(--secondary-color); border-radius: 50%; margin: 0 16px 0 0; overflow: hidden; font-size: 18px; color: var(--white-color); text-align: center; line-height: 40px;}
.get_info_txtbox { width: 100%; margin: 0;}
.get_info_txtbox ._title_txt, .contact_follow_us ._title_txt { font-size: 18px; font-weight: 600; margin: 0 0 10px 0;}
.get_info_txtbox ._dtl_txt { font-weight: 400; margin: 0;}
.contact_follow_us { width: 100%; padding: 20px 0 5px 0; margin: 0;}
.contact_follow_us ._title_txt { margin: 0 0 15px 0;}
.follow_social_linkbox { padding: 0; margin: 0; display: flex; }
.follow_social_linkbox li { list-style-type: none; margin: 0 15px 0 0; float: left; }
.follow_social_linkbox li a { width: 40px; height: 40px; font-size: 20px; line-height: 30px; color: var(--white-color); text-align: center; background: var(--secondary-color); padding: 5px 5px; border-radius: 50%; display: block;  }
.follow_social_linkbox li a:hover { color: var(--white-color); background: var(--black-color);}
.send_message_box { width: 100%; padding: 40px; margin: 0; background: var(--white-color); border: 1px solid var(--color-ccc); border-radius: 40px; box-shadow: 0 0 4px #ccc;}
.map_sec { width: 100%; min-height: 400px; }
.volunteer_inputbox { width: 54%; margin: 0 auto;}
.volunteers_slider { margin: 0;}
.volunteers_slider .item { padding: 0 15px; margin: 0;}
.volunteerbox { padding: 15px; margin: 0; border: 1px solid var(--color-ccc); border-radius: 40px;}
.volunteer_imgbox { width: 200px; height: 200px; border-radius: 50%; overflow: hidden; background: var(--soft-light-eee); margin: 0 auto 15px auto; }
.volunteer_txtbox { width: 100%; text-align: center; margin: 0;}
.volunteer_txtbox .volunteer_name { font-size: 18px; font-weight: 600; padding: 0; margin: 0 0 10px 0;}
.volunteer_txtbox .volunteer_desig { font-size: 16px; font-weight: 400; color: var(--mid-light-777); padding: 0; margin: 0 0 10px 0;}
.gallery__boxs { width: 100%; margin: 0;}
.gallery__boxs .gallery_imgbox { margin: 15px 0; border-radius: 30px; overflow: hidden;}
.video_box { margin: 15px 0; }
.quick_linkbtnsec { width: 100%; padding: 50px 0;}
.quick_linkbtnbox { display: flex; justify-content: center; }
.like_btnbox { margin: 0 16px;}
.like_btnbox a { font-size: 18px; color: var(--green-color); background: var(--white-color); border: 0; padding: 10px 40px; margin: 0; display: inline-block; border-radius: 60px;} 
.like_btnbox a:hover, .like_btnbox a:focus { color: var(--white-color); background: var(--black-color); }
.own_success_stories .success_storie { margin: 0 0 40px 0; }
.center_content { display: flex; justify-content: center;}
.success_stories item { padding:  0 15px;}
.registration_inputbox { width: 54%; margin: 0 auto;}
.mobile_width { padding-left: 45px; position: relative;}
.mobile_width:before { content: "+91"; position: absolute; left: 0; top: 8px; z-index: 1;}
.registration_inputbox .form-check a { color: var(--secondary-color);}
.registration_inputbox .form-check a:hover { color: var(--black-color);}
.login_option { width: 100%; padding: 10px 0;}
.login_option p { padding: 0; margin: 0; text-align: center;}
.login_option p a { color: var(--secondary-color);}
.login_option p a:hover { color: var(--black-color);}
.mandate { color: var(--red-color); font-weight: 600;}
.success_message { color: var(--green-color);}
.error_message { color: var(--red-color); }
.forgot_pass { text-align: center; margin: 20px 0 ;}
.forgot_pass a { color: var(--secondary-color);}
.forgot_pass a:hover { color: var(--black-color);}
.donate_usbox { width: 100%; margin: 0; }
.state_donation_box { width: 100%; margin: 0;}
.state_img { width: 100%; border-radius: 40px; margin: 0 0 20px 0; overflow: hidden;}
.state_img img { width: 100%; display: block;}
.state_title { padding: 0; margin: 0 0 20px 0; }
.state_donation_box p { padding: 0; margin: 0 0 20px 0;}
.exempted_txtbox { max-width: 100%; margin: 0;}
.exempted_txtbox p { font-weight: 600; margin: 0 0 8px 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 { 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(--green-color); 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;}
.paymentoption_box { display: flex;}
.paymentoption_box .payment_option { width: 25%; padding: 5px; text-align: center; border-left: 1px solid var(--color-ccc); }
.paymentoption_box .payment_option:first-child { border-left: 0;}
.paymentoption_box .payment_option .payment_icbox { width: 60px; height: 60px; border-radius: 50%; background: var(--soft-light-eee); font-size: 24px; text-align: center; line-height: 60px; margin: 0 auto 10px auto;}
.paymentoption_box .payment_option p { font-size: 13px;}
.paymentoption_box .payment_option p a:hover { color: var(--secondary-color);}
.campaigner_boxinfo { background: var(--white-color); width: 100%; display: flex; border-top: 1px solid var(--color-ccc); padding: 15px 0;}
.campaigner_boxinfo .user_roundbox { width: 60px; height: 60px; border-radius: 40px; background: var(--soft-light-eee); border: 1px solid var(--color-ccc); margin: 0 10px 0 0; text-align: center; overflow: hidden;}
.campaigner_boxinfo .info_titletxt { font-size: 16px; margin: 0 0 6px 0;}
.user_info_txtbox { display: inline-block;}
.user_info_txtbox .info_titletxt { color: var(--black-color);}
.user_info_txtbox p { color: var(--secondary-color); margin: 0 0 5px 0;}
.user_info_txtbox .location_info { font-size: 14px; line-height: 25px; color: var(--semi-light-999); margin: 0;}
.donor_boxs { width: 100%; margin: 0;}
.location_info.amount { font-size: 18px; color: var(--green-color); font-weight: bold; }
.bank_details_basebox { width: 100%; margin: 50px 0 0 0;}
.bank_details { max-width: 100%; margin: 20px 0 0 0; display: inline-block; }
.member_gallery { width: 100%; text-align: center; margin: 0 0 30px 0;}
.member_gallery .member_name { font-size: 18px; font-weight: 600;}
.member_gallery .member_designation { color: var(--semi-light-999);}
.gallery__boxs .member_gallery .gallery_imgbox { margin: 15px 0 20px 0;}
.gallery__boxs .member_gallery .gallery_imgbox a img { width: 100%; transition: all .3s ease-in-out; }
.gallery__boxs .member_gallery .gallery_imgbox a:hover img { transform: scale(1.2); }
.faqs_itembox .accordion-item { border: 1px solid rgba(170,224,198, 0.5);}
.faqs_itembox .accordion-button:not(.collapsed) { color: var(--green-color); background-color: #e8fcec; box-shadow: inset 0 -1px 0 rgba(170,224,198, 0.5); }
.faqs_itembox .accordion-button::after { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); }
.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;}
.cms_wrapper { width: 72%; margin: 0 auto; }
.cms_wrapper p { margin: 0 0 15px 0;}
.cms_wrapper a { color: var(--secondary-color);}
.cms_wrapper a:hover { color: var(--black-color);}
.cms_wrapper ul, .cms_wrapper ol { margin: 0 0 30px 20px;}
.cms_wrapper ul li { list-style-type: disc; margin: 0 0 15px 0; }
.cms_wrapper ol li { margin: 0 0 15px 0; }
.cms_wrapper .btn_group { margin: 30px auto 10px auto; display: table;}
.cms_wrapper .btn2 { color: var(--white-color); }
.cms_wrapper .btn2:hover, .cms_wrapper .btn2:focus { color: var(--white-color); background: var(--black-color); }
.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-color); 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(--green-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(--blue-color); width: 36px; height: 36px; padding: 5px; display: block; border-radius: 50%; }
.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(--secondary-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(--secondary-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; }
.colour01 { color: var(--yellow-color); }
.colour02 { color: var(--secondary-color); }
.colour03 { color: var(--purple-color); }
.colour04 { color: var(--indigo-color); }
.donated_conbox { position: relative; width: 100%; }
.donated_rightbox { width: 54%; max-width: 600px; background: #fff; padding: 40px 30px; margin: 40px auto; border-radius: 8px; }
.donated_box .modaltitle { color: var(--green-color); text-align: center; font-weight: 600; padding: 0 30px;}
.donated_box .top_txt { font-size: 15px; font-weight: normal; text-align: center; padding: 0; margin: 0 0 30px 0; }
.price_stybtn { width: 100%; height: 100%; background: #ffffff; border: 2px solid #EEEEEE; position: relative;}
.price_stybtn:hover { background: #eee; }
.price_stybtn.active { border: 2px solid rgb(0, 97, 4); box-shadow: 0 0 3px rgb(0, 97, 4);}
.price_stybtn span { width: 100%; display: block; color: #666; }
.price_stybtn .price { font-size: 26px; font-weight: bold; }
.price_stybtn.active .price, .price_stybtn.active span { color: rgb(0, 97, 4);}
.price_stybtn .check_ic { width: 24px; height: 24px; border-radius: 20px; font-size: 20px; line-height: 24px; text-align: center; overflow: hidden; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: #fff; display: none; }
.price_stybtn.active .check_ic { display: block;}
.flex_style { display: flex; justify-content: space-between;}
.donated_box .country-code { width: 29%; margin: 0; }
.donated_box .contactnum { width: 66%; }
.mandatory { color: var(--red-color);}
.amount_youpay::placeholder { color: #ccc; opacity: 1; }
.amount_youpay::-webkit-input-placeholder { color: #ccc; opacity: 1; }
.amount_youpay::-webkit-input-placeholder { color: #ccc; opacity: 1; }
.amount_youpay:-moz-placeholder { color: #ccc; opacity: 1; }
.amount_youpay::-moz-placeholder { color: #ccc; opacity:  1; }
.amount_youpay:-ms-input-placeholder { color: #ccc; opacity: 1; }

  

.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(--green-color); color: var(--white-color); border-color: var(--green-color);}
.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(--green-color); 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; }