@charset "utf-8";
/* --------- embedded fonts --------- */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/* --------- embedded fonts --------- */

:root{
    --Poppins: 'Poppins', sans-serif;
    --Raleway: 'Raleway', sans-serif;
    --body-font-color: #4E4E4E;
    --white: #ffffff;
    --black-shade-one: #000000;
    --black-shade-two: #222222;
    --blue-shade-one: #00A0D8;
    --blue-shade-two: #1D3F71;
    --grey: #ABABAB;
    --grey-shade-two: #797979;

}
/*..............common styles..............*/

html {scroll-padding-top: 100px;}
body { margin: 0; padding: 0; font-family: var(--Poppins); font-size:16px; font-weight: 400; color: var(--body-font-color);scroll-behavior: smooth; }
.grecaptcha-badge { visibility: hidden; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin:0 0 30px; padding:0; line-height: 1;font-family: var(--Raleway);color: var(--blue-shade-two);text-transform: capitalize; }
h1{ font-size: clamp(1.875rem, -2.163rem + 8.413vw, 6.25rem) ;}  /* font-size : 100px and for mobile 30px */
h2{ font-size: clamp(1.625rem, -0.337rem + 4.087vw, 3.75rem);} /* font-size : 60px and for mobile 26px */
h3{ font-size: clamp(1.5rem, 1.154rem + 0.721vw, 1.875rem);} /* font-size : 30px and for mobile 24px */
h4{ font-size: clamp(1.125rem, 1.01rem + 0.24vw, 1.25rem);} /* font-size : 20px and for mobile 18px */
h5{ font-size: clamp(1rem, 0.885rem + 0.24vw, 1.125rem);} /* font-size : 18px and for mobile 16px */
h6{ font-size: clamp(0.875rem, 0.76rem + 0.24vw, 1rem); } /* font-size : 16px and for mobile 14px */

p{margin:0 0 30px; padding:0;line-height: 1.1;font-size: clamp(1.125rem, 1.01rem + 0.24vw, 1.25rem); } /* font-size : 20px and for mobile 18px */
p:last-child{margin: 0;}

img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: var(--blue-shade-one); outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{  font-weight: 400; outline: none;border: 0;color: var(--body-color);}
/* input::placeholder{} */
input[type="submit"], .gform_footer input[type=submit]{transition:all 0.3s ease 0s; outline: none; }

.form-label{font-size: 18px;margin-bottom: 10px;color: #222;font-weight: 600;}

.form-cnt, .gform_wrapper.gravity-theme .cnt_cus_frm .cus_frm input, .gform_wrapper.gravity-theme .cnt_cus_frm .cus_frm select, .gform_wrapper.gravity-theme .cnt_cus_frm .cus_frm textarea{ border-radius: 10px; background-color: var(--white); padding: 15px 11px; margin-bottom: 20px;border: 1px solid #9DE6FF;color: var(--grey-shade-two);font-family: var(--Poppins);line-height: 1;font-weight: 400;width: 100%; }
/* .form-control:focus, .form-select:focus{ border-color: transparent; box-shadow: none;background-color: #F6F6F6; } */

.form-select { border-radius: 4px; border: 1px solid var(--grey-shade-four); background-color: var(--white); color: var(--grey-shade-five); font-weight: 500; font-family: var(--Poppins);padding: 16px;letter-spacing: -0.32px; }
label { font-weight: 600; color: var(--black-shade-one); margin-bottom: 8px;line-height: 1; }

/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
a.btn, .btn, .gform_footer input[type=submit]{ border: 1px solid transparent !important; vertical-align: top; background: var(--blue-shade-one); color: var(--white); padding: 15px 30px; font-size: 18px; font-weight: 600; border-radius: 15px; min-width: 132px;transition: 0.5s ease-in; }
a.btn:hover, .btn:hover, .gform_footer input[type=submit]:hover{background: var(--white);color: var(--blue-shade-one) ;border: 1px solid var(--blue-shade-one) !important; box-shadow: inset 132px 0 0 0 var(--white); }

.btn.solid-color { background: transparent;border: 1px solid var(--blue-shade-one);color: var(--blue-shade-one); }
.btn.solid-color:hover { background: var(--blue-shade-one);color: var(--white);border: 1px solid transparent; }

.btn-check:focus+.btn, .btn:focus, .btn-close:focus { outline: 0; box-shadow: none; }

/* --- Button Styles --- */

/*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

input::placeholder, textarea::placeholder {color: #797979;} 

/*----------------------------- Button styling -----------------------------*/

.gform_footer input[type="submit"] { box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .6s; border: 1px solid transparent !important; }
.gform_footer input[type="submit"]:hover { box-shadow: inset 200px 0 0 0 #fff; color: #00A0D8 !important;box-shadow: 1px solid #00A0D8 !important; }

/*----------------------------- Button styling -----------------------------*/

/*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/


/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.common-padd { padding-top: 100px; padding-bottom: 100px; }

/*..............common styles..............*/

.click { display:none;}

/*==================== Header ====================*/

body.sidebar-scroll {overflow: hidden;}

.main-header { position: fixed;z-index: 999; left: 0; right: 0; top: 0;padding: 20px 0;}
.main-header .navbar-menu {box-shadow: 0px 4px 20px 0px #3245520F;background: var(--white);border-radius: 20px;padding: 11px;transition: 0.5s ease-in;}

.main-header.fixed .navbar-menu { padding: 8px; }

.main-header .logo img {width: 240px;transition: 0.5s ease-in;}

.header-row { display: flex;justify-content: space-between; align-items: center;}

.hdr-rt { display: flex; align-items: center; }
.hdr-rt ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;justify-content: center;}
.hdr-rt ul li { margin-right: 30px;}
.hdr-rt ul li a { display: block; color: var(--black-shade-two); position: relative;font-weight: 500;text-transform: capitalize;font-size: clamp(1rem, 0.885rem + 0.24vw, 1.125rem);} /* font-size : 18px and for mobile 16px */
.hdr-rt ul li.current-menu-item a, .hdr-rt ul li:hover a{ color: var(--blue-shade-one);}
.hdr-rt ul li a::after {content: ""; position: absolute; width: 10px; height: 3px; right: 0; bottom: -8px; background-color: var(--blue-shade-one) !important; opacity: 0;transition: 0.3s;}
.hdr-rt ul li:hover a::after {opacity: 1;width: 100%;transform: scale(1); }


.main-header.fixed { left: 0; position: fixed; top: 0; width:100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s;padding: 20px 0;}
.main-header.fixed .navbar-menu .logo img{width: 180px;}

/* @keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
} */

/*==================== Header ====================*/

/*==================== Banner ====================*/

.banner-sec {padding: 190px 0 70px;background-color: #E3F4FF !important;position: relative; }
.banner-sec .ban-cnt h1 {font-weight: 500;margin: 0 0 20px;}
.banner-sec .ban-cnt h3 {font-family: var(--Poppins);color: var(--black-shade-two);font-weight: 500;margin: 0 0 40px; }

.banner-sec .com-bdr-effect img{height: 522px; object-fit: cover;}

.com-bdr-effect {position: relative;padding: 12px 0 12px 12px;z-index: 2;border-radius: 30px;width: 100%;max-width: 533px;height: auto;margin-left: auto;}
.com-img-hold { position: absolute; z-index: 1; border: 2px solid #395783; top: 0; left: 0; right: 10px; bottom: 20px; border-radius: 30px; }
.com-bdr-effect img { border-radius: 30px;width: 100%;}
.com-img-hold::before {content: "";position: absolute;top: -40px;left: -40px;background: url(../images/ban-shape1.svg) no-repeat top left;width: 100px;height: 100px;}
.com-img-hold::after {content: "";position: absolute;bottom: -40px;right: -40px;background: url(../images/ban-shape2.svg) no-repeat bottom right;width: 100px;height: 100px;}

.arrow-scroll {position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);display: block;z-index: 2; }
.arrow-scroll img {animation: mymove 3s infinite;}

@keyframes mymove {
  0% {transform: scale(1);}
  50% {transform: scale(1.08);}
}

/*==================== Banner ====================*/

/*==================== About us ====================*/

.about-us {position: relative;z-index: 1;}
.about-us .com-img-hold::before {background: url(../images/about-shape1.svg) no-repeat top left;width: 72px;height: 72px;}
.about-us .com-img-hold::after {background: url(../images/about-shape2.svg) no-repeat bottom right;width: 72px;height: 72px;}
.about-us .com-img-hold { right: -10px; bottom: 2px; top: 20px; left: 20px; border: 3px solid #00A0D8; }
.about-us .com-img {margin-left: -20px;}

.about-us .com-bdr-effect img { height: 472px; object-fit: cover; }

.about-us .com-cnt {padding-left: 50px;}
.about-us .com-cnt h2 {margin-top: 25px;}

.side-txt {position: absolute;bottom: 0;right: 0;z-index: -1;padding-top: 30px;}
.side-txt h2 {font-size: clamp(3.75rem, -4.327rem + 16.827vw, 12.5rem); color: #FAFBFC; font-weight: 900;margin: 0;line-height: 0.6; } /* font-size : 200px and for mobile 60px */

/*==================== About us ====================*/

/*==================== Team ====================*/

.team-sec {background: #FAFBFC;}
.team-sec .sec-ttl {padding-bottom: 30px;}
.team-sec .swiper-container .swiper-wrapper { padding-left: 190px; }

/*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

.team-sec .swiper-button-prev, .team-sec .swiper-button-next {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 50%;z-index: 12;}
.team-sec .swiper-button-prev:hover, .team-sec .swiper-button-next:hover {background: #00A0D8;}
.team-sec .swiper-button-prev::after, .team-sec .swiper-button-next::after{ content: ""; width: 100%; height: 100%;background-position: center !important; opacity: 1; display: block; z-index: 1; }
.team-sec .swiper-button-prev::after {background: url(/wp-content/uploads/2024/03/prev-arr.svg) no-repeat; }
.team-sec .swiper-button-next::after {background: url(/wp-content/uploads/2024/03/next-arr.svg) no-repeat; }
.team-sec .swiper-button-prev:hover::after, .team-sec .swiper-button-next:hover::after { filter: brightness(0) invert(1);}
.team-sec .swiper-slide { height: auto; }

.team-sec .swiper-button-prev{left: 60px;}
.team-sec .swiper-button-next{right: 60px;}

.team-item { position: relative; overflow: hidden; background: #E3F4FF; border-width: 0px 0px 5px 5px; border-style: solid; border-color: #147FA8; border-radius: 340px; height: 100%; padding: 100px 0 0; display: flex; flex-direction: column; justify-content: space-between; }
/* .team-item::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(180deg, rgba(6, 12, 20, 0) 0%, #060C14 100%);border-radius: 30px;} */
.team-item .team-img { position: relative !important; padding-bottom: 111%; }
.team-item .team-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100%; object-fit: cover;     object-position: top center;}

/* .team-item .team-cnt {position: absolute;left: 30px;bottom: 30px;right: 10px; color: #fff;z-index: 1;} */
.team-cnt { padding: 0 40px 30px; }
.team-item .team-cnt h3 { color: #1D3F71; margin-bottom: 0px; text-align: center; line-height: 1.2; }
.team-item .team-cnt h5 { margin-bottom: 0; color: #fff; }
/*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

/*==================== Team ====================*/

/*==================== Donate ====================*/

.donate-sec {background: #E3F4FF;background-repeat: no-repeat;background-position: top 10px right, bottom 120px right 16%;padding-bottom: 150px; }
.donate-sec .com-cnt {padding: 90px 0 0 90px;}

.donate-img-wrap { display: flex; }

.dnt-img-hold { position: relative; padding-bottom: 68%; display: block; flex: 0 0 50%; margin-right: 30px; }
.dnt-img-hold img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; }

.donate-img-wrap .dnt-img-hold:last-of-type {top: 60px;margin: 0;}
.dnt-img-hold::after { content: ""; position: absolute; top: -10px; left: 10px; right: 0; bottom: 0; width: 100%; height: 100%; border: 3px solid var(--blue-shade-one); border-radius: 30px; }
.dnt-img-hold::before { content: ""; position: absolute; right: 0; bottom: -65px; width: 51px; height: 53px; background: url(../images/donate_img_shape1.svg) no-repeat bottom; background-size: cover; }
.donate-img-wrap .dnt-img-hold:last-of-type::after { border-color: var(--blue-shade-two); }
.donate-img-wrap .dnt-img-hold:last-of-type::before { right: inherit; bottom: inherit; top: -73px; width: 51px; height: 53px; background: url(../images/donate_img_shape2.svg) no-repeat bottom; background-size: cover; }



/*==================== Donate ====================*/

/*==================== Contact ====================*/

.contact-sec {background-repeat: no-repeat; background-position: right center; background-size: auto 100%;position: relative;z-index: 1; }
.contact-sec::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/cnt-bg-lt.svg) no-repeat left top; z-index: -1;}
.contact-sec::after{content: "";position: absolute;bottom: 86px;left: 0;width: 100%;height: 100%;background: url(../images/cnt-bg-btm.svg) no-repeat left 40% bottom; z-index: -1;}

.contact-sec .com-cnt {max-width: 785px;margin-top: -70px;}

.cnt-form form {background: #E3F4FF;padding: 30px;border-radius: 30px;border: 1px solid #91DBF5;}

.cnt-form .gform_wrapper.gravity-theme .gform_footer {justify-content: center;margin: 0;padding: 0; }
.cnt-form .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 0; grid-column-gap: 0; }
.cnt-form .gform_wrapper.gravity-theme .cus_frm.frm-pr20 { margin-right: 20px; }

.gform_wrapper.gravity-theme p.gform_required_legend, .gform_validation_errors, .gfield_error .gfield_description.validation_message.gfield_validation_message {display: none;}
.gform_wrapper.gravity-theme .gfield_error input { border: 1px solid #c02b0a !important; }

.gform_wrapper.gravity-theme .gfield_label {font-weight: 600 !important;}
 
/*==================== Contact ====================*/

/*==================== Inner banner ====================*/

.inner-banner {position: relative;z-index: 1;min-height: 500px;display: flex;align-items: center;justify-content: center; }
.inner-banner::after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(110deg, rgba(0, 118, 169, 0.93) 4.06%, rgba(0, 74, 105, 0.85) 4.07%, rgba(0, 51, 80, 0.81) 100%); width: 100%; height: 100%; z-index: -1; }
.inner-banner .ban-cnt {text-align: center;}
.inner-banner .ban-cnt h1{color: var(--white);margin: 0;}

/*==================== Inner banner ====================*/

/*==================== Donate page ====================*/

.donate-frm-ttl { max-width: 1348px; margin: 0 auto; }

.donate-form-sec { background-repeat: no-repeat; background-position: top left , 95% 75px; }

/*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

.g-form-custom_ { background: #E3F4FF; border-radius: 15px; padding: 60px; }
.g-form-custom_ .form-heading h3, .g-form-custom_ .personal-details h3 { color: #1D3F71; font-weight: 400; text-transform: capitalize;margin-bottom: 20px; }
.g-form-custom_ .form-heading h3 { margin-bottom: 30px; }

.g-form-custom_ input { margin-bottom: 20px !important; }
.g-form-custom_ .gform_wrapper.gravity-theme .gform_card_icon_container { margin: 0 0 20px; }
.g-form-custom_ span#input_1_28_5_container, .g-form-custom_ span#input_1_28_6_container { margin-bottom: 7px !important; }

.g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio { display: flex; align-items: center;flex-wrap: wrap; padding: 30px 0; }
.g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice { position: relative; z-index: 1;}
.g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice span { position: absolute; top: -30px; left: 0; right: 0; width: 100%; display: block; color: #1D3F71; font-weight: 600;text-align: left; }
.g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice input { opacity: 0;position: absolute; }
.g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice label { border: 2px solid #00A0D8; padding: 18px; line-height: 1; max-width: 100%; min-width: 120px; width: 100%;text-align: center;border-radius: 20px; color: #00A0D8;font-weight: 600;font-size: clamp(16px, 2vw, 18px);cursor: pointer; }
.g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice:not(:last-child) { margin-right: 20px; }


.g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice input + label::before { content: ''; width: 100%; height: 100%; background: #00A0D8; position: absolute; top: 0; left: 0; border-radius: 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: -1;}
.g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice input:checked + label { color:#FFF;}
.g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice input:not(:checked) + label:before { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice input:checked + label:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.g-form-custom_ .custom_input input, .g-form-custom_ .custom_input select, .g-form-custom_ .custom_input .p-Field input, .g-form-custom_ .custom_input .p-Field select { border: 1px solid #9DE6FF; border-radius: 10px; padding: 14.5px 30px !important;color: #797979;outline: 0; }
.g-form-custom_ .custom_input select, .g-form-custom_ .custom_input .p-Field select, .g-form-custom_ select#input_1_40 {appearance: none;background-image: url(/wp-content/uploads/2024/02/dropselect-icon.svg); background-repeat: no-repeat; background-position: 97% center; }

.g-form-custom_ .custom_input .gform-field-label, .p-FieldLabel { display: none !important; }

.g-form-custom_ .gform_button.button { border: 0; }

#field_1_20, #field_1_21 { margin-bottom: 20px; }

.gform_wrapper.gravity-theme .g-form-custom_ .gform_fields { grid-row-gap: 0px;grid-column-gap: 0; }
.gform_wrapper.gravity-theme .ginput_container_address span, .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) { margin-bottom: 30px !important; }
.ginput_address_zip, .ginput_address_country { margin-bottom: 10px !important; }

.gform_wrapper.gravity-theme .ginput_complex .ginput_cardinfo_right input { max-width: 100% !important; width: 100% !important; }
.gform_wrapper.gravity-theme .ginput_complex span select {background-color: #fff;outline: 0; }

fieldset#input_1_38_2_cardinfo_left { width: 66% !important; display: block; flex: none;padding-right: 20px; }
span#input_1_38_2_cardinfo_right { width: 34% !important; display: block; position: relative; }
span#input_1_38_2_cardinfo_right span.ginput_card_security_code_icon { position: absolute; top: 12px; right: 10px; }

span.ginput_card_expiration_container.ginput_card_field.gform-grid-row { padding-right: 0 !important; }
span.ginput_card_expiration_month_container.gform-grid-col { margin-right: 10px; }

.gfield--type-creditcard { margin-bottom: 10px !important; }

.donate-form-wrap .gfield { margin-bottom: 0 !important; }
.donate-form-wrap .gform_wrapper.gravity-theme .ginput_container_address span, .donate-form-wrap .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) { margin-bottom: 0 !important; }
.donate-form-wrap span#input_1_28_4_container, .donate-form-wrap span#input_1_28_6_container { padding-left: 0; }
.donate-form-wrap span#input_1_28_5_container, .donate-form-wrap span#input_1_28_3_container  { padding-right: 20px; }

.gform_wrapper.gravity-theme .g-form-custom_  .gform_card_icon_container { margin: 0 0 20px; }

.g-form-custom_ #input_1_38_2_container span { padding: 0; margin: 0; }
.g-form-custom_ #input_1_38_2_container span span.ginput_card_expiration_month_container { padding-right: 20px; }
.g-form-custom_ .g-form-pr20 { padding-right: 20px; }

.gform_wrapper.gravity-theme .g-form-custom_ .gform_footer { margin: 0; padding: 0; }
.gform_wrapper.gravity-theme .g-form-custom_ .gform_footer input { margin-bottom: 0 !important; }
.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_selected::after { top: -2px; right: -2px; }

.gform_footer input[type=submit] { min-height: auto !important; line-height: normal !important; }

    .donate-form-sec .donate-frm-ttl p {margin: 0 0 20px;}

.g-form-custom_ .custom-radio .ginput_container.ginput_container_radio  .gfield_radio {padding-top: 0; }
.g-form-custom_ select#input_1_40 {height: auto !important;border: 1px solid #9DE6FF;border-radius: 10px;padding: 14.5px 30px !important;color: #797979;outline: 0;margin-bottom: 30px;}

/*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

/*==================== Donate page ====================*/

/*==================== Error page ====================*/

.error-sec { min-height: calc(100vh - 140px); display: flex; align-items: center;margin-top: 100px; }

/*==================== Error page ====================*/

/*==================== Footer ====================*/

footer {background: var(--black-shade-one);}

.ftr-top { text-align: center;padding: 80px 0; }
.ftr-top ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; }
.ftr-top ul li a { color: var(--white); } 

a.ftr-logo { display: block; }
a.ftr-logo img { width: 450px; }

.ftr-menu { padding: 50px 0; }
.ftr-menu ul li, .ftr-btm p a {position: relative;}
.ftr-menu ul li:not(:last-child) { margin-right: 20px; padding-right: 20px; }
.ftr-menu ul li a { text-transform: capitalize;font-size: clamp(1.125rem, 1.01rem + 0.24vw, 1.25rem);position: relative; } /* font-size : 20px and for mobile 18px */
.ftr-menu ul li:not(:last-child)::after { content: ""; position: absolute; right: 0; bottom: 5px; width: 1px; height: 17px; background: var(--white); }

.ftr-cnt-wrap li a p {position: relative;width: max-content;margin: 0 auto;}

.ftr-menu ul li a::after, .ftr-cnt-wrap li a p::after, .ftr-btm p a::after {content: ""; position: absolute; width: 10px; height: 3px; right: 0; bottom: -8px; background-color: var(--blue-shade-one) !important; opacity: 0;transition: 0.3s;}
.ftr-menu ul li:hover a, .ftr-btm p a:hover {color: var(--blue-shade-one);}
.ftr-menu ul li:hover a::after, .ftr-cnt-wrap li a p:hover::after, .ftr-btm p a:hover::after {opacity: 1;width: 100%;transform: scale(1); }

.ftr-cnt-wrap li a p:hover{color: var(--blue-shade-one);}

.ftr-cnt-wrap { max-width: 1058px; margin: 0 auto; }
.ftr-cnt-wrap ul li { border: 1px solid #232323; padding: 50px 0 60px; border-radius: 20px; width: 50%; }
.ftr-cnt-wrap ul li:not(:last-child) { margin-right: 30px; }
.ftr-cnt-wrap ul li a img { height: 55px; margin-bottom: 20px; }

.ftr-btm {padding: 16px 0;background: #181818;text-align: center;}
.ftr-btm p {color: var(--grey);font-size: clamp(1rem, 0.885rem + 0.24vw, 1.125rem);} /* font-size : 18px and for mobile 16px */
.ftr-btm p a {color: var(--grey);}
.ftr-btm p a::after {bottom: -5px;}

/*==================== Footer ====================*/

/* ============ Media Query css ============ */

@media only screen and ( min-width:1601px ) {

  .container { max-width: 1600px;margin: 0 auto;}

}

@media only screen and ( max-width:1799px ) {

  h1 { font-size: clamp(3.125rem, 0.817rem + 4.808vw, 5.625rem); }

  /*==================== About us ====================*/

  .about-us .com-bdr-effect img { height: 385px;}

  /*==================== About us ====================*/

  /*==================== Team ====================*/

  .team-sec .swiper-container .swiper-wrapper { padding-left: 95px; }

  .team-item .team-cnt {right: 20px;}

  /*==================== Team ====================*/

  /*==================== Donate ====================*/

  .donate-sec { background-size: 15%, auto; }
  

  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

  span.ginput_card_expiration_container.ginput_card_field.gform-grid-row { padding-right: 2px !important; }

  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

  /*==================== Donate ====================*/


}

@media only screen and ( max-width:1599px ) {

  /*==================== Banner ====================*/

  .banner-sec .com-bdr-effect {max-width: 420px;}
  .banner-sec .com-bdr-effect img {height: 420px;}

  /*==================== Banner ====================*/

  /*==================== Team ====================*/

  /* .team-sec .swiper-container .swiper-wrapper { padding-left: 24%; } */
  /* .team-sec .swiper-button-next { right: 80px; } */

  .team-item { padding: 80px 0 0; }

  .about-us .com-cnt p:not(:last-child) {margin: 0 0 20px;}

  /*==================== Team ====================*/

  /*==================== Donate ====================*/

  .donate-form-sec { background-position: top left, 95% 30px;background-size: 12%, auto; }
  


  /*==================== Donate ====================*/

  /*==================== Contact ====================*/

  .contact-sec::before { background-size: 20%; }
  .contact-sec .com-cnt { max-width: 700px;}

  /*==================== Contact ====================*/

  .donate-frm-ttl { padding: 0 2%;} 

}

@media only screen and ( max-width:1399px ) {

  /*==================== Banner ====================*/

  .banner-sec .com-bdr-effect { max-width: 470px; }
  .banner-sec .com-bdr-effect img { height: 470px; }

  /*==================== Banner ====================*/

  /*==================== About us ====================*/

  .about-us .com-bdr-effect img { height: 326px; }

  .about-us .com-img { margin-left: -20px; }
  .about-us .com-cnt { padding-left: 20px; }

  /*==================== About us ====================*/

  /*==================== Contact ====================*/

  .cnt-form form {padding: 20px;}

  .contact-sec .com-cnt { max-width: 580px; }
  
  /*==================== Contact ====================*/

  /*==================== Donate page ====================*/

  .donate-frm-ttl { padding: 0;}

  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/
  .g-form-custom_ { padding: 40px; }
  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

  /*==================== Donate page ====================*/

}

@media only screen and ( max-width:1199px ) {

  .common-padd { padding: 80px 0; }

  /*==================== Banner ====================*/

  .banner-sec .com-bdr-effect { max-width: 400px; }
  .banner-sec .com-bdr-effect img { height: 400px; }

  .com-img-hold::before, .com-img-hold::after { width: 80px; height: 80px; }

  /*==================== Banner ====================*/
  
  /*==================== About us ====================*/
  
  .about-us .com-img-hold::before, .about-us .com-img-hold::after { width: 72px; height: 72px; }

  .about-us .com-bdr-effect img { height: 270px; }

  /*==================== About us ====================*/

  /*==================== Team ====================*/

  .team-sec .swiper-container .swiper-wrapper { padding-left: 190px; }

  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/
  .team-sec .swiper-button-prev{left: 30px;}
  .team-sec .swiper-button-next{right: 30px;}
  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

  /*==================== Team ====================*/

  /*==================== Donate ====================*/

  .donate-sec {padding-bottom: 140px;background-position: top 10px right, bottom 120px right 9%;}

  .donate-sec .com-cnt {max-width: 500px;}
  .donate-sec .com-cnt h2 br {display: none;}

  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/
  .g-form-custom_{padding: 30px;}
  .g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice:not(:last-child) { margin-right: 10px; }
  .g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice label {padding: 15px;}
  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

  /*==================== Donate ====================*/

  /*==================== Contact ====================*/

  .contact-sec .com-cnt { max-width: 440px; }

  /*==================== Contact ====================*/


}
@media only screen and ( max-width: 991px ) {

  .common-padd { padding: 60px 0; }

  h2 {font-size: clamp(2.5rem, 0.278rem + 4.63vw, 3.75rem);}

  /*==================== Header ====================*/

  .nav_btn { display: block; cursor: pointer;position: relative;padding-left: 30px;padding-top: 30px;z-index:505}

  .main-header .navbar-menu { padding: 10px; }

  .main-menu { position: fixed; transform:translateX(100%); right: -100%; top: 0px; bottom: 0; z-index: 500; max-width: 100%; background-color: var(--blue-shade-two); padding-top: 60px; margin:0; display:flex;align-items: center;justify-content: center; width: 100%; padding-left: 10px;padding-right: 10px; transition: 250ms ease-in;overflow: auto;height: 100vh;}
  .main-menu>ul li { margin: 0; padding: 20px 0; }
  .main-menu ul li:not(:last-child) { margin-right: 0; }
  .main-menu>ul>li a { display: block; color: var(--white);text-align: center; }

  .hdr-rt ul {flex-direction: column;}
  .hdr-rt ul li a {color: var(--white);padding: 0px;font-size: 20px;}
  .hdr-rt ul li:hover a::after { opacity: 0; }
  .hdr-rt ul li.current-menu-item a::after { opacity: 1; bottom: -8px;width: 100%; }

  .nav_btn::after { content: ""; position: absolute; width: 23px; height: 2px; background: var(--blue-shade-two); right: 0; top: 11px;transition: ease-in-out 0.4s; }
  .nav_btn::before { content: ""; position: absolute; width: 23px; height: 2px; background: var(--blue-shade-two); top: 17px; right: 0;transition: ease-in-out 0.4s; }

  .nav_btn.sidebar_active::after{transform: rotate(45deg);top: 12px; background:white;}
  .nav_btn.sidebar_active::before{transform: rotate(135deg);top: 12px; background:white;}
  
  .logo{z-index:505;}
  .brightness-1000 { filter: brightness(0) invert(1);}

  .main-menu.sidebar-open { right: 0;padding: 250px 0;}

  /*==================== Header ====================*/

  /*==================== Banner ====================*/

  .banner-sec { padding: 185px 0 60px; } 
  .banner-sec .row { flex-direction: column-reverse; }
  .banner-sec .ban-cnt h1 br { display: none; }

  .com-bdr-effect { margin-right: auto; max-width: 650px; }

  .banner-sec .com-bdr-effect { max-width: 600px; }
  .banner-sec .com-bdr-effect img { height: 600px; }

  .ban-cnt { padding-top: 30px; }

  .arrow-scroll { bottom: -30px; }
  .arrow-scroll img { width: 130px; }

  /*==================== Banner ====================*/

  /*==================== About us ====================*/

  .about-us .com-img { margin-left: 15px; }
  .about-us .com-cnt { padding-left: 0; }

  .com-cnt {padding-top: 20px;}

  .about-us .com-bdr-effect img { height: 600px; }

  /*==================== About us ====================*/

  /*==================== Team ====================*/

  .team-sec .swiper-container .swiper-wrapper { padding-left: 150px; }
  .team-sec .swiper-button-prev, .team-sec .swiper-button-next { width: 50px; height: 50px; }
  .team-sec .swiper-button-prev::after, .team-sec .swiper-button-next::after { background-size: 22px; }
  
  .team-item .team-cnt { left: 20px; bottom: 20px; }

  /*==================== Team ====================*/

  /*==================== Donate ====================*/

  .donate-img-wrap {justify-content: center;max-width: 95%;margin: 0 auto;width: 100%;}
  
  .donate-sec .com-cnt { padding: 120px 0 0;max-width: 100%; }

  .donate-form-sec { background-size: 20%, 8%; background-position: top left, 95% 10px; }

  .g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice:not(:last-child) { margin-right: 8px; }
  .g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice label { padding: 12px; }

  .donate-sec { background-position: top 10px right, bottom 30px right 9%; }

  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/
  .g-form-custom_ .custom_input input, .g-form-custom_ .custom_input select, .g-form-custom_ .custom_input .p-Field input, .g-form-custom_ .custom_input .p-Field select {padding: 14px 12px !important; font-size: 16px !important;}
  .g-form-custom_ .custom_input select, .g-form-custom_ .custom_input .p-Field select, .g-form-custom_ select#input_1_40  { background-position: 95% center; background-size: 12px; }

   span.ginput_card_expiration_month_container.gform-grid-col { margin-right: 7px; }
  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

  /*==================== Donate ====================*/

  /*==================== Contact ====================*/

  .contact-sec {background: none !important;}
  .contact-sec::after { bottom: 0; background-position: left 54% bottom 1%; background-size: 80px; }
  
  .cnt-form { margin-top: 40px; }

  .contact-sec .com-cnt {margin-top: 0;padding-top: 0;text-align: center;max-width: 100%;}

  /*==================== Contact ====================*/

  /*==================== Footer ====================*/

  .ftr-top {padding: 60px 0;}

  /*==================== Footer ====================*/

  

}
@media only screen and ( max-width: 767px ) {

  h1{font-size: clamp(2.125rem, -1.185rem + 6.897vw, 3.125rem);}
  h2{font-size: clamp(1.875rem, -0.194rem + 4.31vw, 2.5rem);}

  a.btn, .btn, .cnt-form .gform_footer input[type=submit] { padding: 8px 25px; font-size: 16px; min-width: 80px; }

  /*==================== Header ====================*/

  .main-header { padding: 10px 12px; }
  .main-header, .main-header.fixed { padding: 10px 12px; }
  .main-header .navbar-menu { padding: 15px; }
  .main-header.fixed .navbar-menu { padding: 10px; }
  .main-header .logo img, .main-header.fixed .navbar-menu .logo img { width: 200px; }

  /*.main-menu{top: 80px;height: calc(100vh - 80px);}*/
  /*.main-header.fixed .main-menu { top: 70px; height: calc(100vh - 70px); }*/

  .nav_btn {padding-left: 40px;padding-top: 30px;}

  /*==================== Header ====================*/

  /*==================== Banner ====================*/

  .banner-sec { padding: 140px 0 80px; }
  .banner-sec .ban-cnt h3 { margin: 0 0 30px; }

  .com-img-hold { border-radius: 20px; right: 8px; bottom: 15px; }

  .com-bdr-effect img { border-radius: 20px;} 

  .banner-sec .com-bdr-effect { max-width: 330px; }
  .banner-sec .com-bdr-effect img{height: 330px; }

  .com-img-hold::before, .com-img-hold::after { width: 60px; height: 60px; }
  .com-img-hold::before { top: -30px; left: -30px; }
  .com-img-hold::after { bottom: -30px; right: -30px; }
  
  .com-bdr-effect { width: 85%; margin: 0 auto;padding: 8px 0 8px 8px; }
  
  /* .arrow-scroll { bottom: -130px; } */

  /*==================== Banner ====================*/

  /*==================== About us ====================*/

  .about-us .com-cnt h2 {margin-top: 35px;}

  .about-us .com-img-hold::before, .about-us .com-img-hold::after { width: 55px; height: 55px; }
  .about-us .com-img-hold { right: -8px; top: 15px; left: 15px; }

  .about-us .com-bdr-effect img { height: 300px; }

  /*==================== About us ====================*/

  /*==================== Team ====================*/

  .team-sec .col-lg-12.p-0 { padding-right: calc(var(--bs-gutter-x)* .5) !important; padding-left: calc(var(--bs-gutter-x)* .5) !important; }
  .team-sec .swiper-container .swiper-wrapper { padding-left: 0px; }

  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/
  .team-sec .swiper-wrapper {padding: 0;}
  .team-sec .swiper-button-prev{left: 10px;}
  .team-sec .swiper-button-next{right: 10px;}
  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

  /*==================== Team ====================*/

  /*==================== Donate ====================*/

  .donate-sec { background-position: top 10px right -60px, bottom 40px right 10%; background-size: 50%, auto; }

  .donate-img-wrap { max-width: 86%; }

  .dnt-img-hold { margin-right: 20px; padding-bottom: 80%; }
  .dnt-img-hold::after { top: -6px; left: 6px; }

  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/
  .g-form-custom_{padding: 20px 15px; }
   .g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio { flex-direction: row; align-items: flex-start;justify-content: space-between; }
   .g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice span { top: -25px; }

   .g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice { width: 48%; }
   .g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice:not(:last-child) { padding: 0; margin: 0 0 43px !important; }
   .g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice.gchoice_1_36_3, .g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice.gchoice_1_36_2 { margin: 0 0 20px !important; }
   .g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice label {max-width: 100%;min-width: 100%;}
   .g-form-custom_ .g-form-pr20, .donate-form-wrap span#input_1_28_5_container, .donate-form-wrap span#input_1_28_3_container, .g-form-custom_ #input_1_38_2_container span span.ginput_card_expiration_month_container {padding-right: 0;}

   .gform_wrapper.gravity-theme .g-form-custom_ .ginput_container_address {margin: 0;}
   .gform_wrapper.gravity-theme .g-form-custom_ .ginput_complex.ginput_container_address span { padding: 0; }
   .gform_wrapper.gravity-theme .g-form-custom_ .gform_fields { grid-row-gap: 0px !important; }
   .gform_wrapper.gravity-theme .ginput_container_address span, .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) { margin-bottom: 20px !important; }
   .ginput_address_zip, .ginput_address_country { margin-bottom: 0px !important; }

   .g-form-custom_ .ginput_container.ginput_container_radio .gfield_radio .gchoice:nth-child(4){margin: 0 0 20px;}
   .g-form-custom_ .custom_input input, .g-form-custom_ .custom_input select, .g-form-custom_ .custom_input .p-Field input, .g-form-custom_ .custom_input .p-Field select, .g-form-custom_ select#input_1_40  { padding: 12px 15px !important; }

   .gform_wrapper.gravity-theme .ginput_complex span {display: block;}
   .gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_cardinfo_right {flex-flow: nowrap !important; width: 100%; }
   .gform_wrapper.gravity-theme .ginput_complex span select { min-height: 54px; }

   fieldset#input_1_38_2_cardinfo_left, span#input_1_38_2_cardinfo_right { width: 100% !important;padding: 0; }
   
   span.ginput_card_expiration_container.ginput_card_field.gform-grid-row { padding: 0 !important; }
   
   #field_1_20, #field_1_21, #field_1_29, #field_1_30 { margin-bottom: 20px; }
   
   .g-form-custom_ .form-heading h3, .g-form-custom_ .personal-details h3 { margin-bottom: 20px; }
   
   span.ginput_card_expiration_year_container.gform-grid-col { margin-bottom: 18px !important; }
   
   .ginput_card_expiration_month_container { margin-bottom: 20px !important; margin-top: 0px; }
   .ginput_card_expiration { margin-right: 0 !important; }

   .ginput_cardextras { margin-bottom: 10px !important; }

   .gfield--type-creditcard { margin-bottom: -10px !important; }

   span.ginput_card_expiration_month_container.gform-grid-col { margin-right: 0; }

   span#input_1_38_2_container { margin-bottom: 0px !important; }

   .g-form-custom_ span#input_1_28_5_container { margin-bottom: 0px !important; }
   .g-form-custom_ span#input_1_28_6_container { margin-bottom: 20px !important; }

   .gform_wrapper.gravity-theme .g-form-custom_ .ginput_card_expiration_month, .gform_wrapper.gravity-theme .g-form-custom_ .ginput_complex span { margin-bottom: 0; }
  /*----------------------------- CSS ADDED (30.05.2024) -----------------------------*/

  /*==================== Donate ====================*/

  /*==================== Contact ====================*/

  .cnt-form form { padding: 15px; }

  /*==================== Contact ====================*/

  /*==================== Footer ====================*/
  
  a.ftr-logo img { width: 300px; }

  .ftr-menu ul li:not(:last-child) { margin-right: 10px; padding-right: 10px; }

  .ftr-top .ftr-cnt-wrap ul { display: block; }
  .ftr-top ul li a {word-break: break-all}

  .ftr-cnt-wrap ul li { padding: 30px 0;width: 100%; }
  .ftr-cnt-wrap ul li:not(:last-child) { margin: 0 0 20px 0; }

  .ftr-menu { padding: 30px 0; }
  .ftr-menu ul li a, .ftr-btm p { font-size: 15px; }

  .hdr-btn-wrap a { text-indent: -99999px; position: relative; min-width: 45px; border-radius: 8px; padding: 8px 15px; }
  .hdr-btn-wrap a::after { content: "\f007"; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 24px; text-indent: initial; }

  /*==================== Footer ====================*/
  
    
}

@media only screen and ( max-width: 640px ) {

  /*==================== Contact ====================*/

  .cnt-form .gform_wrapper.gravity-theme .cus_frm.frm-pr20 { margin-right: 0; }

  /*==================== Contact ====================*/

}

@media only screen and ( max-width: 359px ) {

  /*==================== Header ====================*/

  .main-header .logo img, .main-header.fixed .navbar-menu .logo img { width: 180px; }

  .nav_btn { padding-left: 30px; }

  .hdr-btn-wrap a.btn{ font-size: 12px;padding: 8px 15px;min-width: 38px; }
  .hdr-btn-wrap a::after {font-size: 20px}

  /*==================== Header ====================*/

  /*==================== Banner ====================*/

  .arrow-scroll img { width: 100px; }

  /*==================== Banner ====================*/

}

/* ============ Media Query css ============ */



















/* TEAM POPUP */

.team-modal .modal-dialog {max-width: 1450px; width: 96%; } 
.team-modal .modal-content { padding: 75px 0; border-radius: 55px; overflow: hidden; }
.team-modal .modal-content::before { content: ''; position: absolute; width: 556px; height: 891px; background: #D4EEFF; top: -100px; border-radius: 600px; transform-origin: left center; left: -140px; }
.team-modal .modal-content::after { content: ''; position: absolute; width: 546px; height: 874px; background: transparent; top: -67px; border-radius: 600px; transform-origin: left center; left: -124px; border: 4px solid #00A0D8; z-index: 0; }

.team-modal .modal-body { padding: 0; position: relative; z-index: 1; }

.team-modal .modal-header { padding: 0; border: none; width: 60px; height: 60px; background-color: var(--blue-shade-one); border-radius: 50px; position: absolute; top: 25px; right: 25px; display: flex; justify-content: center; align-items: center; }

.team-modal .modal-header button.btn-close {margin: 0 !important;padding: 0 !important;color: #fff !important;background-image: url('../images/cross.svg') !important;opacity: 1 !important;width: 100%;height: 100%;z-index: 9;    background-size: 24px;}

/* .team-modal .image-box {width: 100%;height: 480px;border: 1px solid var(--blue-shade-one);border-radius: 10px;padding: 30px;background-color: #fff;} */ 
.team-modal .image-box { width: 100%; max-width: 392px; border-radius: 350px; background: #E3F4FF; border-width: 0px  0px  5px  5px; border-style: solid; border-color: #147FA8; overflow: hidden; padding: 100px 0 0; margin: 0 122px 0 auto; min-height: 600px; display: flex; align-items: flex-end; }

.team-modal .image-box img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}

.team-modal .content-box {padding-left: 0;}
.team-modal .content-box h2 {margin-bottom: 0;font-weight: 700;}
.team-modal .content-box h3 {color: var(--blue-shade-one);}

.team-item:hover .team-img img {
    transform: scale(1.02);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    filter: grayscale(0);
}

.team-item .team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    filter: grayscale(1);
}



@media only screen and ( max-width:1599px ) {

.team-modal .modal-dialog { max-width: 1360px; }
.team-modal .modal-content::before { left: -178px; }
.team-modal .modal-content::after { left: -164px; }

}
@media only screen and ( max-width:1439px ) {
  .team-modal .modal-content { padding: 60px 0; border-radius: 45px; }
  .team-modal .modal-header { top: 20px; right: 20px; }

  .team-modal .modal-dialog { max-width: 1200px; }
  .team-modal .image-box { min-height: 550px; margin: 0 80px 0 auto; }
    
  .team-modal .modal-content::before { left: -198px; }
  .team-modal .modal-content::after { left: -184px; }

  .team-modal .modal-header { width: 50px; height: 50px; }
  .team-modal .modal-header button.btn-close { background-size: 20px; }
}


@media only screen and ( max-width:1199px ) {

  .team-modal .image-box { min-height: 520px; margin: 0 10px 0 auto; max-width: 350px; } 
  .team-modal .modal-content::before { left: -198px; width: 446px; height: 800px; }
  .team-modal .modal-content::after { left: -186px; width: 440px; height: 780px; }

}


@media only screen and ( max-width: 991px ) {

  .team-modal .modal-header {z-index: 1; }
  .team-modal .image-box { min-height: 420px; margin: 0 auto 30px; max-width: 300px; }
  .team-modal .content-box { padding: 0 40px; text-align: center; }
  .team-modal .modal-content { padding: 50px 0; border-radius: 45px; } 
  .team-modal .modal-content::after { left: -15%; width: 130%; height: 350px; top: -57px; }
  .team-modal .modal-content::before { left: -15%; width: 130%; height: 380px; }

  .team-cnt { padding: 0 20px 20px; }

}


@media only screen and ( max-width: 575px ) {
  .team-modal .modal-content { padding: 30px 0; border-radius: 25px; }
  .team-modal .modal-header { width: 35px; height: 35px; top: 10px; right: 10px; }
  .team-modal .modal-header button.btn-close { background-size: 15px; }

  .team-modal .image-box { min-height: 280px; margin: 0 auto 20px; max-width: 200px; padding: 70px 0 0; }
  .team-modal .content-box { padding: 0 15px; text-align: center; }
  .team-modal .content-box h3, .team-modal .content-box p { margin-bottom: 10px; }
  
  .team-modal .modal-content::after { left: -15%; width: 130%; height: 280px; top: -87px; }
  .team-modal .modal-content::before { left: -15%; width: 130%; height: 280px; }

  .team-cnt { padding: 0px 40px 20px; }
  
}