/* sathyam */
*{margin:0; padding:0; box-sizing: border-box;}
@font-face {
  font-family: 'Adobe Gurmukhi Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Adobe Gurmukhi Regular'), url('fonts/AdobeGurmukhi-Regular.woff') format('woff');
  }
@font-face {
  font-family: 'Adobe Gurmukhi Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Adobe Gurmukhi Bold'), url('fonts/AdobeGurmukhi-Bold.woff') format('woff');
  }
body,textarea,input{font-family: 'Poppins', sans-serif;} 
ul,li,ol{list-style: none;}
a,a:hover{ text-decoration: none;}
.inner-bg #header-wrapper{ box-shadow: 5px 10px 15px #00000029;}
.container{ width:98%; max-width: 1722px; margin:0 auto;}
.header{ display: flex; padding:44px 0 66px 0; align-items: center; justify-content: space-between;}
.header-right{ margin-left:auto; display: flex; align-items: center;}
.header .btn-group i{ display:none;}
.logo img{ max-width: 215px;}
.main-nav .ham,.main-nav .ham a{ display:none;}
.main-nav ul{ display: flex; position: relative;}
.main-nav ul li{ margin-right:40px;}
.main-nav ul li a{ font-size: 18px; color: #707070; padding:0 0 24px 0;  background:none !important; display: inline;}  
.main-nav ul li a:hover,.main-nav ul li.active a{ color:#0061A6;}
.main-nav ul li ul{ display: none; position: absolute;  background:#fff !important; box-shadow: 0px 5px 20px #00000029; top:calc( 100% + 18px );  width:224px; z-index: 99999999;}
.main-nav ul li:hover ul{ display: block;}
.btn-group{ margin-left:25px; }
.main-nav ul li ul li{ margin-right:0;}
.main-nav ul li ul li a{  display: block; padding:12px 0 13px 30px;}
.main-nav ul li ul li a:hover,.main-nav ul li ul li.active a{ background:#F5D814 !important; box-shadow: 0px 5px 20px #00000029; color:#fff;}
.btn{font-family: 'Poppins', sans-serif; background:none; border:none; outline: none; font-size: 18px; padding:8px 33px 12px 33px; box-shadow: 0px 8px 6px #00000029; border: 1px solid #4A4A4A; border-radius: 10px; cursor: pointer;
color:#707070; margin-left:12px;}
.btn:hover,.btn-primary{ background:#0061A6; color: #fff; border: 1px solid #0061A6;}
.home-bg{ background:url(../images/home-bg.png) no-repeat center bottom; background-size:cover;}
.inner-bg{ background:url(../images/inner-bg.png) no-repeat right bottom; }
.video-wrapper{ border-radius:25px; overflow: hidden; margin-bottom:15px;} 
video[poster]{
  object-fit: cover;  width:100%; height:100%; display: block; position: relative; z-index: 9999;
  }
/* home banner */
#home-banner-wrapper .container{ max-width: 1660px;}
.home-banner{ display: flex; margin-bottom:0px; align-items: center; justify-content: center;} 
.home-banner-left{ width:35.5%; }
.home-banner-left img{ max-width: 100%;}
.home-banner-right{ width:35.5%;}
.home-banner-right img{ max-width: 100%;}
.home-banner-content{ width:29.1%; text-align: center;}
.home-banner-content h3{ font-size: 66px; line-height: 60px; color:#0061A6; font-family: 'Adobe Gurmukhi Regular'; font-weight: normal; margin:0 0 43px 0;}
.home-banner-content h1{ font-size: 66px; line-height: 60px; color:#0061A6; font-family: 'Adobe Gurmukhi Regular'; font-weight: normal; margin:0 0 43px 0;}
.home-banner-content h3 span{ color:#F5D814; display: block;}
.home-banner-content h1 span{ color:#F5D814; display: block;}
.home-banner-content a{background: #0061A6 0% 0% no-repeat padding-box; box-shadow: 2px 8px 6px #00000029; font-weight: 600; font-size: 35px; letter-spacing: 1.9px; color: #FFFFFF; display: inline-block; border-radius:5px; padding:10px 20px;}
.home-banner-content p{ font-size: clamp(16px,1.09vw,21px); color:#707070; color: #707070; margin-top:25px;}
/* home find */
.home-find-wrapper{ margin:0 0 60px 0;}
.home-find-wrapper .home-find{ margin:-90px 0 0 0;} 
.home-find-wrapper .container{ max-width: 1600px;}
.home-find-content{ display: flex; align-items: center; justify-content: center; margin-top:30px;}
.home-find-content .home-find-image{ width:40%;  }
.home-find-content .home-find-image img{ max-width: 100%;}
.home-find-content .home-find-list{ width:55%; margin-left:auto;} 
.home-find-content .home-find-list ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.home-find-content .home-find-list ul li{ width:26%;}
.home-find-content .home-find-list ul li:nth-child(1),.home-find-content .home-find-list ul li:nth-child(2),
.home-find-content .home-find-list ul li:nth-child(3){ width:26%; margin:0px 0 60px 0;}
.home-find-content .home-find-list ul li .list-img{ margin:0 0 10px 0;}
.home-find-content .home-find-list ul li:nth-child(1) .list-img img{ max-width: 50px;}
.home-find-content .home-find-list ul li:nth-child(2) .list-img img{ max-width: 50px;}
.home-find-content .home-find-list ul li:nth-child(3) .list-img img{ max-width: 50px;}  
.home-find-content .home-find-list ul li:nth-child(4) .list-img img{ max-width: 50px;}
.home-find-content .home-find-list ul li:nth-child(5) .list-img img{ max-width: 35px;}
.home-find-content .home-find-list ul li:nth-child(6) .list-img img{ max-width: 50px;} 
.home-find-content .home-find-list ul li h3{ font-size: 18px; font-weight: 600; color:#0061A6; margin:0 0 20px 0;}
.home-find-content .home-find-list ul li p{ font-size: 14px; line-height: 23px; color:#4A4A4A;;}
.home-find-title{ text-align: center; margin:0 0 0px 0;}
.home-find-title h2{ color:#0061A6; font-size: 50px; font-weight: 600; margin:0 0 0 0;}
.home-find-title p{ font-size: 18px; color:#707070; color: #707070;}

/* endrosements */
#endrosements-wrapper{ margin:0 0 238px 0;}
.endrosements h2{ text-align: center; color:#0061A6; font-size: 55px; font-weight: 600; margin:0 0 109px 0;}
.endrosement-img img{ transform: translateY(-50%);}
.endrosement-header{padding-bottom:42px; position: relative;}
.endrosement-box:nth-child(1) .endrosement-header:before{ content: '"'; font-size: 120px; color:#F5D814; position: absolute; left:34px; top:-48px;}
.endrosement-box:nth-child(2) .endrosement-header:before{ content: '"'; font-size: 120px; color:#0061a6; position: absolute; left:34px; top:-48px;}
.endrosement-header p{ max-width: 76%; margin:-50px auto 0 auto; font-size: 17px; line-height: 26px; }
.endrosement-btn{ text-align: center;}
.endrosement-btn a{ font-size:clamp(14px,0.989vw,19px); background:#0061A6; border-radius: 10px; display: inline-block; padding:0; box-shadow: 0px 8px 6px #00000029; letter-spacing: 1px; color: #FFFFFF; padding:9px 40px 13px 39px;}
.endrosement-content{ display: flex; justify-content: center; margin:0 0 100px 0;}
.endrosement-box{ max-width: 596px; text-align: center; background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 5px #00000029; margin:0 36px;  }
.endrosement-box:nth-child(1) .endrosement-header{background: transparent linear-gradient(180deg, #FFFFFF 0%, #FEFEF4 57%, #FFFFF1 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 2px 5px #00000029;}
.endrosement-box:nth-child(2) .endrosement-header{background: transparent linear-gradient(180deg, #FFFFFF 0%, #E5F9FF 100%, #FFFFF1 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 2px 5px #00000029;}
.endrosement-footer{ padding:16px 0 20px 0;}
.endrosement-footer h5{ font-size:clamp(14px,0.989vw,19px); color:#0061A6; margin:0 0 0 0;}
.endrosement-footer span{ font-size: 17px; color:#4A4A4A; display:block;}
/* footer */
#footer-wrapper .container{ max-width:1260px !important; margin:0 auto;}
.footer{ display: flex; justify-content: space-between; padding-bottom:75px;}
.footer-logo{ margin-bottom:40px;}
.footer-logo img{ max-width: 189px;}
.social-icons ul{ display: flex;}
.social-icons ul li{ margin-right:15px;}
.social-icons ul li a{ width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; background:#fff; box-shadow: 0px 3px 6px #00000029; border-radius:50px;}
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.footer-right{ width:75%; margin-left:auto; display: flex; justify-content: space-between; }
.footer-right h3{ font-weight: 600; font-size: 18px; color:#0061A6; margin:0 0 28px 0;}
.footer-nav li{ margin:0 0 5px 0;}
.footer-nav li a{ color:#4A4A4A; font-size: 14px; font-weight: 500;}
.footer-nav li a:hover{ color:#0061A6;}
.footer-download-app ul{ display: flex; justify-content: space-evenly;}
.footer-right .footer-download-app h3{ margin:0 0 34px 0;}
.footer-download-app ul li a{ display: flex; flex-direction: column; align-items: center;}
.footer-download-app ul li a .phone-wrap{ width: 78px; height: 78px; display: flex; align-items: center; justify-content: center; background:#fff; box-shadow: 0px 3px 6px #00000029; border-radius:50px; margin:0 0 18px 0;}
.footer-download-app ul li a span{ font-size: 14px; color:#4A4A4A;}
/* inner-content-wrapper */
/* #inner-content-wrapper{ background:url(../images/inner-shadow.png) repeat-x left top;} */
#inner-content-wrapper .container{  padding:35px 0 200px 0; }
#inner-content-wrapper .container .about-us{ padding:0;}
.page-title-div{ margin:0 0 30px 0; position: relative;}
.page-title-div h2.page-title{ text-align: center; font-size: 47px; font-weight: 600; color:#0061A6;}
.special-causes{ max-width: 1081px; margin:0 auto;}

.search-container{ position: absolute; right:0; top:17px;}
.search-container button img{ max-width: 30px;}
.search-container input[type="text"]{ border:1px solid #7f7f7f; border-radius:5px; font-size:clamp(14px,0.989vw,19px);
   color: #4A4A4A; width:100%; max-width: 164px; padding:10px 17px 10px 71px; }
.search-container button{ border:none; background:none; position: absolute; left:19px; top:9px; max-width: 35px;}
.search-dropdown{ position: absolute; right:0; width:auto; background: #FFFFFF; box-shadow: 0px 5px 20px #00000029; width:100%; padding:30px 50px 30px 50px; top:calc(100% + 50px);}
.search-dropdown h3{ font-size: clamp(16px,1.4vw,27px); color: #0061A6; font-weight: 600; margin:0 0 21px 0;}
.search-dropdown ul{ column-count: 4;}
.search-dropdown ul li{ position: relative; padding:0 0 0 10px; margin:0 0 11px 0;}
.search-dropdown ul li:before{
  content: '>';
  position: absolute;
 font-size: 14px;
 color: #4A4A4A;
 left:0;
 top:50%;
 transform: translateY(-50%);
}
.search-dropdown ul li a{ font-size: 16px; color: #4A4A4A;}
.special-causes-content{ display: flex; flex-wrap: wrap; margin-top: 17px;}
.special-causes-content.owl-carousel{ margin-bottom: 30px;}
.owl-carousel .special-cause-box{ width:100%; margin:0;}
.owl-carousel .special-cause-box:nth-child(3){  margin:0;}


.special-cause-box{ width:29.3%; margin:0 6% 66px 0;}
.special-cause-box:nth-child(3n){margin-right:0;}
.special-box-image{ height: 200px;}
.special-box-image img{ display: block; width: 100%; height:100%; object-fit: cover; object-position: center;}
.special-box-content{ background: #F5D814;  box-shadow: 0px 4px 5px #00000029; text-align: center; padding:20px; }
.special-causes-content .special-box-content{ min-height: 140px;}
.special-box-content h6.country{ display: inline-block; font-size: 14px; font-weight: 600; background:#0061A6; border-radius:10px; color:#fff; padding:6px 54px 5px 54px; margin:0 0 10px 0;}
.special-box-content a{ display: block; font-weight: 600; font-size: 18px; color: #0061A6; margin-bottom:6px; line-height: 24px;} 
.special-box-content p{ font-size: 14px; line-height: 23px; color: #4A4A4A; font-weight:500;}
.special-box-fund{ background:#fff; box-shadow: 0px 3px 5px #00000029; text-align: center; padding:15px 0 18px 0;}
.special-box-fund p{ font-size: 18px; color:#4A4A4A; margin:0 0 3px 0;}
.special-box-fund p span{ color: #0061A6; font-weight: 600;}
.special-box-fund progress[value] { -webkit-appearance: none; appearance: none; background:#0061A6; color:#F5D814;}

.raised-per{ width:68.8%; height:8px; border-radius:10px; background:#0061a6; overflow: hidden; margin:0 auto;}
span.raised-count{ background:#f5d814; height:8px; border-radius:10px; display: block;} 


.endorsement-content-wrap{ max-width: 1265px; margin:0 auto 0 auto; display: flex; flex-wrap: wrap; padding-top:42px;}
.endorsement-box{ width:47%; margin:0 5.8% 83px 0; text-align: center; display: none;}
.endorsement-img{ margin-bottom:15px;}
.endorsement-img img{ margin-top:-40px;}
.endorsement-box p{ font-size: 15px; line-height: 24px; color:#4A4A4A; margin-top:0;}
.endorsement-box:nth-child(even){ margin-right:0;}
.endorsement-content-bg{ background: transparent linear-gradient(180deg, #FFFFFF 0%, #FEFEF4 57%, #FFFFF1 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 5px #00000029; padding:0 9% 44px 9%;}
.endorsement-content-bg img{ width:88px; height:88px; border-radius:50%; box-shadow: 0px 8px 6px #00000029;}  
.endorsement-box:nth-child(4n+3) .endorsement-content-bg{ background: transparent linear-gradient(180deg, #FFFFFF 0%, #E5F9FF 100%, #FFFFF1 100%) 0% 0% no-repeat padding-box;}
.endorsement-box:nth-child(4n+2) .endorsement-content-bg{ background: transparent linear-gradient(180deg, #FFFFFF 0%, #E5F9FF 100%, #FFFFF1 100%) 0% 0% no-repeat padding-box;}
.endorsement-box-footer{box-shadow: 0px 3px 5px #00000029; padding:16px 0 18px 0;}
.endorsement-box-footer h5{ font-size: 17px; font-weight: 600; color: #0061A6;}
.endorsement-box-footer span{ font-size: 16px; font-weight: 500; color:#4a4a4a;}
.load-more{ text-align: center; width: 100%;}
.load-more a{ display: inline-block; background:#0061A6; box-shadow: 0px 8px 6px #00000029;
  border-radius: 10px; font-size:17px;
  letter-spacing: 1px;
  color: #FFFFFF; padding:8px 36px 13px 36px; cursor: pointer;}
  /* about us */
  .about-us{ padding:35px 0 130px 0; text-align: center;}
  .aboutus-banner{ width:100%;  max-width: 1265px; position: relative;  text-align: center; margin:0 auto 50px auto;}
  .aboutus-banner img{ max-width: 100%; display: block; margin:0 0 25px 0;}
  .aboutus-banner h3{ font-weight: 600; font-size: 26px; color: #0061A6; margin:0 0 33px 0;}
  .aboutus-banner p{ font-size: 16px; line-height: 28px; color: #707070;}
  .meet-our-team{ background:url(../images/meetourteam.jpg) repeat-x left top; padding:81px 0 0 0; text-align: center;}
  #inner-content-wrapper .meet-our-team .container{ max-width: 1230px; background:none; min-height: auto; padding:0;}
  .meet-our-team h3{ text-align: center; font-size: 30px; font-weight: 600; color: #0061A6; margin:0 0 135px 0; display: inline-block;}
  .meet-team-wrap{ display: flex; margin:0 0 87px 0;}
  .meet-team-box{ width:28.6%; margin:0 7% 0 0; background: #EFF7F8 0% 0% no-repeat padding-box; box-shadow: 0px 6px 5px #00000029; }
  .meet-team-box:nth-child(3){ margin-right: 0;}
  .team-head{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 5px #00000029; padding-bottom:39px;}
  .team-head .team-img{ max-width: 140px; margin:-60px 0 6px 0; display: inline-block;}
  .team-head h4{ font-size: 18px; font-weight: 600; color: #0061A6; margin:0 0 0 0;}
  .team-head span{ font-size: 16px; font-weight: 500; color: #4A4A4A;}
  .team-head ul.team-networks{ display: flex; justify-content: center; margin:22px 0 0px 0}
  .team-head ul.team-networks li{ margin:0 10px 0 10px;}
  .team-head ul.team-networks li a{ width:44px; height: 44px; display: flex; align-items: center; justify-content: center; background: #F5D814 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius:100%;}
  .team-description{ padding:32px 0 52px 0;}
  .team-description p{ font-size: 16px; font-weight: 500; line-height: 25px; color: #4A4A4A; padding:0 10% 0 10%;}
  .see-more{  text-align: center;}
  .see-more a{ background: #0061A6 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 6px #00000029; font-size: 18px; color: #FFFFFF; font-weight: 500; display: inline-block; border-radius:10px; padding:9px 27px 14px 27px;}
  .steward{text-align: center; padding:0px 0 104px 0; }  
  .steward h3{ font-size: 28px; color: #0061A6; font-weight: 600; margin:0 0 16px 0;}

  /* login wrap */

  .login-wrap{ background:url(../images/signup.png) no-repeat center bottom; background-size:contain; height: 100vh; }
  
  .header p.have-an-account{ font-size: 18px; }
  .header p.have-an-account a{ color: #0061A6;}
  .login-content{ width:98%; margin:0 auto; max-width: 740px; padding:7px 0 0 0;}
  .login-content h2{ text-align: center; font-weight: 600; font-size: 54px; color: #0061A6; margin:0 0 40px 0;}
  .login-form{background: transparent linear-gradient(180deg, #FFFFFF 0%, #FEFEF4 57%, #FFFFF1 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 2px 5px #00000029;  padding:78px 9% 24px 9%;}
  .login-form li{ margin-bottom:40px; text-align: center;}
  .login-form input[type="text"],.login-form input[type="password"]{ width:100%; border:none; background:url(../images/mail.svg) no-repeat 93% center; outline: none; height:50px; line-height: 50px; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: clamp(14px,1.04vw,20px); line-height: 49px; padding:0 0 0 26px;}
  .login-form input[type="password"]{ background:url(../images/password.svg) no-repeat 93% center;}
  .login-form input[type="submit"]{ border:none; background: #0061A6; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-weight: 600; color: #FFFFFF; text-align: center; font-size: 18px; max-width: inherit !important; padding:17px 46px 19px 46px; cursor: pointer;}
  .login-form .or{ display: block; text-align: center; font-size: clamp(14px,1.04vw,20px); font-weight: 600; color: #071C2A; text-transform: uppercase;}
  .login-with-fg{  box-shadow: 0px 3px 5px #00000029; text-align: center; padding:39px 0 37px 0;}
  .login-with-fg button{ outline: none; border:none; background:none; cursor: pointer;}
  .login-with-fg button:nth-child(1){ margin-right:34px;}
  .login-with-fg button:nth-child(1) span{ background:url(../images/facebutton.svg) no-repeat 22px center #3B579D; box-shadow: 0px 3px 6px #00000029; font-size: 16px; border-radius: 10px; font-weight: 600; letter-spacing: 0.7px; color:#fff; display: inline-block; padding:18px 20px 18px 46px;}
  .login-with-fg button:nth-child(2) span{ background:url(../images/googlebutton.svg) no-repeat 27px center #fff; box-shadow: 0px 3px 6px #00000029; font-size: 16px; border-radius: 10px; font-weight: 600; letter-spacing: 0.7px; color: #4A4A4A;  display: inline-block; padding:18px 20px 18px 61px;}
  .login-form-wrap{ background:#fff;}
  .signup-privacy{ box-shadow: 0px 3px 5px #00000029; text-align: center; padding:18px 77px 30px 77px;}
  .signup-privacy p{ font-size: 16px; font-weight: 500; color: #4A4A4A;}
  .signup-privacy p a{ color: #0061A6;}
  .signin-form{background: transparent linear-gradient(180deg, #FFFFFF 0%, #FEFEF4 57%, #FFFFF1 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 2px 5px #00000029;  padding:54px 9% 24px 9%;}
  .signin-form li{ margin-bottom:30px; text-align: center; position:relative;}
  .signin-form li label.error{ position: absolute; left:0; top:100%;}
  
  .signin-form input{ width:100%; border:none; background:none; outline: none; height:50px; line-height: 50px; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: clamp(14px,1.04vw,20px); line-height: 49px; padding:0 0 0 26px;}
  .signin-form li:first-child,.signin-form li:nth-child(5){ display: flex; justify-content: space-between;}
  .signin-form li:first-child input,.signin-form li:nth-child(5) input{ width:46.9%;}
  .signin-form li:last-child{ margin-bottom:0;}
  .signin-form li:last-child input[type="submit"]{ width:auto; font-size: 18px; font-weight: 600; color:#fff; background: #0061A6; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; padding:14px 45px 15px 45px; height:auto; line-height: inherit;}
  .signin-form textarea{ width:100%; border:none; background:none; outline: none; height:90px;  box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: clamp(14px,1.04vw,20px); line-height: 49px; padding:0 20px 0 26px;}
  .contact-us p{ width:98%; margin:0 auto; max-width:740px; text-align: center; font-size: 16px;}
  .contact-us p a{ color: #0061A6;}
  .contact-form-wrap{ background:url(../images/contact-bg.jpg) repeat-x left top; margin:87px 0 0 0; display:inline-block;width:100%;}
  .contact-form-wrap .login-form-wrap{ margin:-90px auto 0 auto; position: relative;} 
  .contact-form-wrap .login-form-wrap p.c_error{ background:red; width:100%; text-align: center; padding:5px 10px; color:#fff;}
  .contact-form-wrap .login-form-wrap p.c_success{ background:green; width:100%; text-align: center; padding:5px 10px; color:#fff;}
  .contact-form-wrap .signin-form{  max-width: 740px; margin:0px auto 0 auto; padding-bottom:55px;}
  .contact-form-wrap .signin-form li:nth-child(5){ display: block;}
  /* faqs */
  .faqs{ margin:0 auto; max-width: 1111px;}
  /* #accordion{ display: flex; justify-content: space-between; flex-wrap: wrap;}  */
  #accordion .set{ margin:0 0 30px 0;}
  .set{
    position: relative;
    height: auto;
   }
  .set > a{
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #555;
    font-weight: 600;
    box-shadow: 0px 2px 6px #00000029;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    transition:all 0.2s linear;
    position: relative; 
    cursor: pointer;
    
  }
  .set > a:before{ content:' '; position: absolute; width:34px; height:34px; border-radius:100px; background:url(../images/plus.png) no-repeat left top; left:95%; top:50%; transform:translateY(-50%);}
  .set > a.active:before{ background:url(../images/plus2.png) no-repeat left top; }
  .set > a i{
    float: right;
    margin-top: 2px;
  }
  .set > a.active{
    background-color:#f5d814;
    color: #fff;
  }
  .set .content{
    background-color: #fff;
    
    display:none;
    box-shadow: 0px 2px 6px #00000029;
  }
  .set .content p{
    padding: 10px 15px;
    margin: 0;
    color: #333;
    font-size:14px;
  }
  .admin-experience{ margin:0 auto; max-width: 1408px;}
  .admin-experience .tab button{ background:none; outline: none; font-size: 18px; font-weight: 600; color: #4A4A4A; border:none; display: inline-block; padding:14px 30px 14px 30px; cursor: pointer; margin-right:17px; }
  .admin-experience .tab button.active,.admin-experience .tab button:hover{ background: #0061A6; box-shadow: 0px 10px 6px #00000029;
    border-radius: 10px; color: #FFFFFF;}
  .admin-experience .tab{ margin-bottom:40px;}
  .adminex-content{ background:#fff; box-shadow: 5px 5px 75px #00000029; border-radius: 10px; 
    padding:60px 4.8% 60px 5.5%;}
    .adminex-wrap{ display:flex;}
    .adminex-left{ width:40%}
    .adminex-left .btn-group,.adminex-left .btn-group a{ margin-left:0;} 
    .adminex-right{ width:55%;  border-radius:5px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left:auto;}
    .adminex-right img{ max-width: 100%;} 
    .op-amount{ background: #F5D814; border-radius: 10px; font-weight: 700; font-size: 45px; color: #0061A6; display: block; width:100%; text-align: center; padding:13px 0 9px 0;}
    .op-logo{ margin-bottom:20px;}
    .op-logo img{ max-width: 150px;}
    .op-amount span{ font-size: 50px; line-height: 50px;}
    .organization-images{ display: flex; flex-wrap: wrap;}
    .organization-images li{ margin:0 17px 17px 0;}
    .organization-images li img{ display: block;}
    .adminex-left h3{ font-size: clamp(14px,1.04vw,20px); font-weight: 600; color: #0061A6; margin:0 0 18px 0;}
    .adminex-left p{ font-size: 16px; font-weight: 400; color: #4A4A4A; margin:0 0 40px 0;}
    .drag{ margin-bottom:50px}
    .drag a{ background: #EEF9FD; border-radius:10px; display: flex; align-items: center; font-size: 16px; line-height: 25px; color: #0061A6; padding:26px 38px 26px 38px} 
    .drag a img{ margin-right:40px;}
    /* organizations-header */
    .organizations-header{ max-width: 720px; margin:0 auto;}
    .organizations-header .search-container{ position: relative; top:0; margin:0 0 46px 0;}
    .organizations-header .search-container input[type="text"]{ max-width: inherit;}
    .organizations-header .tab{ display: flex; flex-wrap: wrap; margin:0 0 40px 0;}
    .organizations-header .tab li{ width:20%; text-align: center; margin:0 0 22px 0;}
    .organizations-header .tab li button{ border:none; background:none; outline: none; font-size: 14px; font-weight: 600; color: #0061A6; cursor: pointer;}
    .organizations-header .tab li button span{ width:78px; height:78px; background:#0061a6; display: flex; justify-content: center; align-items: center; border-radius:100px; margin:0 auto 9px auto;}
    .organizations-header .tab li button span img{ width:48px;  } 
    /* .organizations-header .tab li:nth-child(1) button span{ background:url(../images/org1.svg) no-repeat center center #0061a6;}
    .organizations-header .tab li:nth-child(2) button span{ background:url(../images/org2.png) no-repeat center center #0061a6; }
    .organizations-header .tab li:nth-child(3) button span{ background:url(../images/org3.svg) no-repeat center center #0061a6;}
    .organizations-header .tab li:nth-child(4) button span{ background:url(../images/org4.svg) no-repeat center center #0061a6;}
    .organizations-header .tab li:nth-child(5) button span{ background:url(../images/org5.svg) no-repeat center center #0061a6;}
    .organizations-header .tab li:nth-child(6) button span{ background:url(../images/org6.svg) no-repeat center center #0061a6;}
    .organizations-header .tab li:nth-child(7) button span{ background:url(../images/org7.svg) no-repeat center center #0061a6;}
    .organizations-header .tab li:nth-child(8) button span{ background:url(../images/org8.svg) no-repeat center center #0061a6;}
    .organizations-header .tab li:nth-child(9) button span{ background:url(../images/org9.svg) no-repeat center center #0061a6;}
    .organizations-header .tab li:nth-child(10) button span{ background:url(../images/org10.svg) no-repeat center center #0061a6;} */
    .organizations-header .tab li button:hover span,.organizations-header .tab li.active button span{ background-color:#f5d814; }
    .organizations-header .tab li button:hover,.organizations-header .tab li.active button{ color: #4A4A4A;}
    .organization-wrap{ background:url(../images/meetourteam.jpg) repeat-x left top;}
    .organization-content{ max-width: 1081px; margin:0 auto; padding:64px 0 0 0; text-align: center;}

    .organization-content h3{ text-align: center; font-size: 28px; font-weight: 700; color: #0061A6; margin:0 0 20px 0;}
    .organization-content select{ height:51px; line-height: 51px; border:1px solid #818181; border-radius:5px; max-width: 257px; margin:0 auto; padding:0 0 0 15px; width:100%; font-size: clamp(14px,1.04vw,20px); font-weight: 400; color: #707070;}

    /* .organization-content .special-causes-content{ margin-top:50px;} */
    .how-it-works-container{ max-width:1100px; margin:0 auto;}
    .howitworks-wrap{ background:url(../images/meetourteam.jpg) repeat-x left 240px;}
    .howitworks{ width:100%; max-width: 1406px; margin:0 auto}
    .how-video{ margin-bottom:50px; text-align: center;}
    .how-video img{ border-radius:25px; max-width: 1000px;}
    .howitworks h2{ text-align: center; font-size: 47px; font-weight: 600; color: #0061A6; margin:0 0 30px 0;}
    .feature-wrap{ padding:0 5%; }
    .feature-box{ position:relative; margin:0 0 120px 0;}
    .feature-box:last-child{ margin-bottom:160px;}
    .feature-box .feature-img{ width:60%; height: 300px;}
    .feature-box .feature-img img{ width: 100%; display: block; height: 100%; object-fit: cover; border-radius:25px;}
    .feature-box:nth-child(2) .feature-img{ margin-left:auto;}
    .feature-box:nth-child(2) .feature-content{ right:inherit; left:0; background:#0061a6;}
    .feature-box:nth-child(2) .feature-content h3, .feature-box:nth-child(2) .feature-content ul li{ color:#fff;}
    .feature-content{ box-shadow: 0px 10px 6px #00000029; border-radius: 25px; background:#F5D814; width:57.4%; padding:25px; position: absolute; right:0; top:40%;}
    .feature-content h3{ font-size: clamp(16px,1.145vw,22px); font-weight: 600; color: #0061A6; margin:0 0 10px 0;}
    .feature-content ul{ margin-left:20px;}
    .feature-content ul li{ font-size: 16px; line-height: 25px; font-weight: 600; color: #4A4A4A; margin:0 0 10px 0;}
    .feature-box:nth-child(3) .feature-content{ padding:24px 30px 16px 30px;}
    .feature-box:nth-child(3) .feature-content h3{ margin:0 0 4px 0; font-size: clamp(16px,1.145vw,22px);}
    .feature-box:nth-child(3) .feature-content ul li{ margin:0 0 5px 0;}
    .feature-box:nth-child(3) .feature-content ul li span{ font-size: 14px; line-height: 23px; color: #4A4A4A; display: block; font-weight: 400; }
    .tryit{ text-align: center;}
    .tryit img{ max-width: 100%; display: block;}
    .tryit .tryit-mid img{ height: 100%;
      object-fit: cover;
      width: 73%;
      object-position: top;}
    .container.how-it-works-container{ max-width: inherit; width:100%;}
    .privacy-content h3 {
      font-weight: 600;
      font-size: clamp(16px,1.145vw,22px);
      color: #0061A6;
      margin: 0 0 15px 0;
  }
  .privacy-content p{    font-size: 16px;
    line-height: 26px;
    color: #707070; margin:0 0 20px 0;}
    .privacy-content ul{ margin:0 0 10px 0;}
    .privacy-content ul li{  font-size: 16px;
      line-height:clamp(24px,1.5625vw,30px);
      color: #707070; margin-bottom:10px; position: relative; padding:0 0 0 20px;}
      .privacy-content ul li:before {
        content:'';
        position: absolute;
        left:0;
        width: 0; 
        height: 0; 
        top:50%;
        transform:translateY(-50%);
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent; 
        
        border-left:7px solid #0061A6; 
      }
.coming-soon{ padding:150px 0 350px 0;}
.coming-soon img{ max-width: 100%;}
.tryit-image{ width:100%; max-width: 700px; margin:0 auto; }
.tryit-top{  width:100%;}
.tryit-top img{ display:block;} 
.tryit-bottom{ background:url(../images/mobile-bottom.png) no-repeat center top; padding-bottom:108px; width:100%; background-size:100% auto;}
.tryit-mid{ background: url(../images/mobile-center.png) no-repeat center top;  width:100%; display: flex; padding-left:152px; background-size:100% auto; max-height: 716px; }
.menu{ margin-top:auto; padding:2px 0 0 153px;}
.menu ul{ display:flex;}
.menu ul li a{ display:block; cursor: pointer;}
.menu ul li:nth-child(1) a{ width:80px; height:75px;}
.menu ul li:nth-child(1) a:hover,.menu ul li:nth-child(1).active a{ background:url(../images/m1.png) no-repeat left top; background-size:100% auto; }
.menu ul li:nth-child(2) a{ width:79px; height:75px;}
.menu ul li:nth-child(2) a:hover,.menu ul li:nth-child(2).active a{ background: url(../images/m2.png) no-repeat left top; background-size:100% auto; }
.menu ul li:nth-child(3) a{ width:80px; height:75px; }
.menu ul li:nth-child(3) a:hover,.menu ul li:nth-child(3).active a{ background:url(../images/m3.png) no-repeat left top; background-size:100% auto; }
.menu ul li:nth-child(4) a{ width:80px; height:75px; } 
.menu ul li:nth-child(4) a:hover,.menu ul li:nth-child(4).active a{ background:url(../images/m4.png) no-repeat left top; background-size:100% auto; }
.menu ul li:nth-child(5) a{ width:79px; height: 75px; }
.menu ul li:nth-child(5) a:hover,.menu ul li:nth-child(5).active a{ background:url(../images/m5.png) no-repeat left top; background-size:100% auto; }
.tryit-mid .tabcontent{ width:553px; margin-left:0px;}
#m1 ul li a img,#m2 ul li a img,#m3 ul li a img,#m4 ul li a img{ display:block;}
#m1 ul li a,#m2 ul li a,#m3 ul li a,#m4 ul li a{ position: relative; display: block;}
#m1 ul li a p,#m2 ul li a p,#m3 ul li a p,#m4 ul li a p{ display:none; position: absolute; left:calc(100%); top:0; background: #0061a6 0% 0% no-repeat padding-box;
  border-radius: 20px; font-size: 16px; color:#fff; line-height: 28px; width:300px; padding:25px 20px; top:50%; transform:translateY(-50%); z-index: 9999; min-height: 150px;}
#m1 ul li a:hover p,#m2 ul li a:hover p,#m3 ul li a:hover p,#m4 ul li a:hover p{ display: flex; align-items: center;}  
  #m1 ul li a p:before,#m2 ul li a p:before,#m3 ul li a p:before,#m4 ul li a p:before{ content:' '; position: absolute; left:1px; top:50%; transform:translate(-100%,-50%); width:175px; height:72px; background:url(../images/p_arrow.png) no-repeat;}
body .ui-menu li a{ font-size: 16px; color: #4A4A4A; padding:5px 10px !important; border-radius:none; display: block;}  
body .ui-menu li a:hover{ background:#0061A6; color:#fff; border-radius:0;}


.login-right{ display:flex; justify-content: space-between;} 
.login-right li{ position: relative; padding-bottom: 10px;}
.login-right li a{ display:block;}
.login-right li ul{ position: absolute; left:20px; width:150px;} 
.login-right li ul{ display:none; position: absolute;  background:#fff; box-shadow: 0px 5px 20px #00000029; top:calc( 100% + -1px );  width:224px; z-index: 9999;}
.login-right li:hover ul{ display: block;}
.login-right li ul li{ margin-right:0;}
.login-right li ul li a{  display: block; padding:12px 0 13px 50px;}
.login-right li ul li:nth-child(2) a{ background:url(../images/admin-login.svg) no-repeat left top; background-size:30px; background-position: 10px center;}
.login-right li ul li:nth-child(2) a:hover{ background:url(../images/admin-login.svg) no-repeat left top #0061A6; background-size:30px; background-position: 10px center;}
.login-right li ul li:nth-child(1) a{ background:url(../images/user-login.svg) no-repeat left top; background-size:30px; background-position: 10px center;}
.login-right li ul li:nth-child(1) a:hover{ background:url(../images/user-login.svg) no-repeat left top #0061A6; background-size:30px; background-position: 10px center;}
.login-right li ul li a:hover{  box-shadow: 0px 5px 20px #00000029; color:#fff;}
p.text-center{ text-align: center;}
.processing-content { text-align: center; max-width:1410px; margin:0 auto;}  
.processing-content img{ margin:30px 0; max-width: 100%;} 
.security-privacy{ text-align: left; max-width:1051px; margin:0 auto;}
.security-accordtion{ max-width:1051px; margin:0  auto;}
.login-right li ul.sing_right {right:0px; left: inherit !important;}
.inner-content-box {
  background: #FFFFFF;
  box-shadow: 5px 5px 75px #00000029;
  margin: 0 0 100px 0;
}
.donation-payment-method .donation-payment-form ul li:nth-child(3) ul li:nth-child(2){ justify-content: space-between; display: flex;}
.donation-payment-method .donation-payment-form ul li ul li:nth-child(2) .select{ margin:0 10px; width:50%;}
.donation-payment-method select{ background: #FFFFFF; border: 1px solid #9FB1C5; border-radius: 5px; font-weight: normal; font-size: clamp(16px,1.09vw,21px); color: #585858; opacity: 0.66; width:100%; height:3.33vw; line-height: 3.33vw; outline: none; padding:0 1vw 0 1vw;} 
.donation-payment-form ul li{ margin:0 0 0.9375vw 0;}
.donation-payment-form ul li:nth-child(3) ul li{ width:33%;}
.donation-payment-form ul li ul{ width:100%; display: flex; justify-content: space-between;}
.donation-payment-form ul li:nth-child(2) ul li:nth-child(1),.donation-payment-form ul li:nth-child(2) ul li:nth-child(2){ width:49.1%;}
.donation-payment-form ul li:nth-child(4) ul li:nth-child(1){ width:40.0%;}
.donation-payment-form ul li:nth-child(4) ul li:nth-child(2){ width:27.2%;}
.donation-payment-form ul li:nth-child(4) ul li:nth-child(3){ width:28.8%;}
.donation-payment-form ul li:nth-child(3) label,.donation-payment-form ul li:nth-child(6) label{ font-weight: normal; font-size: clamp(16px,1.09vw,21px); color: #343434; opacity: 0.99;}

.inner-content{ padding:0px 0 0 0; text-align: center; max-width: 1408px; margin:0 auto;}
.page-title{ min-height: 147px; display: flex; align-items: center; justify-content: center; position: relative;}
.inner-content-box.inner{ text-align: left; padding:35px;}
.inner-content-box.inner h3{color: #0061A6; font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.thanks_inner2{ padding:0 10%;}
.thanks_inner2 .thanks_text{  text-align: center;}
.thanks_inner2 .thanks_text h2{ font-size:30px; font-weight: 600; color: #0061A6; margin:0 0 20px 0;}
.thanks_inner2 label{ color: #0061A6; font-size: 20px; text-align: left; }
.thanks_inner2 form ul li:nth-child(1){ margin:0 0 20px 0;}
.thanks_inner2 textarea{ background: #FFFFFF; border:none; outline: none; box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px; width:100%; min-height: 75px; padding:20px; font-size:20px; font-family: 'Poppins', sans-serif; }
.thanks_inner2 a,.thanks_inner2 input[type="submit"]{ background: #0061A6; box-shadow: 0px 12px 24px #00000029; border-radius: 10px; color:#fff; padding:10px 20px; margin:5px 10px; border:none; outline: none; display: inline-block; font-size: 18px; line-height: 18px; cursor: pointer; -webkit-appearance:none; appearance: none;}
.thanks_inner2 a:hover,.thanks_inner2 input[type="submit"]:hover{ background: #F5D814; }
.thanks_inner{background: #EEF9FD; min-height: 540px; display: flex; align-items:center; justify-content: center; text-align: center; padding:0 10%}
.thanks_img{ width: 50%;}
.thanks_text{ width: 50%; text-align: center;}
.inner-content .thanks_text h2{ margin-bottom: 20px;}
.thanks_text p{color: #131E26; font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom: 30px;} 
.thanks_text p span{ display: block;}
.thanks_text  h6 a{background: #0061A6;box-shadow: 0px 12px 24px #00000029;border-radius: 5px; padding: 10px 60px 10px; color: #fff; font-size: 28px; font-weight: 600; display: inline-block;}
.thanks_text  h6 a:hover{background: #F5D814; color: #0061A6;}
@media screen and (max-width: 1920px) {
  
    
}
@media screen and (max-width: 1600px) {
  .tryit-image{ max-width: 600px;}
  .tryit-mid{ padding-left:131px;}
  .tryit-mid{ max-height: 615px;}
  .menu{ padding:1px 0 0 131px;}
  .menu ul li:nth-child(1) a{ width:68px;}
  .menu ul li:nth-child(2) a{ width:68px;}
  .menu ul li:nth-child(3) a{ width:69px;}
  .menu ul li:nth-child(4) a{ width:68px;}
  .menu ul li:nth-child(5) a{ width:68px;}
  .home-find-content{ margin-top:30px;} 
  .admin-experience .tab button{ font-size:16px;}
  .privacy-content h3{ font-size:22px;}
  .privacy-content p{ font-size:16px;}
  .privacy-content p,.privacy-content ul li{ font-size:16px;}
  
  .page-title-div h2.page-title,.howitworks h2{ font-size:30px;}

  .how-video img{ max-width: 100%;}
  .how-video{ max-width: 96%; margin:0 auto 60px auto;}
  .main-nav ul li{ margin-right:20px;}
  #endrosements-wrapper{ margin:0 0 100px 0;}
  .endrosements h2{ font-size:40px;}
  .endrosement-header p{ font-size:16px; max-width: 80%;}
  .endrosement-footer h5{ font-size:16px;}
  .endrosement-footer span{ font-size:16px;}
  .endrosement-content{ margin:0 0 75px 0;}
  .home-find-wrapper{ margin:0 0 50px 0;}
  .home-find-title h2{ font-size:40px;}
  .home-find-title p{ font-size:18px;}
  .home-find-title{ margin:0 0 0px 0;}
  .home-find-content .home-find-list ul li p{ font-size:14px; line-height: 23px;}
  .home-banner{ margin-bottom:0px; align-items: inherit;}
  .home-banner-content h3{  margin-bottom:40px;}
  .home-banner-content h1{  margin-bottom:40px;}
  
  .home-banner-content{ display: flex; align-items: center; justify-content: center; flex-direction: column;}
  .home-find-content .home-find-list ul li h3{ margin:0 0 10px 0;}
} 
@media screen and (max-width: 1400px) {
  .main-nav ul li a{ font-size: 16px;}
  .btn-group .btn{ font-size:16px;}
  .logo img{ max-width: 200px;}
  .btn-group{ margin-left:0;}
}
@media screen and (max-width: 1300px) {
  .home-find-content{ margin-top:0;}
  .home-find-content{ flex-direction: column;}
  .home-find-content .home-find-image {
    width: 100%;
    min-height: inherit;
    margin-bottom: 50px;
    text-align: center;
}
.home-find-content .home-find-list {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}
.home-banner-content h3{ font-size:50px; line-height: 40px; margin-bottom:20px;}
.home-banner-content h1{ font-size:50px; line-height: 40px; margin-bottom:20px;}
.home-banner-content a{ font-size:20px;}
.home-banner{ margin-bottom:50px;}
.home-banner-left{ min-height: inherit;}
}
@media screen and (max-width: 1200px) {
  .main-nav ul li a:hover, .main-nav ul li.active a{ color:#fff;}
  .aboutus-banner .about-icon img{ max-width: 150px; margin-top:-75px;}
  .search-container{ position: relative; top:0; left:0; width:100%; margin:20px 0;}
  .search-container input[type="text"]{ max-width: inherit;}
  .page-title-div{ margin:0 0 20px 0;}
  .page-title-div h2.page-title, .howitworks h2{ font-size:30px;}
  .how-video{ margin:0 auto 30px auto;}
  .howitworks h2{ margin:0 0 30px 0;}
  .main-nav{position: relative;}
  .main-nav .ham{ display:block;}
  .main-nav ul{ display:none; position: absolute; right:0; background:#0061A6; min-width: 250px; z-index: 9999; border-radius:5px;}
  .main-nav ul li{ margin:0; display:block; border-bottom: 1px solid rgba(255,255,255,0.5);}
  .main-nav ul li a{ color:#fff; display: block; padding:10px 20px;}
  .main-nav ul li a:hover{ color:#fff;}
  .main-nav ul li ul{ position:static; background:#F5D814 !important; border-radius:0; box-shadow: none !important;}  
  .main-nav ul li ul li a:hover, .main-nav ul li ul li.active a{ box-shadow: none;}
}
@media screen and (max-width: 980px) {
  .feature-wrap + h2,.feature-wrap + h2 + .tryit{ display:none;}
  .feature-box:last-child{ margin-bottom:0;}
  .adminex-content{ padding:30px;}
  .steward img{ max-width: 100%;}
  .steward{ padding:50px 0 50px 0;}
  #inner-content-wrapper .container{ padding:35px 0 50px 0;}
  .about-content{ margin:100px 0 50px 0;}
  .meet-our-team{ padding:50px 0 0 0;}
  .meet-our-team h3{ margin:0 0 100px 0;}
  .meet-team-wrap{ justify-content: space-between; flex-wrap: wrap; margin:0;}
  .meet-team-box{ width:49%; margin:0 0 100px 0;}
  .special-causes-content{ justify-content: space-between;}
  .special-cause-box{ width:48%; margin:0 0 30px 0;}

  .feature-box{ margin:0 0 50px 0;}
  .feature-box .feature-img{ width:100%;}
  .feature-box .feature-img img{ margin:0 auto 20px auto; max-width: inherit; width:100%;}
  .feature-content{ position: relative; width:100%; right:0; left:0; top:0; border-radius:0;}
  .footer{ flex-direction: column;}
  .footer-left{ text-align: center; margin-bottom:30px}
  .footer-logo{ margin:0 0 20px 0;}
  .social-icons ul{ justify-content: center;}
  .footer-right{ width:100%; flex-direction: column;}
  .footer-nav{ text-align: center; margin:0 0 20px 0;}
.footer-download-app{ text-align: center;}
.footer-right h3{ margin:0 0 0px 0;}
.footer-nav li{ margin:5px; display: inline-block;}
.footer-download-app ul{ justify-content: center;}
.footer-download-app ul li{ margin:0 10px;}
.footer-right .footer-download-app h3{ margin:0 0 10px 0;}
.endrosements h2{ font-size:30px; margin:0 0 75px 0;}
.endrosement-content{ flex-direction: column;}
.endrosement-box{ max-width: inherit; margin:0 20px 100px 20px;}
.endrosement-box:last-child{ margin-bottom:0;}
.endrosement-content{ margin-bottom:50px;}
#endrosements-wrapper{ margin:0 0 50px 0;}
.home-find-content .home-find-list ul li:nth-child(1), .home-find-content .home-find-list ul li:nth-child(2), .home-find-content .home-find-list ul li:nth-child(3){ width:49%; margin:0 0 40px 0;}
.home-find-content .home-find-list ul li{ width:49%;}
.home-find-content .home-find-image{ margin:0 0 30px 0;}
.adminex-wrap{ flex-direction: column;}
.adminex-left{ width:100%;}
.adminex-right{ width:100%; padding:25px 0 0 0;}
.organization-images li{ flex-grow: 1;}
.organization-images li img{ width:100%;}
.btn-group .btn{ font-size:14px;}
} 
@media screen and (max-width: 767px) {
  .inner-bg .logo{ width:auto; margin-bottom:0; text-align: left; padding-bottom:0;}
}
@media screen and (max-width: 600px) {
  .home-find-wrapper .home-find{ margin:0 0 0 0;}
  .special-causes-content .special-box-content{ min-height: inherit;}
  .aboutus-banner img{ margin-bottom: 10px;}
  .aboutus-banner h3{ margin-bottom: 10px;}
  .aboutus-banner{ margin-bottom: 20px;}
  .aboutus-banner p{ font-size: 14px; line-height: 23px;}
  .aboutus-banner h3{ font-size:20px; margin:0 0 20px 0;}
  .about-us{ padding:30px 0 30px 0;}   
  .home-find-content .home-find-image{ margin-bottom:0;}
  .adminex-left .btn-group .btn{ margin-left:0;}
  .adminex-left h3{ font-size:18px; margin-bottom:10px;}
  .feature-box .feature-img{ height:150px;}
  .feature-box .feature-img img{ border-radius:0;}
  .organization-images{ justify-content: space-between;}
  #inner-content-wrapper .container{ padding-bottom: 0;}
  .home-banner-content{ position: relative;} 
  .home-banner-content p {
    font-size: 12px;
    margin-top: 0px;
    position: absolute;
    top: 94%;
    width: 232px;
    
    line-height: 16px;
}
.thanks_img{ width: 100%;text-align: center;}
.thanks_text{ width: 100%;text-align: center;margin-top: 15px;}
.thanks_inner{display: inline;}
.organizations-header .search-container{ margin:0 0 20px 0;}
.special-box-content h6.country{ margin:0 0 5px 0; font-size: 12px; padding:5px 30px;}
.special-box-content a{ font-size: 14px; margin:0;}
.special-box-content p{ font-size: 14px; line-height: 20px;}
.special-box-fund{ padding:5px 0;}
.special-box-fund p{ font-size:14px}
span.raised-count,.raised-per{ height:4px;}
.special-cause-box{ margin:0 0 20px 0;}
  .op-logo img{ max-width: 100px;}
  .op-logo{ margin-bottom:20px;}
  .op-amount span{ font-size: 40px; line-height: 40px;}
  .op-amount{ font-size:30px;}
  .adminex-left{ margin-bottom:10px;}
  .drag{ margin-bottom:30px;}
  .adminex-content{ padding:20px;}
  .organization-images li{ margin:0 0 10px 0; max-width: 49%;}
  .admin-experience{ margin:20px auto 0 auto;}
  .adminex-left p{ font-size:14px; margin:0 0 20px 0;}
  .drag a{ padding:20px; flex-direction: column; text-align: center; font-size:14px;}
  .drag a img{ margin-right:0; margin-bottom:20px;}
  .admin-experience .tab{ display:flex; flex-wrap: wrap; margin-bottom:15px;}
  .admin-experience .tab button{ font-size:14px; padding:10px; margin-right:0; flex-grow: 1;}
  .special-cause-box{ width:100%;}
  .special-box-content{ min-height: inherit;}
  .page-title-div h2.page-title, .howitworks h2{ font-size:24px;}
  .page-title-div{ margin:0 0 10px 0;}
  .howitworks h2{ margin:0 0 10px 0;}
  .how-video{ margin:0 auto 10px auto;}
  .feature-box:nth-child(3) .feature-content h3{ font-size:18px; line-height: 23px;}
  .feature-content{ padding:20px;}
  .feature-content h3{ font-size:20px; margin:0 0 5px 0;}
  .feature-content ul li{ font-size:14px; margin:0 0 5px 0; font-weight: 400;}
  .feature-box:nth-child(3) .feature-content ul li span{ font-size: 14px; line-height: 26px; margin:5px 0 10px 0;}
  .feature-content ul{ margin-left:0;}
  #inner-content-wrapper .container{ padding:35px 0 35px 0;}
  .container.how-it-works-container{ width:96%;}
  .contact-form-wrap .signin-form{ margin:0 auto; padding:25px;}
  .signin-form li:first-child, .signin-form li:nth-child(5){ flex-wrap: wrap;}
  .signin-form li:first-child input, .signin-form li:nth-child(5) input{ width:100%;}
  .signin-form li:first-child input:nth-child(1){ margin-bottom:30px;}
  .signin-form li:first-child input:nth-child(1) + label.error{ top:52px;}
  .contact-form-wrap{ margin-top:20px; background:none;}
  .inner-bg{ background-size:contain;}
  .footer-nav li a{ font-size:12px;}
  .footer-nav li{ margin:2px;}
  .footer-nav{ margin:0 0 15px 0;}
  .footer{ padding-bottom:20px;}
  .endrosement-box{ margin:0 10px 100px 10px;}
  .endrosement-header p { font-size: 14px; max-width: 90%;}
  .endrosement-header{ padding-bottom:20px;}
  .endrosement-content{ margin:0 0 30px 0;}
  #endrosements-wrapper { margin: 0 0 30px 0;}
  .home-find-content .home-find-list ul li:nth-child(1), .home-find-content .home-find-list ul li:nth-child(2), .home-find-content .home-find-list ul li:nth-child(3){ width:49%; text-align: center; margin-bottom:20px;}
  .home-find-content .home-find-list ul li{ width:49%; text-align: center;  margin-bottom:20px; }
  .home-find-title h2{ font-size:20px;}
  .home-find-title p{ font-size:14px;}
  .home-find-title{ margin:0 0 0px 0;}
  .home-find-content .home-find-list ul li h3{ margin:0 0 5px 0; font-size:14px; line-height: 23px;}
  .home-find-content .home-find-list ul li p {
    font-size: 12px;
    line-height: 16px;
}
.home-find-wrapper {
  margin: 0 0 20px 0;
}
.home-banner-content h3{ font-size:20px; line-height: 20px; margin-bottom:10px;}
.home-banner-content h1{ font-size:20px; line-height: 20px; margin-bottom:10px;}
.home-banner-content a{ font-size:13px; padding:5px 10px;}
.home-banner{ margin-bottom:0px;}
.list-img img{ max-width: 50px;}
.main-nav .ham i{ font-size: 18px; color:#707070; display: inline-block; vertical-align: middle;}
.main-nav .ham i:nth-child(1){margin-right:5px;}
.main-nav .ham a{ display: inline-block; margin:0 5px;}
.main-nav .ham a:nth-child(2){ position: relative; background: url(../images/login.svg) no-repeat center top; width:22px; height:20px; background-size:contain; vertical-align: middle;} 
.main-nav .ham a:nth-child(3){ position: relative; background: url(../images/signupp.svg) no-repeat center top; width:22px; height:20px; background-size:contain; vertical-align: middle;}   

.header .btn-group{ display:none;}
.header{ padding:20px;}
.main-nav ul{ top:calc(100% + 10px);}
.logo img{ max-width: 150px;}
.aboutus-banner .about-icon img{ max-width: 100px; margin-top:-50px;}
.about-content{ margin:50px 0 30px 0;}
.privacy-content p{ font-size:14px; line-height: 24px; margin:0 0 10px 0; }
.privacy-content h3{ font-size:18px; margin:10px 0 10px 0; line-height: 21px;}
.privacy-content ul li{ font-size:14px; margin:0 0 0px 0;}
.privacy-content ul li:before {

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #0061A6;
}
.set > a{ font-size:14px; padding:10px 30px 10px 10px;}
.set .content p{ font-size:14px; padding:5px 15px;}
#accordion .set{ margin:0 0 20px 0;}
.set > a:before{ left:93%; width:20px; height:20px; background-size:contain;}
.set > a.active:before{ background-size:contain;}
.about-content h3{ font-size:20px; margin:0 0 15px 0;}
.about-content p{ font-size:14px; line-height: 23px;}
.meet-our-team{ padding:30px 0 0 0;}
.meet-team-box{ width:100%; margin:0 0 60px 0;}
.meet-team-box:last-child{ margin-bottom: 0;}
.meet-our-team h3{ font-size:20px; margin:0 0 60px 0;}
.team-head .team-img{ max-width: 80px; margin:-35px 0 6px 0;}
.team-head{ padding-bottom:25px; box-shadow: 0px 3px 9px #00000029;}
.team-description{ padding:20px 0;}
.team-description p{ padding:0 5%; font-size:14px; line-height: 23px;}
.steward h3{ font-size:20px;}
.see-more a{ padding:5px 20px; font-size:14px;}
.endorsement-box{ width:98%; margin:0 auto 80px auto;}  
.endorsement-box:last-child{ margin-bottom:40px;}
.endorsement-content-bg{ box-shadow: 0px 2px 15px #00000029;}
.endorsement-box p{ font-size:14px;}
.organizations-header .tab{ margin:0;}
.organization-content{ padding:30px 0 0 0;}
.organization-content .special-causes-content{ margin-top:0;}
.organization-content h3{ font-size:20px;}
.special-box-image{ height:143px;}
.special-box-content{ padding:10px;}
.organizations-header .tab li{ width:25%;}
.organizations-header .tab li button span{ width:50px; height:50px; background-size:30px auto !important;}
.steward{ padding:20px 0 0 0;}
.signin-form input,.signin-form textarea{ font-size: 16px; font-family: 'Poppins', sans-serif;}
.search-container input[type="text"]{ font-size:16px; padding:8px 5px 8px 50px;}
.search-container button img{ max-width: 24px;}
.special-causes{ padding:0 2%;}
.aboutus-banner{ min-height: 120px; object-fit: cover;}

}
/* 24-02-2022 */
#inner-content-wrapper .donations-wrapper .container{ max-width:84%; margin:0 auto; padding-top:0;}
.donations-title{ text-align: center; padding:3.43vw 0 2.60vw 0;}
.donations-title h3{ font-weight: 600; font-size: clamp(30px,2.34vw,45px) ; color: #0061A6;}
.donations-content-wrapper{ display: flex;}
.dontations-content-box{ background:#fff; box-shadow: 0px 20px 45px #00000029; width:31.9%; margin:0 0.71%;}
.donations-content-box-img{ padding:2.13vw 2.34vw 0 2.34vw;}
.donations-content-box-img img{ display: block; max-width: 100%;}
.donations-content-box-content{ padding:2.13vw 2.34vw 2.70vw 2.34vw;}
.donations-content-box-content h4{ font-weight: 700; font-size: clamp(16px,1.35vw,26px); color: #0061A6;}
.donations-content-box-content h4 + span{ font-weight: 500; font-size: clamp(14px,1.04vw,20px) ; line-height:clamp(24px,1.5625vw,30px); color: #242424; display: block; margin:-0.104vw 0 1.30vw 0; }
.donations-content-box-content p{ font-size: clamp(14px,1.04vw,20px); line-height:clamp(24px,1.5625vw,30px); color: #585858; margin:0 0 1.66vw 0;} 
.donations-content-box-content .donations-raised h5{ font-size:clamp(12px,0.9375vw,18px) ; color: #444444; margin:0 0 0.46vw 0;}
.donations-content-box-content .donations-raised p{ font-weight: normal; font-size: clamp(16px,1.4vw,27px); color: #131313; margin:0 0 0 0;} 
.donations-content-box-content .donations-raised p span{ font-weight: 600; font-size: clamp(16px,1.4vw,27px); color: #131313;}
/* donations detail wrapper */
#inner-content-wrapper .donations-detail-wrapper .container{ max-width: 84%; }
.donations-detail{ display: flex; justify-content: space-between; padding:0.885vw 0 0 0;}
.donations-detail-left{ width:65.5%;}
.donations-detail-right{ width:30.9%; padding:4.63vw 0 0 0;}
.donations-right-detail{ background: #FFFFFF; box-shadow: 0px 3px 6px #00000029; border: 1px solid #CADAE5; 
  padding:0 7.3% 1.4vw 7.5%;}
.donations-right-detail-title{ border-bottom:2px solid #F5D814; padding:1.197vw 0 0.989vw 0; margin:0 0 1.197vw 0; }
.donations-right-detail-title h3{ font-weight: normal; font-size:clamp(14px,0.989vw,19px); color: #272727; }
.donations-right-detail-title h3 strong{ font-weight: 600; font-size:clamp(20px,1.51vw,29px); color: #272727;}
.donations-right-share{ margin:0 0 1.40vw 0; }
.donations-right-share h4{ font-weight: normal; font-size:clamp(14px,0.989vw,19px); color: #131313; margin:0 0 0.625vw 0;}
.donations-right-share button.donations-share{ cursor: pointer; display: block; background: #0061A6; font-weight: 600; font-size: clamp(16px,1.09vw,21px); color: #FFFFFF; border:none; outline: none; display: block; width:100%; padding:1.25vw 0 1.04vw 0; margin:0 0 0.677vw 0;}
.donations-right-share button.donations-donate-now{ display: block; background: #F5D814; border-radius: 2px; font-weight: 600; font-size: clamp(16px,1.09vw,21px); color: #131313; border:none; outline: none; display: block; width:100%; padding:1.25vw 0 1.145vw 0; cursor: pointer;}   
.donations-top-donations{}
.donations-top-list-box-wrapper{ margin:0 0 1.25vw 0;  }
.donations-top-list-box{ display: flex; background: #FFFFFF; border: 1px solid #B8CCE3; padding:14px 0 16px 19px; justify-content: space-between; align-items: center;}
.donations-top-list-img{ width:17.8%;}
.donations-top-list-img img{ display: block; max-width: 100%;}
.donations-top-list-content{ width:77.4%;}
.donations-top-list-content h5{ font-weight: normal; font-size:clamp(14px,0.989vw,19px); color: #131313;}
.donations-top-list-content ul{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 0;}
.donations-top-list-content ul li strong{ font-weight: 600; font-size:clamp(16px,1.197vw,23px); color: #272727;}
/* .donations-top-list-content ul li:last-child{ width:55%;} */
.donations-top-list-content ul li p{ margin-bottom: 0;}
.donations-top-list-content ul li a{ background: #FFF9D4; font-weight: normal; font-size:clamp(12px,0.833vw,16px); color: #595648; padding:5px 0px 4px 0px; display: block; text-align: center;}
.donations-sellall-button-wrapper{ display: flex; justify-content: space-between;}
.donations-sellall-button-wrapper button{ width:48%; border:none; outline: none; background:none; font-weight: 500; font-size:clamp(12px,0.885vw,17px); padding:10px 0 10px 0; cursor: pointer;}
.donations-sellall-button-wrapper button.seeall{ border: 1px solid #0061A6; background: #FFFFFF; border-radius: 2px; color: #0061A6;}
.donations-sellall-button-wrapper button.seetop{ border: 1px solid #0061A6; background: #0061A6; border-radius: 2px; color: #FFFFFF;}
.donations-detail-left h2{ font-weight: 600; font-size:clamp(26px,1.979vw,38px); color: #0061A6; margin:0 0 1.66vw 0;}
.donations-detail-left-img{ margin:0 0 1.40vw 0;}
.donations-detail-left-img img{ display: block; max-width:100%;}
.angela-yujin img{ margin:0 1.09vw 0 0; width:3.85vw; display: block;}
.angela-yujin{ display: flex; align-items: center; margin:0 0 1.25vw 0;}
.angela-yujin p{ font-weight: 500; font-size: clamp(16px,1.09vw,21px); color: #585858; margin-bottom:0;}
.donations-created{ background: #FFFFFF; border: 1px solid #CADAE5; margin:0 0 2.44vw 0;}
.donations-created ul{ display: flex; align-items: center; padding:1.35vw 0 1.30vw 1.66vw; margin:0 0 0 0;}
.donations-created ul li{ font-weight: normal; font-size: clamp(16px,1.09vw,21px); color: #585858; }
.donations-created ul li:nth-child(2){ background:url(../images/tag.png) no-repeat 1.71vw center; padding:0 0 0 4.166vw; position: relative; margin:0 0 0 2.08vw; background-size:1.40vw 1.40vw;}
.donations-created ul li:nth-child(2):before{ content:' '; width:1px; height:2.29vw; position: absolute; left:0; top:50%; transform:translateY(-50%); background:#CADAE5;}
.donations-few-words{ margin:0 0 3.64vw 0;}
.donations-few-words h5{ font-weight: 600; font-size: clamp(16px,1.145vw,22px); letter-spacing: 0.66px; color: #1A1A1A; opacity: 0.99; margin:0 0 1.25vw 0; }
.donations-few-words p{ font-weight: normal; font-size: clamp(16px,1.09vw,21px); color: #585858; margin:0 0 1.97vw 0; }
.donations-few-words a.read-more{ display: inline-block; background: #E9F5FE; border-radius: 5px; font-weight: normal; font-size: clamp(16px,1.09vw,21px);  color: #0061A6; opacity: 0.99; padding:0.833vw 2.70vw 0.729vw 2.70vw; margin:0 0 2.96vw 0;} 
.donations-dontate-button-wrapper ul{ display: flex;}
.donations-dontate-button-wrapper ul a:nth-child(1) button{ text-align: center; background: #F5D814; border-radius: 5px; font-weight: 600; font-size: clamp(16px,1.145vw,22px); color: #131313; width:22.7vw; display: inline-block; padding:1.09vw 0 1.04vw 0; margin-right:1.30vw; border:none; outline: none; }
.donations-dontate-button-wrapper ul button:nth-child(2){ text-align: center; background: #0061A6; border-radius: 5px; font-weight: 600; font-size: clamp(16px,1.145vw,22px); color: #ffffff; width:22.7vw; display: inline-block; padding:1.09vw 0 1.04vw 0; border:none; outline: none;}
.donate-organizer{ border-top:1px solid #90AABB; border-bottom:1px solid #90AABB; padding:2.23vw 0 3.48vw 0; }
.donate-organizer h5{ font-weight: 600; font-size: clamp(20px,1.45vw,28px); letter-spacing: 0.84px; color: #1A1A1A; opacity: 0.99; margin:0 0 2.08vw 0;}
.donate-organizer-content-wrapper{ display: flex;}
.donate-organizer-img{ margin:0 1.04vw 0 0; width:3.85vw;}
.donate-organizer-img img{ width: 100%; display: block;}
.donate-organizer-content h4{ font-weight: 600; font-size: clamp(16px,1.09vw,21px); letter-spacing: 0.21px; color: #242424; margin:0 0 0.46vw 0; }
.donate-organizer-content p{ font-weight: normal; font-size: clamp(16px,1.09vw,21px); line-height: 31px; letter-spacing: 0.21px; color: #585858; margin:0 0 0.989vw 0;   }
.donate-organizer-content a{ background: #FFFFFF; border: 1px solid #0061A6; border-radius: 5px; font-weight: 500; font-size: clamp(16px,1.09vw,21px); color: #0061A6; opacity: 0.99; display: inline-block; padding:0.729vw 3.38vw 0.677vw 3.38vw;} 
.donate-words-of-support{ border-bottom:1px solid #90AABB; padding:2.7vw 0 3.4vw 0;}
.donate-words-of-support h5{ font-weight: 600; font-size:clamp(20px,1.45vw,28px); letter-spacing: 0.84px; color: #1A1A1A; opacity: 0.99; margin:0 0 2.7vw 0;}
.donate-words-list{ display: flex; justify-content: space-between; margin:0 0 1.822vw 0;}
.donate-words-content{ width:91%;}
.donate-words-content h4{ font-weight: 600; font-size: clamp(16px,1.09vw,21px); letter-spacing: 0.21px; color: #242424; margin:0 0 0.3125vw 0;}
.donate-words-content p{ margin:0 0 1.197vw 0; font-weight: normal; font-size: clamp(16px,1.09vw,21px); line-height:clamp(26px,1.61vw,31px); letter-spacing: 0.21px; color: #585858;}
.donate-show-more{ margin-left:4.89vw;}
.donate-show-more a{ font-weight: 500; font-size: clamp(16px,1.09vw,21px); color: #0061A6; opacity: 0.99; background: #FFFFFF; border: 1px solid #0061A6; border-radius: 5px; padding:0.78vw 2.60vw 0.729vw 2.60vw; display: inline-block;}
.donate-words-img{ width:7.1%;}
.donate-words-img img{ max-width:100%; display: block;}
.donate-please-donate{ padding:2.9vw 0 0 4.89vw;}
.donate-please-donate p{ font-weight: normal; font-size: clamp(16px,1.09vw,21px); letter-spacing: 0.21px; color: #585858; margin:0 0 1.82vw 0;} 
.donate-please-donate a{ background: #0061A6; border: 1px solid #0061A6; border-radius: 5px; font-weight: 500; font-size: clamp(16px,1.09vw,21px); color: #FFFFFF; opacity: 0.99; padding:0.78vw 3.125vw 0.729vw 3.125vw; display: inline-block;}
.input-check{ display: flex; align-items: center;}
.donation-payment-form input[type="checkbox"]{ width:25px; height:25px; margin-right:15px; }
body .modal-dialog.sharing-dialog{ max-width: 658px;}
body .modal-dialog.sharing-dialog .modal-content{ padding:0 7% 3.22vw 7%;}
body .modal-dialog.sharing-dialog .modal-header{ display: block; position: relative; padding:2.65vw 0 1.35vw 0;}
body .modal-dialog.sharing-dialog .modal-header h5{ font-weight: 600; font-size:clamp(20px,1.35vw,26px); color: #333333; margin:0 0 0.520vw 0;}
body .modal-dialog.sharing-dialog .modal-header p{ font-weight: normal; font-size: 15px; color: #888888; margin:0 0 0 0;}
body .modal-dialog.sharing-dialog .modal-header button.close-btn{ border:none; outline: none; background:none; position: absolute; right:0; top:2.76vw;}
body .modal-dialog.sharing-dialog .modal-body{ padding:3.802vw 0 0 0;}
body .modal-dialog.sharing-dialog .modal-body .donate-sharing{ border-bottom:1px solid #90AABB;}
body .modal-dialog.sharing-dialog .modal-body .donate-sharing ul{ display: flex; flex-wrap: wrap; margin-bottom:0; }
body .modal-dialog.sharing-dialog .modal-body .donate-sharing ul li{ display: flex; flex-direction: column; align-items: center; justify-content: center; width:25%; margin:0 0 2.96vw 0;}
body .modal-dialog.sharing-dialog .modal-body .donate-sharing ul li:nth-child(1) img{ margin-bottom:0.729vw;}
body .modal-dialog.sharing-dialog .modal-body .donate-sharing ul li span{ display: block; margin-top:auto; font-size: clamp(12px,0.833vw,16px);}
.sharing-copy-code{ display: flex; justify-content: space-between; padding:3.125vw 0 1.77vw 0;}
.sharing-copy-code input[type="text"]{ background: #FFFFFF; border: 1px solid #0061A6; border-radius: 5px; padding:0 0 0 1.5625vw; margin:0; width:77.8%;}
.sharing-copy-code button.copy{ background: #F5D814; border-radius: 5px; font-weight: 600; font-size: 15px; color: #000000; border:none; outline: none; padding:0.833vw 0 0.729vw 0; margin:0; width:18.1%; }
.sharing-tip p{ background: #E9F5FE; text-align: center; font-weight: normal; font-size: 15px; color: #1F2427; padding:1.197vw 0 1.09vw 0; margin:0 0 0 0;}
.sharing-tip p span{ font-weight: 600; color: #0061A6;}
body .modal-dialog.donations-dailog{ max-width: 656px;}
body .modal-dialog.donations-dailog .modal-content{ padding:0 2.6vw 0 2.6vw;}
body .modal-dialog.donations-dailog .modal-header,body .modal-dialog.donations-dailog .modal-body{ padding:0; border:none}
body .modal-dialog.donations-dailog .donate-header-wrapper{ display: flex; justify-content: space-between; width:100%; align-items: center; padding:2.4vw 0 1.45vw 0;}
body .modal-dialog.donations-dailog .donate-header-left h5{ font-weight: 500; font-size: clamp(16px,1.09vw,21px); line-height: 31px; color: #404040; margin:0 0 0 0;}
body .modal-dialog.donations-dailog .donate-header-right span{ background: #E9F5FE; border-radius:5px; font-weight: 500; font-size:clamp(12px,0.9375vw,18px); color: #0061A6; padding:0.46vw 1.45vw 0.41vw 1.45vw; display: inline-block; margin:0 1.66vw 0 0;}
body .modal-dialog.donations-dailog .donate-header-right button{ border:none; outline: none; background:none;}
.donate-content-wrapper .donate-content-button{ margin:0 0 0 0;}
.donate-content-wrapper .donate-content-button button.btn.donate-now{ background: #F5D814; border-radius: 2px; font-weight: 600; font-size: clamp(16px,1.09vw,21px); color: #131313; border:none; outline: none; width:100%; padding:0.885vw 0 0.885vw 0; margin:0;}
.donators-list-wrapper{ padding:1.35vw 0 0.885vw 0;}
.donators-list-box{ display: flex; border-bottom: 1px solid #707070; padding:1.04vw 0 0.78vw 0; align-items: center;}
.donators-list-content h5{ font-weight: normal; font-size:clamp(14px,0.989vw,19px); color: #131313; margin:0 0 0 0;}
.donators-list-box .donators-list-img{ margin-right:1.04vw;}
.donators-list-content p{ font-weight: normal; font-size:clamp(14px,0.989vw,19px); color: #131313; margin:0 0 0 0;}
.donators-list-content p span{ font-weight: 600; font-size:clamp(17px,1.197vw,23px);  color: #272727;}
/* your-donation-wrapper */
#inner-content-wrapper  .your-donation-wrapper .container{  max-width:83%; margin:0 auto; padding-top:0;}
.your-content-wrapper{ display: flex; justify-content: space-between; padding:3.02vw 0 0 0;}
.your-donation-left{ width:65.5%;}
.your-donation-right{ width:30.9%; padding:2.44vw 0 0 0;}
.your-donation-box{ background: #FFFFFF; box-shadow: 0px 3px 6px #00000029; border: 1px solid #CADAE5;
   padding:1.35vw 1.92vw 2.13vw 1.92vw;}
.your-donation-box h3{ font-weight: 600; font-size:clamp(20px,1.51vw,29px); color: #272727; border-bottom:2px solid #F5D814; padding:0 0 1.197vw 0; margin:0 0 1.66vw 0;}
.your-donation-list{ display: flex; width:100%; justify-content: space-between; margin:0 0 0.625vw 0; }
.your-donation-list-content{ display: flex; justify-content: space-between; align-items: center; justify-content: space-between; }
.your-donation-list-img{ width:14.1%;}
.your-donation-list-img img{ display: block; max-width: 100%;}
.your-donation-list-content{ width:81.8%;}
.your-donation-list-content h5{ font-weight: normal; font-size: clamp(14px,1.04vw,20px); color: #131313; opacity: 0.88; margin:0 0 0 0;}
.your-donation-list-content span{ font-weight: 600; font-size:clamp(17px,1.197vw,23px); color: #272727;}
.your-donation-total{ display: flex; justify-content: space-between; background: #FFFFFF; border: 1px solid #B8CCE3; align-items: center; margin-top:1.35vw; padding:1.197vw 0.625vw 1.145vw 1.25vw;}
.your-donation-total h5{ font-weight: normal; font-size: clamp(14px,1.04vw,20px); color: #131313; opacity: 0.88; margin:0 0 0 0;}
.your-donation-total span{ font-weight: 600; font-size:clamp(17px,1.197vw,23px); color: #272727;}
.your-donation-left{}
.your-donation-left .return-to{ margin:0 0 0.833vw 0;}
.your-donation-left .return-to a{ font-weight: 500; font-size: clamp(16px,1.09vw,21px); color: #585858; opacity: 0.77;}
.your-supporting-img{ margin:0 0 1.71vw 0;}
.your-supporting-img img{ display: block; max-width: 100%;}
.your-supporting-content{ margin:0 0 2.29vw 0;}
.your-supporting-content h4{ font-weight: normal; font-size: clamp(30px,1.97vw,38px); color: #0061A6; margin:0 0 0.416vw 0;}
.your-supporting-content h4 span{ font-weight: 600;}
.your-supporting-content p{ margin:0 0 0 0; font-weight: 500; font-size: clamp(16px,1.09vw,21px); letter-spacing: 0.21px; color: #585858; ;
}
*{ box-sizing: border-box;}
.enter-your-donation-title{ margin:0 0 0.9375vw 0;}
.enter-your-donation-title h3{ margin:0 0 0 0; font-weight: 600; font-size: clamp(16px,1.145vw,22px); letter-spacing: 0.66px; color: #1A1A1A; opacity: 0.99; }
.enter-your-donation{ background: #FFFFFF; border: 1px solid #CADAE5; width:25vw; display: flex; align-items: center ;  padding:1.71vw 1.40vw 0.989vw 2.23vw; margin:0 0 2.65vw 0;}
.enter-your-donation .dollar{ display: flex; flex-direction: column; align-items: center; margin-right:25px;}
.enter-your-donation .dollar img{ display: block;}
.enter-your-donation .dollar span{ font-weight: 600; font-size: clamp(16px,1.145vw,22px); letter-spacing: 0.66px; color: #1A1A1A; opacity: 0.99;}
.enter-your-donation .dollar-price{ }
.enter-your-donation .dollar-price input[type="text"]{ font-weight: 600; font-size: clamp(30px,3.125vw,60px) ; letter-spacing: 0.09vw; color: #1A1A1A; opacity: 0.99; border:none; outline: none; width:100%; text-align: left;}
.enter-your-donation .dollar-price input[type="text"]::placeholder{ opacity: 1; color: #1A1A1A;}
.your-donation-tip{}

.your-donation-tip p input[type="text"]{ background: #FFFFFF;
  border: 1px solid #9FB1C5;
  border-radius: 5px;
  font-weight: normal;
  font-size: clamp(16px,1.09vw,21px);
  color: #585858;
  opacity: 0.66;
  width: auto;
  height: 3.33vw;
  line-height: 3.33vw;
  outline: none;
  padding: 0 0 0 1.35vw;}
.your-donation-tip h4{ font-weight: 600; font-size: clamp(16px,1.145vw,22px); line-height: 33px; letter-spacing: 0.66px; color: #1A1A1A; opacity: 0.99; margin:0 0 0.833vw 0;}
.your-donation-tip p{ font-weight: normal; font-size: clamp(16px,1.09vw,21px); line-height: 35px; color: #585858; margin:0 0 3.38vw 0;}
.your-donation-tip a{ background: #F5D814; border-radius: 5px; font-weight: 600; font-size: clamp(16px,1.145vw,22px); color: #131313; padding:1.04vw 0 1.04vw 0; width:22.70vw; display: block; text-align: center; }

body .please-login-dailog{ max-width:658px;}
body .please-login-dailog .modal-body{ position: relative; padding:4.01vw 6.25vw 1.66vw 6.25vw;}
body .please-login-dailog .modal-body button.close-btn{ border:none; outline: none; background:none; position: absolute; right:2.60vw; top:2.39vw;}
.please-login-container h4{ font-weight: 600; font-size: 26px; line-height: 39px; color: #0061A6; text-align: center; margin:0 0 4.42vw 0;}
.please-login-container ul{ margin:0 0 3.02vw 0;}
.please-login-container ul li{ margin:0 0 1.09vw 0;}
.please-login-container ul li a{ display: block; width: 100%; text-align: center; padding:1.197vw 0 1.145vw 0;}
.please-login-container ul li:nth-child(1) a{ background: #0061A6; border-radius: 5px; font-weight: 600; font-size: clamp(14px,1.04vw,20px); letter-spacing: 0.4px; color: #FFFFFF; }
.please-login-container ul li:nth-child(2) a{ background: #F5D814; border-radius: 5px; font-size: clamp(14px,1.04vw,20px); letter-spacing: 0.4px; color: #131313;}
.please-login-container p{ text-align: center; font-weight: normal; font-size: 18px; letter-spacing: 0.45px; color: #131313;}
.please-login-container p a{ font-weight: 600; font-size: 18px; letter-spacing: 0.45px; color: #0061A6;}
.donation-detials-wrapper{}
.donation-detials-wrapper h5{ font-weight: 600; font-size: clamp(16px,1.145vw,22px); letter-spacing: 0.66px; color: #1A1A1A; 
  opacity: 0.99; margin:0 0 0.46vw 0;}
.donation-detail-checkbox{ margin:0 0 2.86vw 0;}
.donation-detail-checkbox input[type="checkbox"]{}
.donation-detail-checkbox label{ font-weight: normal; font-size: clamp(16px,1.09vw,21px); color: #585858; margin:0 0 0 0;}
.donation-detail-button-wrapper{ display: flex; align-items: center;}
.donation-detail-button-wrapper button.btn-donate-now{ background: #F5D814; border-radius: 5px; font-weight: 600; font-size: clamp(16px,1.145vw,22px); color: #131313; border:none; outline: none; padding:0.885vw 0 0.989vw 0; width:22.70vw; text-align: center; margin:0 1.25vw 0 0; }
.donation-detail-button-wrapper button.secure-donation{ font-weight: normal; font-size: 18px; color: #585858; border:none; outline: none; background:none; padding:0 0 0 1.35vw; background:url(../images/secure.png) no-repeat left center;} 
.donation-payment-method-wrapper{ margin:0 0 2.91vw 0;}
.donation-payment-method-wrapper h2{ font-weight: 600; font-size: clamp(16px,1.145vw,22px); line-height: 33px;  letter-spacing: 0.66px; color: #1A1A1A; opacity: 0.99; margin:0 0 1.92vw 0;}
.donation-payment-method { background: #FFFFFF ; border: 1px solid #90AABB; border-radius: 5px; 
  padding:3.54vw 4.27vw 1.61vw 5.93vw;}
.donation-payment-method .credit-or-debit{ margin:0 0 1.66vw 0;}
.donation-payment-method .credit-or-debit input[type="radio"]{ margin-left:-2.5vw; margin-right:34px;}
.donation-payment-method .credit-or-debit label{ margin:0 0 0 0; font-weight: normal; font-size: clamp(16px,1.09vw,21px); color: #585858; letter-spacing: 0px; background:url(../images/credit-card.png) no-repeat left center; padding:0 0 0 3.5vw; background-size:2.5vw}
.donation-payment-method input[type="text"],.donation-payment-method input[type="email"]{ background: #FFFFFF; border: 1px solid #9FB1C5; border-radius: 5px; font-weight: normal; font-size: clamp(16px,1.09vw,21px); color: #585858; opacity: 0.66; width:100%; height:3.33vw; line-height: 3.33vw; outline: none; padding:0 0 0 1.35vw;} 
.donation-payment-form ul li{ margin:0 0 0.9375vw 0;}
.donation-payment-form ul li ul{ width:100%; display: flex; justify-content: space-between;}
.donation-payment-form ul li:nth-child(2) ul li:nth-child(1),.donation-payment-form ul li:nth-child(2) ul li:nth-child(2){ width:49.1%;}
.donation-payment-form ul li:nth-child(4) ul li:nth-child(1){ width:40.0%;}
.donation-payment-form ul li:nth-child(4) ul li:nth-child(2){ width:27.2%;}
.donation-payment-form ul li:nth-child(4) ul li:nth-child(3){ width:28.8%;}
.donation-payment-form ul li:nth-child(3) label,.donation-payment-form ul li:nth-child(6) label{ font-weight: normal; font-size: clamp(16px,1.09vw,21px); color: #343434; opacity: 0.99;}
@media screen and (max-width: 1000px) {
  .donation-payment-method input[type="text"], .donation-payment-method input[type="email"]{ height:50px; line-height: 50px;}
  .donation-payment-method select{ height:50px; line-height: 50px;}
  .donation-payment-method ul li:nth-child(5) ul li{ width:100% !important;}
  #inner-content-wrapper .donations-wrapper .container{ max-width: 90%;}
  #inner-content-wrapper .donations-detail-wrapper .container{ max-width: 90%;}
  .donations-detail{ flex-direction: column;}
  .donations-detail-left{ width:100%;}
  .donations-detail-right{ width:100%; padding:40px 0 0 0;}
  .donations-right-detail{ padding:25px;}
  .your-content-wrapper{ flex-direction: column;}
  .your-donation-right{ width:100%; padding:20px 0 0 0;}
  .your-donation-left{ width:100%;}
  .enter-your-donation{ width:50vw;}
  .donation-detail-button-wrapper button.secure-donation{ padding-left:25px;}
  .your-donation-tip p input[type="text"]{ padding:25px 20px;}
  
}
@media screen and (max-width: 800px) {
  .donations-content-wrapper{ flex-wrap: wrap; justify-content: space-between;}
  .dontations-content-box{ width:49%; margin:0 0 20px 0;}
  .donations-created ul li:nth-child(2){ background-size:15px;}
}
@media screen and (max-width: 500px) {
  .donation-detail-button-wrapper{ flex-direction: column;}
  .donation-detail-button-wrapper button.btn-donate-now{ width:100%; padding:7px 0; margin-bottom:5px;}
  .donation-detials-wrapper h5{ margin-bottom:10px;}
  .donation-detail-checkbox{ display: flex;}
  .donation-detail-checkbox input[type="checkbox"]{ margin-top:5px; margin-right:5px; width:50px;}
  .donation-payment-form ul li ul{ flex-direction: column;}
  .donation-payment-form ul li:nth-child(2) ul li:nth-child(1), .donation-payment-form ul li:nth-child(2) ul li:nth-child(2){ width:100%;}
  .donation-payment-form ul li:nth-child(4) ul li:nth-child(1),.donation-payment-form ul li:nth-child(4) ul li:nth-child(2),.donation-payment-form ul li:nth-child(4) ul li:nth-child(3){ width:100%;}
  .donation-payment-form ul li{ margin:0 0 10px 0;}
  .donation-payment-method .credit-or-debit label{ background:none;}
  .donation-payment-method .credit-or-debit input[type="radio"]{ margin-left:0; margin-right:0;}
  .donation-payment-method .credit-or-debit label{ padding-left:0px;}
  .enter-your-donation .dollar-price input[type="text"]{ letter-spacing: 0;}
  .donations-dontate-button-wrapper ul{ flex-direction: column;}
  .donations-dontate-button-wrapper ul a{ width:100% !important; margin:0 0 10px 0; display: block;}
  .donations-dontate-button-wrapper ul a button,.donations-dontate-button-wrapper ul button:nth-child(2){  display: block; width:100% !important; padding:7px 0 !important;}
  .donations-content-wrapper{ flex-direction: column;}
  .dontations-content-box{ width:100%; margin:0 0 15px 0;}
  .donations-content-box-content{ padding:10px;}
  .donations-content-box-content h4 + span{ margin-bottom:10px;}
  .donations-content-box-content p{ margin-bottom:10px;}
  .donations-right-detail{ padding:20px;}
  .donations-right-detail-title{ padding:0 0 0 0; margin-bottom:15px;}
  .donations-right-share h4{ margin-bottom:5px;}
  .donations-top-list-box-wrapper{ margin-bottom:10px;}
  .donate-words-img,.donate-organizer-img,.angela-yujin img{ width:45px; margin-right:5px;}
  .donate-words-content h4{ margin-bottom:6px;}
  .donate-words-of-support h5{ margin-bottom:10px;}
  .donate-please-donate a,.donate-show-more a,.donate-organizer-content a{ display: block; padding:7px; text-align: center;}
  .donate-organizer h5{ margin:0 0 10px 0;}
  .donations-detail-left h2{ margin:0 0 10px 0;}
  .donations-detail-left-img{ margin:0 0 10px 0;}
  .angela-yujin p{ margin-bottom:0;}
  .donations-created{ margin-bottom:15px;}
  .donations-created ul{ padding:10px; flex-direction: column;}
  .donations-created ul li{ width:100%;}
  .donations-created ul li:nth-child(1){ margin-bottom:5px;}
  .donations-created ul li:nth-child(2){ margin:0 0 0 0; padding-left:25px; background-position: left center;}
  .donations-created ul li:nth-child(2):before{ display: none;}
  .donate-organizer,.donate-words-of-support{ padding:20px 0;}
  .donate-please-donate{ padding:20px 0 0 0;}
  body .modal-dialog.sharing-dialog .modal-header p{ font-size: 12px;}
  body .modal-dialog.sharing-dialog .modal-body .donate-sharing ul li{ width:33%; margin-bottom:20px;}
  body .modal-dialog.sharing-dialog .modal-body .donate-sharing ul li img{ max-width: 20%; margin-bottom:10px;}
  .sharing-copy-code input[type="text"]{ font-size: 12px;}
  .sharing-copy-code button.copy{ font-size: 12px; padding:10px 0;}
  .sharing-tip p{ font-size: 12px; padding:10px 0;}
  body .modal-dialog.sharing-dialog .modal-body{ padding:15px 0 0 0;}
  body .modal-dialog.sharing-dialog .modal-header h5{ margin:0 0 7px 0;}
  .donators-list-img{ max-width:45px; margin-right:15px !important;}
  .donators-list-img img{ max-width: 100%;}
  .donators-list-wrapper{ padding:15px 0;}
  body .modal-dialog.donations-dailog .donate-header-wrapper{ padding:15px 0;}
  .donators-list-box{ padding:10px 0;}
  
  .your-donation-box{ padding:15px;}
  .your-donation-box h3{ padding:0 0 10px 0; margin:0 0 10px 0;}
  .your-donation-list{ margin-bottom:10px;}
  .your-donation-total{ padding:10px 5px;}
  .your-donation-left .return-to,.your-supporting-img,.your-supporting-content h4{ margin-bottom:10px;}
  .enter-your-donation-title{ margin:0 0 10px 0;}
  .enter-your-donation{ width:100%; padding:10px;}
  .your-donation-tip a{ width:100%; display: block; padding:7px 0;}
  
}