@charset "UTF-8";
/*
Theme Name: NuurAfrica
Author: the WTS team
Description: Our NuurAfrica default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Bundled block pattern images:
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
body {
    font-size: 15px;
    line-height: 24px;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

a {
    color: #000;
    display: inline-block;
    transition: 0.3s all ease-in-out 0s;
    -webkit-transition: 0.3s all ease-in-out 0s;
    -moz-transition: 0.3s all ease-in-out 0s;
    text-decoration: none;
}

a:hover {
    color: #3e8022;
    text-decoration: none;
}

a:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: 'Raleway', sans-serif;*/
    padding: 0;
    margin: 0 0 20px 0;
}

h1 {
    font-size: 62px;
    line-height: 66px;
    color: #000;
    font-weight: 800;
}

h2 {
    font-size: 60px;
    line-height: 52px;
    color: #59a638;
    font-weight: 700;
    font-style: italic;
    text-transform: capitalize;
}

h3 {
    font-size: 35px;
    line-height: 29px;
    font-weight: 800;
    color: #000000;
}

h4 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    color: #000000;
}

h5 {
    font-size: 22px;
    line-height: 26px;
}

h6 {
    font-size: 12px;
    line-height: 16px;
}

p {
    margin-bottom: 25px;
}

p:last-child {
    margin-bottom: 0;
}

ol {
    padding-left: 20px;
}

ol li {
    margin-bottom: 5px;
}

ul {
    padding: 0;
}

ul li {
    padding: 0;
    padding-left: 20px;
    position: relative;
    list-style: none;
    margin-bottom: 20px;
}

ul li:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #49d4ad;
    position: absolute;
    top: 9px;
    left: 0;
}

.dropdown-toggle:focus {
    outline: none;
}

mark {
    color: #4dbdf4;
    font-weight: 700;
    background: transparent;
    padding: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
.form-control {
    outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.form-control {
    font-family: "Montserrat", sans-serif;
    padding: 5px 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #5a5a5a;
    border-radius: 0;
    width: 100%;
    height: 65px;
    color: #9a9a9a;
}

textarea {
    height: 150px;
}

select {
    background: url(images/down-arrow.svg) right 12px center no-repeat;
    background-size: 10px;
    padding: 5px 10px;
    height: 65px;
    width: 100%;
    border: 1px solid #5a5a5a;
    color: #9a9a9a;
}

select[multiple] {
    background: transparent;
    min-height: 85px;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9a9a9a;
    opacity: 1;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #9a9a9a;
    opacity: 1;
}

textarea:-ms-input-placeholder,
:-ms-input-placeholder {
    /* IE 10+ */
    color: #9a9a9a;
    opacity: 1;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #9a9a9a;
    opacity: 1;
}

button,
input[type="button"],
input[type="submit"] {
    text-align: center;
    padding: 18px 38px;
    font-size: 17px;
    line-height: 21px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: #3e8022;
    border: 1px solid #3e8022;
    transition: 0.3s all ease-in-out 0s;
    -webkit-transition: 0.3s all ease-in-out 0s;
    -moz-transition: 0.3s all ease-in-out 0s;
    cursor: pointer;
    display: inline-block;
    border-radius: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background: #fff;
    color: #3e8022;
    outline: none;
    text-decoration: none;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
/*checkbox open*/

.check-pro {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */

.check-pro input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}
/* On mouse-over, add a grey background color */

.check-pro:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */

.check-pro input:checked ~ .checkmark {
    background-color: #2196f3;
}
/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */

.check-pro input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */

.check-pro .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Create a custom radio button */
/*checkbox end*/
/*radio open*/

.radio-pro {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default radio button */

.radio-pro input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom radio button */

.radio-pro .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}
/* On mouse-over, add a grey background color */

.radio-pro:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the radio button is checked, add a blue background */

.radio-pro input:checked ~ .checkmark {
    background-color: #2196f3;
}
/* Show the indicator (dot/circle) when checked */

.radio-pro input:checked ~ .checkmark:after {
    display: block;
}
/* Style the indicator (dot/circle) */

.radio-pro .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
/*radio end*/

.navbar-nav li:before {
    display: none;
}
/*file upload open*/

.customfile_input {
    height: 31px;
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
}

.customfile_label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    padding-left: 215px;
    line-height: 25px;
}

.customfile_label::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 197px;
    background: none;
    border: 2px solid #e9c04a;
    display: block;
    content: "Choose File";
    height: 100%;
    text-align: center;
    line-height: 27px;
    cursor: pointer;
    font-family: "CenturyGothic";
    font-size: 16px;
    color: #e9c04a;
    text-transform: uppercase;
}

.customfile_inputin:hover + .customfile_label::after {
    background: #e9c04a;
    color: #2a597f;
}

.customfile_inputin {
    position: relative;
    z-index: 2;
    width: auto;
    margin: 0;
    opacity: 0;
    height: 100%;
    cursor: pointer;
}

.imageupload_inp {
    padding-top: 10px;
    width: 100%;
}
/*file upload end*/
/*images-check box open*/

.support_forminptradio {
    position: relative;
}

.support_forminptradio label {
    margin: 0;
    position: relative;
    display: inline-block;
}

.support_forminptradio_label {
    padding-left: 34px;
}

.support_forminptradio input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.support_forminptradio input[type="checkbox"] + .support_forminptradio_label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    background: url(images/chk2.png) no-repeat center center;
    cursor: pointer;
}

.support_forminptradio input[type="checkbox"]:checked + .support_forminptradio_label::before {
    background-image: url(images/chk1.png);
}

.form_input_radio {
    position: relative;
    margin: 0;
    padding-left: 30px;
}

.form_input_radio input[type="radio"] {
    visibility: hidden;
    display: none;
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

.form_input_radio span {
    margin: 0;
    padding: 0;
}

.form_input_radio input[type="radio"] + span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    border: 2px solid #000000;
    border-radius: 100%;
    background: #fff;
}

.form_input_radio input[type="radio"]:checked + span::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.form_input_radio input[type="radio"] + span::after {
    content: "";
    width: 12px;
    height: 12px;
    background: #4b0049;
    position: absolute;
    top: 6px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form_input_radio input[type="radio"]:not(:checked) + span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
/*images-check box end*/
/*back to top open*/

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: url(images/up-arrow.png) center no-repeat #588752;
    background-size: 25px;
    width: 52px;
    height: 52px;
    display: block;
    text-decoration: none;
    z-index: 999;
    border-radius: 0;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: url(images/up-arrow.png) center no-repeat #000;
    background-size: 25px;
}

#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
/*back to top end*/
/*wordpress menu open*/

img.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    float: none;
}

.clickD {
    position: absolute;
    right: -21px;
    top: 2px;
    width: 20px;
    height: 20px;
    background: url(images/caret-down.svg) center center no-repeat;
    cursor: pointer;
    display: block;
    background-size: 10px;
    float: right;
}

.navbar-nav > li {
    position: relative;
}

.navbar-nav li.menu-item-has-children:hover > .sub-menu {
    display: block !important;
}

.navbar-nav > li .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    z-index: 999;
    width: 188px;
    background: #fff;
    box-shadow: 0 0 3px #d5d5d5;
    padding: 6px 0;
}

.navbar-nav > li ul.sub-menu > li > a {
    font-size: 16px;
    line-height: 20px;
    display: block;
    width: 100%;
    padding: 13px 16px;
    text-decoration: none;
    color: #303030;
    text-transform: capitalize;
}

.navbar-nav > li ul.sub-menu > li > a:hover {
    background: #3e8022;
    color: #fff;
    padding-left: 21px;
}

.navbar-nav > li .sub-menu > li {
    padding: 0;
    margin: 0;
}

.navbar-nav > li:last-child .sub-menu {
    left: inherit;
    right: 0;
}

.navbar-nav > li > .sub-menu .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
}
/*-------home---------*/

.header .logo a {
    display: inline-block;
}

.header {
    padding: 18px 0;
}

.header .navbar {
    padding: 0;
    align-items: flex-end;
}

.header .navbar ul.navbar-nav > li {
    margin-bottom: 0;
    padding-left: 0;
    margin-right: 44px;
    position: relative;
}

.header .navbar .navbar-nav > li:last-child {
    margin-right: 0;
}

.header .navbar .navbar-nav > li > a {
    text-transform: capitalize;
    font-size: 20px;
    line-height: 24px;
    color: #000;
}

.navbar-nav > li > .sub-menu > li .clickD {
    right: 9px;
    top: 12px;
    background-color: #fff;
    border-radius: 50%;
}

.header .navbar .navbar-nav > li > a:hover {
    color: #3e8022;
}

.user_right {
    position: absolute;
    top: 11px;
    right: 0;
    width: auto;
}

.user_right ul li::before {
    display: none;
}

.user_right ul li {
    margin-bottom: 0;
    display: inline-block;
}

.user_right ul li:first-child {
    padding-left: 0;
}

.user_right ul {
    margin-bottom: 0;
}

.gren_btn {
    padding: 18px 38px;
    background: #3e8022;
    border-radius: 30px;
    color: #fff;
    font-size: 17px;
    line-height: 21px;
    font-weight: 600;
    text-transform: uppercase;
}

.gren_btn:hover {
    background: #000;
    color: #fff;
}

.banner_sec {
    position: relative;
}

.banner_sec figure {
    margin-bottom: 0;
}

.banner_sec figure img {
    width: 100%;
}

.banner_sec .banner_cont {
    position: absolute;
    top: 42%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
}

.banner_cont .inner_banner {
    max-width: 480px;
    margin-left: auto;
}

.inner_page_banner .banner_cont .inner_banner {
    margin: 0 auto;
}

.inner_banner p {
    font-size: 18px;
}

.logo {
    position: relative;
    bottom: -27px;
    margin-bottom: -27px;
    z-index: 1;
}

.headline {
    text-align: center;
    margin-bottom: 40px;
}

.msn_main_cont ul li::before {
    display: none;
}

.msn_main_cont ul li {
    padding-left: 0;
    margin-bottom: 40px;
}

.msn_main_cont ul li:last-child {
    margin-bottom: 0;
}

.msn_main_cont ul {
    margin-bottom: 0;
}

.img_brdr {
    border: 10px solid #e0e0e0;
    margin-bottom: 0;
}

.img_brdr img {
    width: 100%;
}

.inr_msn {
    padding-top: 76px;
    background: #fff;
}

.mission_sec {
    margin-top: -88px;
    position: relative;
}

.common_gap {
    padding: 80px 0;
}

.progrm_sec .inner_prgrm {
    max-width: 553px;
    margin-left: auto;
}

.inner_prgrm ul li::before {
    display: none;
}

.inner_prgrm ul li {
    margin-bottom: 36px;
}

.inner_prgrm ul li:last-child {
    padding-left: 0;
    margin-top: 70px;
    margin-bottom: 0;
}

.inner_prgrm ul li figure img {
    width: 70px;
}

.inner_prgrm ul li figure {
    position: absolute;
    left: 0;
    top: 0;
}

.inner_prgrm ul li {
    position: relative;
    padding-left: 90px;
}

.team_box figure img {
    width: 100%;
}

.inr_team h3 {
    text-align: center;
    margin-bottom: 70px;
}

.inr_team .team_box {
    position: relative;
    padding-bottom: 52px;
}

.inr_team .team_cont {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    padding: 60px 18px 0 0;
    width: 470px;
}

.view_more {
    text-align: center;
}

.inr_team .team_main {
    margin-bottom: 70px;
}

.parner_sec {
    background: #f5f5f5;
}

.inner_partner ul li::before {
    display: none;
}

.inner_partner h3 {
    text-align: center;
    margin-bottom: 50px;
}

.inner_partner ul li {
    margin-bottom: 0;
    padding-left: 0;
}

.inner_partner ul li figure {
    padding: 30px 20px;
    background: #fff;
    margin-bottom: 0;
}

.inner_partner .slick-arrow {
    z-index: 1;
    height: 33px;
    width: 33px;
}

.inner_partner .slick-arrow::before {
    display: none;
}

.inner_partner .slick-prev {
    background: url(images/left-arrow.svg) no-repeat;
    background-size: 33px;
}

.inner_partner .slick-next {
    background: url(images/right-arrow.svg) no-repeat;
    background-size: 33px;
}

.partner_slide.slick-initialized.slick-slider {
    margin-bottom: 0;
}

.inner_partner .slick-initialized .slick-slide {
    padding: 0 10px;
}

.left_fter_box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.left_fter_box figure {
    width: 49%;
}

.left_fter_box .right_flow {
    width: 49%;
    padding-left: 20px;
}

.left_fter_box .right_flow ul li::before {
    display: none;
}

.left_fter_box .right_flow ul li {
    padding-left: 0;
    margin-bottom: 10px;
}

.left_fter_box .right_flow ul li:last-child {
    margin-bottom: 0;
}

.left_fter_box .right_flow ul {
    margin-bottom: 0;
}

.left_fter_box figure {
    margin-bottom: 0;
}

.fter_left > p {
    color: #6d6d6d;
}

.top_address ul li figure {
    margin-bottom: 0;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #3e8022;
    border-radius: 50%;
}

.top_address ul li::before {
    display: none;
}

.top_address ul li figure img {
    width: 34px;
}

.top_address ul li {
    position: relative;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding-left: 0;
}

.top_address ul {
    margin-bottom: 0;
}

.top_address ul li:last-child {
    margin-bottom: 0;
}

.top_address ul li:nth-child(2) a {
    font-size: 25px;
    line-height: 1;
}

.right_box_ftr {
    padding-left: 30px;
}

.right_box_ftr h5 {
    margin-bottom: 5px;
}

.right_box_ftr a,
.right_box_ftr p {
    font-size: 17px;
}

.socaile_list ul li::before {
    display: none;
}

.top_address {
    margin-bottom: 40px;
}

.socaile_list ul li {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
    margin-right: 27px;
}

.socaile_list ul li a img {
    transition: 0.4s all ease-in-out;
}

.socaile_list ul li a:hover img {
    transform: rotate(360deg);
}

.socaile_list ul li:last-child {
    margin-bottom: 0;
}

.socaile_list ul {
    margin-bottom: 0;
}

.socaile_list ul li a img {
    width: 20px;
}

.fter_nav ul li {
    display: inline-block;
    padding: 0 7px;
}

.fter_nav ul li a {
    font-size: 17px;
    line-height: 1;
}

.fter_nav ul li::before {
    height: 100%;
    width: 1px;
    border-radius: 0;
    background: #000;
    right: -1px;
    top: 2px;
    left: inherit;
}

.fter_nav ul li:last-child:before {
    display: none;
}

.fter_nav ul li:last-child {
    padding-right: 0;
}

.fter_nav ul li:first-child {
    padding-left: 0;
}

.socaile_list {
    margin-bottom: 30px;
}

.fter_nav ul {
    margin-bottom: 7px;
}

.fter_nav ul li {
    margin-bottom: 0;
    line-height: 1;
}

.fter_nav p {
    font-size: 13px;
}

.fter {
    position: relative;
}

.fter::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    background: url(images/ftr_logo.png) no-repeat left bottom, url(images/por_img.png) no-repeat right 0;
    background-size: 10%, 20%;
    bottom: 0;
    left: 0;
}

.fter_left,
.right_left {
    padding: 0 33px;
}

.right_left {
    border-left: 1px solid #d6d6d6;
}

.fter_main {
    margin: 0 -33px;
}

.inner_page_banner figure {
    position: relative;
}

.inner_page_banner figure::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.27);
    top: 0;
    left: 0;
}

.inner_page_banner h1 {
    color: #fff;
    margin-bottom: 0;
}

.inner_page_banner.banner_sec .banner_cont {
    top: 50%;
}

.donate_inr h4 {
    text-align: center;
    margin-bottom: 60px;
}

.doner_dtls {
    margin-bottom: 30px;
}

.comment {
    margin-bottom: 50px;
}

.donation_type h5 {
    text-align: center;
    color: #8d8d8d;
    margin-bottom: 36px;
}

.price_main {
    position: relative;
    display: flex;
    border: 6px solid #d8d8d8;
    padding: 26px 18px;
    align-items: center;
}

.donation_type .form_input_radio input[type="radio"] + .price_main {
    background: #3e8022;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-color: #3e8022;
}

.donation_type .form_input_radio input[type="radio"]:not(:checked) + .price_main {
    background: transparent;
    border: 6px solid #d8d8d8;
}

.donation_type .form_input_radio input[type="radio"] + .price_main span {
    color: #fff;
}

.donation_type .form_input_radio .price_main span {
    display: inline-block;
    font-size: 50px;
    line-height: 1;
    font-weight: 600;
    padding-right: 40px;
}

.donation_type .form_input_radio input[type="radio"] {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: block;
    visibility: inherit;
}

.donation_type .form_input_radio input[type="radio"] + .price_main {
    color: #fff;
}

.donation_type .form_input_radio input[type="radio"]:not(:checked) + .price_main span {
    color: #3e8022;
}

.donation_type .form_input_radio input[type="radio"]:not(:checked) + .price_main p {
    color: #000;
}

.donation_type .form_input_radio {
    padding-left: 0;
}

.donation_type {
    margin-bottom: 30px;
}

.comment textarea {
    height: 134px;
    padding: 20px;
}

.card_dtls {
    background: #f5f5f5;
    padding: 45px 40px;
    margin-bottom: 30px;
}

.card_top h4 {
    text-align: left;
    margin-bottom: 13px;
}

.card_btm {
    max-width: 600px;
}

.card_inr_part ul li::before {
    display: none;
}

.card_inr_part ul li select {
    height: 62px;
    border: 1px solid #000;
    background-color: #fff;
    width: 100%;
    color: #9a9a9a;
    appearance: none;
    padding: 10px 20px;
}

.card_inr_part ul li {
    margin-bottom: 0;
}

.card_inr_part ul li:nth-child(2),
.card_inr_part ul li:nth-child(1) {
    width: 40%;
    flex-basis: 40%;
}

.card_inr_part ul li:first-child {
    padding-left: 0;
}

.card_inr_part ul li:last-child {
    width: 60%;
    flex-basis: 60%;
}

.card_inr_part ul li:last-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.card_inr_part ul li:last-child img {
    width: 10%;
    margin-left: 20px;
}

.card_inr_part ul li:last-child input[type="text"] {
    width: 80%;
}

.card_inr_part ul {
    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
}

.card_btm label {
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 16px;
}

.card_top {
    margin-bottom: 44px;
}

.checkbox span {
    position: relative;
    padding-left: 40px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}

.checkbox span::before {
    position: absolute;
    content: "";
    width: 23px;
    height: 23px;
    border: 1px solid #5a5a5a;
    left: 0;
    top: -2px;
}

.checkbox input[type="checkbox"] + span::after {
    position: absolute;
    content: "";
    width: 23px;
    height: 23px;
    background: url(images/checked.svg) no-repeat center center;
    background-size: 0;
    top: -2px;
    left: 0;
    opacity: 0;
    transition: 0.3s all ease-in-out;
}

.checkbox input[type="checkbox"]:checked + span::after {
    opacity: 1;
    background-size: 16px;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.other_pay h4 {
    text-align: left;
    margin-bottom: 30px;
}

.other_pay label {
    margin-bottom: 40px;
}

.other_pay figure {
    margin-bottom: 64px;
}

.comodo_main_cont ul li {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    padding-left: 25px;
}

.comodo_main_cont ul li::before {
    background: url(images/checked2.svg) no-repeat 0 0;
    background-size: 17px;
    border-radius: 0;
    height: 20px;
    width: 20px;
    top: 4px;
    left: 0;
}

.suspe_sec {
    background: #f5f5f5;
    padding-top: 30px;
    margin-bottom: 70px;
}

.suspe_main_cont figure {
    margin-bottom: 0;
}

.suspe_main_cont {
    display: flex;
    align-items: center;
}

.suspe_right {
    padding: 40px 0;
}

.bord_main .bord_main_cont {
    text-align: center;
    margin-bottom: 40px;
}

.inner_bord .bord_main {
    margin-bottom: -40px;
}

.inner_team h3 {
    text-align: center;
    margin-bottom: 60px;
}

.tema_main {
    position: relative;
    padding: 77px 0;
    display: flex;
    align-items: center;
    margin-bottom: 56px;
}

.tema_main:last-child {
    margin-bottom: 0;
}

.outer_team {
    margin-bottom: 90px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 70px;
}

.tema_main .img_brdr {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1;
}

.tema_main .img_brdr img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.tema_main .team_cont {
    padding: 55px 36px;
    background: #fff;
    max-width: 804px;
    margin-left: auto;
}

.tema_main .team_cont h3 {
    text-align: left;
}

.outer_team .tema_main:nth-child(even) .img_brdr {
    order: 1;
    right: 0;
    left: inherit;
}

.outer_team .tema_main:nth-child(even) .team_cont {
    margin-left: inherit;
    text-align: right;
}

.outer_team .tema_main:nth-child(even) .team_cont h3 {
    text-align: right;
}

.inner_team:last-child .outer_team {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.doner_dtls select {
    appearance: none;
    -webkit-appearance: none;
}

.header.sticky {
    background: #fff;
    -webkit-box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    position: fixed;
    z-index: 99;
    padding-top: 10px;
}
.header.sticky .logo {
    position: relative;
    bottom: -10px;
    margin-bottom: -27px;
    z-index: 1;
    width: 180px;
}

.header.sticky .navbar .navbar-nav > li > a {
    font-size: 18px;
}
.partner_slide .slick-slide img {
    width: 100%;
}
.our_part .bord_main_cont figure img {
    /* height: 105px; */
    width: 295px;
    margin: auto;
}
.our_part .bord_main_cont figure {
    margin: 0;
}
.our_part .bord_main .bord_main_cont {
    margin-bottom: 0;
}
.mission_sec.inner_abut .inr_msn {
    padding-top: 0;
}
.mission_sec.inner_abut {
    margin-top: 0;
}

.team_v2 .inr_team,
.team_v2 .inr_team h3,
.team_v2 .inr_team h4 {
    color: #fff;
}
.team_v2 .team_main p {
    max-width: 1140px;
    margin: auto;
}
.frm_sec_hm {
    position: relative;
}
.frm_sec_hm::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+60,ffffff+100&0+0,0.4+60,1+100 */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+86,ffffff+100&0+0,0.4+86,1+100 */
    background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 86%,
        rgba(255, 255, 255, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 86%,
        rgba(255, 255, 255, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 86%,
        rgba(255, 255, 255, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.frm_sec_hm .container {
    z-index: 50;
    position: relative;
}

.ssl_iccn_flx {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.ssl_iccn_flx h5 {
    margin-bottom: 0px;
}
.link__dd a {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    background-color: #0077b5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
}
.link__dd a:hover {
    background-color: #000;
}
.outer_team .tema_main:nth-child(even) .ssl_iccn_flx h5 {
    order: 2;
}
.ssl_iccn_flx a {
    margin-left: 20px;
    margin-right: 0px;
}
.outer_team .tema_main:nth-child(even) .ssl_iccn_flx {
    justify-content: flex-end;
}
.outer_team .tema_main:nth-child(even) .ssl_iccn_flx a {
    order: 1;
    margin-left: 0;
    margin-right: 20px;
}
.inner_lft_prg img {
    margin-bottom: 8px;
    max-width: 50px;
}
.inner_lft_prg h4 {
    margin-bottom: 10px;
}
.inner_lft_prg:not(:last-child) {
    margin-bottom: 40px;
}
.inner_lft_prg p {
    margin-bottom: 15px;
}

/*18-11*/
.mission_sec {
    margin-top: 0 !important;
}

.yy_b {
    position: absolute;
    width: 60px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
}
.fann_iccon {
    position: relative;
}
.vvdo_Sec .fann_iccon {
    margin-bottom: 0;
}

.donatn-script {
    text-align: center;
}

/*--------------08/12/2021------------ */

.career_listing > ul {
    display: block;
    padding: 0;
}
.career_listing > ul li {
    list-style: none;
    padding: 0;
}
.career_listing > ul > li {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
}
.career_listing > ul > li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}
.career_listing h4 {
    margin-bottom: 10px;
    color: #575757;
}
.career_location {
    padding-left: 25px;
}
.career_location > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.career_location > ul li {
    list-style: none;
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.career_location i {
    font-size: 12px;
}
.career_location p {
    margin-left: 5px;
}
.career_listing li::before {
    display: none;
}
.short_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px;
}
.short_details p {
    width: 80%;
    margin-bottom: 0;
    padding-right: 50px;
    text-align: justify;
}
/* ----------------------- */
.career_job_details li {
    padding: 0;
}
.career_job_details li::before {
    display: none;
}
.career_job_details h4 {
    color: #575757;
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}
.career_job_details h4::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #ccc;
    width: 100%;
    max-width: 80px;
    height: 3px;
}
.career_job_details .career_location {
    padding-left: 0;
}
.career_job_details .career_location > ul,
.career_job_details .career_location li {
    margin-bottom: 0;
}
.career_job_details > p {
    margin-bottom: 15px;
}
.career_job_details h5 {
    margin-bottom: 15px;
    margin-top: 40px;
}
.career_job_details > ul {
    padding-left: 22px;
    margin-bottom: 35px;
}
.career_job_details > ul > li {
    list-style: disc;
    margin-bottom: 10px;
}
/* ------------------------------ */

.pum-overlay.popmake-overlay {
    background-color: rgba(0, 0, 0, 0.8);
}
.pum .pum-title.popmake-title {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 45px;
    position: relative;
}
.pum .pum-title.popmake-title::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #3e8022;
    width: 100%;
    max-width: 80px;
    height: 3px;
}
.pum .pum-container.custom-position {
    padding: 55px;
    border-radius: 10px;
    max-width: 800px !important;
}
.pum input[type="text"],
.pum input[type="email"] {
    width: 100%;
    background-color: #fff;
    border-radius: 50px;
    padding: 0 30px;
    height: 58px;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.pum label {
    color: #000;
    font-size: 20px;
    width: 100%;
    text-align: left;
}
.pum form p {
    text-align: center;
}
.pum-container.custom-position .pum-close.popmake-close {
    background-color: #db452a;
    width: 66px;
    height: 55px;
    font-size: 0;
    border-radius: 0 5px 0 5px;
    background-color: #db452a;
}
.pum-container.custom-position .pum-close.popmake-close::before {
    content: "X";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
}
.pum .mc4wp-form-fields,
.pum-content.popmake-content,
.pum form {
    outline: none !important;
}

/* 9-12-2021-work */
.page-template-career-contact .headline h2 {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 60px auto;
    line-height: 1.2;
    font-size: 35px;
    font-style: normal;
    color: #000;
    font-weight: 800;
}
.career_listing.career_contct {
    max-width: 750px;
    margin: 0 auto;
    border: 10px solid #e0e0e0;
    padding: 50px;
}
.career_listing.career_contct .career-cont-frm form label {
    width: 100%;
    font-weight: 600;
}
.career_listing.career_contct .career-cont-frm form label input {
    color: #000;
}
.team_cont p a {
    color: #3e8022;
    font-weight: 500;
}
.team_cont p a:hover {
    color: #1d5803;
    font-weight: 500;
}

/**10.12.2021**/

.video-box {
    padding-top: 56.25%;
    height: 0px;
    position: relative;
}
.video-box iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.videoo-slider .slick-arrow {
    z-index: 1;
    height: 33px;
    width: 33px;
}
.videoo-slider .slick-prev {
    background: url(images/left-arrow.svg) no-repeat;
    background-size: 33px;
    font-size: 0;
    left: 0;
}
.videoo-slider .slick-next {
    background: url(images/right-arrow.svg) no-repeat;
    background-size: 33px;
    font-size: 0;
    right: 0;
}
.videoo-slider .slick-prev:before, .videoo-slider .slick-next:before{
    display: none;
}
.videoo-slider {
    padding: 0px 50px;
}
.video-wrappr-slider {
    max-width: 900px;
    margin: 0px auto;
}
#mc4wp-form-1 .mc4wp-form-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#mc4wp-form-1 .frst-name, #mc4wp-form-1 .email-fld, #mc4wp-form-1 .last-name {
    max-width: 26%;
    flex: 0 0 26%;
    padding: 0px 10px;
}
#mc4wp-form-1 .mc4wp-form-fields label {
    display: block;
    margin-bottom: 10px;
}
#mc4wp-form-1 .frst-name input, #mc4wp-form-1 .email-fld input, #mc4wp-form-1 .last-name input {
    width: 100%;
    height: 65px;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 14px;
    border: 1px solid #e5e2e2;
}
#mc4wp-form-1 .sbmit {
    max-width: 20%;
    flex: 0 0 20%;
    padding-left: 10px;
    margin-top: 30px;
}
.footer-newslatter-sec {
    padding: 80px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,e0e0e0+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(224,224,224,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(224,224,224,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(224,224,224,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6e0e0e0',GradientType=0 ); /* IE6-9 */

}
#mc4wp-form-1 .sbmit input {
    width: 100%;
}
.footer-newslatter-sec h3{
    text-align: center;
    margin-bottom: 50px;
}
.inr_fter {
    padding-top: 80px;
}
.fter.common_gap {
    padding-top: 0px;
}
.user_right .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li {
    width: 100%;
}
#mc4wp-form-1 .mc4wp-alert.mc4wp-error {
    text-align: center;
    margin-top: 30px;
    color: #ff0000;
}
#mc4wp-form-1 .mc4wp-alert.mc4wp-success{
    text-align: center;
    margin-top: 30px;
    color: #409b19;
}
/* Modification 02.02.22 */
.video-wrappr-slider{
    max-width: 640px;
}
.videoo-slider .videoo-item{
    text-align: center;
}
/* Modification 02.02.22 */

/* responsive */
@media (max-width: 1440px) {
    .fter::before {
        background: url(images/ftr_logo.png) no-repeat left bottom, url(images/por_img.png) no-repeat right 0;
        background-size: 7%, 20%;
    }
}
@media (max-width: 1366px) {
    .fter::before {
        background: url(images/ftr_logo.png) no-repeat left bottom, url(images/por_img.png) no-repeat right 0;
        background-size: 9%, 20%;
    }
}
@media (max-width: 1199px) {
    .tema_main .team_cont {
        max-width: 644px;
    }
}

@media (min-width: 1025px) {
    .navbar-nav > li:hover > .sub-menu {
        display: block;
    }
}

@media (max-width: 1024px) {
    .fter::before {
        height: 40%;
        background-size: 9%, 21%;
    }
    .fter_nav ul li a {
        font-size: 15px;
    }
    .inr_team .team_cont {
        width: 400px;
    }
    h1 {
        font-size: 43px;
        line-height: 48px;
    }
    h2 {
        font-size: 55px;
        line-height: 46px;
    }
    .inr_team h3 {
        margin-bottom: 40px;
    }
    .donation_type .form_input_radio .price_main span {
        width: 32%;
        flex-basis: 32%;
    }
    .donation_type .form_input_radio .price_main p {
        width: 68%;
        flex-basis: 68%;
    }
    .price_main {
        flex-wrap: wrap;
    }
}
/*wordpress menu end*/

@media (max-width: 991px) {
    .navbar-nav > li .sub-menu {
        width: 100%;
        position: relative;
    }
    .navbar-nav > li > .sub-menu > li .clickD {
        background-color: #000;
    }
    .navbar-nav > li > .sub-menu .sub-menu {
        left: 0;
        position: static;
    }
    .header button img {
        width: 40px;
    }
    .header ul li {
        margin-right: 0;
    }
    .header .navbar-collapse {
        background: #3e8022;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        z-index: 1;
    }
    .header .navbar .navbar-nav > li > a {
        display: block;
        color: #fff;
        padding: 10px 10px;
    }
    .header .navbar .navbar-nav > li > a:hover {
        color: #000;
        background: #fff;
    }
    .clickD {
        position: absolute;
        top: 12px;
        right: 20px;
        margin-top: 0;
        transition: 0.4s all ease-in-out;
        filter: brightness(100);
        background-color: #000;
        border-radius: 50%;
    }
    .header .navbar ul.navbar-nav > li {
        margin-right: 0;
    }
    .navbar-toggler {
        padding: 0;
    }
    .navbar-toggler:hover {
        color: #fff;
    }
    .header .logo a {
        width: 170px;
    }
    h1 {
        font-size: 38px;
        line-height: 42px;
    }
    .inr_msn {
        padding-top: 0;
    }
    .mission_sec {
        margin-top: 70px;
    }
    .banner_sec .banner_cont {
        top: 50%;
    }
    .banner_cont .inner_banner {
        max-width: 340px;
    }
    h2 {
        font-size: 40px;
        line-height: 33px;
    }
    .msn_main_cont ul li {
        margin-bottom: 30px;
    }
    .msn_main_cont {
        margin-bottom: 40px;
    }
    .msn_main_cont figure img {
        width: 100%;
    }
    .msn_main_cont:last-child {
        margin-bottom: 0;
    }
    .progrm_sec .inner_prgrm {
        max-width: 100%;
        position: relative;
    }
    .progrm_sec {
        position: relative;
    }
    .progrm_sec::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        top: 0;
        left: 0;
    }
    .inner_prgrm h3,
    .inner_prgrm p,
    .inner_prgrm ul li h4 {
        color: #fff;
    }
    .inner_prgrm ul li figure img {
        filter: brightness(100) invert(1);
    }
    .inner_prgrm ul li:last-child {
        margin-top: 50px;
    }
    .inr_team h3 {
        margin-bottom: 40px;
    }
    .inr_team .team_cont {
        position: relative;
        width: 100%;
        padding: 0;
    }
    .inr_team .team_box {
        padding-bottom: 0;
    }
    .inr_team .team_main {
        margin-bottom: 50px;
    }
    .left_fter_box .right_flow {
        width: 59%;
    }
    .left_fter_box figure {
        width: 40%;
    }
    .left_fter_box {
        margin-bottom: 20px;
    }
    .fter_left {
        margin-bottom: 40px;
    }
    .fter::before {
        height: 18%;
    }
    .right_left {
        border: 0;
    }
    .fter_left,
    .right_left {
        padding: 0 15px;
    }
    .top_address {
        margin-bottom: 20px;
    }
    .socaile_list {
        margin-bottom: 20px;
    }
    .inner_page_banner .banner_cont .inner_banner {
        max-width: 100%;
        text-align: center;
    }
    .donate_inr h4 {
        margin-bottom: 40px;
    }
    .donation_type h5 {
        margin-bottom: 30px;
    }
    .card_btm {
        max-width: 100%;
    }
    .other_pay label {
        margin-bottom: 20px;
    }
    .donate_inr h4 {
        margin-bottom: 25px;
    }
    .other_pay figure {
        margin-bottom: 24px;
    }
    .comodo_main_cont {
        margin-bottom: 40px;
    }
    .comodo_main_cont:last-child {
        margin-bottom: 0;
    }
    .comodo_main_cont figure img {
        width: 100%;
    }
    .suspe_main .suspe_main_cont:first-child {
        order: 1;
        text-align: centers;
    }
    .suspe_main_cont figure {
        text-align: center;
        width: 100%;
    }
    .suspe_sec {
        margin-bottom: 30px;
    }
    .bord_main .bord_main_cont figure img {
        width: 200px;
    }
    .inner_bord .bord_main {
        justify-content: center;
    }
    .tema_main .team_cont {
        max-width: 434px;
    }
    .inner_team h3 {
        margin-bottom: 20px;
    }
    .outer_team {
        margin-bottom: 60px;
        padding-bottom: 60px;
    }
    .team_sec .inner_team h3 {
        margin-bottom: 20px;
    }
    .donation_type .form_input_radio .price_main span {
        width: 21%;
        flex-basis: 21%;
    }
    .donation_type .form_input_radio .price_main p {
        width: 79%;
        flex-basis: 79%;
    }

    .frm_sec_hm::after {
        display: none;
    }
    .yy_b {
        width: 45px;
    }
    .fter::before {
        background-size: 9%, 17%;
    }

    /* ---------08/12/2021-------- */
    .short_details {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .short_details p {
        width: 100%;
        margin-bottom: 25px;
        padding-right: 25px;
    }

#mc4wp-form-1 .frst-name, #mc4wp-form-1 .email-fld, #mc4wp-form-1 .last-name {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0px;
    margin-bottom: 20px;
}
#mc4wp-form-1 .sbmit {
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0px;
    margin-top: 0px;
}
.user_right .wpml-ls-legacy-dropdown {
    width: auto;
    max-width: 100%;
}
#mc4wp-form-1 .mc4wp-form-fields label {
    text-align: center;
}

}

@media (max-width: 767px) {
    .banner_cont .inner_banner {
        max-width: 100%;
    }
    h1 {
        font-size: 30px;
        line-height: 37px;
    }
    .banner_sec figure {
        position: relative;
    }
    .banner_sec figure::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.55);
    }
    .banner_sec p,
    .banner_sec h1 {
        color: #fff;
    }
    .banner_sec figure img {
        min-height: 270px;
        object-fit: cover;
    }
    .mission_sec {
        margin-top: 50px;
    }
    h3 {
        font-size: 26px;
        line-height: 23px;
    }
    h2 {
        font-size: 29px;
        line-height: 24px;
    }
    .headline h3 {
        margin-bottom: 5px;
    }
    .headline {
        margin-bottom: 30px;
    }
    .msn_main_cont ul li h4 {
        margin-bottom: 12px;
    }
    h4 {
        font-size: 23px;
        line-height: 23px;
    }
    .gren_btn {
        padding: 14px 34px;
    }
    .common_gap {
        padding: 60px 0;
    }
    .inr_team .team_main_cont {
        margin-bottom: 40px;
    }
    .inr_team .team_main_cont:last-child {
        margin-bottom: 0;
    }
    .inner_partner .slick-prev {
        bottom: 0;
        top: inherit;
        left: 43%;
    }
    .inner_partner .slick-next {
        right: 43%;
        bottom: 0;
        top: inherit;
    }
    .inner_partner .slick-arrow {
        transform: inherit;
    }
    .partner_slide.slick-initialized.slick-slider {
        padding-bottom: 47px;
    }
    .inner_partner h3 {
        margin-bottom: 30px;
    }
    .fter_main {
        margin: 0 -10px;
    }
    .fter::before {
        height: 13%;
    }
    .top_address ul li:nth-child(2) a {
        font-size: 20px;
    }
    .inner_partner ul li figure {
        text-align: center;
    }
    .inner_partner ul li figure img {
        margin: 0 auto;
    }
    .card_dtls {
        padding: 35px 25px;
    }
    .card_inr_part ul li:last-child input[type="text"] {
        width: 75%;
    }
    .card_inr_part ul li:last-child img {
        width: 15%;
        margin-left: 14px;
    }
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="color"],
    textarea,
    .form-control {
        height: 55px;
    }
    .card_inr_part ul li select {
        height: 55px;
    }
    .card_top {
        margin-bottom: 30px;
    }
    .donation_type .form_input_radio .price_main span {
        padding-right: 0;
        width: 34%;
        flex-basis: 34%;
    }
    .bord_sec {
        padding-bottom: 40px;
    }
    .outer_team .tema_main .team_cont {
        max-width: 100%;
    }
    .tema_main .img_brdr {
        position: static;
        margin-bottom: 30px;
    }
    .tema_main {
        display: block;
    }
    .outer_team .tema_main .team_cont {
        padding: 0;
    }
    .outer_team .tema_main {
        padding: 0;
    }
    .outer_team .tema_main:nth-child(2n) .team_cont h3,
    .outer_team .tema_main:nth-child(2n) .team_cont {
        text-align: left;
    }
    .team_sec .inner_team .team_cont h3 {
        margin-bottom: 16px;
    }
    .team_sec .inner_team h3 {
        margin-bottom: 40px;
    }
    .donation_type .form_input_radio .price_main p {
        width: 66%;
        flex-basis: 66%;
    }
    .header .navbar-collapse {
        top: 114%;
    }
    .progrm_sec {
        background-image: none !important;
        background-color: #000000;
    }

    .our_part .inner_partner .slick-arrow {
        transform: inherit;
        bottom: -40px;
    }
    .bord_sec.common_gap.our_part {
        margin-bottom: 50px;
    }

    .outer_team .tema_main:nth-child(even) .ssl_iccn_flx h5 {
        order: 1;
    }
    .outer_team .tema_main:nth-child(even) .ssl_iccn_flx {
        justify-content: flex-start;
    }
    .outer_team .tema_main:nth-child(even) .ssl_iccn_flx a {
        order: 2;
        margin-left: 10px;
        margin-right: 0px;
    }
    .ssl_iccn_flx a {
        margin-left: 10px;
        margin-right: 0px;
    }

    .lft_pst_img img {
        object-position: right;
    }
    .page-template-career-contact .headline h2 {
        font-size: 29px;
    }
    .career_listing.career_contct {
        padding: 20px;
    }
.user_right .gren_btn {
    padding: 8px 11px;
    font-size: 12px;
}

}

@media (max-width: 479px) {
    .inner_partner .slick-next {
        right: 40%;
    }
    .inner_partner .slick-prev {
        left: 40%;
    }
    .left_fter_box figure {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    .left_fter_box .right_flow {
        width: 100%;
        padding-left: 0;
    }
    .top_address ul li figure {
        min-width: 80px;
        margin-bottom: 20px;
    }
    .top_address ul li {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }
    .right_box_ftr {
        padding-left: 0;
    }
    .right_box_ftr {
        width: 100%;
    }
    .fter::before {
        display: none;
    }
    .socaile_list ul {
        text-align: center;
    }
    .inr_fter {
        text-align: center;
    }
    .top_address ul li figure img {
        width: 30px;
    }
    .header .logo a {
        width: 120px;
    }
    .user_right {
        top: 0;
    }
    .user_right .gren_btn {
        padding: 8px 18px;
    }
    .header ul li:last-child {
        padding-left: 4px;
    }
    .inner_prgrm ul li {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        text-align: center;
        justify-content: center;
    }
    .inner_prgrm ul li figure {
        position: static;
        width: 100%;
    }
    .inner_prgrm ul li:last-child {
        margin-top: 30px;
    }
    .progrm_sec .inner_prgrm {
        text-align: center;
    }
    h4 {
        font-size: 20px;
        line-height: 21px;
    }
    .checkbox span {
        padding-left: 31px;
    }
    .checkbox input[type="checkbox"] + span::after {
        width: 20px;
        height: 20px;
    }
    .checkbox span::before {
        width: 20px;
        height: 20px;
    }
    .inner_page_banner.banner_sec figure img {
        min-height: 140px;
    }
    .donation_type .form_input_radio .price_main span {
        width: 100%;
        font-size: 30px;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .price_main {
        flex-wrap: wrap;
    }
    .donation_type {
        margin-bottom: 10px;
    }
    .comment {
        margin-bottom: 30px;
    }
    .doner_dtls {
        margin-bottom: 10px;
    }
    .donation_type h5 {
        margin-bottom: 20px;
    }
    .card_dtls {
        padding: 27px 15px;
    }
    .card_inr_part ul li {
        padding-left: 10px;
    }
    .card_inr_part ul {
        flex-wrap: wrap;
    }
    .card_inr_part ul li:last-child {
        width: 100%;
        flex-basis: 100%;
        padding-left: 0;
        margin-top: 10px;
    }
    .card_inr_part ul li:nth-child(2),
    .card_inr_part ul li:nth-child(1) {
        width: 49%;
        flex-basis: 49%;
    }
    .suspe_sec {
        padding-top: 0;
    }
    .header .navbar .navbar-nav > li > a {
        font-size: 18px;
        line-height: 17px;
    }
    .bord_sec {
        padding-bottom: 0;
    }
    .donation_type .form_input_radio .price_main p {
        width: auto;
        flex-basis: auto;
    }
    .donation_type .form_input_radio .price_main span {
        flex-basis: auto;
    }
    .header .navbar-collapse {
        top: 134%;
    }
    .fter.common_gap {
        padding-bottom: 40px;
    }


}
/* --------08/12/2021-------- */
@media (max-width: 375px) {
    .career_location {
        padding-left: 0;
    }
    .short_details {
        padding-left: 0;
    }
    .short_details p {
        padding-right: 0;
    }
    .career_location > ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .career_location > ul li {
        margin-bottom: 5px;
    }
}