:root {
	--primary-color:#FD7028;
  --primary-hover-color:#EA5B13;
	--secondary-color:#203474;	
  --secondary-hover-color:#192b65;  
	--white-color:#ffffff;
  --text-color:#1E1E1E;
}

@font-face {
    font-family: 'century_gothicregular';
    src: url('../fonts/centurygothic_-_century_gothic_-_regular-webfont.woff2') format('woff2'),
         url('../fonts/centurygothic_-_century_gothic_-_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'century_gothicbold';
    src: url('../fonts/centurygothic-bold_-_century_gothic_-_bold-webfont.woff2') format('woff2'),
         url('../fonts/centurygothic-bold_-_century_gothic_-_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*
font-family: 'century_gothicregular', sans-serif;
font-family: 'century_gothicbold', sans-serif; 
*/

body { font-family: "century_gothicregular", sans-serif; color:var(--text-color); font-size:16px; line-height:24px; 
background: var(--white-color);  }
* { margin:0px; padding:0px; }
h1, 
h2,
h3,
h4,
h5,
h6 { margin:0px 0px 15px; font-weight: 400 }
ol, ul { padding: 0; margin: 0; }
strong { font-weight: 400; font-family: 'century_gothicbold', sans-serif; }
h1 { font-family: 'century_gothicbold', sans-serif; }
h2 { line-height: 1.2; font-size: 50px; margin: 0px 0px 15px; font-weight: 400; font-family: 'century_gothicbold', sans-serif; }
p { margin:0px 0px 20px; font-size: 15px; line-height: 1.4; }
.btn-check:focus + .btn, .btn:focus { box-shadow: none; }
img { max-width:100%; }
.white-color { color: var(--white-color) !important; }
.white-color p { color: var(--white-color) !important; }
.container { max-width:1450px; width: 100%; }
.logo { max-width: 280px; }
.header-left { min-width:300px; }
.nav-container { position: relative; display: flex; justify-content: flex-end;   }
.nav-container > ul { margin:0px; padding:0px; display: flex; }
.nav-container > ul > li { display: flex; align-items: center; padding:10px 18px; }
.nav-container ul li { list-style:none; position:relative;  
font-size: 21px; font-weight: 400; font-family: 'century_gothicbold', sans-serif; }
.nav-container ul li.parent:hover:after { display: none; }
.nav-container ul li a { color:var(--text-color); display:block; text-decoration:none; outline: none; position: relative; }
.nav-container ul li:hover > a,
.nav-container ul li.active a  { color: var(--primary-color);  }
.nav-container ul li.active a:before { content: ""; height: 2px; width: 100%; background:var(--primary-color); border-radius: 10px; 
position: absolute; bottom: -6px; left: 0; }
.header-top { display: flex; align-items: center; justify-content: space-between; padding: 20px 30px; position: relative; 
background: rgba(255, 255, 255, 0.88); border-radius: 50px; }
.header-right-btn ul { margin: 0; padding: 0; display: flex; align-items: center; gap:10px; }
.header-right-btn ul li { margin: 0; padding: 0; list-style: none; }
.header-top .container:before,
.header-top .container:after { display: none; }
.header-right { display: flex; align-items: center; justify-content: space-between; gap: 75px; }
.nav-container li .sub-menu { display:none; position:absolute; left:0px; top:100%; min-width:210px; background:var(--secondary-color); z-index:9; box-shadow: 0 8px 20px rgba(0,0,0,0.1);
padding: 15px 20px; border-radius:10px; }
.nav-container li .sub-menu li { display:block; padding:10px 0; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.32); }

.nav-container ul li.parent:hover { background: var(--secondary-color); }
.nav-container li .sub-menu li a { color:var(--white-color);  }
.nav-container li .sub-menu li:last-child { margin-bottom: 0; border-bottom: 0; }
.nav-container li .sub-menu li:hover a { color: #fff; }
.mob-menu { display: none; }
.header a { outline: none; }
.header ul { margin:0px; }
.header { padding:0px; width: 100%; position: absolute; left: 0; top: 40px; z-index: 9;  }
.header-right-btn a { padding: 12px 28px; display: flex; justify-content: center; align-items: center; border: 0; }

.banner-container .banner-text {  position:absolute; top:60%; transform: translateY(-50%); left:0px; right: 0; text-align:left; width: 100%;
text-align: center; }
.banner-container .slick-slide { position: relative; }
.banner-container .banner-content { max-width: 62%; margin:0 auto;  }
.banner-container .slide-item { vertical-align:top; }
.banner-container .banner-text h2,
.banner-container .banner-text h3 { color:#fff; font-size:52px; line-height: 1.4; margin-bottom: 4px; font-family: 'century_gothicbold', sans-serif; }
.banner-container .banner-text h2 span { background: rgba(253, 112, 40, 0.9); display: inline-block; padding: 1px 20px 5px; }
.banner-container .banner-text h3 span { background: rgba(32, 52, 116, 0.9);; display: inline-block; padding: 1px 30px 5px; }
.banner-container .banner-text p { color: #fff; font-size: 20px; max-width: 670px; margin: 30px auto 50px; } 

.banner-container { clear: both; position: relative; }
.banner-container .slide-img { position: relative; }
.banner-container .slide-img:before { position: absolute; top: 0; left: 0; width: 100%; content: ""; height: 100%; 
background: linear-gradient(180.01deg, rgba(0, 0, 0, 0) 37.42%, rgba(13, 29, 77, 0.8) 85.82%);
border-radius: 0px 0px 60px 60px;
}
.banner-container .slide-img img { border-radius: 0px 0px 60px 60px; width: 100%; }
.banner-btn a { font-size: 20px; min-width: 240px; gap: 14px; }
.banner-btn a.secondary-btn { background: rgba(255, 255, 255, 0.3); border: 1px solid #FFFFFF; backdrop-filter: blur(25px); }
.banner-btn a.secondary-btn:hover { opacity: 0.9; }
.banner-btn { display: flex; gap:20px; justify-content: center; }

.about-section { padding: 100px 0 0; }
.welcome-text p { font-size: 21px; }
.welcome-text { padding-right: 180px; }
.missionVision { padding: 30px 0 0; }
.boxshadow { background: #FFFFFF; box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.1); border-radius: 40px; 
display: flex; gap:20px; padding: 28px 32px 90px; }
.boxshadow:last-child { padding-bottom: 20px; }
.boxshadow + .boxshadow { margin-top: -80px; }
.missionVision h3 { font-size: 38px; font-family: 'century_gothicbold', sans-serif; min-width: 130px; }
.missionVision p { color: #959595; font-size: 21px; }
.about-img img { border-radius: 30px; margin-bottom: 17px; }

.howWeHelp-img img { border-radius: 30px; }
.howWeHelp-img { margin-bottom: 30px; }
.howWeHelp-section { text-align: center; position: relative; padding: 20px 0; }
.howWeHelp-section h2 { text-align: left; color: #fff; margin-bottom: 60px; }
.howWeHelp-section:before { content: ""; background:var(--secondary-color); border-radius: 0 60px 60px 0;
width: 200%; position: absolute; right: 48%; top: -45px; z-index: -1; bottom: 0; }
.howWeHelp-section h3 { font-size: 30px; font-family: 'century_gothicbold', sans-serif; 
max-width: 150px; margin: 0 auto 20px; }
.howWeHelp-section p { font-size: 19px; line-height: 23px; color: rgba(30, 30, 30, 0.5); }
.howWeHelp-desc { padding: 0 30px; }

.stories-section { padding: 120px 0 100px; text-align: center; }
.stories-slider .slick-dots {  position: absolute; left: 200px; bottom: 70px; z-index: 2; }
.stories-slider .slick-dots li { list-style: none; display: inline-block; margin: 0 6px; }
.stories-slider .slick-dots li button { border: 0; width: 28px; height: 28px; border-radius: 100%; font-size: 0;  background: transparent; opacity: 1;
border: 1px solid #000; }
.stories-slider .slick-dots li.slick-active button { background:rgba(0,0,0,0.8); opacity: 1; }
.stories-slider .slick-arrow { width: 70px; height: 70px; border-radius: 100%; background: #D9D9D9 url(../images/arrow-left.svg) center center no-repeat; font-size: 0;line-height: 0;
border: 0; position: absolute; left: 0; top:50%; margin-top: -35px; }
.stories-slider { padding: 0 100px; }
.stories-slider h2 { margin-bottom: 40px; }
.stories-slider p { margin-bottom: 0px; font-size: 40px; }
.stories-slider .slick-list { max-width: 1040px; margin: 0 auto; }
.stories-slider .slick-arrow.slick-next { right: 0; left: auto; transform: rotate(-180deg); }

.secondary-btn { background: var(--secondary-color); padding: 12px 30px; font-size: 22px;
line-height: 18px; border: 0; text-align: center; height: 66px; display: inline-flex; align-items: center; 
color: var(--white-color);  text-decoration: none; border-radius: 50px; justify-content: center;
 font-family: 'century_gothicbold', sans-serif; }
.secondary-btn:hover { background: var(--secondary-hover-color); text-decoration: none; color: var(--white-color); }

.btn { border-radius: 0; }
.primary-btn { background: var(--primary-color); padding: 12px 30px; text-align: center; font-size: 22px;
 color: var(--white-color); line-height: 18px; border: 0; text-decoration: none; 
height: 66px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; 
font-family: 'century_gothicbold', sans-serif; }
.primary-btn:hover { text-decoration: none; color: var(--white-color); background-color: var(--primary-hover-color); }

.isnt-section { background: #F2F2F2; border-radius: 200px 0 0 0; }
.getHelp-section { padding: 120px 0 90px; position: relative; 
background: url(../images/gethep-bg.jpg) 0 0 no-repeat; background-size: cover; }
.getHelp-section:before { content: ""; background: rgba(0, 0, 0, 0.6);  position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.getHelp-section .container { position: relative; }
.getHelp-section h2 { margin: 0 0 20px; color: #fff; }
.getHelp-section h3 { font-size: 30px; margin: 0 0 15px; color: #fff; font-family: 'century_gothicbold', sans-serif; }
.getHelp-section p { font-size: 19px; color: #fff; max-width: 680px; }
.getHelp-form { padding: 30px 0 0; max-width: 800px; position: relative; }
.getHelp-form p { text-align: center; }

.getHelp-form .gform_wrapper.gravity-theme .gfield input.large { width: 100%; border: 0; 
height: 74px; padding: 24px 40px; outline: none; background: #4B8ABB; color: #fff; font-size: 19px;
background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(4.7px);border-radius: 40px; }
.getHelp-form .gform_wrapper.gravity-theme .gfield input.large::placeholder { color: #fff; opacity: 1; }
.getHelp-form .gform_button { background: var(--primary-color);padding: 12px 30px;
    text-align: center;font-size: 22px;color: var(--white-color);line-height: 18px;border: 0;text-decoration: none;height: 66px;
    display: inline-flex;align-items: center; justify-content: center; border-radius: 50px;font-family: 'century_gothicbold', sans-serif;
}

.getHelp-form ul { list-style: none; display: flex; flex-wrap: wrap; margin: 0 -7px; }
.getHelp-form li { margin-bottom: 20px; width: 50%; padding:0 7px; }
.getHelp-form li.textarea-text { width: 100%; }

.getHelp-form li .input-box textarea.input-text { resize: none; }
.getHelp-form li.submit-btn {  width: 100%; }
.getHelp-section .submit-btn .primary-btn { min-width: 255px; }
.getHelp-form .input-text::-webkit-input-placeholder { color: #fff; }
.getHelp-form .input-text::-moz-placeholder { color: #fff; }
.getHelp-form .input-text:-ms-input-placeholder { color: #fff; }
.getHelp-form .input-text:-moz-placeholder { color: #fff; }
.getHelp-section .immediate-info h3 { font-size: 40px; margin-bottom: 30px; }
.getHelp-section .immediate-info p { font-size: 24px; color: #fff; margin-bottom: 22px; }
.getHelp-section .immediate-info a { color: #fff; text-decoration: none; }
/**/
/*volunteer*/
.volunteer-section { padding: 90px 0 100px; position: relative; overflow: hidden; }
.volunteer-img { position: relative; }
.volunteer-img:before { background: var(--primary-color); border-radius: 0 60px 60px 0; content: "";
position: absolute; right: 50%; width: 1000%; top: -200px; height: 88%; z-index: -1; }
.volunteer-section .container { position: relative; }
.volunteer-section h2 { margin-bottom: 50px; color: #fff; }
.volunteer-section .row { align-items: center; }
.volunteer-text { padding-left: 80px; }
.volunteer-text h3 { font-size: 40px; margin-bottom: 20px; font-family: 'century_gothicbold', sans-serif; }
.volunteer-text p { font-size: 19px; margin-bottom: 40px; max-width: 500px; }
.volunteer-img img { border-radius: 60px; }
/*volunteer end*/

.give-box { background: #F2F2F2; padding: 60px 70px; border-radius: 60px; }
.give-box h2 { text-align: center; margin-bottom: 60px; }
.pay-methods { display: flex; gap: 20px; }
.pay-methods input[type="radio"] { display: none; }
.pay-methods label { padding: 18px 44px;
  border-radius: 999px; border: 1px solid #e0e0e0;
  background: #ffffff; font-size: 24px; cursor: pointer; line-height: 1.2;
  user-select: none; transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.pay-methods input[type="radio"]:checked + label {
  border-color: #ff6a00; box-shadow: 0 0 0 1px #ff6a00;
}
.pay-methods label:hover {
  box-shadow: 0 0 0 1px #ccc;
}
.donate-options { display: flex; align-items: center; gap: 50px; justify-content: space-between; }
/* Hide radio */
.donate-options input[type="radio"] {
    display: none;
}
.amount-group { display: flex; gap: 12px; }
.amount-group label { padding: 20px 40px; border-radius: 999px; font-size: 30px; font-family: 'century_gothicbold', sans-serif;
  background: #f5f5f5; color: #000; font-weight: 600; cursor: pointer; transition: .2s; line-height: 1.1;
  display: flex; align-items: center;
}
.amount-group label.blue { background: #1d2c6e; color: #fff; }
.amount-group label.orange { background: #ff7a30; color: #fff; }
.amount-group label.other-input { background: transparent; padding: 0; }
.amount-group label.other-input input { padding: 20px 40px; border-radius: 999px; border: none; outline: none;
    font-size: 15px; width: 100%; background: #fff; height: 100%; font-size: 27px; color: #000;
}
.amount-group label.other-input input::-webkit-input-placeholder { color: #000; }
.amount-group label.other-input input::-moz-placeholder { color: #000; }
.amount-group label.other-input input:-ms-input-placeholder { color: #000; }
.amount-group label.other-input input:-moz-placeholder { color: #000; }

#other:checked + label.other-input { box-shadow: 0 0 0 2px #ff7a30; }
.type-group { display: flex; gap: 25px; }
.type-group .type-label { display: flex; align-items: center; white-space: nowrap; font-size: 28px;
font-family: 'century_gothicbold', sans-serif;
    gap: 15px; cursor: pointer;  transition: .2s;
}
.donate-options .type-label:before { content: ""; width: 30px; height: 30px; border-radius: 50%; background: #D9D9D9; 
border: 7px solid #D9D9D9; }
#onetime:checked + .type-label:before,
#monthly:checked + .type-label:before {
    background-color: #fff; border-color: var(--primary-color);
}
.paymentMethod { display: flex; align-items: center; justify-content: space-between; padding: 60px 0; }
.paymentMethod h3 { font-family: 'century_gothicbold', sans-serif; font-size: 32px; margin:0;  }
.payment-form ul { list-style: none; display: flex; flex-wrap: wrap; margin: 0 -18px; }
.payment-form li { margin-bottom: 40px; width: 50%; padding:0 18px; }
.payment-form li.submit-btn { width: 100%; text-align: center; padding-top: 40px; }

.give-box .gform_wrapper.gravity-theme .gfield input.large { width: 100%; border: 0; 
height: 74px; padding: 24px 40px; outline: none; background: #4B8ABB; color: #000; font-size: 24px;
background: #fff; border-radius: 40px; }
.give-box .gform_button { background: #FD7028 url(../images/donate-heart-icon.svg) left 33px center no-repeat;
  padding: 12px 40px 12px 110px;background-size: 65px;
    text-align: center;font-size: 40px;color: var(--white-color);line-height: 18px;border: 0;text-decoration: none;height: 90px;
    display:flex;align-items: center; justify-content: center; border-radius: 50px;font-family: 'century_gothicbold', sans-serif; }
.give-box .gform_button:hover { color: var(--white-color); background-color: var(--primary-hover-color);}
.give-box .gform_footer.top_label { display: flex;align-items: center;justify-content: center; }

.give-box .gform_wrapper.gravity-theme .gform_footer { padding: 70px 0px 40px 0px;}

/** give form **/

.give-box .gform_wrapper.gravity-theme .gfield-choice-input { width: 30px;
    height: 30px;border-radius: 50%;background: #D9D9D9 !important;border: 7px solid #D9D9D9 !important;appearance: none !important;
    -webkit-appearance: none !important;-moz-appearance: none !important;cursor: pointer; position: relative; }
.give-box .gform_wrapper.gravity-theme .gfield-choice-input:checked::before {
    content: "";width: 14px;height: 14px; 
    border-radius: 50%;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.give-box .gform_wrapper.gravity-theme .gfield-choice-input:checked { background-color: #fff !important; border-color: var(--primary-color) !important; }
.give-box .gform_wrapper.gravity-theme .gfield_radio label { font-size: 25px !important;
    font-family: 'century_gothicbold', sans-serif !important; }
.give-box .gform_wrapper.gravity-theme .donate-monthly .gfield_radio label { margin-left: 15px;}
#input_2_1_other {
    display: none;
}
#input_2_1_other { height: 66px;padding: 18px 44px;
    outline: none; color: #000;font-size: 24px;background: #fff;border-radius: 40px;width: 175px; }

/** dollar css **/
.donate-dollar .gfield-choice-input { display: none !important; }
.donate-dollar .gchoice { margin: 10px; }
.donate-dollar .gfield-choice-input:checked + label { background: #1d2c6e !important;color: #fff !important; }
/*
.donate-dollar .gchoice_2_1_4 input[type="text"] { display: block !important;margin: 0 !important; padding: 0 !important; } */

.donate-dollar .gchoice label { padding: 20px 40px;border-radius: 999px;font-size: 30px !important; height: 70px;
    font-family: 'century_gothicbold', sans-serif; background: #f5f5f5;color: #fff; font-weight: 600;cursor: pointer;
    transition: 0.2s ease;line-height: 1.1;display: flex;align-items: center; justify-content: center;background:#ff7a30 !important; }
.donate-dollar .gchoice  #label_2_1_4 {
    width: 100%;border: 0;height: 70px;
    padding: 20px 40px; outline: none;font-size: 30px;border-radius: 40px; }

.donate-monthly .gfield_radio { display: flex !important; justify-content: center; align-items: center;padding: 20px 40px; }
/** payment card **/
.donate-paymentcard .gfield-choice-input { display: none !important; }
.donate-paymentcard .gchoice label { padding: 18px 44px;border-radius: 999px;border: 1px solid #e0e0e0 !important;background: #ffffff !important;
    font-size: 24px;cursor: pointer;line-height: 1.2;user-select: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; display: inline-flex;align-items: center;justify-content: center;
}
.donate-paymentcard .gchoice { margin: 10px; }
.donate-paymentcard .gfield-choice-input:checked + label { border-color: #ff6a00 !important;box-shadow: 0 0 0 1px #ff6a00 !important;background: #fff; }

/** html text **/
#field_2_4 { font-family: 'century_gothicbold', sans-serif;font-size: 32px; margin-top: 20px;color: var(--text-color); }



/* Force donation buttons in one row */
#field_2_1 .gfield_radio {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
}
#field_2_1 .gchoice {
    margin: 0 !important;
}

/* Force payment method buttons in one row */
#field_2_5 .gfield_radio {
    /*display: flex !important;*/
    flex-wrap: nowrap !important;
    gap: 20px !important;
    justify-content: center !important;align-items: center !important;
}
#field_2_5 .gchoice {
    margin: 0 !important;
}
.give-box .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 40px;}



.achieve-section { padding: 20px 0 150px; }
.achieve-section ul { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; list-style: none; }
.achieve-section h3 { font-size:80px; font-family: 'century_gothicbold', sans-serif; line-height: 1.1; margin: 0px 0px 10px; color: var(--primary-color); }
.achieve-section p { font-size: 24px; font-family: 'century_gothicbold', sans-serif; margin: 0 auto;
  max-width: 220px; line-height: 1.2;  }
.achieve-section li { padding: 0 20px; }
.achieve-section li:not(:last-child) { border-right: 1px solid #000; }
.achieve-section .container { max-width: 1060px; }

.photosReels { padding: 75px 0 150px; }
.photosReels h2 { text-align: center; margin-bottom: 40px; }
.photosReels ul { display: grid; grid-template-columns: repeat(4, 1fr); gap:15px; }
.photosReels ul li { margin: 0; list-style: none; overflow: hidden; border-radius: 30px; }
.photosReels ul li img { border-radius: 30px; transform: scale(1) rotateY(0);
  transition: all .8s cubic-bezier(.475,.425,0,.995);
  will-change: transform; }
.photosReels ul li:hover img { transform: scale(1.08) rotateY(0); }  

.page-template-default .privacy-page-content { padding:20px 30px;}
.page-template-default .privacy-page-section { padding:150px 0px 100px 0px;}
.page-template-default .privacy-page-section h2 { font-size:27px;}
.page-template-default .privacy-page-section p { font-size:17px;}
.page-template-default .privacy-page-section ul.wp-block-list  { padding-left: 40px;}
.gform_confirmation_message_1 { color:var(--primary-color);font-size:18px;}

.footer-container { padding: 100px 0; font-size: 18px; background: #F4F4F4; }
.footer-container p { margin: 0; font-size: 18px; color: var(--text-color); }
.footer-container h3 { margin: 0 0 16px; font-size: 25px; color: var(--text-color); font-weight: 400; font-family: 'century_gothicbold', sans-serif; }
.footer-logo { margin:0 0 50px; max-width: 280px; }
.footer-container ul { margin: 0; padding: 0; list-style: none; }
.footer-container ul li a:hover { color: var(--primary-color); }
.footer-links li a { color: var(--text-color); text-decoration: none; }
.footer-links li { margin-bottom: 10px; }
.contact-info li { display: flex; margin-bottom: 20px; gap: 12px; }
.contact-info li a { color: var(--text-color); text-decoration:none; word-break: break-all; display: flex;
align-items: center; gap: 12px; }
.contact-info li .fa { font-size: 20px; min-width: 35px; text-align: center; color: #fff;
  position: relative; top: 0; height: 35px; display: flex; align-items: center;
  justify-content: center; background: var(--secondary-color); border-radius: 100%;} 
.footer-social ul { display: flex; align-items: center; gap:10px; }
.footer-social ul li a { background: var(--secondary-color); border-radius: 100%; color: #fff;
  width: 47px; height: 47px; display: flex; align-items: center; justify-content: center; text-decoration: none;
  font-size: 22px; }
.footer-social ul li a:hover { background: var(--secondary-color); color: #fff; }
.copy-right { margin: 30px 0 0;  }
.footer-container .copy-right p { font-size: 15px; }

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}


/*****************************************/

@media(min-width: 1280px) and (max-width: 1440px) {
.header-right-btn a { padding: 12px 20px; }
.primary-btn { font-size: 18px; height: 60px; }
.secondary-btn { font-size: 18px; height: 60px; }
.nav-container ul li { font-size: 18px; }
.header-right { gap: 50px; }
.logo { max-width: 250px; }
.welcome-text { padding-right: 100px; }
.give-box { padding: 40px 40px; }
.amount-group label { font-size: 24px; }


}
@media(min-width: 1024px) and (max-width: 1279px) {
#field_2_5 .gchoice { margin: 8px !important; }
.give-box .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 30px; }
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label  { margin-bottom: 15px !important;}
.gfield_radio .gchoice { margin-bottom: 10px; }
.gfield_radio .gchoice:last-child { margin-bottom: 0; }
.donate-dollar .gfield_radio .gchoice {  margin-bottom: 20px !important; }
#field_2_4 { line-height: 1.2; }
.header-right-btn a { padding: 12px 20px; }
.primary-btn { font-size: 16px; height: 52px; }
.secondary-btn { font-size: 16px; height: 52px; }
.banner-btn a { min-width: 210px; }
.nav-container ul li { font-size: 16px; padding: 10px 12px; }
.header-right { gap: 20px; }
.logo { max-width: 200px; }
.welcome-text { padding-right: 40px; }
.give-box { padding: 40px 40px; }
.amount-group label { font-size: 18px; padding: 10px 30px; }
.amount-group label.other-input input { font-size: 18px; padding: 10px 20px; }
.type-group .type-label { font-size: 18px; }
.donate-options .type-label::before { width: 24px; height: 24px; border-width: 4px; }
.pay-methods label { padding: 14px 24px; font-size: 16px; }
.pay-methods { gap: 14px; }
.paymentMethod h3 { font-size: 24px; }
.payment-form li .input-box .input-text { height: 64px; font-size: 20px; padding: 18px 30px; }
.payment-form ul { margin: 0 -10px; }
.payment-form .primary-btn { gap: 10px; font-size: 30px; height: 70px; }
.payment-form .primary-btn img { width: 36px; }
.payment-form li.submit-btn { padding-top: 20px; }
.give-box h2 { margin-bottom: 40px; }
.photosReels { padding: 70px 0 80px; }
.payment-form li { padding: 0 10px; margin-bottom: 20px; }
.header-left { min-width: 220px; }
.header { top: 20px; }
.header-top { padding: 15px 24px; }
.banner-container .banner-text h2, 
.banner-container .banner-text h3 { font-size: 42px; }
.banner-container .banner-text p { font-size: 18px; }
.about-section { padding: 50px 0 40px; }
.welcome-text p { font-size: 18px; }
.missionVision p { font-size: 18px; }
.missionVision h3 { font-size: 32px; min-width: 110px; }
.missionVision { padding-top: 10px; }
.howWeHelp-section h2 { margin-bottom: 40px; }
h2 { font-size: 40px; }
.howWeHelp-section::before { top: -20px; }
.howWeHelp-desc { padding: 0 20px; }
.howWeHelp-section p { font-size: 16px; }
.howWeHelp-section h3 { font-size: 23px; }
.stories-slider p { font-size: 24px; }
.achieve-section h3 { font-size: 50px; }
.achieve-section { padding: 20px 0 80px; }
.stories-section { padding: 80px 0 80px; }
.getHelp-section { padding: 70px 0 50px; }
.getHelp-form li .input-box .input-text { height: 64px; padding: 15px 30px; font-size: 17px; }
.getHelp-section .immediate-info h3 { font-size: 25px; }
.getHelp-section .immediate-info p { font-size: 17px; }
.volunteer-section { padding: 40px 0 60px; }
.volunteer-section h2 { margin-bottom: 30px; }
.volunteer-img::before { top: -118px; height: 80%; }
.volunteer-text { padding-left: 20px; }
.volunteer-text p { font-size: 17px; }
.footer-container { padding: 60px 0; font-size: 16px; }
.footer-container p { font-size: 16px; }
.footer-container h3 { font-size: 21px; }
.footer-logo { max-width: 200px; }
.footer-links li { margin-bottom: 8px; }
.footer-social ul li a { width: 42px; height: 42px; }
.footer-social ul li a img { width: 20px; }
#field_2_1 .gfield_radio { display: block !important;}
.gform_wrapper .gfield.gf_list_inline .gfield_radio { display: block !important;}

}
@media (max-width: 1023px) {
.container { width: 100%; } 	
}

@media (max-width:991px){
  /* Input fields */
.give-box .gform_wrapper.gravity-theme .gfield input.large { height: 60px;font-size: 20px; padding: 20px 30px; }
#field_2_4 { line-height:1.2;}
.give-box .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 30px; }

/* Radio label text */
.give-box .gform_wrapper.gravity-theme .gfield_radio label { font-size: 22px !important; }

/* Donation buttons row */
#field_2_1 .gfield_radio { gap: 10px !important; flex-wrap: wrap !important;  }
.donate-dollar .gchoice label { font-size: 26px !important; padding: 18px 30px; height: 60px; }

/* Payment method row */
#field_2_5 .gfield_radio { flex-wrap: wrap !important; gap: 15px !important; }
.donate-paymentcard .gchoice label {font-size: 20px;padding: 16px 34px; }
.gform_wrapper .gfield.gf_list_inline .gfield_radio { display: block !important;}
#field_2_4 { margin-top:0px;}
#field_2_5 .gchoice { margin: 8px !important; }

}

@media(min-width: 768px) and (max-width: 1023px) {
.donate-dollar .gchoice #label_2_1_4 { height: 60px; padding: 18px 30px; }
.gfield_radio .gchoice { margin-bottom: 10px; }

.gfield_radio .gchoice:last-child { margin-bottom: 0; }
.header-right-btn a { padding: 12px 20px; }
.primary-btn { font-size: 16px; height: 52px; }
.secondary-btn { font-size: 16px; height: 52px; }
.banner-btn a { min-width: 210px; }
.nav-container ul li { font-size: 16px; padding: 10px 12px; }
.header-right { gap: 20px; }
.logo { max-width: 200px; }
.banner-container .banner-content { max-width: 80%; }
.welcome-text { padding: 0 0 35px; }
.about-img img { width: 100%; border-radius: 20px; }
.give-box { padding: 40px 40px; border-radius: 20px; }
.donate-options { flex-direction: column; align-items: flex-start; gap: 24px; }
.amount-group label { font-size: 18px; padding: 10px 30px; }
.amount-group label.other-input input { font-size: 18px; padding: 10px 20px; }
.type-group .type-label { font-size: 18px; }
.donate-options .type-label::before { width: 24px; height: 24px; border-width: 4px; }
.pay-methods label { padding: 12px 20px; font-size: 14px; }
.paymentMethod { padding: 40px 0; }
.pay-methods { gap: 14px; }
.paymentMethod h3 { font-size: 18px; }
.payment-form li .input-box .input-text { height: 60px; font-size: 18px; padding: 18px 30px; }
.payment-form ul { margin: 0 -10px; }
.payment-form .primary-btn { gap: 10px; font-size: 24px; height: 60px; }
.payment-form .primary-btn img { width: 30px; }
.payment-form li.submit-btn { padding-top: 20px; }
.give-box h2 { margin-bottom: 40px; }
.photosReels { padding: 40px 0 50px; }
.payment-form li { padding: 0 10px; margin-bottom: 20px; }
.header-left { min-width: 220px; }
.header { top: 20px; }
.header-top { padding: 15px 30px; }
.banner-container .banner-text h2, 
.banner-container .banner-text h3 { font-size: 32px; }
.banner-container .banner-text p { font-size: 16px; margin: 20px 0 20px; }
.banner-container .slide-img::before { border-radius: 0px 0px 30px 30px; }
.banner-container .slide-img img { border-radius: 0px 0px 30px 30px; }
.banner-container .banner-text { bottom: 30px; top: auto; transform: none; }
.about-section { padding: 40px 0 50px; }
.welcome-text p { font-size: 18px; }
.missionVision p { font-size: 18px; }
.missionVision h3 { font-size: 32px; min-width: 110px; }
.missionVision { padding-top: 10px; }
.howWeHelp-section h2 { margin-bottom: 40px; }
h2 { font-size: 36px; }
.howWeHelp-section::before { top: -20px; }
.howWeHelp-desc { padding: 0 20px; }
.howWeHelp-section p { font-size: 16px; }
.howWeHelp-section h3 { font-size: 23px; }
.stories-slider p { font-size: 20px; }
.howWeHelp-img img { border-radius: 20px; }
.achieve-section h3 { font-size: 44px; }
.getHelp-form { padding-top: 10px; }
.achieve-section { padding: 20px 0 50px; }
.achieve-section p { font-size: 20px; }
.stories-section { padding: 80px 0 80px; }
.getHelp-section { padding: 40px 0; }
.getHelp-form li .input-box .input-text { height: 64px; padding: 15px 30px; font-size: 17px; }
.getHelp-section .immediate-info h3 { font-size: 25px; }
.getHelp-section .immediate-info p { font-size: 17px; margin-bottom: 12px; }
.volunteer-img img { border-radius: 20px; }
.volunteer-section { padding: 40px 0 60px; }
.volunteer-section h2 { margin-bottom: 30px; }
.volunteer-img::before { top: -118px; height: 75%; border-radius: 0 30px 30px 0; }
.volunteer-text { padding-left: 20px; }
.volunteer-text p { font-size: 17px; }
.photosReels h2 { margin-bottom: 24px; }
.photosReels ul li { border-radius: 10px; }
.photosReels ul li img { border-radius: 10px; }
.footer-container { padding: 60px 0 40px; font-size: 16px; }
.footer-container p { font-size: 16px; }
.footer-container h3 { font-size: 21px; }
.footer-logo { max-width: 200px; }
.footer-links li { margin-bottom: 8px; }
.footer-social ul li a { width: 42px; height: 42px; }
.footer-social ul li a img { width: 20px; }
.privacy-page-section { padding: 100px 0px 100px 0px; }

}

@media(min-width: 768px) and (max-width: 991px) {
.howWeHelp-section::before { border-radius: 0 20px 20px 0; bottom: 44%; right: 0; }  
.immediate-info { padding-top: 15px; }
.volunteer-text { padding: 20px 0 0; }
.volunteer-text p { margin-bottom: 20px; }
.footer-container .row { row-gap: 40px; }
.footer-container .footer-links:nth-child(2) { order: 1; }
.footer-container .col-lg-3:last-child { order: 1; }
.footer-logo { margin-bottom: 30px; }

}

@media(min-width: 1024px){
.nav-container li:hover .sub-menu { display:block; }
.nav-container li .sub-menu li:hover a { color: #fff; }
.header-top.sticky { position: fixed;width: 100%;z-index: 9999;top: 0; left: 0; border-radius: 0px;  }

}

@media(max-width: 1023px){
/*menu*/
.mob-menu { display:block; background:url(../images/mob-icon.png) center center no-repeat; padding:10px 12px; font-size:16px; color:#000; border-radius:0px; cursor:pointer; text-align:left; 
font-size: 0; line-height: 0; cursor: pointer; width: 40px; height: 30px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
.header-right { position: absolute; top: calc(100% - 15px); right: 0px; text-align: left; z-index: 9; display: none; 
background: var(--secondary-color); width: 100%; max-width: 400px; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); }
.nav-container ul li.active a::before { display: none; }
.nav-container ul { margin:0px; padding:0px 0px; width: 100%; display: block; }
.nav-container ul li { display:block; padding:0px 0px; margin:0px; font-size:14px; width:100%; margin:0px !important; }
.nav-container ul li a { border-radius:0px; padding:10px 15px; border-bottom:1px solid rgba(255,255,255,0.2); color:var(--white-color); }
.nav-container ul li:hover > a { color:var(--white-color); }
.nav-container ul li .sub-menu { padding:0px; display:none; position:static; width:100%; border-radius: 0; }
.nav-container ul li .sub-menu li a { padding:10px 30px; }
.nav-container .nav-icon { position: absolute;  right: 0px; top: 0px; width: 45px;  height: 40px; background-repeat: no-repeat; cursor:pointer; z-index:99;}
.nav-container .nav-icon.open {  background: url(../images/menu-plus.png) center center no-repeat; }
.nav-container .nav-icon.close {  background: url(../images/menu-minus.png) center center no-repeat; opacity:1; }
.nav-container li .sub-menu li { border-bottom:0px; padding:0px; background:#314995; border-radius: 0; } 
.nav-container li .sub-menu li a { padding-bottom:8px; }
.nav-container li .sub-menu li:hover a {  background-color:var(--primary-color); }
.nav-container .menu-main-menu-container { display:none; text-align:left;  }
.nav-container > ul > li::before { display: none; }
.nav-container ul li:hover > a, .nav-container ul li.active a { background: var(--primary-color); color: #fff; }
.header-right-btn ul { flex-direction: column; gap: 0; }
.header-right-btn ul li { width: 100%; }
.header-right-btn a { width: 100%; border-radius: 0; }
.header-right-btn a.primary-btn { height: auto; }
.header-right-btn a { height: auto; padding: 10px 15px; line-height: 24px; }

}
@media(max-width: 767px){
.primary-btn { font-size: 16px; height: 52px; }
.secondary-btn { font-size: 16px; height: 52px; }
.banner-btn a { min-width: 200px; font-size: 16px; }
.nav-container ul li { font-size: 16px; }
.header-right { gap: 20px; }
.logo { max-width: 200px; }
.banner-container .banner-content { max-width: 100%; }
.welcome-text { padding: 0 0 35px; }
.about-img img { width: 100%; border-radius: 20px; }
.give-box { padding: 30px 30px; border-radius: 10px; }
.amount-group { flex-wrap: wrap; justify-content: center; }
.donate-options { flex-direction: column;  gap: 24px; }
.amount-group label { font-size: 18px; padding: 12px 30px; }
.amount-group label.other-input input { font-size: 18px; padding: 12px 20px; }
.type-group .type-label { font-size: 18px; }
.donate-options .type-label::before { width: 24px; height: 24px; border-width: 4px; }
.pay-methods label { padding: 12px 20px; font-size: 14px; }
.paymentMethod { padding: 40px 0; flex-wrap: wrap; gap: 15px; justify-content: center; }
.pay-methods { gap: 14px; flex-wrap: wrap; justify-content: center; }
.paymentMethod h3 { font-size: 18px; }
.payment-form li .input-box .input-text { height: 60px; font-size: 18px; padding: 18px 30px; }
.payment-form ul { margin: 0 -10px; }
.payment-form .primary-btn { gap: 10px; font-size: 20px; height: 60px; }
.payment-form .primary-btn img { width: 26px; }
.payment-form li.submit-btn { padding-top: 20px; }
.give-box h2 { margin-bottom: 30px; }
.photosReels { padding: 40px 0 50px; }
.payment-form li { padding: 0 10px; margin-bottom: 20px; }
.header-left { min-width: 220px; }
.header { top: 20px; }
.header-top { padding: 15px 30px; }
.banner-container .banner-text h2, 
.banner-container .banner-text h3 { font-size: 32px; }
.banner-container .banner-text p { font-size: 16px; margin: 20px 0 20px; }
.banner-container .slide-img::before { border-radius: 0px 0px 30px 30px; }
.banner-container .slide-img img { border-radius: 0px 0px 20px 20px; min-height: 500px; object-fit: cover; }
.banner-container .banner-text { bottom: 30px; top: auto; transform: none; }
.about-section { padding: 40px 0 50px; }
.welcome-text p { font-size: 16px; }
.missionVision p { font-size: 16px; }
.missionVision h3 { font-size: 24px; min-width: 95px; }
.missionVision { padding-top: 10px; }
.howWeHelp-section h2 { margin-bottom: 30px; }
.howWeHelp-img { margin-bottom: 18px; }
h2 { font-size: 36px; }
.immediate-info { padding-top: 15px; }
.volunteer-text { padding: 20px 0 0; }
.volunteer-text p { margin-bottom: 20px; }
.howWeHelp-section::before { top: -20px; border-radius: 0 20px 20px 0; bottom: 46%; right: 0; }  
.howWeHelp-desc { padding: 0 0px 10px; }
.howWeHelp-section p { font-size: 16px; }
.howWeHelp-section h3 { font-size: 23px;max-width: 100%; }
.stories-slider p { font-size: 20px; }
.howWeHelp-img img { border-radius: 10px; }
.achieve-section h3 { font-size: 40px; }
.getHelp-form { padding-top: 10px; }
.achieve-section { padding: 20px 0 50px; }
.achieve-section p { font-size: 18px; }
.getHelp-section h3 { font-size: 26px; }
.getHelp-section p { font-size: 16px; }
.stories-section { padding: 15px 0 30px; }
.stories-slider .slick-arrow { width: 50px; height: 50px; background-size: 20px auto; }
.stories-slider { padding: 0px 60px; }
.getHelp-section { padding: 40px 0; }
.getHelp-form li .input-box .input-text { height: 52px; padding: 14px 30px; font-size: 16px; }
.getHelp-section .submit-btn .primary-btn { min-width: 185px; }
.getHelp-section .immediate-info h3 { font-size: 24px; margin-bottom: 15px; }
.getHelp-section .immediate-info p { font-size: 17px; margin-bottom: 12px; }
.volunteer-img img { border-radius: 10px; }
.volunteer-text h3 { font-size: 30px; margin-bottom: 10px; }
.volunteer-section { padding: 40px 0 60px; }
.volunteer-section h2 { margin-bottom: 30px; }
.volunteer-img::before { top: -118px; height: 75%; border-radius: 0 30px 30px 0; }
.volunteer-text p { font-size: 17px; }
.photosReels h2 { margin-bottom: 24px; }
.photosReels ul li { border-radius: 10px; }
.photosReels ul li img { border-radius: 10px; }
.footer-container { padding: 60px 0 40px; font-size: 16px;text-align: center; }
.footer-container p { font-size: 16px; }
.footer-container h3 { font-size: 21px; }
.footer-logo { max-width: 200px; margin: 0 auto 30px;text-align: center; }
.footer-social ul { justify-content: center;}
.footer-links li { margin-bottom: 8px; }
.footer-social ul li a { width: 42px; height: 42px; }
.footer-social ul li a img { width: 20px; }
.footer-container .row { row-gap: 40px; }
.privacy-page-section { padding: 100px 0px 100px 0px; }
  
}
@media(min-width: 575px) and (max-width: 767px) {
.footer-container .footer-links:nth-child(2) { order: 1; }
.footer-container .col-lg-3:last-child { order: 1; }  
}
@media(max-width: 639px) {
 .payment-form li { width: 100%; } 
 .photosReels ul { grid-template-columns: repeat(2, 1fr); }
 .achieve-section li { padding: 0 10px; }
 .getHelp-form li { width: 100%; }
 .give-box { padding:24px;  }

}
@media(max-width: 575px) {
.gfield_radio .gchoice {
    margin-bottom: 10px;
}

.gfield_radio .gchoice:last-child {
    margin-bottom: 0;
}
.footer-container .row { row-gap: 30px; }  
 /* Input fields */
.give-box .gform_wrapper.gravity-theme .gfield input.large {  height: 52px;font-size: 18px;padding: 16px 20px;border-radius: 30px; }

/* Submit button */
.give-box .gform_button { height: 70px;font-size: 26px;padding: 10px 25px 10px 70px;background-size: 42px;background-position: left 18px center; border-radius: 40px; }

/* Donation buttons become full width */
#field_2_1 .gfield_radio {gap: 12px !important; }

.donate-dollar .gchoice label { width: 100%; text-align: center; font-size: 22px !important; padding: 16px 20px;height: 58px; }
/* Payment method buttons full width */
#field_2_5 .gfield_radio { gap: 12px !important; }

.donate-paymentcard .gchoice label { font-size: 18px;padding: 14px 20px; border-radius: 30px; }

/* Label font smaller */
.give-box .gform_wrapper.gravity-theme .gfield_radio label {  font-size: 18px !important;max-width: 100%;}

.donate-monthly .gfield_radio { gap: 20px;padding: 10px; }
.give-box .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 20px;}
.donate-dollar .gchoice #label_2_1_4 { height: 60px;padding: 17px 34px; }
.donate-paymentcard .gfield_radio {display: flex;flex-direction: column; }
.give-box .gform_wrapper.gravity-theme .gform_footer {
    padding: 50px 0px 40px 0px;
}
#field_2_4 { text-align:center;}

}
@media(max-width: 479px) {
.achieve-section ul { grid-template-columns: repeat(1, 1fr); } 
.achieve-section li:not(:last-child) { border-bottom: 1px solid #000; border-right: 0; } 
.achieve-section li { padding: 20px 0; }
.stories-slider p { font-size: 16px; }
.stories-slider .slick-arrow { width: 40px; height: 40px; background-size: 16px auto; }
h2 { font-size: 30px; }
.banner-btn { gap: 15px; flex-wrap: wrap; }
.missionVision h3 { font-size: 22px; min-width: 80px; }
.banner-container .banner-text h2, 
.banner-container .banner-text h3 { font-size: 28px; }

}
@media(max-width: 420px) {
.banner-container .banner-text p { font-size: 13px;  }
.banner-container .banner-text h2, 
.banner-container .banner-text h3 { font-size: 24px; }
.banner-container .slide-img img { min-height: 540px; }
.stories-slider p { font-size: 15px; }
.logo { max-width: 180px; }

}