@charset "utf-8";
@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');
body { padding: 0; margin: 0; font-family: 'Roboto', sans-serif }
ul { list-style: none }
a { text-decoration: none; outline: none }
body a:hover, body a:focus { color: initial; text-decoration: none }
a:focus { outline: none; text-decoration: none }
textarea:focus { outline: none }
select:focus { outline: none; }
input { outline: none !important }
button, button:focus { outline: none }
a img { border: none }
img { border: 0 }
p { padding: 0; margin: 0 }
h1, h2, h3, h4, ul, p { padding: 0; margin: 0 }
textarea { resize: none }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff }
input:-moz-placeholder, textarea:-moz-placeholder { color: #fff }
input:-webkit-autofill { border: 1px solid #e4e4e5; -webkit-text-fill-color: rgba(49, 50, 51, 1); -webkit-box-shadow: 0 0 0px 1000px #f5f5f6 inset; transition: background-color 5000s ease-in-out 0s; }
input:-internal-autofill-selected { background-color: #f5f5f6 !important; -webkit-box-shadow: 0 0 0px 1000px #f5f5f6 inset; }
input:-webkit-autofill:hover, input:-webkit-autofill:focus { border: 1px solid #e4e4e5; -webkit-text-fill-color: rgba(49, 50, 51, 1); -webkit-box-shadow: 0 0 0px 1000px #f5f5f6 inset; transition: background-color 5000s ease-in-out 0s; }
input::-moz-placeholder { opacity: 1; outline: none }
textarea::-moz-placeholder { opacity: 1; outline: none }
.clr { clear: both; height: 0 }
ul { padding: 0; list-style: none }
a { text-decoration: none; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s }
a:hover { text-decoration: none; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s }
.topbar { background: #232323; padding: 15px 0; }
.phone { float: left; margin: 0; font-size: 20px; color: #fff; line-height: 20px; }
.phone span { color: #00a9e0; line-height: 20px; }
.phone i { color: #00a9e0; }
.phone span { color: #00a9e0; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.followus { float: right; }
.followus h2 { float: left; margin: 0 15px 0 0; font-size: 20px; color: #00a9e0; line-height: 22px; }
.followus ul { float: right; margin: 3px 0 0; }
.followus ul li { float: left; margin: 0 15px 0 0; line-height: 10px; }
.followus ul li:last-child { margin: 0; }
.followus ul li a i { font-size: 18px; color: #fff; }
.followus ul li a:hover i, .followus ul li a:focus i { color: #00a9e0; }
.menusec { padding: 16px 0; border-bottom: 1px solid #f2f2f2; }
.logo { float: left; }
.menuright { float: right; }
.navbar.navbar-default { margin-bottom: 0 !important; }
.search-icon { cursor: pointer; margin: 12px 20px !important; font-size: 24px !important; color: #000 !important; }
.search-icon:hover .top { display: block !important; }
#form { position: absolute; right: 0; top: 18px; background-color: #fff; width: 335px; padding: 20px; float: right; border-top: 4px solid #8be2ff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); z-index: 99; }
.form-container { position: relative; display: none; }
.form-container:after { position: absolute; left: 21px; content: " "; border-top: 9px solid transparent; border-bottom: 9px solid #8be2ff; border-left: 9px solid transparent; border-right: 9px solid transparent; margin-top: 0; z-index: 1; }
#searchbox { border: 1px solid #eee; padding: 5px 10px 5px 10px; outline: none; border-radius: 0; max-width: 206px; margin-right: 5px; display: inline-block; vertical-align: middle; }
#searchbutton { border: 0px; background: #8be2ff; color: #000; height: 37px; padding: 0px 17px; margin-left: -4px; cursor: pointer; outline: none; }
#searchbutton:hover { background-color: #000; color: #fff; }
#form .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .2); }
.searchbtn .form-group { margin: 0; }
nav.navbar { float: left; background: none !important; margin: 14px 0 0; padding: 0; }
nav.navbar li { margin: 0 48px 0 0; }
nav.navbar li:last-child { margin-right: 40px; }
nav.navbar li.nav-item a { padding: 0 !important; font-size: 20px; color: #000 !important; }
nav.navbar li.nav-item.active a, nav.navbar li.nav-item a:hover, nav.navbar li.nav-item a:focus { color: #3297b8 !important; }
.donatebtn { display: inline-block; vertical-align: middle; padding: 13px 24px; background: #8be2ff; border-radius: 4px; font-weight: 500; font-size: 21px; color: #232323; text-transform: uppercase; }
.donatebtn:hover, .donatebtn:focus { background: #000; color: #fff; }
.searchbtn { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; }
.searchopen { display: flex; vertical-align: middle; margin: 0 5px 0 0; width: 56px; height: 56px; background: #8be2ff; font-size: 20px; color: #000; align-items: center; justify-content: center; border-radius: 80px; }
.search_donate { float: right; margin: 1px 0 0; }
.slidersec img { width: 100%; height: 830px; object-fit: cover; }
.slidersec .carousel-caption { padding: 0 10px; top: 190px; bottom: inherit; left: 0; right: 0; }
.slidersec h1 { font-weight: 700; font-size: 84px; color: #fff; margin: 0 0 10px; }
.slidersec p { font-size: 21px; color: #fff; margin: 0 0 25px; }
.slidersec p:last-child { margin: 0; }
.gettingbtn { display: inline-block; padding: 10px 15px; background: #00a9e0; font-size: 24px; color: #000; text-align: center; border-radius: 5px; }
.gettingbtn:hover, .gettingbtn:focus { background: #000; color: #fff; }
.preprebtns, .nexprebtns { display: flex; align-items: center; align-content: center; position: absolute; top: 0; bottom: 0; left: 10px; height: 100%; z-index: 99; width: 60px; }
.nexprebtns { left: inherit; right: 10px; }
.preprebtns a, .nexprebtns a { position: inherit; left: 0; top: initial; bottom: initial; width: 50px; height: 50px; background: #00a9e0; justify-content: center; align-items: center; opacity: 1; }
.nexprebtns a { left: inherit; right: 0; }
.help_poor_sec { position: relative; z-index: 9; margin-top: -120px; }
.help_poor { background: #fff; border: 8px solid #e1e1e1; padding:25px 30px; border-radius: 15px; z-index: 1; position: absolute; max-width: 480px; float: right;     top: 50%;
transform: translateY(-50%);}
.give-total-wrap .give-donation-amount.form-row-wide {margin: 0 0 25px;}
form#give-form-79-1 { margin: 0; }
.slidersec .col-md-12{position: inherit;}
.give-form-wrap { clear: both; }
.give-form-title { display: none; }
#give-donation-level-button-wrap>li { margin: 0 20px 10px 0 !important; }
#give-donation-level-button-wrap>li button { background: #eeeeee; border: none; font-weight: 600; font-size: 15px; color: #333; padding: 8px 12px 10px; position: relative; border-left: 4px solid #00a9e0; }
#give-donation-level-button-wrap>li button:focus { outline: none; }
#give-donation-level-button-wrap>li button:after { content: ''; position: absolute; right: -8px; top: 11px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 8px solid #eee; z-index: 1; }
#give-donation-level-button-wrap { margin: 0 0 5px !important; }
#give-donation-level-button-wrap>li button.give-default-level { background: #00a9e0; color: #fff; }
#give-donation-level-button-wrap>li button.give-default-level:after { border-left-color: #00a9e0; }
#give-amount { width: 100%; }
.give-total-wrap .give-donation-amount #give-amount { width: 100%; background: #eeeeee !important; border: none !important; padding: 4px 15px !important; padding-left: 60px !important; height: auto !important; font-weight: 600; font-size: 16px !important; color: #333; }
.give-currency-symbol.give-currency-position-before { width: 50px; position: absolute; height: 43px !important; border: none !important; background: #00a9e0 !important; text-align: center; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px !important; color: #fff !important; }
#give_purchase_form_wrap label.give-label { color: #000; font-size: 16px; }
#give_purchase_form_wrap .give-input { height: auto; font-size: 14px; }
#give_purchase_submit #give-final-total-wrap { float: left; width: 50%; margin: 4px 0 0; }
.give-submit-button-wrap { float: right; margin: 4px 0 0; }
#give-purchase-button, form#give-form-79-1 button.give-btn.give-btn-modal { width: 100%; border: none; border-radius: 3px; padding: 12px 11px; background: #00a9e0; font-weight: 600; font-size: 15px; color: #fff; }
#give-purchase-button:hover, #give-purchase-button:focus, form#give-form-79-1 button.give-btn.give-btn-modal:hover, form#give-form-79-1 button.give-btn.give-btn-modal:focus { background: #000; color: #fff; }
.give-final-total-amount { width: 100%; }
#give-final-total-wrap { position: relative; }
.give-donation-total-label { position: absolute; left: 0; background: #00a9e0 !important; border: none !important; font-size: 15px !important; color: #fff !important; }
form[id*=give-form] #give-final-total-wrap { margin: 15px 0; }
#give_checkout_user_info .form-row { margin: 0 0 5px; }
.give-modal .mfp-content { border-radius: 11px; }
.mfp-close-btn-in .mfp-close:hover, .mfp-close-btn-in .mfp-close:focus { background-color: #f00000 !important; color: #fff; outline: none; }
form#give-form-79-1 .mfp-close { background: #f00000; opacity: 1; color: #fff; position: absolute; right: -10px; top: -10px; border-radius: 60px; width: 35px; height: 35px; line-height: 0; }
.help_poor_left { float: left; width: 100%; /*border-bottom: 1px solid #e8e8e8;padding: 0 0 10px;*/ margin: 0 0 20px; }
.help_poor_left h2 { margin: 0 0 10px; font-weight: 800; font-size: 27px; color: #000; }
.help_poor_left h2 span { color: #00a9e0; }
.help_poor_left p { font-weight: 500; font-size: 15px; color: #555555; }
.donateprice { float: right; width: 100%; }
.donateprice ul { float: left; width: 100%; }
.donateprice ul li { float: left; margin: 0 20px 10px 0; }
.donateprice ul li:last-child { margin: 0; }


#give_purchase_form_wrap .give-icon.padlock { font: normal normal normal 14px/1 FontAwesome; color: #000000; }
#give_purchase_form_wrap .give-icon.padlock:before { content: '\f023'; }

#give_purchase_form_wrap i.give-icon.give-icon-question { width: 16px; height: 16px; border: 1px solid #919191; border-radius: 60px; display: flex; align-items: center; justify-content: center; align-content: center; }
#give_purchase_form_wrap i.give-icon.give-icon-question:before { content: '?'; font-weight: 700; font-size: 12px; color: #050505; }



.checkmark:before { content: ''; position: absolute; right: -10px; top: 14px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #eee; z-index: 1; }
.filldolorsec { float: left; width: 100%; margin: 10px 0 0; }
.filldolor { float: left; width: 100%; margin: 0 0 10px; position: relative; }
.filldolor span { position: absolute; left: 0; top: 0; bottom: 0; width: 40px; background: #00a9e0; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 23px; }
.filldolor input { width: 100%; padding-left: 50px; padding-right: 16px; background: #eee; border: none; height: 55px; font-size: 20px; color: #000; }
.dolardonate { display: block; position: relative; min-width: 100px; padding: 25px 10px; margin-bottom: 0; cursor: pointer; font-weight: 600; font-size: 19px; color: #333333; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-left: 7px solid #00a9e0; }
.dolardonate input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: 0; left: 0; background-color: #eee; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.dolardonate:hover input ~ .checkmark { background-color: #efefef; }
.dolardonate input:checked ~ .checkmark { background-color: #00a9e0; }
.checkmark:after { content: ""; position: absolute; display: none; }
.dolardonate input:checked ~ .checkmark:before { border-left-color: #00a9e0; }
.dolardonate .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; background: white; }
.donatenowbtn { padding: 12px 20px; background: #00a9e0; display: inline-block; border: none; border-radius: 5px; font-size: 20px; color: #fff; text-align: center; width: 100%; }
.donatenowbtn:hover, .donatenowbtn:focus { background: #000; color: #fff; }
.yousupport { margin: 50px 0 70px; }
.yousupport h2 {font-weight: 700; font-size: 25px; color: #000; margin: 10px 0 10px;    font-family: Roboto;min-height: 60px; }
.yousupport p { font-weight: 400; font-size: 23px; color: #000; margin: 0 0 20px;font-family: Roboto; }
.yousupport a { position: relative; font-weight: 400; font-size: 26px; color: #010101; }
.yousupport a:hover {    color: #00a9e0; }
/*.yousupport a:before { content: ''; position: absolute; left: 0; right: 0; top: 17px; width: 100%; height: 7px; background: #00a9e0; z-index: -1; }
*/.recent_camp h2 { font-weight: 700; font-size: 34px; color: #161616; margin: 0 0 10px; }
.recent_camp p { font-size: 25px; color: #161616; margin: 0 0 40px; }
.recentbox { background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); }
.recentboximg { overflow: hidden; position: relative; }
.recentboximg img { transition: all ease .2s; }
.recentboximg:hover img { transition: all ease .3s; transform: scale(1.1); }
.recentboxcnt { padding: 35px 25px 50px; }
.recentboxcnt h3 { font-weight: 600; font-size: 25px; color: #000; margin: 0 0 10px; }
.recentboxcnt p { font-size: 21px; color: #504f4f; margin: 0 0 10px; }
.donoteclose { margin: 20px 0 30px; }
.donatenowbt { padding: 10px 23px; background: #00a9e0; border: none; font-size: 21px; color: #000; border-radius: 5px; }
.donatenowbt:hover, .donatenowbt:focus { background: #000; color: #fff; }
.closebtn { border: none; background: none; font-size: 21px; color: #000; }
.raisedgoal { border-top: 1px solid #cccc; padding: 20px 0 0; text-align: center; }
.raisedgoal > div { display: inline-block; vertical-align: middle; width: 32%; font-size: 21px; color: #1d1c1d; }
.raisedgoal > div strong { display: block; font-weight: 400; }
.volunteer { margin: 100px 0 0; padding: 80px 0; background: url(../img/countbg.jpg)0 0 no-repeat; background-size: cover; }
.volunteer .col-md-12 div { display: inline-block; vertical-align: middle; width: 24%; color: #fff; }
.volunteer .col-md-12 div h2 { margin: 10px 0 10px; font-weight: 900; font-size: 49px; }
.volunteer .col-md-12 div p { font-size: 20px; text-transform: uppercase; }
.gallery { padding: 70px 0; }
.gallery h2 { font-weight: 700; font-size: 35px; color: #161616; text-align: center; margin: 0 0 20px; }
.gallery p { font-weight: 400; font-size: 25px; color: #161616; text-align: center; margin: 0 0 20px; }
.galleryimg li { display: inline-block; vertical-align: middle; width: 33.4%; margin: -2px; }
.galleryimg li a { display: block; width: 100%; overflow: hidden; transition: all ease .3s; }
.galleryimg li a img { width: 100%; transition: all ease .4s; }
.galleryimg li a:hover img { transform: scale(1.2); transition: all ease .4s; }
.meet_volun { padding: 70px 0; background: url(../img/jiyahealthbg.jpg)0 0; background-size: cover; text-align: center; color: #fff; }
.meet_volun h2 { font-weight: 400; font-size: 20px; text-transform: uppercase; letter-spacing: 5px; color: #fff; margin: 0 0 30px; }
.meet_volun h3 { margin: 0 0 20px; font-weight: 500; font-size: 35px; }
.meet_volun h4 { margin: 0 0 70px; font-weight: 400; font-size: 25px; } 
.jiyavideo { text-align: center; }
.jiyavideo div { display: inline-block; vertical-align: middle; width: 30%; margin: 0 1%; }
.campaignmap { padding: 70px 0 70px; text-align: center; background: #f5fdff; }
.campaignmap h2 { margin: 0 0 15px;     font-family: Roboto; font-size: 34px; font-weight: 700; line-height: 40.8px; text-align: center; color: #161616; width: 100%;padding: 0 15px;}
.campaignmap p { margin: 0; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 30px; text-align: center; color: #504F4F; width: 100%;padding: 0 15px;}
.footsec { padding:100px 0; background: url(../img/foot-bg.jpeg) 0 0 no-repeat; background-size: cover; }
.quicklinks h2 { margin: 0 0 15px; font-weight: 700; font-size: 29px; color: #fff; }
.footsocial { clear: both; margin: 30px 0 0; }
.footsocial li { display: inline-block; vertical-align: middle; margin: 0 2px 0 0; }
.footsocial li a { display: block; }
.footsocial li a i { width: 55px; height: 55px; font-size: 20px; color: #fff; display: flex; align-items: center; justify-content: center; align-content: center; }
.footsocial li a i.fa-facebook { background: #3776ab; }
.footsocial li a i.fa-twitter { background: #30a4e0; }
.footsocial li a i.fa-google-plus { background: #df1313; }
.footsocial li a i.fa-linkedin { background: #117eb9; }
.footsocial li a i.fa-instagram { background: #d62da2; }
.footsocial li a:hover i, .footsocial li a:focus i { background: #8be2ff; color: #000000; }
.quicklinks ul li { margin: 0 0 10px; }
.quicklinks ul li:last-child { margin: 0; }
.quicklinks ul li a { font-size: 18px; color: #fff; }
.quicklinks ul li a:hover, .quicklinks ul li a:focus { color: #fdd704; }
.quicklinks p { margin: 0 0 10px; font-size: 19px; color: #fff; word-break: break-word; }
.quicklinks p:last-child { margin: 0; }
.quicklinks p a { color: #fff; }
.footlast { float: left; width: 100%; padding: 15px 0; }
.footleft { float: left; font-size: 21px; color: #1e1c1c; }
.footlast ul { float: right; margin: 7px 0 0; }
.footlast ul li { float: left; padding: 0 10px; border-right: 1px solid #000; line-height: 15px; }
.footlast ul li a { font-size: 21px; color: #1e1c1c; }
.footlast ul li a:hover, .footlast ul li a:focus { color: #00a9e0; }
.footlast ul li:last-child { border-right: none; padding-right: 0; }
#elevator_item { width: 40px; height: 50px; position: fixed; right: 15px; bottom: 10px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 100020; display: none; }
#elevator_item.off { opacity: 0; visibility: hidden }
#elevator { display: block; width: 40px; height: 40px; background: url(../img/icon_top.png) center center no-repeat; background-size: 15px; background-color: rgb(0 169 224); border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); cursor: pointer; margin-bottom: 10px; }
#elevator:hover { background-color: rgba(0, 0, 0, .7) }

/*About us*/
.inner_banner_main { width: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; position: relative; padding: 70px 0; text-align: center; }
.inner_banner_main:before { content: ''; background: rgba(0, 0, 0, 0.61); width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.inner_details h1 { font-size: 55px; color: #f5f5f5; font-weight: 700; margin: 0 0 15px; }
.inner_details .breadcrumb { background: transparent; justify-content: center; padding: 0; margin: 0 0 30px; }
.inner_details .breadcrumb .breadcrumb-item, .inner_details .breadcrumb .breadcrumb-item a { font-size: 28px; color: #f5f5f5; font-weight: 300; }
.inner_details .breadcrumb .breadcrumb-item::before { content: '\0276F'; color: #00a9e0; font-size: 26px; display: inline-block; vertical-align: middle; }
.inner_details .breadcrumb .breadcrumb-item:first-child::before { display: none; }
.inner_details p { font-size: 26px; color: #f5f5f5; margin: 0; }
.emergencybox { display: inline-block; position: absolute; top: -70px; right: 21px; border: 7px solid #8be2ff; border-top: 0; padding: 15px 0 30px; border-radius: 0px 0px 100px 100px; }
.emergencybox strong { font-size: 46px; color: #fff; font-weight: 700; margin: 0; line-height: 1.3; display: block; }
.emergencybox h4 { display: inline-block; background: #8be2ff; font-size: 23px; font-weight: 500; color: #000000; text-transform: uppercase; padding: 5px 30px; position: relative; margin: 0 -20px; }
.emergencybox img { display: block; margin: 30px auto 0; }
.howcan_help { width: 100%; margin: 70px 0; }
.howcan_details h4 { font-size: 26px; color: #1c1c1c; font-weight: 300; margin: 0 0 5px; }
.howcan_details h2 { font-size: 60px; color: #1c1c1c; font-weight: 700; margin: 0 0 5px; }
.howcan_details p { font-size: 22px; color: #1c1c1c; font-weight: 400; margin: 0 0 7px; }
.howcan_details ul { list-style: none; margin: 0; padding: 0; }
.howcan_details ul li { font-size: 19px; color: #494949; font-weight: 400; margin: 0; padding: 4px 0 4px 20px; position: relative; }
.howcan_details ul li:before { content: ''; background: url(../img/cheklist.png) no-repeat center top; background-size: 100%; width: 12px; height: 16px; position: absolute; left: 0; top: 10px; }
.meetour_team { width: 100%; text-align: center; margin: 0 0 50px; }
.team_heading h2 { font-size: 51px; color: #1c1c1c; font-weight: 700; margin: 0 0 7px; }
.team_heading p { font-size: 22px; color: #1c1c1c; font-weight: 400; margin: 0 0 7px; }
.team_mainbox { margin: 10px 0; transition: all .3s; }
.team_imgbox { width: 100%; overflow: hidden; position: relative; border-radius: 5px; transition: all .3s; margin-bottom: 25px; }
.team_imgbox > img { width: 100%; height: 100%; object-fit: cover; }
.team_imgbox:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgb(207, 92, 68, 0.85); opacity: 0; visibility: hidden; transition: all .3s; }
.team_social { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px 10px; opacity: 0; visibility: hidden; }
.team_social li { display: inline-block; vertical-align: middle; padding: 0 2px; }
.team_social li a { background: #000; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 45px; color: #fff; font-size: 20px; }
.team_social li a:hover { background: #000; }
.mailbox { padding: 10px 0 0; }
.mailbox a { font-size: 18px; display: inline-block; color: #fff; }
.team_mainbox:hover .team_imgbox::before, .team_mainbox:hover .team_social { opacity: 1; visibility: visible; transition: all .3s; }
.team_details h4 { font-size: 25px; color: #494949; font-weight: 500; margin: 0 0 5px; }
.team_details p { font-size: 18px; color: #00a9e0; font-weight: 400; margin: 0 0 7px; }
.save_world { background: #f5f5f5; width: 100%; display: flex; align-items: center; margin: 0 0 70px; }
.save_world_img { float: left; width: 100%; max-width: 100%; padding-right: 30px; }
.save_world_img img { width: 100%; height: 100%; object-fit: cover; }
.save_world .howcan_details h2 { font-size: 57px; margin: 0 0 25px; }
.save_world .howcan_details p { margin: 0 0 30px; }
.findout_why { width: 100%; margin: 0 0 70px; }
.findout_heading { padding-right: 70px; }
.findout_heading p { color: #7a105a; font-size: 20px; text-transform: uppercase; letter-spacing: 4px; margin: 0 0 10px; }
.findout_heading h2 { font-size: 57px; color: #161616; font-weight: 700; margin: 0 0 15px; }
.client_detail { display: inline-block; width: 100%; margin: 0 0 20px; }
.client_detail i { font-size: 100px; line-height: 1; margin-bottom: -50px; display: block; color: #00a9e0; }
.client_detail p { color: #1c1c1c; font-size: 18px; margin: 0 0 10px; font-style: italic; font-weight: 500; }
.client_name { display: flex; align-items: center; margin: 0; }
.client_name > img { width: 85px; height: 85px; object-fit: cover; border-radius: 100px; margin-right: 20px; }
.client_name div h4 { font-size: 25px; color: #1c1c1c; font-weight: 700; margin: 0 0 5px; }
.client_name div strong { font-size: 17px; color: #00a9e0; font-weight: 500; text-transform: uppercase; }
#clientslider .slick-dots { position: absolute; left: auto; right: 0; width: auto; bottom: 35px; }
#clientslider .slick-slide { outline: none; }
#clientslider .slick-dots li { width: auto; height: auto; }
#clientslider .slick-dots li button { background: #999999; width: 30px; height: 10px; padding: 0; }
#clientslider .slick-dots li button:hover, #clientslider .slick-dots li.slick-active button { background: #00a9e0; }
section.mission_section{padding:80px 0;}
.mission-heading{text-align:center;margin:0 0 45px;}
.mission-heading h2{font-family:Roboto;font-size:34px;font-weight:700;line-height:40.8px;text-align:center;color:#161616;}
.mission-heading p{    margin: 0;font-family:Roboto;font-size:18px;font-weight:400;line-height:25.2px;text-align:center;color:#504F4F;}
.statement_imgbox img{width:100%;object-fit:cover;}
.statement_imgbox{margin:0 0 27px;}
.statement_details h4{font-family:Roboto;font-size:25px;font-weight:700;line-height:30px;text-align:left;color:#000;}
.statement_details p{margin:0;font-family:Roboto;font-size:20px;font-weight:300;line-height:28px;text-align:left;color:#404040;}
.weCommited{position:relative;    margin: 0 0 100px;}
.weCommited img{width:100%;object-fit:cover;height:344px;}
.wecommitedText{position:absolute;left:0;right:0;width:100%;height:100%;z-index:1;color:#fff;display:flex;align-items:center;justify-content:center;top:0;bottom:0;    padding: 0 20px;}
.wecommitedText p{font-family:Roboto;font-size:26px;font-weight:400;line-height:36.4px;text-align:center;color:#fff;max-width:55%;margin:0;}

/*Donate Page*/
.donate_banner .inner_details { max-width: 640px; margin: 0 auto; }
.donate_mainform { width: 100%; margin: 70px 0; }
.donate_form { padding: 50px; box-shadow: 1px 0 24px rgba(0, 0, 0, 0.24); max-width: 680px; margin: 0 auto; width: 100%; }
.donate_form > h4 { font-size: 25px; color: #444444; font-weight: 700; margin: 0 0 15px; text-align: center; }
.donate_amount { display: inline-block; width: 100%; margin: 0 0 15px; }
.donate_box { border: 1px solid #0084af; display: flex; width: 100%; margin: 0 0 10px; }
.donate_box > label { margin: 0; width: 100%; max-width: 260px; background: #11baf1; padding: 12px 20px; color: #fff; font-size: 22px; font-weight: 500; }
.donate_box > label i { padding-right: 10px; }
.donate_box .form-control { width: 100%; height: 100%; min-height: auto; border-radius: 0; border: 0; padding: 15px 20px; font-size: 22px; outline: none; box-shadow: none; background: #ffffff; }
.donate_list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }
.donate_list li { border: 1px solid #00a9e0; position: relative; min-width: 120px; text-align: center; padding: 12px 15px; margin: 10px 20px 10px 0; font-size: 16px; font-weight: 500; text-transform: uppercase; cursor: pointer; transition: all .3s; position: relative; }
.donate_list li:hover, .donate_list li.active { background: #00a9e0; color: #fff; }
.donate_list li:before { content: "\f155"; font: normal 14px/1 FontAwesome; display: inline-block; padding-right: 5px; position: relative; top: -1px; }
.donate_list li.customvalue:before { display: none; }
.select_payment { margin: 0 0 30px; }
.pay_heading h4 { font-size: 25px; color: #444444; font-weight: 700; border-bottom: 1px solid #ddd; margin: 0 0 15px; padding: 0 0 12px; width: 100%; }
.select_payment .custom-control { display: inline-block; vertical-align: middle; margin-right: 20px; }
.select_payment .custom-control .custom-control-label { font-size: 20px; color: #444444; font-weight: 500; padding-left: 5px; }
.select_payment .custom-control .custom-control-label::before { width: 20px; height: 20px; border: 1px solid #444; }
.select_payment .custom-control .custom-control-label::after { width: 20px; height: 20px; }
.personal_info { display: inline-block; width: 100%; margin: 0 0 10px; }
.personal_info .form-group > label { font-size: 18px; color: #444444; font-weight: 500; margin: 0 0 5px; }
.personal_info .form-group > label strong { color: #ff0000; }
.personal_info .form-group > .form-control { border-radius: 0; font-size: 18px; color: #444; height: auto; padding: 15px 15px; }
.donate_box.total_amount > label { max-width: 200px; text-align: center; }
.donate_button { display: inline-block; width: 100%; margin: 15px 0 0; }
.donate_button .donatebtn_now { width: 100%; background: #7a105a; border: 1px solid #7a105a; color: #fff; font-size: 33px; padding: 5px 10px; }

/*career page*/
.career_body { margin: 50px 0; }
.career_mainbox { margin: 15px 0; text-align: center; }
.career_img { width: 100%; overflow: hidden; margin: 0 0 10px; }
.career_img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.15); transition: all .5s; }
.career_mainbox:hover .career_img img { transform: scale(1); transition: all .5s; }
.career_heading a { font-size: 22px; color: #0a0a0a; font-weight: 500; padding: 0; margin: 0; }
.career_mainbox:hover .career_heading a { color: #00a9e0; text-decoration: underline; }
.career_volunteer { background: #7a105a; padding: 50px 0; text-align: center; }
.volunteer_detail { max-width: 700px; margin: 0 auto; }
.volunteer_detail h2 { font-size: 46px; color: #ffffff; font-weight: 700; margin: 0 0 10px; }
.volunteer_detail p { color: #ffffff; font-size: 20px; margin: 0 0 20px; }
.volunteer_detail .volunteer_btn { display: inline-block; vertical-align: middle; padding: 13px; min-width: 200px; text-align: center; background: #8be2ff; border-radius: 6px; font-weight: 700; font-size: 20px; color: #000000; text-transform: uppercase; }
.volunteer_detail .volunteer_btn:hover { background: #000000; color: #ffffff; }

/*Registration*/
.regishead { text-align: center; }
.regishead h2 { margin: 0 0 15px; font-weight: bold; font-size: 56px; color: #0e0d0d; }
.regishead h3 { margin: 0 0 25px; font-size: 23px; color: #0e0d0d; }
.reg_form ul li { margin: 0 0 23px; }
.reg_form ul li input, .reg_form ul li textarea { width: 100%; border: none; padding: 15px; background: #f2f0ec; font-size: 19px; color: #000; }
.reg_form ul li input::-webkit-input-placeholder, .reg_form ul li textarea::-webkit-input-placeholder { color: #9a9a99 }
.reg_form ul li input:-moz-placeholder, .reg_form ul li textarea:-moz-placeholder { color: #9a9a99 }
.reg_form ul li textarea { height: 199px; }
.reg_form button, input.wpcf7-form-control.wpcf7-submit { padding: 8px 25px; background: #7a105a; border-radius: 5px; font-size: 23px; color: #fff; text-align: center; border: none; }
.reg_form button:hover, .reg_form button:focus, input.wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:focus { background: #000; color: #fff; }
.reqsec img { margin-bottom: 30px; width: 100%; object-fit: cover; }
.reqsec h2 { margin: 0 0 15px; font-size: 53px; }
.reqsec h3 { margin: 0 0 30px; font-size: 20px; color: #464646; line-height: 29px; }
.reqsec ul li { padding: 0 0 10px 30px; background: url(../img/yellowarrow.png)0 8px no-repeat; font-size: 20px; color: #464646; }
.reqsec ul li:last-child { padding-bottom: 0; }

/*campaigns*/
.campaign_body { padding: 70px 0; }
.campaign_box { border: 1px solid #ebebeb; margin: 0 0 30px; }
.campaign_img { position: relative; margin: 0 0 40px; }
.campaign_img img { width: 100%; object-fit: cover; }
.campaign_date { position: absolute; bottom: -18px; left: 30px; background: #8be2ff; padding: 9px 15px; border-radius: 3px; font-size: 15px; color: #000; }
.campaign_data { padding: 0 8px 5px 18px; }
.campaign_data h4 { font-weight: 600; font-size: 26px; color: #2a2929; margin: 0 0 20px; }
.time_camp { margin: 0 0 10px; }
.time_camp i { font-size: 22px; color: #00a9e0; display: inline-block; vertical-align: middle; }
.time_camp span { margin: 0 3px; font-size: 25px; color: #00a9e0; display: inline-block; vertical-align: middle; }
.time_camp strong { font-size: 22px; text-transform: uppercase; display: inline-block; vertical-align: middle; }
.campaign_data p { font-size: 20px; color: #616161; line-height: 29px; margin: 0 0 20px; }
.campaign_data address { font-size: 19px; color: #00a9e0; }
.pagination { justify-content: center; }
.custom-pagination ul li { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.custom-pagination ul li a, .custom-pagination ul li span { display: block; padding: 8px 8px; background: #e8e8e8; font-weight: bold; font-size: 15px; color: #000; min-width: 50px; text-align: center; }
.custom-pagination ul li span.current { background: #8be2ff; }
.custom-pagination ul li a:hover, .custom-pagination ul li a:focus { background: #8be2ff; }

/*Contact Page*/
.contact-page { padding: 70px 0; }
.icon-white { height: 70px; width: 70px; box-shadow: 5px 0px 20px rgba(0, 0, 0, .10); background: #fff; border-radius: 70px; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; }
.contact-info li { position: relative; min-height: 70px; margin: 0 0 25px; padding-left: 100px; }
.contact-info li h3 { color: #010101; font-size: 24px; margin: 0 0 5px; }
.contact-info li p { color: #060606; font-size: 18px; margin: 0; }
.contact-info li a { color: #060606; }
.contact-info li a:hover { color: #00a9e0; }
.contact-form { margin-top: 60px; box-shadow: 1px 0 17px rgba(0, 0, 0, .19); padding: 40px 45px; }
.contact-form h2 { color: #2a2a2a; font-size: 38px; font-weight: 700; margin: 0 0 15px;    font-family: Roboto; }
.contact-form p { color: #786c72; font-size: 16px; font-weight: 400; margin: 0 0 25px;     font-family: Roboto;}
form.wpcf7-form.init p { margin-left: -1%; margin-right: -1%; text-align: center; }
.wpcf7-form-control-wrap { width: 47.5%; display: inline-block; margin: 0 1% 20px; }
.wpcf7-form-control-wrap.Website { width: 98%; margin: 0 0 20px; }
.wpcf7-form-control-wrap.Message { width: 98%; }
.contact-form .form-control, .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea { width: 100%; border: 1px solid #e3e3e3; height: 60px; padding: 6px 30px; border-radius: 50px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: left; }
.contact-form textarea.form-control, .wpcf7-form-control-wrap textarea { height: 134px; border-radius: 30px; padding: 15px 30px; }
.wpcf7-form-control-wrap input::-webkit-input-placeholder, .wpcf7-form-control-wrap textarea::-webkit-input-placeholder { color: #495057 }
.wpcf7-form-control-wrap input:-moz-placeholder, .wpcf7-form-control-wrap textarea:-moz-placeholder { color: #495057 }
.contact-form .form-control:focus { box-shadow: none; }
.contact-form .row { margin: 0 -10px; }
.contact-form .row div[class*="col-"] { padding: 0 10px; }
.contact-form input[type="submit"] { float: left; margin-left: 13px; background: #7a105a; color: #fff; font-size: 22px; padding: 14px 20px; border-radius: 10px; border: none; transition: all .3s; }
.contact-form input[type="submit"]:hover { background: #000000; }
.disable_map { display: none; }
form.wpcf7-form p br { display: none; }
.map_contact iframe { width: 100%; height: 270px; }

/*Become Volunteer*/
.casestudyimg { position: relative; }
.casestudybox { margin-bottom: 40px; border: 1px solid #ebebeb; border-radius: 3px; }
.casestudyimg img { width: 100%; border-radius: 3px 3px 0 0; }
.casest_date { position: absolute; top: 20px; left: 20px; padding: 4px 18px; background: #8be2ff; font-weight: 700; font-size: 15px; color: #000; border-radius: 60px; }
.casest_cnt { padding: 15px; }
.casest_cnt h2 { margin: 0 0 15px; font-weight: 400; font-size: 20px; color: #1b1b1b; }
.casest_cnt h2 strong { font-weight: 700; font-size: 27px; }
.casest_cnt h3 { margin: 15px 0 15px; font-weight: 700; font-size: 20px; color: #1b1b1b; }
.casest_cnt p { margin: 0 0 15px; font-weight: 400; font-size: 19px; color: #1b1b1b; line-height: 24px; }
.casest_pro { width: 100%; height: 20px; background: #eeeeee; border-radius: 60px; position: relative; }
.casest_pro span { position: absolute; background: #00a9e0; height: 20px; border-radius: 60px 0 0 60px; display: block; }

/*blog detail*/
.blog-detail { padding: 70px 0; }
.blog-detail h1 { font-weight: 600; font-size: 30px; margin: 0 0 30px; }
.blog-detail img { width: 100%; height: 450px; object-fit: cover; border: 5px solid #e1e1e1; }
.blog-detail p { font-size: 16px; color: #414141; line-height: 25px; margin: 0; }
.blog-meta-info { border-bottom: 1px solid #ccc; margin: 12px 0 15px; }
.blog-meta-info ul li { display: inline-block; vertical-align: middle; border-right: 1px solid #ccc; line-height: 15px; padding: 0 12px; margin: 0 -1px; font-size: 15px; color: #000; }
.blog-meta-info ul li a { color: #0087b4; }
.blog-meta-info ul li:first-child { padding-left: 0; }

/*search page temporary css dec 18 2020*/
.search-head { padding-top: 13px; text-align: center; border-bottom: 2px solid #0000003d; margin-bottom: 12px; }
.search-all-content { text-align: center; width: 100%; margin: 0px 0px 25px 0px; }
.col-md-4.content-holder { padding-bottom: 12px; }
h4.card-title a { color: black; }
h4.card-title a:hover { color: #d62da2; }
.no-data-holder { margin: 0px auto; padding: 45px; }

/*404 page temp css dec 18 2020*/
a.donatebtn.error_button { margin-bottom: 39px; margin-top: 35px; }

/* 22 dec */
.contact-form input[type=submit] { float: none; }
span.wpcf7-not-valid-tip { padding: 5px 0 10px 0; }
section.career_body .wpcf7-form-control-wrap { width: 100%; margin: 0 1% 0px; }
.contact-form input[type=submit] { float: none !important;  display: table !important; }
.contact-form form.wpcf7-form.init > p { margin-bottom: 0 !important; }
.privacy-policy .blog-datils { padding: 30px 0; }
.privacy-policy .blog-datils p { font-size: 16px; color: #505050; padding-bottom: 10px; }
.privacy-policy .blog-datils h3 { font-size: 17px; color: #404040; margin-bottom: 15px; }
.privacy-policy .blog-datils h2 { font-size: 20px; margin-top: 15px; }
section.error-404.not-found {
padding-top: 20px;
}
p#give-final-total-wrap span.give-final-total-amount { padding-left: 128px!important;color:black; }

.phone span {
margin: -9px 5px 0 0;
}
.contact-form .wpcf7-form-control-wrap.kc_captcha { float: none !important; margin-left: 0 !important; display: table !important; text-align: left; }

/* 15 july */
.home .help_poor { height: 760px; overflow-y: auto; }

/*31-08*/
fieldset#give_cc_fields-184 > legend { display: none; }
a.footlogo img {
    max-width: 270px; width: 100%;
}

ul.footsocial {
    margin: auto;
    display: table;
    margin-top: 30px;
}

a.footlogo {
    margin: auto !important;
    display: table;
}

.yousupport p {
    margin-bottom: 5px;
    font-size: 18px;
}

.yousupport h2 + p { min-height: 108px; }
/*22-09*/ 
.slidersec .col-md-12{position: relative;}
.home .help_poor { right: 0; top: 40px; transform: inherit;height: 682px; }
.slidersec img{height: 760px;}
.recentboximg img { height: 360px; width: 100%; object-fit: cover; }
.galleryimg li a img { height: 280px; width: 100%; object-fit: cover; }
.mapsec img { width: 100%; }
.howcan_details p{font-size: 18px;}
.phone a:hover { color: #fff; }
.reqsec img { height: 365px; }


/* 03-10-2024 */
.footsec { position: relative; padding: 70px 0 50px; } 
.footsec:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000000b3; } 
.footsec .container { position: relative; z-index: 2; }

/*05-Oct*/
.contact-form h2{font-size: 25px;color: #444444;font-weight: 700;margin: 0 0 15px;}
.contact-info ul { display: flex; justify-content: center; align-items: center; }
.contact-info ul li{ margin: 0 20px 0px;}
.contact-form form.wpcf7-form.init > p{position: relative;}
.wpcf7-form-control-wrap{float: left;clear: both;}
.wpcf7-form-control-wrap[data-name="Message"] {   clear: none; position: absolute; top: 0; right: 0; }
.contact-form .form-control, 
.wpcf7-form-control-wrap input, 
.wpcf7-form-control-wrap textarea{background-color: #fdfdfd; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; margin: 0; outline: none; padding: 10px; width: 100%; height: auto;   color: #333;}
.contact-form .wpcf7-form-control-wrap.kc_captcha{margin: 0 1% 20px !important;}
.contact-form .captcha-image { border: 1px solid #ccc; padding: 10px;background-color: #fdfdfd; display: inline-block; text-align: left; width: 100%; border-radius: 5px;}
.wpcf7-form-control-wrap textarea{height: 178px;}
.wpcf7-form-control-wrap input:hover,
.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:hover,
.wpcf7-form-control-wrap textarea:focus,
.wpcf7-form-control-wrap select:hover,
.wpcf7-form-control-wrap select:focus { outline: none; box-shadow: none;}
/* Valunter */


/* .volunteer-page form.wpcf7-form {
    max-width: 700px;
    margin: auto;
}

.volunteer-page {
    padding: 80px 0;
} */

.career-form {
    background: #fff;
    padding: 25px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    border-radius: 5px;
}

.career-form h2 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #161616;
    margin: 0 0 11px;
    padding: 0 0 0 5px;
}

.career-form .wpcf7-form-control-wrap {     width: 100%;margin: 0 !important; }

.career-form .row {
    margin-bottom: 25px;
}
.submitrelative {
    position: relative;
}

.submitrelative .wpcf7-spinner {
    position: absolute;
    top: 9px;
    margin: 3px;
    right: 19px;
}
.submitrelative p:empty { display: none; }
.wpcf7-response-output { border-width: 1px !important; text-align: center; }

.wpcf7-not-valid-tip { font-size: 13px!important; text-transform: capitalize; }
.volunteer-page { padding: 70px 0; }
.wpcf7-form-control-wrap select { padding: 10px 10px 10px 6px; height: auto; }

.career-form .row:last-child { margin-bottom: 0; }



/*Responsive*/
@media (min-width:1366px) {
.container { max-width: 1240px; }
}

@media (max-width:1365px) {
.slidersec h1 { font-size: 70px; }
.help_poor_left h2 { font-size: 45px; }
.help_poor_left p { font-size: 22px; }
.checkmark:before { right: -8px; }
.slidersec h1 { font-size: 70px; }
.slidersec p { font-size: 20px; }
.help_poor_left h2 { font-size: 45px; }
.help_poor_left p { font-size: 22px; }
}
@media (max-width:1199px) {
nav.navbar li { margin: 0 20px 0 0; }
.donateprice ul li { margin: 0 13px 15px 0; }
.help_poor { padding: 15px; }
.home .help_poor { height: 630px;}
.help_poor_left h2 { font-size: 28px; margin: 0 0 3px; }
.help_poor_left p { font-size: 20px; }
.yousupport p { margin: 0 0 10px; font-size: 18px; }
.dolardonate { min-width: 80px; }
.filldolorsec { margin: 10px 0 0; }
.slidersec img { height: 710px; }
.meet_volun h4 { margin: 0 0 40px; }
.yousupport h2 { font-size: 25px; }
.yousupport a { font-size: 23px; }
.yousupport a:before { height: 3px; }
.recent_camp p { font-size: 20px; }
.quicklinks h2 { font-size: 25px; }
.quicklinks ul li a { font-size: 16px; }
.quicklinks p { font-size: 16px; }
.footleft { font-size: 17px; }
.footlast ul li a { font-size: 17px; }

/*About us*/
.inner_details h1, .howcan_details h2, .team_heading h2, .save_world .howcan_details h2, .findout_heading h2 { font-size: 31px; margin: 0 0 10px; }
.inner_details .breadcrumb .breadcrumb-item, .inner_details .breadcrumb .breadcrumb-item a, .howcan_details h4, .team_details h4, .client_name div h4 { font-size: 20px; }
.inner_details .breadcrumb, .save_world .howcan_details p, .client_detail { margin: 0 0 10px; }
.inner_details p, .howcan_details p, .team_heading p { font-size: 18px; }
.howcan_details ul li, .team_details p, .mailbox a, .client_detail p, .client_name div strong { font-size: 16px; }
.findout_heading { padding-right: 0; }
.findout_heading p { font-size: 18px; letter-spacing: 2px; }
.statement_details h4 {font-size: 19px; line-height: 22px;}
.statement_details p { font-size: 16px; line-height: 23px; }
/*career page*/
.career_heading a { font-size: 18px; }
.volunteer_detail h2 { font-size: 35px; }

/*case study*/
.regishead h2 { font-size: 35px; }
.regishead h3 { font-size: 19px; }
.reqsec h2 { font-size: 33px; }
.reqsec h3 { font-size: 17px; }
.reqsec ul li { font-size: 17px; }
.reg_form button, input.wpcf7-form-control.wpcf7-submit { font-size: 20px; }

/*Contact Page*/
.contact-form h2 { font-size: 35px; }

/*blog detail*/
.blog-detail { padding: 40px 0; }
}
@media (max-width:991px) {
.navbar-collapse { min-width: 200px; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); z-index: 101; position: absolute; right: 0; top: 75px; }
nav.navbar { float: none; background: none !important; margin: 0; padding: 0; position: absolute; right: 0; top: 0; }
button.navbar-toggler { background: #000; position: absolute; right: 0; top: 0px; padding: 12px 14px; }
ul.navbar-nav { padding: 0; }
nav.navbar li { margin: 0; border-bottom: 1px solid #f2f2f2; }
nav.navbar li:last-child { margin-right: 0; border-bottom: none; }
nav.navbar li.nav-item a { font-size: 16px; text-align: right; padding: 7px 5px !important; }
.search_donate { margin-right: 55px; }
.donateprice { width: 100%; margin: 14px 0 0; }
.help_poor_sec { margin-top: 40px; }
.filldolorsec { margin: 5px 0 0; }
.donatenowbtn { font-size: 24px; }
.yousupport h2 { font-size: 20px; }
.recent_camp h2 { font-size: 22px; }
.recent_camp p { font-size: 18px; }
.recent_camp p { font-size: 16px; }
.volunteer .col-md-12 div h2 { font-size: 30px; }
.volunteer .col-md-12 div p { font-size: 15px; }
.gallery { padding: 50px 0; }
.galleryimg li { width: 50%; }
.gallery p { font-size: 21px; }
.meet_volun h4 { margin: 0 0 30px; font-size: 20px; }
.campaignmap p { font-size: 17px; }
.quicklinks h2 { font-size: 19px; }
.recentboxcnt { padding: 20px 15px 10px; }
.donatenowbt { padding: 7px 15px; font-size: 18px; }
.closebtn { font-size: 18px; }
.raisedgoal > div { width: 100%; text-align: left; }
.recentboxcnt h3 { font-size: 20px; }
.footsec { padding: 50px 0; }
.quicklinks ul li a { font-size: 15px; }
.footsocial li a i { width: 40px; height: 40px; }
.quicklinks p { font-size: 15px; }
.footlast ul { margin: 4px 0 0; }
.footleft { font-size: 16px; }
.footlast ul li a { font-size: 16px; }

/*About us*/
.inner_banner_main { padding: 50px 0; }
.emergencybox { top: -50px; right: 0; text-align: center; border: 5px solid #939494; border-top: 0; padding: 10px 0; }
.emergencybox strong { font-size: 28px; margin: 0 0 5px; }
.emergencybox h4 { padding: 5px 20px; font-size: 16px; margin: 0 -10px; }
.emergencybox img { margin: 15px auto 0; max-width: 30px; }
.howcan_help .row { flex-direction: column-reverse; }
.howcan_help { margin: 35px 0; }
.howcan_details, .meetour_team, .findout_why { margin: 0 0 15px; }
.save_world { margin: 0 0 35px }
.findout_heading { text-align: center; }
.wecommitedText p {
    max-width: 100%;
    font-size: 21px;
    line-height: 28px;
}
/*career page*/
.career_body { margin: 30px 0; }
.career_volunteer { padding: 30px 0; }

/*case-study*/
.reg_form { margin: 20px 0 0; }
.reg_form ul li { margin: 0 0 10px; }
.reg_form ul li input, .reg_form ul li textarea { padding: 10px; font-size: 17px; }
.reg_form ul li textarea { height: 100px; }
.help_poor { padding: 20px; background: rgba(255, 255, 255, .75); max-width: 100%; width: 90%; margin: 20px auto 0; display: table; float: none; left: 0; right: 0; border-radius: 5px; }
section.career_body .wpcf7-form-control-wrap input { padding: 10px 20px; height: 50px; }
section.career_body .wpcf7-form-control-wrap textarea { padding: 10px 20px; }
.slidersec img { height: 800px; }
.help_poor { margin-top: 0;}
.yousupport h2 + p {  min-height: 162px;}
.yousupport h2{    min-height: 48px;}


}
@media (max-width:767px) {
#myCarousel { display: flex; flex-direction: column-reverse; flex-wrap: wrap; }
.help_poor { position: relative; transform: inherit; width: 100%; top: inherit; margin-top: 20px; }
.slidersec img { height: 330px; }

.menusec { padding: 10px 0; }
.phone { font-size: 16px; }
button.navbar-toggler { top: 6px; padding: 7px 9px; }
.donatebtn { padding: 11px 15px; font-size: 16px; }
.search_donate { margin: 7px 60px 0 0; }
.searchbtn { margin: 0 3px 0 0; }
.searchopen { width: 45px; height: 45px; }
.followus h2 { font-size: 16px; }
.slidersec .carousel-caption { top: 63px; }
.slidersec h1 { font-size: 30px; }
.slidersec p { font-size: 18px; }
.slidersec p br { display: none; }
.gettingbtn { font-size: 20px; }
.dolardonate { color: #000; }
.filldolor span { color: #000; }
.help_poor_left { border-bottom-color: #000; margin: 0 0 5px; padding: 0 0 10px; }
.help_poor_left h2 { font-size: 20px; }
.help_poor_left p { font-size: 17px; color: #000; }
.filldolor input { height: 46px; }
.donatenowbtn { font-size: 19px; padding: 9px 17px; }
#form { right: inherit; left: 0; }
.preprebtns a, .nexprebtns a { width: 40px; height: 40px; }
.carousel-control-prev-icon, .carousel-control-next-icon { background-size: 15px; }
.yousupport .col-md-4 { margin-bottom: 30px; }
.yousupport { margin: 80px 0 20px; }
.donoteclose { margin: 16px 0 16px; }
.raisedgoal { padding: 5px 0 0; }
.volunteer { margin: 70px 0 0; }
.volunteer .col-md-12 div { width: 49%; margin-bottom: 50px; }
.raisedgoal > div { font-size: 18px; }
.volunteer { padding: 50px 0 10px; margin: 20px 0 0; }
.gallery p { font-size: 19px; }
.gallery p br { display: none; }
.recentbox { margin-bottom: 30px; }
.dolardonate { min-width: 80px; }
.meet_volun h3 { font-size: 25px; }
.campaignmap { padding: 50px 0 50px; }
.footsec { padding: 20px 0; }
.footlogo { margin: auto; display: table; }
.footsocial { clear: both; margin: 30px 0 30px; text-align: center; }
.quicklinks { margin: 0 0 20px; border-bottom: 1px solid #f4a62a; padding: 0 0 20px; }
.footleft { width: 100%; text-align: center; margin: 0 0 5px; }
.footlast ul { margin: 1px 0 0; text-align: center; width: 100%; }
.footlast ul li { float: none; display: inline-block; }
.col-md-4:last-child .quicklinks { margin: 0; border-bottom: none; }
.recentboxcnt h3 { font-size: 19px; }
.campaignmap h2{    line-height: 30.8px;    font-size: 26px;}
.campaignmap p { font-size: 16px; }
/*About us*/
.inner_details h1, .howcan_details h2, .team_heading h2, .save_world .howcan_details h2, .findout_heading h2 { font-size: 25px; }
.inner_details .breadcrumb .breadcrumb-item, .inner_details .breadcrumb .breadcrumb-item a, .inner_details .breadcrumb .breadcrumb-item::before, .howcan_details h4, .team_details h4, .client_name div h4 { font-size: 16px; }
.inner_details p, .howcan_details p, .team_heading p, .howcan_details ul li, .team_details p, .mailbox a, .client_detail p, .client_name div strong { font-size: 15px; }
.emergencybox { padding: 5px 0; }
.emergencybox strong { font-size: 24px; margin: 0; }
.emergencybox img { margin: 10px auto 0; }
.team_imgbox { margin-bottom: 10px; }
.save_world { display: block; background: #ffffff; }
.save_world_img { padding: 0 15px; max-width: 540px; margin: 0 auto 15px; float: none; }
.findout_heading p { font-size: 16px; letter-spacing: 0; }
.client_detail i { font-size: 40px; margin-bottom: -25px; }
.statement_mainbox { margin: 0 0 40px; }
section.mission_section { padding: 40px 0; }
.mission-heading h2 { font-size: 25px;}
.mission-heading p { font-size: 16px;}
/*career page*/
.career_mainbox { margin: 10px 0; }
.emergencybox { border-width: 2px; position: inherit; border-radius: 0; margin: 15px 0 0; top: inherit; border: 1px solid #fff; }
.volunteer_detail h2 { font-size: 25px; }
.volunteer_detail p { font-size: 15px; }
.volunteer_detail .volunteer_btn { padding: 8px 10px; min-width: 140px; font-size: 16px; }

/*case study*/
.career_body { margin: 45px 0 ; }
.reqsec img { margin-bottom: 10px; }
.regishead h2 { font-size: 25px; }
.regishead h3 { margin: 0 0 13px; font-size: 16px; }
.reqsec h2 { margin: 0 0 3px; font-size: 23px; }
.reqsec h3 { margin: 0 0 10px; font-size: 16px; }

/*Donate Page*/
.donate_mainform { margin: 40px 0; }
.donate_form > h4 { font-size: 18px; }
.donate_form { padding: 15px; }
.donate_box > label { padding: 10px; font-size: 18px; max-width: 210px; text-align: center; }
.donate_box .form-control { padding: 12px 15px; font-size: 19px; }
.donate_box > label i { padding-right: 0; }
.donate_list li { min-width: 85px; padding: 8px 10px; margin: 7px 10px 7px 0; font-size: 14px; }
.pay_heading h4 { font-size: 18px; }
.select_payment .custom-control .custom-control-label { font-size: 15px; padding: 0; }
.select_payment .custom-control .custom-control-label::before, .select_payment .custom-control .custom-control-label::after { width: 16px; height: 16px; top: 2px; }
.personal_info .form-group > label { font-size: 15px; }
.personal_info .form-group > .form-control { font-size: 15px; padding: 8px 15px; }
.donate_button .donatebtn_now { font-size: 18px; padding: 7px 10px; }

/*Contact Page*/
.contact-page { padding: 40px 0; }
.icon-white { height: 45px; width: 45px; }
.icon-white img { max-width: 20px; }
.contact-info li { margin: 0 0 15px; padding-left: 60px; min-height: 60px; }
.contact-info li h3 { font-size: 18px; }
.contact-info li p { font-size: 15px; }
.map_contact { display: none; }
.contact-form { margin: 10px 0 20px; padding: 20px 15px; }
.contact-form h2 { font-size: 25px; margin: 0 0 10px; }
.contact-form p { margin: 0 0 15px; }
.contact-form .form-control { height: auto; padding: 10px 15px; border-radius: 5px; margin: 0 0 10px; font-size: 15px; }
.contact-form textarea.form-control { border-radius: 5px; padding: 10px 15px; height: 100px; }
.contact-form input[type="submit"] { font-size: 15px; padding: 10px 15px; border-radius: 5px; }
.disable_map { display: block; }
.wpcf7-form-control-wrap { width: 100%; margin: 0 0 10px; }
.wpcf7-form-control-wrap.Website { width: 100%; margin: 0 0 10px; }
.wpcf7-form-control-wrap.Website { width: 100%; margin: 0 0 10px; }
.wpcf7-form-control-wrap.Message { width: 100%; }
.contact-form input[type="submit"] { margin-left: 0; }
.contact-form .form-control, .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea { border-radius: 5px; font-size: 15px; height: 45px; padding: 10px 15px; }
.wpcf7-form-control-wrap textarea { height: 80px; border-radius: 5px; padding: 10px 15px; }

/*becomevol*/
.campaign_body { padding: 20px 0; }
.casest_cnt h2 { font-size: 17px; }
.casest_cnt h2 strong { font-size: 20px; }
.casest_cnt h3 { font-size: 17px; }
.casest_cnt p { font-size: 15px; line-height: 22px; }

/*blog detail*/
.blog-detail { padding: 20px 0; }
.blog-detail h1 { margin: 0 0 10px; font-size: 23px; }
.campaign_data h4 { font-size: 19px; }
.time_camp span { font-size: 19px; }
.time_camp strong { font-size: 16px; }
.campaign_data address { font-size: 16px; }

/* 22 dec */
form.give-form, form[id*=give-form] { margin: 0 0 5px; }
.donate_mainform { margin: 20px 0 !important; }
body.error404 a.donatebtn.error_button {
display: table;
margin: auto !important;
float: none !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
}
#give-donation-level-button-wrap>li button { font-size: 12px; }

a.footlogo {
    display: block;
}
ul.footsocial {
    margin: 20px 0 !important;
    display: block;
    margin-top: 30px;
    width: auto;
    margin-left: 0 !important;
    display: table;
    margin-bottom: 40px !important;	
}
.wecommitedText p { max-width: 100%; font-size: 18px; line-height: 26px; }
.weCommited img { height: 245px;}
.contact-form .wpcf7-form-control-wrap.kc_captcha{margin: 0 0 10px !important;}
.wpcf7-form-control-wrap[data-name="Message"]{position: relative;}
.contact-info ul{display: flex; justify-content: start; align-items: start; flex-wrap: wrap; flex-direction: column; text-align: left;;}
.contact-info ul li { margin: 0 0 15px; }
.yousupport h2 + p {  min-height: inherit;}
.yousupport h2{    min-height: inherit;}
span.wpcf7-form-control-wrap.kc_captcha { margin-bottom: 20px !important; }
.career-form .row .col-md-6:first-child { margin-bottom: 10px; }
.career-form { padding: 10px;}
.submitrelative .wpcf7-spinner { top: 7px;}
.volunteer-page { padding: 40px 0; }
} 
@media (max-width:575px) {
.dolardonate { min-width: 40px; }
.help_poor { padding: 10px; }
.slidersec img { height: 200px; }
.phone { width: 100%; text-align: center; }
.raisedgoal > div { text-align: left; }
nav.navbar { right: 15px; }
.followus { width: 100%; text-align: center; }
.followus h2 { float: none; display: inline-block; vertical-align: middle; }
.followus ul { float: none; display: inline-block; vertical-align: middle; }
button.navbar-toggler { padding: 7px 10px; }
.donatebtn { padding: 10px 14px; font-size: 16px; }
.searchopen { width: 45px; height: 45px; }
.donatebtn { float: right; }
.navbar-collapse { top: 60px; }
#form { top: 16px; }
.preprebtns, .nexprebtns { display: none; }
.donateprice ul li { margin: 0 1% 4px 0; width: 30%; }
.checkmark:before { display: none; }
.filldolor { width: 100%; margin: 0 0 10px; }
.dolardonate { font-size: 15px; }
.recent_camp h2 { font-size: 20px; }
.volunteer .col-md-12 div h2 { font-size: 20px; }
.gallery { padding: 30px 0; }
.gallery h2 { margin: 0 0 10px; font-size: 25px; }
.gallery p { font-size: 16px; }
.meet_volun { padding: 40px 0; }
.meet_volun h2 { margin: 0 0 10px; font-size: 15px; }
.meet_volun h3 { margin: 0 0 10px; font-size: 20px; }
.meet_volun h4 { font-size: 15px; }
.jiyavideo div { width: 100%; margin: 0 0 10px; }
.campaignmap p { padding: 0 15px; font-size: 16px; }
#form { width: 244px; padding: 10px; }
#searchbox { max-width: 100%; margin: 0 0 5px; }
#searchbutton { margin-left: 0; }
.recent_camp p { margin-bottom: 15px; }
.volunteer { padding: 40px 0 10px; margin: 20px 0 0; }

/*About us*/
.save_world_img { max-width: 100%; }
.inner_banner_main { padding: 30px 0; }
.reg_form button, input.wpcf7-form-control.wpcf7-submit { padding: 8px 25px; font-size: 15px; }
.blog-detail h1 { margin: 0 0 7px; font-size: 20px; }
/*.slidersec img { height: 510px; }*/
ul#give-donation-level-button-wrap { display: flex !important; flex-wrap: wrap; }
ul#give-donation-level-button-wrap li { width: 100% !important; flex: 0 0 28.33%; }
ul#give-donation-level-button-wrap li button { width: 100% !important; }

}
@media (max-width:484px) {
ul#give-donation-level-button-wrap li { flex: 0 0 40%; }
}
@media (max-width:460px) {
.slidersec h1 { font-size: 25px; }
.slidersec p { font-size: 15px; }
.gettingbtn { font-size: 15px; }
.menuright { float: left; width: 100%; }
.search_donate { float: left; width: 100%; margin: 7px 65px 0 0; }
.footleft { font-size: 15px; }
.footlast ul li a { font-size: 15px; }
.yousupport a { font-size: 20px; }
/*.slidersec img { height: 507px; }*/

/*About us*/
#clientslider .slick-dots { bottom: -15px; }

.give-recurring-donors-choice label { vertical-align: top;max-width: 200px; }
select.give-recurring-donors-choice-period { width: 100%!important; clear: both; margin: 5px 0 0!important; }
#give_purchase_submit #give-final-total-wrap { width: 100%; }
}
@media (max-width:441px) {
/*.slidersec img { height: 537px; }*/
ul#give-donation-level-button-wrap li:last-child { flex: 0 0 60%; }
}