@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* Compiled Less CSS File *//* Generated from "style.css" */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,strike,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;max-width: 100%;height: auto;}
svg:not(:root) {overflow: hidden;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smooth: always;-webkit-text-size-adjust: 100%;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
html{ margin: 0 !important; }
.logged-in #wpadminbar{ display: none !important; }
/* =CSS Reset
========================================================================================*/
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
ul,ol,li {list-style: none;margin: 0;padding: 0; word-break: break-word;}
ul ul,ol ul,ul ol,ol ol {margin-bottom: 0;}
.list-unstyled {padding-left: 0;list-style: none;}
.list-inline {padding-left: 0;list-style: none;margin-left: -5px;}
.list-inline>li {display: inline-block;padding-left: 5px;padding-right: 5px;}
dl {margin-top: 0;margin-bottom: 22px;}
dt,dd {line-height: 1.528571429;}
dt {font-weight: bold;}
dd {margin-left: 0;}
/*********************main***********************/
.container{max-width: 1170px;}
/* =Default Tag & General Classes
========================================================================================*/
html,body {min-width: 320px; overflow-x: hidden;}    
body {margin: 0;padding: 0; font: 20px/27px "Source Sans Pro", sans-serif; line-height: 1.23; color: #000000;font-weight: 300;}
img {max-width: 100%;-ms-interpolation-mode: bicubic;vertical-align: middle;}
a,input[type="button"],input[type="submit"],button {outline: 0 none;-moz-transition: background-color 0.2s ease-in, color 0.2s ease-in;-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;-o-transition: background-color 0.2s ease-in, color 0.2s ease-in;-ms-transition: background-color 0.2s ease-in, color 0.2s ease-in;transition: background-color 0.2s ease-in, color 0.2s ease-in;}
a {color: #000;outline: 0 none;-moz-transition: background-color 0.2s ease-in, color 0.2s ease-in;-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;-o-transition: background-color 0.2s ease-in, color 0.2s ease-in;-ms-transition: background-color 0.2s ease-in, color 0.2s ease-in;transition: background-color 0.2s ease-in, color 0.2s ease-in;}
a:hover {color: #4CADA9; text-decoration: none; outline: 0 none;}
a:active {outline: 0;}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {a:active { background-color: transparent;}}
strong {}
p {margin: 0 0 15px 0; font-size: 16px; line-height: 22px; }
h1,h2,h3,h4,h5 {font-weight: 700;}
h1,h2,h3,h4,h5,h6 {line-height: 100%;margin-bottom: 30px;color: #000000;font-family: "Playfair Display", serif; font-weight: 500;}
h1 {font-size:65px;line-height:78px;text-transform: none;color: #000000;positiossn: relative;}
h2 {font-size: 48px;line-height:60px;text-transform: none; color: #000000; }
h3 {font-size: 24px;line-height: 1.3; text-transform: none;}
h4 {font-size: 20px;line-height: 1.3;text-transform: none;}
h5 {font-size: 18px;line-height: 1.3;text-transform: none;}
h6 {font-size: 16px;line-height: 1.3;text-transform: none;}
/************************Header********************/
.header{position: absolute; left: 0; top: 0; z-index: 111; background: transparent; width: 100%;}
.header.nav-down{ 
  position: fixed;
  top: 0;
  width: 100%;
  transition: top .2sease-in-out;
  padding: 0;
  margin: 0;
  z-index: 111;
  background: #25a9ad;
 }
.header.donorsHeaders{ background: #25a9ad !important; }
.donnersOuter{ padding-top: 100px; }
.header .container{max-width: 95%;}
.header .navbar {display: flex; align-items: center;}
.header .navbar .header-btns{display: flex; order: 3;}
.header .navbar .header-btns .dropdown__box{display: none;}
.header .navbar .collapse{justify-content: center;}
.navbar-expand-lg .navbar-nav{gap:15px;}
.navbar-dark .navbar-nav .nav-link{color: rgb(255, 255, 255) !important;}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  padding: 0;    
  border-radius: 0px;
} 
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{
  padding: 10px 15px;
  font-size: 16px;
  line-height: 22px;
  background: #fff;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover{
  background: #25a9ad;
  color: #ffffff;
}
@media screen and (min-width:991px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    top: 61px;
  }   
}
/*************************Hero*******************/
.hero{height: 100dvh; min-height: 550px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.hero-inner{height: 100%; position: absolute; bottom:30px; left: 50%; transform: translateX(-50%); display: flex; align-items: flex-end; z-index: 11;}
.hero-inner .hero-cnt{font-size: 65px; line-height: 78px; max-width: 700px; font-family: "Playfair Display", serif;font-weight: 700; color: #fff; }
.hero-inner .hero-cnt .hero-txt{ font-style: italic; font-size:36px; position: relative; }
/*************************Intro*******************/
.intro{padding: 105px 0;}
/*************************Service*****************/
.services{background: #25a9ad; padding:80px 0;}
.services h2{text-align: center;  margin-bottom: 40px; color: #ffffff; }
.services .container{max-width: 100%;}
.js-services-slider .swiper-wrapper{ height:100% !important; display: flex; align-items: stretch; }
.services-link{display: block; height: 100%; background: #fff; box-shadow: 0 22px 33px rgba(0,0,0,0.1); padding: 20px;}
.swiper-container.js-services-slider{overflow: visible;}
.services-img{padding-top: 88%; position: relative; overflow: hidden; margin-bottom: 20px;}
.services-img img{position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%;}
/*************************info********************/
.info {padding: 66px 0;}
/*************************mission******************/
.mission{background-position:center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: 117px 0;}
.mission-cnt{background: rgb(0 146 150 / 50%); padding: 46px; border-radius: 24px; max-width: 570px; width: 100%; display: flex; flex-wrap: wrap; margin-left: auto; margin-right: 0;}
.mission-cnt h2{width: 100%; color: #ffffff; margin-bottom: 20px; font-size: 48px; line-height: 72px;}
.mission-cnt .mission-list{font-size: 20px;line-height: 1.3; font-weight: 500; color: #ffffff;}
/************************subscribe****************/
.subscribe{background: #F2F2F2; padding: 100px 0;}
.subscribe h2{text-align: center;}
.subscribe-form h3, .subscribe-form p{text-align: center;}
.subscribe-item{display: flex; flex-wrap: wrap; gap: 30px;}
.subscribe-item > div{flex: 0 0 calc(50% - 30px); max-width: calc(50% - 30px);}
.subscribe-item input[type="text"], .subscribe-item input[type="email"], .subscribe-item input[type="tel"] {background: #fff; height: 64px; padding:10px 15px; border: 1px solid #CACACA; border-radius: 8px;}
.subscribe-item p{max-width: 541px; margin: 0 auto; font-size: 16px; line-height: 1.23; text-align: center;}
.subscribe-item p + div{flex:  0 0 100%; max-width: 100%; text-align: center;}
.subscribe-item p + div .wpcf7-spinner{ display: none !important; }
.formcaptcha{ flex:  0 0 100% !important; max-width: 100% !important; text-align: center; }
.btn{background: #25a9ad; border: 1px solid #25a9ad; padding: 12px 20px; font-size: 18px; line-height: 21px; color: #fff; border-radius:20px; outline: none; }
.btn:hover, .btn:focus, .btn:active{ border: 1px solid #25a9ad; background:transparent; color: #25a9ad; outline: none;}
.btn1{background: #ffffff; border: 1px solid #25a9ad; padding: 12px 20px; font-size: 18px; line-height: 21px; color: #25a9ad; border-radius:20px; outline: none; }
.btn1:hover, .btn1:focus, .btn1:active{ border: 1px solid #006160; background:#006160; color: #ffffff; outline: none;}
.subscribe-item .btn{padding: 12px 40px;}
/*************************motto*******************/ 
.motto{background:rgb(177 216 213 / 20%); padding: 110px 0; text-align: center;}
.motto .motto-txt{color: #000; font-size: 40px; line-height: 60px; font-weight: 500; margin-bottom: 0;}
.contacts-inner.small-container{max-width: 1170px; margin: 0 auto;}
/***********************promo******************/
.promo{position: relative;}
.promo-items{display: flex; flex-wrap: wrap;}
.promo-items > div{width: 50%;}
.promo-items > div img{width: 100%; height: auto; max-width: none;}
.promo-txt{position: absolute; width: 100%; max-width: 727px; background:rgb(0 146 150 / 50%); color: #ffffff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; padding: 47px 32px; box-shadow: 0 0 44px rgba(0,0,0,0.25);}
.promo-txt{font-size: 32px; line-height: 49px; font-weight: 400; text-align: center;}
/***********************reviews******************/
.reviews{background: #F2F2F2; padding: 100px 0;}
.reviews .reviews-inner{ padding: 0 20px; }
.reviewHeadSection{ margin-bottom: 40px; display: flex; align-items: center; flex-direction: column; justify-content: space-between; }
.reviews-item{display: block; height: 100%; background: #fff; box-shadow: 0 22px 33px rgba(0,0,0,0.1); padding: 20px;}
.reviews-info{margin-bottom: 10px; text-align: center;}
.services-title{text-align: center; font-size: 22px; line-height:30px; margin-bottom: 0px;}
.reviews-img{width: 119px; position: relative; overflow: hidden; margin:0 auto; height: 119px; border-radius: 50%; overflow: hidden; margin-bottom: 10px;}
.reviews-img img{position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%;}
.reviews-name{font-family: "Playfair Display", serif;font-size: 26px; line-height:1.35; font-weight: 500;}
.reviews .swiper-slide{height:100%}
.reviews-txt{ height: 370px; overflow: hidden;}
.reviews-txt p{ font-size: 16px; line-height:22px; }
.reviews-txt.scroll{overflow-y: auto;}
.readmore-btn{margin: 20px 0 0; text-align: center;}
.readmore-btn a.ative { opacity: 0; }
/***********************ourchildren******************/
.ourchildren{padding: 120px 0 0; }
.ourchildren h2{text-align: center; margin-bottom: 40px;}
.reviews-gallery .swiper-slide a{
  position: relative;
  padding-top: 100%;
  margin-bottom: 0;
  overflow: hidden;
  display: block;
}
.reviews-gallery .swiper-slide a img{
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}
/************************news************************/
.news {padding: 110px 0; background: #25a9ad;}
.news h2{text-align: center; margin-bottom: 30px; color: #ffffff; }
.news-items .swiper-wrapper{ height: 100% !important; display: flex !important; align-items: stretch !important; }
.news .news-link{display: block;  padding: 20px;}
.swiper-container.js-news-slider{overflow: visible;}
.swiper-container.js-news-slider .swiper-slide{background: #fff; box-shadow: 0 12px 33px rgba(0,0,0,0.1); }
.news h3{ 
  font-family: "Source Sans Pro", sans-serif; font-size: 22px; line-height:30px; margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news .news-btns{display: none;}
.news-img{padding-top: 88%; position: relative; margin-bottom: 20px; overflow: hidden;}
.news-img img{position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%;}
.news-excerpt{ font-size: 16px; line-height:22px; color: #000; }
.news-item{height:100%;}
.news-list__items .news-link{ width: 100%; }
/************************Programs************************/
.programs{padding: 98px 0;}
.programs h2{text-align: center;}
.programs-txt__wrap{display: none;}
.programs-item{border: 1px solid #CACACA; padding: 15px; border-radius: 8px; margin-bottom: 10px;}
.programs-top{display: flex; align-items: center;}
.programs-top .programs-btns{margin-left: auto;}
.programs-question{font-size: 20px;  cursor: pointer; line-height: 31px; font-weight: 500; color: #000; padding-left: 20px; position: relative;}
.programs-question:before{background: #4ED7D0; width: 10px; height: 10px; border-radius: 50%; position: absolute; content: ""; left: 0; top: 10px;}
.programs-btn.btn{background: transparent; color: #4ED7D0; padding: 12px 24px; border: 1px solid #CACACA    ;}
.programs-btn.btn:hover{background: #4CADA9; color: #fff; border-color: #4CADA9;}
.programs-btn.btn.hide{ display: none; }
.fancybox-content{background: #f2f2f2 !important;}
.programs-txt__item{padding-top: 30px;}
.programs-txt__item ul{margin-bottom: 30px; margin-left: 15px; list-style: disc;   }
.programs-txt__item ul li{list-style: disc;}
/************************news************************/
.partners {padding: 80px 0;}
.partners h2{text-align: center; margin-bottom: 30px;}
.partners .js-partners-slider .swiper-slide{display: flex; align-items: center; justify-content: center;}
.partners .js-partners-slider .swiper-slide img{max-height: 130px;}
/************************faq************************/
.faq{padding:80px 0;}  
.faq h2{text-align: center; margin-bottom: 30px;}
.faq-item{display: none;}
.faq-item.show{display: block;}
.faq-item {border: 1px solid #CACACA; padding: 16px 30px; margin-bottom: 20px; border-radius: 16px;}
.faq-item .faq-question{font-size:20px; cursor: pointer; position: relative; line-height: 31px; font-family: "Source Sans Pro", sans-serif !important; padding-right: 40px;}
.faq-item .faq-question h3{font-size:20px; cursor: pointer; position: relative; line-height: 31px; font-family: "Source Sans Pro", sans-serif !important; margin-bottom: 0;}
.faq-item .faq-question:before{content: "+"; color: #4CADA9; font-size: 30px; position: absolute; right: 0; top:50%; transform: translateY(-50%);}
.faq-item .faq-question.active:before{content: "-";}
.faq-answer{display: none;}
.faq-btns{text-align: center;}
.faq-btns .faq-btn{background: #25a9ad; border: 1px solid #25a9ad; padding: 12px 20px; font-size: 18px; line-height: 21px; color: #ffffff; border-radius:20px; outline: none; }
.faq-btns .faq-btn:hover, .faq-btns .faq-btn:focus, .faq-btns .faq-btn:active{ border: 1px solid #25a9ad; background:#ffffff; color: #25a9ad; outline: none;}
.faq-answer{margin-top: 30px;}
.swiper-button-next, .swiper-button-prev{
  position: relative;
  margin-top: 0;
  width: 39px;
  height: 39px;
  background-color: #079195;
  border-radius: 50%;
  box-shadow: 0 10px 33px rgba(0,0,0,0.1);
}
.swiper-button-next:before{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-135deg);
  position: absolute;
  right: 16px;
  top: 15px;
}
.swiper-button-prev:before{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(135deg);
  position: absolute;
  right: 12px;
  top: 15px;
}
.swiper-button-next:hover, 
.swiper-button-prev:hover{ background-color:#006160; }
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.swiper-button-prev{left: 0px;}
.swiper-button-next{right: 0px;}
.slider-nav-wrap{display: flex; gap: 10px;}
.title-nav-wrap{position: relative;}
.title-nav-wrap .slider-nav-wrap{right: 0;position:absolute;top: 50%;/* bottom: 60px; */transform: translateY(-50%);}
.center-btn{display: flex; justify-content: center; gap: 10px; padding-top: 20px;}
/***********************footer******************/
.footer{background:#25a9ad;  padding-top: 258px; padding-bottom: 0;}
.contacts{margin-bottom: -150px; position: relative;}
.contacts-items{background: #F2F2F2; border:30px solid #fff; gap: 0; display: flex;}
.contacts-items .contacts-map{width: 50%;}
.contacts-items .contacts-info{padding: 30px; display: flex; align-items: center; flex:0 0 50%; max-width: 50%; flex-wrap: wrap;}
.contacts-items .contacts-info div{width: 100%; font-weight: 300; border-bottom: 1px solid rgba(0,0,0,0.3); padding: 5px 0; font-size: 16px; line-height: 22px;}
.script-time{display:none;}
.footer-info{background: #009296; border-radius: 16px; padding: 26px 30px; color: #fff;}
.copyright-row{margin-top: 40px; padding-top: 40px; padding-bottom: 40px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.copyright-row p{margin-bottom: 0; color: #fff;}
.footer-info h3{color: #fff; font-family: "Source Sans Pro", sans-serif !important; font-size: 20px; line-height: 1.3; margin-bottom: 15px;}
.footer-info .footer-timetable__item,
.footer-info .footer-timetable__item p{font-size: 20px; line-height: 30px; font-weight: 500; color: #fff;}
.social-block .social{display: flex; gap: 15px; align-items: center; justify-content: flex-end;}
.dropdown__button.js-dropdown-toggler{text-transform: uppercase;background: transparent url(../images/langdropdown.svg) calc(100% - 20px) center no-repeat;border-radius: 24px;border: 1px solid #ffffff;padding:8px 44px 8px 22px;color: #fff;}
.open {position: relative;}
.open .dropdown__box{background: #009296;display: block !important;padding: 5px 15px;position: absolute;right: 0;top: 100%;min-width: 100px;}
.open .dropdown__box li a{padding: 5px 0;font-size: 14px;display: block;border-bottom: 1px solid rgb(37 169 173);color: #000;}
.open .dropdown__box li a:hover{color: #fff;}
.footer.footerdonor{ padding-top: 0px; }

/************************Inner Banner************************/
.inner-banner{background: url(../images/main-banner.png) center no-repeat; background-size: cover; min-height: 550px; padding:120px 0 80px; position: relative; display: flex; align-items: center; }
.inner-banner:before{background: rgba(0,0,0,0.6);  z-index: 1;position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%;}
.inner-banner h1{font-size: 60px; line-height: 64px; position: relative; z-index: 1; text-align: center; color: #fff; margin-bottom: 0;}
.breadcrumbs{background: #fff; margin-bottom:20px;}
.breadcrumb{background: #fff;}
.services-page{padding-bottom:100px;}
.services-page .services-items{display: flex; align-items: flex-start; gap: 30px; flex-wrap:wrap;}
.services-page .services-items > div{max-width: calc(50% - 30px); flex: 0 0 calc(50% - 30px);}
.services-about{padding: 30px; border-radius: 24px; margin-bottom: 40px; background: #f2f2f2;}
.services-about__link{display: flex; align-items: center; gap: 30px;}
.services-about__link .services-about__img{overflow: hidden; border-radius: 10px;}
.major-items{display: flex; align-items: flex-start; gap: 30px; flex-wrap:wrap;}
.major-items > div{max-width: calc(33.3333% - 30px); flex: 0 0 calc(33.3333% - 30px);}
/*********************service Deatil Page***************/
.social{display:flex; margin-bottom: 20px; gap: 20px;}
.social li a{display:flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #ccc;}
.social li a img{max-width: 24px; max-height: 24px;}
.text-page.minor-page{padding-bottom: 80px;}
.text-page.minor-page .text-page__cnt h2{text-align: left !important;}
.text-page.minor-page .text-page__cnt ol,
.text-page.news-page .text-page__cnt ol{list-style: decimal; margin-left:32px; margin-bottom: 20px; font-size: 16px; line-height: 22px;}
.text-page.minor-page .text-page__cnt ol li,
.text-page.news-page .text-page__cnt ol li{list-style: decimal;}
.text-page.minor-page .text-page__cnt ul,
.text-page.news-page .text-page__cnt ul{list-style: decimal; margin-left:32px; margin-bottom: 20px; font-size: 16px; line-height: 22px;}
.text-page.minor-page .text-page__cnt ul li,
.text-page.news-page .text-page__cnt ul li{list-style: circle;}
.text-page__btns{display: flex; justify-content:space-between; margin-top: 30px;}
.breadcrumb{padding:20px 0;}
.text-page.minor-page .breadcrumbs{margin-bottom: 0px;}
.text-page.minor-page h2{font-size: 32px; line-height: 36px;}
.major-items{display: flex; flex-wrap: wrap; align-items: stretch; margin-bottom: 60px;}
.major-item {display: block; background: #fff; box-shadow: 0 10px 33px rgba(0,0,0,0.1); padding: 20px;}
.major-item > h3{display: none;}
.major-item__img{margin-bottom: 10px;}
.major-item__descr{font-size: 16px; line-height: 20px;}
.major-item__descr ul{list-style: disc; margin-left: 15px;}
.major-item__descr ul li{list-style: disc; margin-bottom: 8px;}
.major-item__descr ul li:last-child{margin-bottom: 0;}
.major-item__descr p{text-align: left !important;}
.major-items > div{flex: 0 0 calc(50% - 30px); max-width:  calc(50% - 30px);}
.major-item__img {padding-top: 88%; position: relative; margin-bottom: 20px; overflow: hidden;}
.major-item__img img{position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%;}
blockquote.major-quote{
    font-size: 1.4em;
    width:100;
    margin:50px auto;
      font-style:italic;
    color: #555555;
    padding:1.2em 30px 1.2em 75px;
    border-left:8px solid #78C0A8 ;
    line-height:1.6;
    position: relative;
    background:#EDEDED;
  }
  
  blockquote.major-quote::before{  
    content: "\201C";
    color:#78C0A8;
    font-size:4em;
    position: absolute;
    left: 10px;
    top:-10px;
  }
  
  blockquote.major-quote::after{
    content: '';
  }
  
  blockquote.major-quote span{
    display:block;
    color:#333333;
    font-style: normal;
    font-weight: bold;
    margin-top:1em;
  }
  .major-hero{padding:100px 0; position: relative; text-align:center;}
  .major-hero:before{background: rgba(0,0,0,0.50); position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%;}
  .major-hero__inner{position: relative; z-index: 11;}
  .major-hero__inner .major-hero__txt {color: #fff; margin-bottom: 30px; font-size: 24px; font-weight: 600; line-height: 1.5;}
  .major-review__inner{padding: 60px 0;}
  .major-review__img  {padding-top:80%; position: relative; margin-bottom: 20px; overflow: hidden;}
  .major-review__img   img{position:absolute; left: 50%; top: 0%; transform: translate(-50%, 0); min-width: 100%; min-height: 100%;}
  .major-review__txt{font-size: 30px; margin-bottom: 30px; line-height: 1.5; font-weight: 500; font-family: "Playfair Display", serif;}
  .major-review__author{font-weight: 700;}
  .text-page__cnt img{margin-bottom: 30px;}
  .text-page__btns{padding-top: 20px; border-top: 1px solid #ccc;}
  .news-list__items {display: flex; gap: 30px; flex-wrap: wrap; align-items: stretch; margin-bottom: 60px;}
  .news-list__items .news-item {display: flex; height: auto; background: #fff; box-shadow: 0 10px 33px rgba(0,0,0,0.1); padding: 20px;}
  .news-list__items > div{flex: 0 0 calc(50% - 30px); max-width:calc(50% - 30px);}
  .news-list__items  .news-img{padding-top:80%; position: relative; margin-bottom: 20px; overflow: hidden;}
  .news-list__items  .news-img   img{position:absolute; left: 50%; top: 0%; transform: translate(-50%, 0); min-width: 100%; min-height: 100%;}
  .news-list__items h3{overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.text-page.news-page{padding-bottom:60px;}  
.hero{position: relative; overflow: hidden;}
.video-wap{ position: relative; width: 100%; height: 100dvh; min-height: 550px; }
.video-wap:before{ content: ""; background: rgba(0,0,0,0.50);  position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.video-wap video{ width: 100%; object-fit: cover; position:absolute; height: 100dvh; min-height: 550px; } 

.socialOuter{  display: flex; gap: 20px; flex-direction: column; }
.socialdateOuter{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.socialOuter .headerOuter{ width:100%; }
.socialOuter .headerOuter h2{ margin-bottom: 0px !important; }
.socialOuter .social{ width: 180px; }

/********************* Our Team Page***************/
.ourteam{ background: #25a9ad; padding: 110px 0;  }
.ourteam .intro-btns{ margin-top: 20px; }
.ourteam h2{ text-align: center; color: #ffffff; }
.ourteam .teamBoxOuter{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px;
  padding-bottom: 20px;
}
.teamlist{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px;
  padding-bottom: 20px;
}
.teamBox{
  min-width: 365px;
  width: calc(33.33% - 14px);
  background-color: #fff;
  box-shadow:0 10px 33px rgba(0,0,0,0.1);
}
.js-team-slider .teamBox{ min-width: 100% !important; width:100% !important; }
.teamBox .teamImg{
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 350px;
}
.teamBox .teamImg img{
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.teamBox .teamInfo{padding: 20px;position: relative; }
.teamBox .teamInfo .teamHead{ padding-right: 70px; margin-bottom: 0; }
.teamBox .teamInfo .teamDesignation{ color: #837979; margin-top: 15px; font-size: 16px; }
.teamBox .teamInfo .teamConnect{/* margin-top:15px; */display: flex; gap: 10px;position: absolute;right: 15px;top: 25px;}
.teamBox .teamInfo .teamConnect a{
  display: inline-block;
  width: 30px;
  /* margin-right:15px; */
}
.teamBox .teamInfo .teamConnect a svg{
  width: 25px;
  height: 25px;
  fill: #000000;
}
.teamBox .teamInfo .teamConnect a.telephone{ margin-right:0px; }
.teamBox .teamInfo .teamConnect a:hover svg{ fill:#4cada9; }
/***********************Responsive*********************/
@media (min-width:992px) and (max-width:1440px){
  .navbar-expand-lg .navbar-nav{gap:15px;}
  .navbar-expand-lg .navbar-nav .nav-link{ font-size: 16px; }
}
@media(max-width:1366px){
  .header .container{max-width: 100%;}
  .navbar{padding: 10px 0;}
  .teamlist .teamBox{ min-width: auto; }
}
@media(max-width:1279px){
  .hero-inner .hero-cnt{font-size: 40px; line-height: 1.2; max-width: 517px;}
  .hero-inner .hero-cnt .hero-txt{ font-size:32px; } 
  .motto, .intro, .subscribe, .reviews,.partners,.news{padding: 80px 0;}
  .ourchildren{padding: 80px 0 0;}
}
@media(max-width:1180px){
  .dropdown__button.js-dropdown-toggler{
    background: transparent url(../images/langdropdown.svg) calc(100% - 12px) center no-repeat;
    padding: 8px 34px 8px 12px;
    font-size: 16px;
  }
}
@media(max-width:1023px){
  .motto, .intro, .subscribe, .reviews,.partners,.news,.ourteam{padding: 60px 0; }
  .ourchildren{padding: 60px 0  0;}
  .motto .motto-txt{font-size: 32px; line-height: 1.3;}
  .mission-cnt h2, h2{font-size: 40px; line-height: 1.3;}
  .inner-banner h1{font-size: 44px; line-height: 50px; }
}

@media(max-width:991px){
  .socialOuter{flex-wrap: wrap;}
  .programs-top{flex-wrap: wrap;}
  .programs-top .programs-btns{margin-left: 0; flex: 0 0 100%; max-width: 100%;}
  .programs-btn{margin-bottom: 10px;}
  .navbar-toggler{margin-right: 5px;}
  .navbar-toggler span{display: none;}
  .navbar-toggler span:first-child{display: block;}
    .navbar-collapse{
      position: absolute;
      top: 100%;
      background:#000000;
      width: 100%;
      padding: 20px;
    }
    .navbar-expand-lg .navbar-nav{gap: 0;}
    .navbar-collapse li{border-bottom: 1px solid rgba(255,255,255,0.3);}
    .breadcrumbs{margin-bottom: 0px;}
    .news-inner .news-items .swiper-wrapper{ height: auto !important; }
    .teamBox{ min-width: 320px; }
    .teamlist .teamBox{ width: calc(50% - 10px); }
    .teamlist .teamBox .teamImg { padding-top: 450px; }
    .inner-banner h1{font-size: 40px; line-height: 44px; }
}
@media(max-width:767px){
  .hero-inner .hero-cnt{font-size: 40px; line-height: 1.5;}
  .hero-inner .hero-cnt .hero-txt{ font-size:30px; }
  .motto, .intro, .services, .programs, .subscribe, .reviews,.partners,.news,.ourteam{padding: 50px 0;}
  .ourchildren{padding: 50px 0 0;}
  .motto .motto-txt{font-size: 28px;}
  .mission-cnt h2, h2{font-size: 32px;}
  .row > div{margin-bottom: 30px;}
  .row > div:last-child{margin-bottom: 0;}
  .subscribe-item { gap: 0px; }
  .subscribe-item > div{flex:100%; max-width: 100%; }
  .subscribe-item .btn { margin-top: 20px; }
    .contacts-items{flex-wrap: wrap;}
    .contacts-items .contacts-map{width: 100%;}
    .contacts-items .contacts-info{max-width: 100%; flex: 0 0 100%;}
    .footer{padding-top: 180px;}
    .social-block .social{justify-content: flex-start;}
    .copyright-row{margin-top: 20px; padding-top: 20px; padding-bottom: 20px;}
    .title-nav-wrap h2{text-align: left !important;}
    .promo-txt{font-size: 20px; line-height: 1.5; padding: 16px; position: relative; transform: none !important; top: auto; left: auto; max-width:100%; }
      .major-review{padding: 0 15px; }
      .inner-banner h1{font-size: 36px; line-height: 40px; }
      .hero{ min-height: 400px; }
}
@media(max-width:639px){
  .hero-inner .hero-cnt{font-size: 32px; line-height: 1.5;}
  .hero-inner .hero-cnt .hero-txt{ font-size:24px; }
  .navbar-dark .navbar-brand{max-width: 50%;}
  .dropdown__button.js-dropdown-toggler{padding: 8px 31px 8px 14px; background-position: calc(100% - 10px) center;}
  .navbar-toggler{padding: 5px;}
  .services-about__link{flex-wrap: wrap; justify-content: center;}
  .services-about__link > div{flex: 0 0 100%; max-width: 100%; justify-content: center; text-align: center; margin-bottom: 0;}
  .services-page .services-items > div, .major-items > div,.news-list__items > div{max-width: 100%; flex: 0 0 100%;}
  .text-page__btns{flex-wrap: wrap;}
  .text-page__btns a{margin-bottom: 10px;}
}
@media(max-width:576px){
  .teamBox{ min-width: 290px; }
  .teamlist{ flex-direction: column; }
  .teamlist .teamBox{ width:100%; }
  .teamlist .teamBox .teamImg { padding-top: 100%; }
  .inner-banner h1{font-size: 32px; line-height: 40px; }
}
@media(max-width:430px){
  .navbar-dark .navbar-brand { max-width: 40%; margin-right: 5px; }
}
@media(max-width:375px){
  .navbar-dark .navbar-brand { max-width: 35%; }
}
@media(min-width:991px) and (max-width:1200px){
  .navbar-expand-lg .navbar-nav .nav-link{
    font-size: 14px; padding-left: 0px; padding-right: 0px; 
  }
}
@media(min-width:1200px) and (max-width:1230px){
  .navbar-expand-lg .navbar-nav .nav-link{
    padding-left: 0px; padding-right: 0px; 
  }
}
.photogallery-page .reviews-gallery{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px;
}
.photogallery-page .reviews-gallery a{
  width: calc(25% - 15px);
  position: relative;
  padding-top: 220px;
  margin-bottom: 0;
  overflow: hidden;
  display: block;
  border: 1px solid #d1d1d1;
}
.photogallery-page .reviews-gallery a img{
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}
@media(max-width:1024px){
  .photogallery-page .reviews-gallery a{ width: calc(33.33% - 14px); padding-top:220px; }
}
@media(max-width:767px){
  .photogallery-page .reviews-gallery a{ width: calc(50% - 10px); padding-top:220px; }
}
@media(max-width:576px){
  .photogallery-page .reviews-gallery a{ width: 100%; padding-top:330px; }
}
.videogallery-page .video-grid{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px;
}
.videogallery-page .video-grid .video-container{
  width: calc(50% - 10px);
  position: relative;
  padding-top: 350px;
  margin-bottom: 0;
  overflow: hidden;
}
@media(max-width:767px){
  .videogallery-page .video-grid .video-container{ width: 100%; padding-top:350px; }
}
@media(max-width:576px){
  .videogallery-page .video-grid .video-container{ width: 100%; padding-top:300px; }
}
.videogallery-page .video-grid .video-container video{
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  transition: opacity 0.3s ease;
}
.video-overlay.hidden { opacity: 0; }
.play-icon { font-size: 3rem; color: white; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.modal.active { opacity: 1; visibility: visible; }
.modal-content {
  width: 90%;
  max-width: 900px;
  position: relative;
  background-color: #1a202c;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.modal-video { width: 100%; display: block; }
.close-modal {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10;
}
.close-modal:hover { background-color: rgba(255, 255, 255, 0.2); transform: rotate(90deg); }
.video-duration {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
}


/* Donor Pages CSS */
.single-donors .donorsHeaders .js-dropdown-box li a[data-lang="zh"],
.post-type-archive-donors .donorsHeaders .js-dropdown-box li a[data-lang="zh"],
.single-donors .donorsHeaders .js-dropdown-box li a[data-lang="es"],
.post-type-archive-donors .donorsHeaders .js-dropdown-box li a[data-lang="es"],
.single-donors .donorsHeaders .js-dropdown-box li a[data-lang="it"],
.post-type-archive-donors .donorsHeaders .js-dropdown-box li a[data-lang="it"],
.single-donors .donorsHeaders .js-dropdown-box li a[data-lang="pt"],
.post-type-archive-donors .donorsHeaders .js-dropdown-box li a[data-lang="pt"]{ display: none !important; }
.formMainOuter{display: flex;justify-content: center;align-items: center;flex-direction: column; }
#ur-frontend-form{
  box-shadow:none !important;
  margin: 0px !important;
  padding: 0;
  width: 100%;
}
.user-registration{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 4px 5px 28px rgba(0, 0, 0, 0.1);
  border-radius: 16px !important;
  overflow: hidden;
  margin: 0 auto !important;
  max-width: 440px !important;
  padding: 40px !important;
}
.logged-in.user-registration-account .user-registration{
    max-width: 100% !important;
    padding:0 !important;
}
#user-registration.horizontal .user-registration-MyAccount-content, 
#user-registration.horizontal .ur-edit-profile, 
#user-registration .user-registration-MyAccount-content, 
#user-registration .ur-edit-profile,
#user-registration .user-registration-MyAccount-navigation {
    display: block;
    width: 100%;
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a{ font-size: 16px !important; }
#user-registration.horizontal .user-registration-MyAccount-navigation-link a:hover {
    color: #25a9ad !important;
    background: #ffffff !important;
    border-bottom-color: #ffffff !important;
}
#user-registration.horizontal .user-registration-MyAccount-navigation-link.is-active a {
    border-bottom: 3px solid #006160 !important;
    color: #fff !important;
    background: #25a9ad !important;
}
.user-registration .ur-field-item label.ur-label,
.user-registration .user-registration-form-row label{
  font-size: 16px !important;
  font-weight: 600 !important;
}
.user-registration .form-row .input-wrapper .input-text{
  width: 100% !important;
  padding: 10px 15px !important;
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  outline: none;
  transition: 0.3s;
  font-size: 16px !important;
  color: #222222 !important;
}
.ur-form-grid .form-row{
  flex-direction: column;
  margin-bottom: 10px !important;
  width: 100% !important;
}
.ur-frontend-form .ur-form-row { display: block !important; }
.ur-frontend-form form,
.ur-frontend-form .ur-form-row .ur-form-grid{ width: 100% !important; }
.ur-frontend-form.login .ur-lost-password-content-container .ur-lost-password-message {
    font-size: 16px !important;
    text-align: center !important;
}
.lost_password a,
.user-registration-register a{
    font-size: 16px;
    color: #25a9ad !important;
    display: inline-block;
    transition: all 0.3s ease;
}
.lost_password a:hover,
.user-registration-register a:hover{
   text-decoration: underline;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div, 
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div{
  margin-top: 20px !important;
}
.ur-frontend-form.login .ur-reset-password-btn,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button,
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button, 
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button .user-registration-Button,
body.user-registration-page .user-registration .user-registration-Button{
   width: 100% !important;
   padding: 12px !important;
   border: none !important;
   background: #25a9ad !important;
   color: #fff;
   font-size: 18px !important;
   border-radius: 8px;
   cursor: pointer;
   transition: all 0.3s ease;
}
.ur-frontend-form.login .ur-reset-password-btn:hover,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button:hover,
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover,
body.user-registration-page .user-registration .user-registration-Button:hover{ 
  background: #006160 !important; 
  border: none !important;
}
body.user-registration-page .user-registration.ur-frontend-form form .ur-button-container{ width: 100% !important; }
#user-registration.horizontal .user-registration-MyAccount-navigation-link.is-active a {
    border-bottom: 3px solid #006160 !important;
    color: #fff !important;
    background: #25a9ad !important;
}
#user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type=submit]{
  width: max-content !important;
  padding: 12px !important;
  border: none !important;
  background: #25a9ad !important;
  color: #fff;
  font-size: 18px !important;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
#user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type=submit]:hover{
  background: #006160 !important; 
  border: none !important;
}
.user-registration-MyAccount-content__body .user-registration-profile-header + p{ display: none !important; }


.loginLogo{
  background-color:#25a9ad;
  padding: 20px 30px;
  width: 100%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
.login-form {
  background: #ffffff;
  padding:30px;
  width: 100%;
}
.formOuter .form-group .formIcon{
  position: absolute;
  left: 15px;
  top: 17px;
  color: #777;
  font-size: 14px;
}
.formOuter .form-group .passwordIcon{
  position: absolute;
  right: 15px;
  top: 17px;
  color: #777;
  font-size: 14px;
  cursor: pointer;
}
.formOuter .form-group {
  position: relative;
  margin-bottom: 1.5rem;
}
.formOuter .form-group input {
  width: 350px;
  padding:15px 10px 15px 40px;
  border: 1px solid #ccc;
  border-radius: 8px;
  outline: none;
  transition: 0.3s;
  font-size: 14px;
  color: #222222;
}

.formOuter .form-group label {
  position: absolute;
  top: 1rem;
  left:40px;
  background: #fff;
  padding: 0 0.25rem;
  color: #777;
  font-size: 14px;
  transition: 0.2s ease-out;
  pointer-events: none;
}
.formOuter .form-group input:focus + label,
.formOuter .form-group input:not(:placeholder-shown) + label {
  top: -0.5rem;
  left: 0.6rem;
  font-size: 13px;
  font-weight: 600;
  color: #25a9ad;
}
.lostPassWord{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:10px;
    margin-bottom: 20px;
}
.lostPassWord a,
.registerlink a{
  font-size: 16px;
  color: #25a9ad !important;
  display: inline-block;
  transition: all 0.3s ease;
}
.lostPassWord a:hover,
.registerlink a:hover { color: #222222 !important; }
.formOuter .login-button {
  width: 100%;
  padding:12px;
  border: none;
  background: #25a9ad;
  color: #fff;
  font-size: 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.formOuter .login-button:hover { background: #006160; }
.registerlink {
  margin-top: 20px;
  font-size: 16px;
  line-height: 18px;
  color: #999;
}
.user-registration-before-login-btn .user-registration-form__label-for-checkbox {
	 display: block;
	 position: relative;
	 padding-left: 30px;
	 cursor: pointer;
	 font-size: 16px;
	 line-height: 18px;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
   color: #999999;
}
 .user-registration-before-login-btn .user-registration-form__label-for-checkbox input {
	 position: absolute;
	 opacity: 0;
	 cursor: pointer;
	 height: 0;
	 width: 0;
}
.user-registration-before-login-btn .user-registration-form__label-for-checkbox input:checked ~ .checkmark { background-color: #25a9ad; }
.user-registration-before-login-btn .user-registration-form__label-for-checkbox input:checked ~ .checkmark:after { display: block; }
.user-registration-before-login-btn .user-registration-form__label-for-checkbox input ~ .checkmark { background-color: transparent; border: 1px solid #25a9ad; }
.user-registration-before-login-btn .user-registration-form__label-for-checkbox .checkmark {
	 position: absolute;
	 top: -2px;
	 left: 0;
	 height: 20px;
	 width: 20px;
}
 .user-registration-before-login-btn .user-registration-form__label-for-checkbox .checkmark:after {
	 content: "";
	 position: absolute;
	 display: none;
	 left: 6px;
	 top: 2px;
	 width: 6px;
	 height: 11px;
	 border: solid #fff;
	 border-width: 0 2px 2px 0;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 transform: rotate(45deg);
}

/* Donor List CSS */
.full-ccontainer{ max-width:1440px; margin: 0 auto; padding:0 20px; }
.totalCnt {
    margin-bottom: 10px;
    font-size: 18px;
    text-align: right;
    width: 100%;
}
.totalCnt strong{ font-weight: 600; }
.donorlistOuter{ background: #f3ffff; }
.donorlist-filter{ border: 1px solid #009296; border-radius: 16px; margin-bottom: 30px; overflow: hidden; }
.donorlist-filter .donorlist-filter-head{
  color: #ffffff;
  padding: 15px;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  background:linear-gradient(95deg, #085078 20%, #85d8ce 80%);
  cursor: pointer;
}
.donorlist-filter .donorlist-filter-head:before{
  content:'';
  right: 20px;
  top: 20px;
  position: absolute;
  background: url(../images/langdropdown.svg) no-repeat;
  background-size: 18px;
  transform: rotate(0deg);
  transition: all 0.5s;
  z-index: 9;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.donorlist-filter.active .donorlist-filter-head:before{
  transform: rotate(180deg);
  transition: all 0.5s;
  top:10px;
}
.donorlist-search{ padding: 15px; }
.donorlist-filter-btn{ padding: 15px; border-top: 1px solid #009296; text-align: right; }
.donorlist-filter-btn .searchbtn{
    background: #25a9ad;
    border: 1px solid #25a9ad;
    padding: 12px 20px;
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 20px;
    outline: none;
    margin-right: 10px;
    transition: all 0.5s;
}
.donorlist-filter-btn .searchbtn:hover{
  background: #006e71;
  border: 1px solid #006e71;
  transition: all 0.5s;
}
.donorlist-filter-btn .removesearchbtn{
    background: #ff2121;
    border: 1px solid #ff2121;
    padding: 12px 20px;
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 20px;
    outline: none;
    transition: all 0.5s;
}
.donorlist-filter-btn .removesearchbtn:hover{
  background: #b70000;
  border: 1px solid #b70000;
  transition: all 0.5s;
}
.donorlist-search{ display: flex; flex-wrap: wrap; width: 100%; gap:20px; }
.donorlistField{ width: calc(33.3% - 15px); }
.donorlistField.fourcolum{ width: calc(25% - 16px); }
.donorlistField label{ 
  display: block; 
  margin-bottom: 8px; 
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-transform: capitalize;
}
.donorlistField input,
.donorlistField select{
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #cccccc;
  color: #333;
  font-size: 16px;
  line-height: 18px;
  outline: none;
  box-shadow:5px 5px 30px rgba(0, 0, 0, 0.10);
}
.donorlistField input:focus,
.donorlistField select:focus{ outline: none; }
.donorlistField select{
  appearance: none;
  -webkit-appearance: none;
  background: url(../images/dropdown-arrow-black.svg) no-repeat 97% 15px #ffffff;
  background-size: 18px;
}
.donorBtn{  margin-top: 10px; }
.donorBtn .intro-btn,
.donorBtn .intro-btn:focus{ 
  outline: none !important;
  box-shadow: none !important;
  padding: 10px 20px;
  font-size: 16px;
  text-transform: uppercase;
}
.donorlist{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap:20px;
  margin-bottom: 50px;
}
.donorlistBox{
  display: flex;
  gap:20px;
  width: calc(50% - 10px);
  align-items: stretch;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #25a9ad;
  box-shadow: 5px 5px 30px rgba(0, 0, 0, .08);
  transition:all 0.5s;
}
.donorlistBox:hover{background: #e7feff;}
.donorInfo{ width: calc(100% - 260px); padding: 20px 20px 20px 0px; }
.donorImg{ width: 240px; position: relative;  overflow: hidden; background: #e7feff;  } /* padding-bottom: 60%; */
.donorImg img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  transform: scale(1);
  transition: all 0.5s;
  object-fit: contain;
  object-position: center;
}
.donorlistBox:hover .donorImg img{
  transform: scale(1.05);
  transition: all 0.5s;
}
.donorImg .donorCode{
  position: absolute;
  background-color: #25a9ad;
  font-size: 18px;
  padding: 10px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  color: #ffffff;
  text-align: center;
}
.donorInfo .donorName{
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 10px;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid #CACACA;
  font-family: "Source Sans Pro", sans-serif;
}
.donorquelist{
  display: flex;
  flex-wrap: wrap;
  gap:5px;
  font-size: 16px;
  color: #333333;
  font-weight: 400;
  margin-bottom: 7px;
}
.donorquelist:last-child{ margin-bottom: 0px; }
.donorLabel{ font-weight: 600; }

@media screen and (max-width:1200px){
  .donorImg {width: 280px;}
  .donorquelist{ flex-direction: column; }

  .donorImg img { height: auto; }
}
@media screen and (max-width:991px){
  .donorImg { width: 240px; }
  .donorlist{ flex-direction: column; }
  .donorlistBox { width:100%; }
  .donorquelist{ flex-direction: row; }
  .donorImg img { height: 100%; }  
  .donorlistField label{ font-size: 13px; }
}
@media screen and (max-width:767px){
  .donorlistField,
  .donorlistField.fourcolum{ width: 100%; }

  .donorlistField label { margin-bottom: 4px; font-size: 14px; }
  .donorlist-filter-btn .searchbtn,  
  .donorlist-filter-btn .removesearchbtn{
    padding: 10px 15px;
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize;
  }
  .donorlist-filter{ overflow: visible; position: relative; }
  .donorlist-filter .donorlist-filter-head{
    display: inline-block;
    transform: rotate(90deg);
    position: absolute;
    left: -60px;
    top: 35px;
    padding: 10px 15px;
    z-index: 9;
    border-radius: 16px 16px 0 0;
  }
  .donorlist-filter-head::before{ display: none !important; }
  .donorlist-filter{ border: 0px; margin: 0px; }
  .donorlist-filter .donorlistOuter{
    display: none;
    position: fixed;
    z-index: 999;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: auto;
    width: 310px;
    top: 0px;
    left: -310px;
    transition: left 0.5s;
    border-right: 1px solid #e7e7e7;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, .1);
  }
  .donorlist-filter.active .donorlistOuter{ left:0px; transition: left 0.5s; }
  .donorlistOuter .closeIcon {
    position: absolute;
    width: 30px;
    height: 30px;
    opacity: 1;
    background: #25a9ad;
    padding: 5px;
    right: 0px;
    top: 0px;
    cursor: pointer;
  }
  .donorlistOuter .closeIcon:before,.donorlistOuter .closeIcon:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 18px;
    width: 2px;
    background-color: #ffffff;
  }
  .donorlistOuter .closeIcon:before { transform: rotate(45deg); }
  .donorlistOuter .closeIcon:after { transform: rotate(-45deg); } 
}
@media screen and (max-width:576px){
  .donorImg { width: 180px; }
  .donorInfo{ width: calc(100% - 200px); }
  .donorImg img{ height: auto; }
  .donorImg {width: 100%; border-bottom: 1px solid #25a9ad; text-align: center; }
  .donorImg img {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: auto;
    width: auto;
    max-height: 280px;
  }
  .donorlistBox{ flex-wrap: wrap; }
  .donorInfo{ width: 100%; padding: 0px 15px 15px 15px; }
}
@media screen and (max-width:400px){
  .donorlist-filter-btn{ padding: 15px 5px; }
  .donorlist-filter-btn .searchbtn{ margin-right: 5px; }
  .donorlist-filter-btn .searchbtn, 
  .donorlist-filter-btn .removesearchbtn { padding:10px; }
}
/* Detail FAQs CSS */
.faqOuter{ margin-top: 30px; }
.faqOuter .faq-list {
	 margin-bottom: 15px;
   border: 1px solid #25a9ad;
   border-radius: 16px 0 16px 0;
	 display: block;
	 width: 100%;
   overflow: hidden;
}
 .faqOuter .faq-list .faqHead {
	 font-weight: 400;
	 font-size: 18px;
	 line-height: 20px;
	 cursor: pointer;
	 position: relative;
   padding:15px 45px 15px 15px;
   background-color: #25a9ad;
   color: #ffffff;
   text-transform: uppercase;
}
 .faqOuter .faq-list .faqHead .faq-icon {
	 position: absolute;
	 right: 20px;
	 top: 15px;
	 width: 24px;
	 height: 24px;
	 display: inline-block;
}
 .faqOuter .faq-list .faqHead .faq-icon::before, 
 .faqOuter .faq-list .faqHead .faq-icon::after {
	 content: " ";
	 position: absolute;
	 top: 0px;
	 right: 5px;
	 height: 21px;
	 width: 2px;
	 background-color: #ffffff;
	 margin: auto;
	 transition: all 0.35s;
}
 .faqOuter .faq-list .faqHead .faq-icon::after { transform: rotate(-90deg); }
 .faqOuter .faq-list .faqHead.faqopen .faq-icon::before {
	 transition: all 0.35s;
	 transform: rotate(45deg);
}
 .faqOuter .faq-list .faqHead.faqopen .faq-icon::after {
	 transition: all 0.35s;
	 transform: rotate(-45deg);
}
.faqOuter .faq-list .faqAnswer {
  padding:15px;
}

.questionOuter{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  column-gap:10px;
}
.questionOuter .questionlist{
  display: flex;
  width: calc(50% - 5px); 
  align-items: stretch;
  border: 1px solid #d7d7d7;
  border-width: 1px 1px 0px 1px;
}
.questionOuter .questionlist:nth-last-child(2),
.questionOuter .questionlist:last-child{ border-bottom: 1px solid #d7d7d7; }
.questionOuter .questionlist.fullwidth{ width:100%;  }
.questionOuter .questionlist.fullwidth:nth-last-child(2){ border-bottom:0px; }

.questionOuter .questionlist.documentfile{
  flex-direction: column;
  padding-top: 30px;
  border-width: 0px;
}
.questionOuter .questionlist.documentfile .question{ font-size: 20px; width: 100%; padding: 0px; background: transparent; }
.questionOuter .questionlist.documentfile .answer{ padding: 10px 0; width: 100%; }
.questionOuter .questionlist .question{
  width:40%;
  background-color: #ededed;
  color: #333333;
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  display: flex;
  align-items: flex-start; /* Ensures the question text is vertically centered */
}
.questionOuter .questionlist .answer{
  width:60%;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  display: flex;
  align-items: flex-start; /* Ensures the question text is vertically centered */
}
.descriptionLayout{ clear:both; margin:30px 0; }
.descriptionLayout .descImg{
  float: right; 
  margin-left: 20px;
  margin-bottom: 20px;
  max-width: 350px;
}
.descriptionLayout .descText,
.descriptionLayout .descText p{
  font-size: 20px;
  line-height: 1.35;
  font-weight: 400;
  color: #333333;
}
.descriptionLayout .descriptionLabel{
  font-size: 28px;
  font-weight: 600;
  line-height: 1.25;
  text-transform: none;
  color: #000000;
  margin-bottom: 10px;
}
.donorDetail{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  margin-top: 30px;
}
.donorDetail .donorimage{ width:calc(50% - 10px); }
.donorDetail .donorInfo{ width:calc(50% - 10px); padding: 0; }
.questionOuter .documentfile.goalforlife{ border-top: 1px solid #d7d7d7; } 
.donorimage .reviews-gallery .swiper-slide a{
  height: 350px;
  padding: 5px;
  border: 1px solid #d7d7d7;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.donorimage .reviews-gallery .swiper-slide a img{
  position: relative;
  left: auto;
  top: auto;
  object-fit: contain;
  height: 100%;
  width:100%;
}
.swiper-donorBtn{ position: absolute; bottom: 0px; display: flex;  }
.swiper-button-prev.donor-arrow-prev,
.swiper-button-next.donor-arrow-next{ border-radius:0%; }
.swiper-button-next.donor-arrow-next{ margin-left: 10px; }

/* PAgination CSS */
.cvf-pagination-nav{ text-align: center; width: 100%; }
.pagination-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 20px 0;
  gap: 5px;
}
.pagination-wrap li.inactive{ display:none; }
.pagination-wrap li{display: inline-block;text-align: center;}
.pagination-wrap a {
  display: inline-block;
  padding: 10px;
  border-radius: 10px;
  background: #f1f1f1;
  color: #333333;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.3s, color 0.3s;
  width: 45px;
  height: 45px;
}
.pagination-wrap li a { background-color: #25a9ad; color: #fff; }
.pagination-wrap li a:hover { background-color: #085078 !important; }
.pagination-wrap .dots {
  display: flex;
  align-items: center;
  padding: 0 8px;
  color: #888;
  font-weight: bold;
}

/* Loader CSS */
.loaderOuter {
    position: relative;
    min-height: 400px;
    width: 100%;
    z-index: 11;
}
.loaderOuter .loaderimg {
  background: url(../images/loading-icon.gif) center no-repeat;
  width: 100px;
  height: 100px;
  background-size: 100% auto;
  margin: 20px auto;
  position: absolute;
  left: 50%;
  top: 130px;
  transform: translateX(-50%);
}

/* Header Login Dropdown */
.donorslinkBtn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.donorslinkBtn a{
  font-size: 18px;
  line-height: 21px;
  border-radius:24px;
  padding:10px 20px;
  background: #efefef;
  color: #000000;
  display: inline-block;
}
.donorslinkBtn a:hover{
  background-color: #006160;
  color: #ffffff;
}
#menu-main-menu > .nav-item.menu-item:last-child a{
  font-size: 18px;
  line-height: 21px;
  border-radius: 24px;
  padding: 10px 20px;
  background: #efefef;
  color: #000000 !important;
  display: inline-block;
  margin: 10px 0;
}
#menu-main-menu > .nav-item.menu-item:last-child a:hover{
  background-color: #006160;
  color: #ffffff !important;
}
@media screen and (max-width:1080px) {
  .donorslinkBtn a{ font-size: 14px; padding:10px 15px; }
}
@media screen and (max-width:991px) {
  .donorslinkBtn{ display: none !important; }  
}
@media screen and (min-width:992px) {
  #menu-main-menu > .nav-item.menu-item:last-child{ display: none !important; }  
}


.userloginOuter{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.userloginOuter .userName{
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 7px 11px;
  background: #efefef;
  width: 42px;
  height: 42px;
  display: block;
}
.userloginOuter .userName:hover{ color: #000000 !important; }
.userloginOuter .userLinkListOuter{
  display: block;
  position: absolute;
  right: 0px;
  top: calc(100% + 21px);
}
.userloginOuter .userLinkListOuter:before{
  content: '';
  position: absolute;
  top: -12px;
  right: 10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 13px 10px;
  border-color: transparent transparent #ffffff transparent;
  transform: rotate(0deg);
}
.userloginOuter .userLinkList{
  box-shadow: 0px 3px 6px 0px rgba(51, 51, 51, .0509803922);
  border: 1px solid #cccccc80;
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  width: max-content;
  max-width: 400px;
}
.userloginOuter .userLinkList .linklist{ display: block; }
.userloginOuter .userLinkList .linklist .linklist-item{
  display: block;
  width: 100%;
  padding: 10px 15px;
  background: #ffffff;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.userloginOuter .userLinkList .linklist .linklist-item:hover{ background: #25a9ad; color: #ffffff; }
.userloginOuter .userLinkList .linklist:last-child .linklist-item{ border-bottom:0px; }
@media screen and (max-width:991px){
  .questionOuter .questionlist{ width:100%; }
  .questionOuter .questionlist .question{ width:30%; }
  .questionOuter .questionlist:nth-last-child(2){ border-bottom: 0PX; } 
  .questionOuter .questionlist .answer{ width:70%; }
  .donorDetail{ flex-direction: column; }
  .donorDetail .donorimage{ width:100%; }
  .donorDetail .donorInfo{ width:100%; padding: 0; }
  .userloginOuter{ margin:0 10px; }
}
@media screen and (max-width:767px){
  .descriptionLayout .descImg{ float: none; margin:0 0 20px 0; max-width: max-content; }
  .pagination-wrap a { width: 35px; height: 35px; font-size: 13px; }
}
@media screen and (max-width:576px){
  .questionOuter .questionlist{ flex-direction: column; }
  .questionOuter .questionlist .question{ width:100%; }
  .questionOuter .questionlist .answer{ width:100%; }
  .userloginOuter .userLinkList{ max-width: 300px; }
}
@media screen and (max-width:480px){
  .formOuter .form-group input { width: 100%; }  
  .lostPassWord{ flex-direction: column; align-items: flex-start; }
}
@media screen and (max-width:420px){
  .userloginOuter .userLinkListOuter { top: calc(100% + 14px); }
  .donnersOuter { padding-top: 71px; }
   .userloginOuter .userLinkList{ max-width: 250px; }
}
@media screen and (max-width:375px){
  .userloginOuter { margin: 0 5px; }
  .userloginOuter .userLinkListOuter { top: calc(100% + 13px); }
  .userloginOuter .userLinkList{ max-width: 220px; }
  .donnersOuter { padding-top: 63px; }
}