*{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{font-family: 'Poppins', sans-serif !important;}
ul,li,ol{list-style: none;}
a,a:hover{ text-decoration: none;}
header{ background:rgba(255,255,255,0.5); box-shadow: 5px 10px 15px #00000029;}
.header{ display: flex; padding:44px 0 42px 0; align-items: center;  }
.header-right{ margin-left:auto; display: flex; align-items: center;}
.logo img{ max-width: 215px;}
  /* login wrap */
  .container{ width:98% !important; max-width: 1722px !important; margin:0 auto; padding:0 !important;}
  #login-header .container{ width:98%; max-width: 1722px; margin:0 auto;}
  .login-wrap{ background:url(../images/signup.png) no-repeat center bottom; background-size:contain; height: 100vh; }
  .login-content{ width:98%; margin:0 auto; max-width: 740px; padding:28px 0 0 0;}
  .login-content.signin2{ max-width: 1600px;}
  .login-content.login-signup{ max-width: 1600px;}
  .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: 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 ul + input[type="submit"] { display: block; margin:0 auto;} 
  .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: 20px; font-weight: 600; color: #071C2A; text-transform: uppercase;}
  .other-ways{  box-shadow: 0px 3px 5px #00000029; text-align: center; padding:39px 0 37px 0;}
  .other-ways button{ outline: none; border:none; background:none; cursor: pointer; font-size: 18px; font-weight: 500;  color: #0061A6;}
  .other-ways button:nth-child(1){ margin-right:34px;}
  .other-ways button a{ color: #0061A6;}
  
  .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 8px #00000029;  padding:54px 9% 24px 9%;}
  .signin2 .signin-form{ padding:50px;}
  .signin2 .signin-form #myForm{ margin-bottom: 40px;}
  .signin2 .signin-form #myForm ul li{ justify-content: center;}
  .signin2 .signin-form #myForm ul li label{ margin:0 40px 0 40px; padding:147px 0 0 0;}
  .signin2 .signin-form #myForm ul li label:nth-child(1) span.checkmark{ background:url(../images/ss1.png) no-repeat left top; width:152px; height: 147px; left:50%; transform:translateX(-50%);}
  .signin2 .signin-form #myForm ul li label.container-signin:nth-child(1) input:checked ~ span.checkmark{ background:url(../images/ss1_h.png);}
  .signin2 .signin-form #myForm ul li label:nth-child(2) span.checkmark{ background:url(../images/ss2.png) no-repeat left top; width:152px; height: 147px; left:50%; transform:translateX(-50%);}
  .signin2 .signin-form #myForm ul li label.container-signin:nth-child(2) input:checked ~ span.checkmark{ background:url(../images/ss2_h.png);}

  .signin-form li{ margin-bottom:30px; text-align: center;}
  .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: 20px; line-height: 49px; padding:0 0 0 26px;}
  .signin2 .signin-form input,.signin2 .signin-form textarea,.signin2 .signin-form li .form-gender select{ width:100%; border:1px solid #ced4da; background:#fff; outline: none; height:calc(1.5em + .75rem + 2px);  
    box-shadow:none; border-radius: .25rem; font-size: 1rem; line-height: 1.5; padding:.375rem .75rem; margin-bottom:0;}
    .signin2 .signin-form input[type="submit"]{     width: 100%;
      background: var(--button-bg-color);
      font-size: 20px;
      padding: .375rem 50px;
      font-weight: 600;
      color: var(--text-color);
      display: block;
      border-radius: 10px;
      border: none;
      text-transform: uppercase;
  }
 #admin-charity .bootstrap-select.show-tick .dropdown-menu li a span.text{ display: block; text-align: left; padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
 
  }
  #admin-charity .bootstrap-select>.dropdown-toggle{     width: 100%;
    border: 1px solid #ced4da;
    background: #fff;
    outline: none;
    height: calc(1.5em + .75rem + 2px);
    box-shadow: none;
    border-radius: .25rem;
    font-size: 1rem;
    line-height: 1.5;
    padding: .375rem .75rem;
    margin-bottom: 0;}
  #admin-charity .bootstrap-select .dropdown-menu li{ margin-bottom:0;}
  .signin2 .signin-form #admin-organization .row:nth-child(1) .form-group p.s_italic,.signin2 .signin-form  #admin-charity .row:nth-child(1) .form-group p.s_italic{ position: absolute; top:-18px;}
  .signin-form input[type="checkbox"]{ width:auto !important; border-radius:0; height:auto; box-shadow: none; padding:0;}
  .signin-form li{ display: flex; justify-content: space-between; align-items: center; position: relative;}
  .signin-form #user-form li{ flex-wrap: wrap;}
  .signin-form #user-form li h3{ width:100%; text-align: left; margin-bottom: 20px;}
  .signin-form li:nth-child(1) input,.signin-form li:nth-child(2) input,.signin-form li:nth-child(3) input,.signin-form li:nth-child(3) select,.signin-form li:nth-child(5) input,.signin-form li:nth-child(6) input,.signin-form li:nth-child(7) .agree,.signin-form li:nth-child(7) input[type="submit"]{ width:49%; }
  .signin-form li:nth-child(7) .agree{ text-align: left;}
  .signin-form li:nth-child(4) input,.signin-form li:nth-child(4) select{ width:32.3%;}   
  .signin2 li .sign-error,.signin2 li label.error{ position: absolute; font-size: 12px !important; top: 100%; width:auto !important; padding-left:16px !important;}
  .signin2 li .agree label.error{ top:37%;}
  .signin2 li .sign-error:nth-child(4),.signin2 li label.error:nth-child(4){ left:52%;}
  .signin-form li:nth-child(4) label.error:nth-child(4){ left:34.3%} 
  .signin-form li:nth-child(4) label.error:nth-child(5){ left:34.3%} 
  .signin-form li:nth-child(4) label.error:nth-child(7){ left:68.3%}
  .signin-form li:nth-child(4) label.error:nth-child(6){ left:68.3%}
  .signin-form li:nth-child(2) label.error:nth-child(5){ left:52%} 
  .signin-form li:last-child{ margin-bottom:0; flex-wrap: wrap;}  
  .signin-form li:last-child .agree{ width:100%; }
  .signin-form li:last-child input[type="submit"]{  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; width:100%; max-width: 200px; margin:0 auto;}
  .signin-form textarea{ width:100%; border:none; background:none; outline: none; height:90px;  box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 20px; line-height: 49px; padding:0 20px 0 26px;}
  .user_name{ position: relative;}
  .user_img a{ display: block; cursor: pointer; text-align: center;}
  .user_img a span{ display: block; color:#4a4a4a;} 
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown a:hover {background-color: #ddd;}
  
  .show {display: block;}
 .login-content.signin2 .r_box .col-sm-6{ padding:0;}
 .login-content.signin2 .r_box .form-group{ margin:0 0 30px 0;}
 .login-content.signin2 .r_box .form-group label{position: absolute; left:0;}
 .custom-file + p{ position: absolute; right:0;}
 .login-content.signin2 #admin-organization .agree,.login-content.signin2 #admin-charity .agree{ position: relative;}
 .login-content.signin2 #admin-organization .agree label.error,.login-content.signin2 #admin-charity .agree label.error{ position: absolute; top:19px;}
 
 /* main nav */
.main-nav{ margin-left:auto; margin-right:auto;}
.main-nav ul{ display: flex;}
.main-nav ul li{ margin:0 68px 0 0;}
.main-nav ul li a{ font-size: 18px; color: #4A4A4A; padding:54px 0  0 0; display: block; }
.main-nav ul li a:hover{ color: #0061A6;}
.main-nav ul li:nth-child(1) a{ background:url(../images/nav1.png) no-repeat center top;}
.main-nav ul li:nth-child(2) a{ background:url(../images/nav2.png) no-repeat center top;}
.main-nav ul li:nth-child(3) a{ background:url(../images/nav3.png) no-repeat center top;}
.main-nav ul li:nth-child(4) a{ background:url(../images/nav4.png) no-repeat center top;}
.main-nav ul li:nth-child(5) a{ background:url(../images/nav5.png) no-repeat center top;} 

.main-nav ul li:nth-child(1) a:hover,.main-nav ul li:nth-child(1).active a{ background:url(../images/nav11.png) no-repeat center top;} 
.main-nav ul li:nth-child(2) a:hover,.main-nav ul li:nth-child(2).active a{ background:url(../images/nav22.png) no-repeat center top;}
.main-nav ul li:nth-child(3) a:hover,.main-nav ul li:nth-child(3).active a{ background:url(../images/nav33.png) no-repeat center top;}
.main-nav ul li:nth-child(4) a:hover,.main-nav ul li:nth-child(4).active a{ background:url(../images/nav44.png) no-repeat center top;}
.main-nav ul li:nth-child(5) a:hover,.main-nav ul li:nth-child(5).active a{ background:url(../images/nav55.png) no-repeat center top;} 


.h_right .user_name{ display: flex; align-items: center; justify-content: center;}  
.h_right .user_name p{ font-size: 14px; margin-right:7px;}  
.inner-content{ padding:0px 0 0 0; text-align: center; max-width: 1408px; margin:0 auto;}
.inner-content h2{ font-weight: 500; font-size: 30px; color: #0061A6; display: block; line-height: 32px; }
.inner-content h2 span{ color: #F5D814; display: block;}
.inner-content-box{ background: #FFFFFF; box-shadow: 5px 5px 75px #00000029; margin:0 0 100px 0;}
.welcome{ text-align: left; padding:39px 35px 1px 35px;}
.rec-box-container{ margin:0 0 52px 0;}
.rec-box-container h3,.notification_main h3{ font-weight: 700; font-size: 20px;  color: #0061A6; letter-spacing: 0.9px; margin:0 0 25px 0;}
.rec-box-wrap{ display:flex; flex-wrap: wrap;}  
.rec-box{ width:23%; margin:0px 1% 20px; border: 1px solid #ccc;}
.rec-box img{ display:block; width:100%; max-width: 100%;height: 169px; object-fit: cover;  object-position: center;}
.rec-box{ display:block; background: #F5D814; box-shadow: 0px 4px 5px #00000029; text-align: center;  }
.rec-box span{ display:block; font-size: 16px; font-weight: 600; color: #071C2A; padding:13px 0 15px 0; line-height: 22px;}
.rec-box span a{ color: #0061A6; font-size:20px; }
.owl-stage-outer .rec-box span{ display:flex; align-items: center; justify-content: center; min-height: 75px; flex-direction: column;}
.owl-stage-outer .rec-box span h5{color:#707070;}
.page-title{ min-height: 147px; display: flex; align-items: center; justify-content: center;}
.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_inner{background: #EEF9FD; min-height: 540px; display: flex; align-items:center; justify-content: center; text-align: center;}
.thanks_img{ width: 50%;}
.thanks_text{ width: 50%; text-align: left;}
.thanks_text p{color: #131E26; font-size: 21px; font-weight: 500; 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;}
.contact_top{ margin-bottom: 30px; border:1px solid #707070; border-radius: 10px; display: flex; align-items: center; justify-content: center; text-align: center;}
.contact_left{border-right:1px solid #707070; padding: 30px; width: 50%;}
.contact_right{padding: 30px; width: 50%;}
.contact_top p{ font-size: 22px; line-height: 34px; margin: 0px; padding: 0;letter-spacing: 0.88px;
  color: #131E26; font-weight: 600;}
.contact_top p a{color: #0061A6; display: block;}
.contact_top p a:hover{ color:#f5d814;}
.contactform{background: #EEF9FD; padding:50px;}
.contactform ul li{ padding-bottom: 20px; width:40%;}
.contactform ul li:nth-child(4){ margin-top: -288px;}
.contactform ul li:nth-child(5){ margin-top: -59px;}
.contactform ul li:nth-child(4),.contactform ul li:nth-child(5){ float:right; width: 57%;}
.contactform label{ font-size:18px;color: #0061A6; display: block; padding-bottom: 6px; font-weight: 600;}
.contactform input{ width:100%; border:none; background:#FFFFFF; outline: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 20px; line-height: 20px;  padding:12px 12px 12px 26px;; margin: 0px;}
.contactform textarea{ width:100%; border:none; background:#FFFFFF; outline: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 20px; line-height: 20px;  padding:12px 26px;; margin: 0px; height: 135px;font-family: 'Poppins', sans-serif;}
.contactform input[type="submit"]{background: #0061A6; text-align: center; color: #fff; cursor: pointer; font-size:20px; font-weight:600; letter-spacing: 2px; text-transform: uppercase;}
.contactform input[type="submit"]:hover{background: #F5D814; color: #0061A6;}

.sign_history{background: #EEF9FD; padding:50px 50px 0px; display: flex; flex-wrap:wrap; justify-content: space-between;} 
.history_box{ width: 48%;background: #FFFFFF; box-shadow: 0px 18px 24px #15181A1C; border: 1px solid #0061A65C; border-left: 4px solid #F5D814; padding:30px 30px 30px; margin-bottom: 50px;}
.history_box .location{ background:url(../images/track.png) no-repeat left 0px; padding:0px 0px 20px 45px;}
.history_box .location p{color: #131E26; font-size: 24px; font-weight:400; line-height: 34px;}
.history_box .time_date{ display: flex; justify-content: space-between;}
.history_box .time_date p{ width:48%; font-size: 17px;color: #131E26; font-weight:400; margin: 0px; padding: 0px 0px 20px 35px;}
.history_box .time_date p:nth-child(1){background:url(../images/date.png) no-repeat left 4px;}
.history_box .time_date p:nth-child(2){background:url(../images/clock.png) no-repeat left 4px;}
.history_box .ap_ph{ background:url(../images/responsive.png) no-repeat left 6px; padding:0px 0px 20px 35px;}
.history_box .ap_ph p{font-size: 16px;color: #131E26; font-weight:400; margin: 0px; padding: 0px;}

.profile_box{background: #EEF9FD; padding:30px 6%;}
.profile_box ul{ display: flex; flex-wrap: wrap; justify-content:space-between;}
.profile_box ul li{ padding-bottom: 30px; width: 48%;}
.profile_box ul li.save{ width: 100%;}
.profile_box label{ font-size:18px;color: #0061A6; display: block; padding-bottom: 6px; font-weight: 600;}
.profile_box input{ width:100%; border:none; background:#FFFFFF; outline: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 20px; line-height: 20px;  padding:12px 12px 12px 26px;; margin: 0px;}
.profile_box select{ width:100%; border:none; background:#FFFFFF; outline: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 20px; line-height: 20px;  padding:12px 12px 12px 26px;; margin: 0px; -webkit-appearance:none; appearance: none;}
.profile_box textarea{ width:100%; border:none; background:#FFFFFF; outline: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 20px; line-height: 20px;  padding:12px 26px;; margin: 0px; height:100px;font-family: 'Poppins', sans-serif;}
.profile_box input[type="submit"]{background: #0061A6; text-align: center; color: #fff; cursor: pointer; font-size:20px; font-weight:600; width: auto; padding: 10px 60px; margin-left: 50%; transform: translateX(-50%); }
.profile_box input[type="submit"]:hover{background: #F5D814; color: #0061A6;}
.profile_box ::-webkit-input-placeholder {color:#212121; opacity:.3;}
.profile_box :-moz-placeholder {color:#212121; opacity:.3;}
.profile_box ::-moz-placeholder {color:#212121; opacity:.3;}
.profile_box :-ms-input-placeholder {color:#212121; opacity:.3;}

.faq_main{background: #EEF9FD; padding:30px;display: flex; flex-wrap: wrap; justify-content: space-between;}
.faq_left,.faq_right{ width: 48%; }
.faq_box{box-shadow: 0px 3px 12px #00000029; margin-bottom: 20px; background: #fff;}


.faq_box p{ margin:15px 0px; font-size: 20px; line-height: 28px;color: #0061A6; font-weight:500;}

.faq_box .accordion { background-color: #fff;
  color: #444;
  cursor: pointer;
  padding:15px 50px 15px 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size:20px;
  transition: 0.4s; font-weight:500; position: relative;

}

.faq_box .active, .faq_box .accordion:hover {
  background-color: #F5D814 ; color: #131E26;
}

.faq_box .accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  position: absolute; top:12px; right: 20px; 
}

.faq_box .active:after {
  content: "\2212"; color: #fff;
}

.faq_box  .panel {
  padding:0px 20px;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.clear{display:block; clear:both; margin:0; padding:0;}
.clearfix:after
{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}

.clearfix{zoom:1}

/* sathyam styles 06-05-2020 */

.church-bio{ text-align: left; padding:37px 3.5% 48px 3.5%; background:#EEF9FD; display: flex; align-items: center;} 
.church-bio-left{ width:30%; text-align: center;}
.church-bio.friends-profile .church-bio-left{ width:50%;}
.church-img{ max-width:127px; margin:0 auto 8px auto;}
.church-img img{display: block; border-radius: 50%;  width: 149px; height: 149px; object-fit: cover; object-position: center;}
.church-bio-left h3{ font-size: 30px; color:#0061A6; letter-spacing: 1.6px; margin:0 0 47px 0;}
.church-bio-left h3 span{ display: block; font-size: 22px; letter-spacing: 1.2px;
  color: #131E26; font-weight: 400;}
.follow-church ul{ display:flex; justify-content: space-between; }
.follow-church ul li{ width:47.4%;}
.follow-church ul li a{ background: #0061A6; box-shadow: 0px 12px 24px #00000029; border-radius: 5px; font-size: 16px; letter-spacing: 0.9px; color: #FFFFFF; display: block; padding:1px 0 2px 0;}
.church-bio-right{ margin-left:auto; width:68.0%; position: relative; padding:21px 0 0 0;}
.share{ position: absolute; right:0; top:0;}
.anounce{position: absolute; right:25px; top:-17px;}
.church-bio-right .share{ right:-30px; top:-20px;} 
.church-bio-right h4{ font-size: 18px; font-weight: 500; color: #0061A6; margin:0 0 7px 0;}
.church-detail-content{ display: flex;   width:100%;}
.church-address{ background:#fff; width:50.9%;}
.church-address li{ min-height: 41px; font-size: 14px; line-height: 20px; letter-spacing: 0.95px;
  color: #131E26; position: relative; margin-bottom:40px; padding:0 30px 0 70px; word-wrap: break-word;}
  .church-address li a{ font-weight: 500; color: #131E26;}
  .church-address ul{ padding:48px 0 0 45px;}
  .church-address li:nth-child(1):before{content:' '; background:url(../images/ca1.png) no-repeat left center; box-shadow: 0px 8px 13px #11141C2B; width:40px; height:41px; position: absolute; left:0; top:50%; transform:translateY(-50%); border-radius:100%; }
  .church-address li:nth-child(2):before{content:' '; background:url(../images/ca3.png) no-repeat left center; box-shadow: 0px 8px 13px #11141C2B; width:40px; height:41px; position: absolute; left:0; top:50%; transform:translateY(-50%); border-radius:100%; } 
  .church-address li:nth-child(3):before{content:' '; background:url(../images/date.svg) no-repeat center center; box-shadow: 0px 8px 13px #11141C2B; width:40px; height:41px; position: absolute; left:0; top:50%; transform:translateY(-50%); border-radius:100%; }
  .church-address li:nth-child(4):before{content:' '; background:url(../images/bio.svg) no-repeat center center; box-shadow: 0px 8px 13px #11141C2B; width:40px; height:41px; position: absolute; left:0; top:50%; transform:translateY(-50%); border-radius:100%; }
.church-pastors{ width:47.8%; margin-left:auto;}
.church-pastor-box{ background:#fff;}
.church-pastor-img{ margin:0 20px 0 0;}
.church-pastor-img img{ width:40px; height:40px; border-radius:100%; box-shadow: 0px 8px 13px #11141C2B; object-fit: cover; object-position: center;}
.church-pastor-box{ display: flex; padding:28px 0 22px 27px;}
.church-pastor-box:nth-child(1){ margin:0 0 10px 0;}
.church-pastor-content h5{ font-weight: 700; font-size: 16px; letter-spacing: 0.85px;
  color: #0061A6;}
.church-pastor-content p{ font-size: 17px; line-height: 30px; letter-spacing: 0.95px;
  color: #131E26;}  
.church-bio.friends-profile{ justify-content: center; position: relative;}
.profile-friends{ position: absolute; right:50px; top:36px;}
.profile-friends a{ display: block; text-align: center;}
.profile-friends a img{ display:block; box-shadow: 0px 3px 6px #11141C1A;
  border: 1px solid #C7D6DC; width:63px; height:64px; border-radius:100%; object-position: center; object-fit:cover; margin:0 0 8px 0;}
.profile-friends span{ display: block; font-weight: 400; font-size: 13px; color: #131E26;}

/* sathyam styles 07-05-2020  */

input[type="checkbox"]{ width:auto; display:inline-block; margin-right:5px;}
input[type="checkbox"] + label{ display:inline-block; vertical-align: middle; margin-bottom: 3px;} 
.profile_box ul li.save.half-width{ width:48%;}
.profile_box ul li.save.half-width input[type="submit"]{ width:100%; padding:18px 0 22px 0; font-size: 26px;}
.profile_box ul li.save.half-width input[type="button"]{ width:100%; padding:18px 0 22px 0; font-size: 26px;}
.profile_box ul li.save.half-width button[type="submit"]{ width:100%; padding:18px 0 22px 0; font-size: 26px;     background: #0061A6;
  text-align: center;
  color: #fff;
  cursor: pointer;
  line-height:20px;
  border-radius:10px;
  font-weight: 600;
  margin-left: 50%;
  transform: translateX(-50%); border:none; outline:none;}  
.profile_box ul li.save.half-width button[type="submit"]:hover{ background:#f5d814; color:#0061A6 ;}
.profile_box ul li.range label{ display:flex; justify-content: space-between;}
.profile_box ul li.range input[type="range"]{ padding:0; }
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 9px;
  background: #ffffff;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}
.profile_box input[type=checkbox]{ width: auto;}
.profile_box li.adetails input[type=checkbox]{ width: 20px; height:20px; margin-right:10px;}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px; 
  background: #0061a6;
  cursor: pointer;
  border-radius:100%;
  border:3px solid #c79f00;
}

.slider::-moz-range-thumb {
  width: 23px;
  height: 23px;
  background: #0061a6;
  cursor: pointer;
  border-radius:100%;
  border:3px solid #c79f00;
}
.profile_box ul li.fees label{ font-size: 18px; font-weight: 500; color: #131E26; display: flex;  margin:0 0 14px 0; }
.profile_box ul li.fees label p#org_name{ margin-left:5px;}
.profile_box ul li.fees label span:last-child,.profile_box ul li.fees label input:last-child{ margin-left:auto;}
.profile_box ul li.total .total-bg{margin:0 0 10px 0; display: flex; justify-content: space-between; font-size: 36px; letter-spacing: 2.1px;
  color: #000000; font-weight: 700; background:#f5d814; box-shadow: 0px 6px 12px #00000029; padding:5px 22px 3px 27px;}
.profile_box ul li.total .total-bg a.popup{ margin-right: auto; margin-left: 5px; display: flex; align-items: center;}
.profile_box ul li.total .total-bg a.popup span.question-mark{ width:20px; height:20px; display:flex; align-items: center; justify-content: center; font-size:12px; color:#fff; background:#0061a6; border-radius:25px;}
.profile_box ul li.total .total-bg a.popup span.question-mark.mobile{ width:18px; height:18px; display:flex; align-items: center; justify-content: center; font-size:11px; color:#fff; background:#0061a6; border-radius:25px;}
.profile_box .small-text{ text-align: center; font-size:14px;}  
.church-project .church-bio{ background:url(../images/chruch_project_bg.png) no-repeat left top; background-size:cover;  background-position: left center; }
.church-project .church-bio .church-detail-content{ width:27.1%; margin-left:auto; flex-direction: column;}
.church-project .church-bio .church-detail-content .church-address{ width:100%; margin:0 0 10px 0;}
.church-project .church-bio .church-detail-content a.dontate-now{ font-weight: 600; font-size: 18px; letter-spacing: 1px;
  color: #FFFFFF; opacity: 1; background:#0061A6; box-shadow: 0px 12px 24px #00000029; border-radius: 10px; text-align: center; padding:11px 0 12px 0;}
.rec-box .update-content{ display: block; background: #F5D814; box-shadow: 0px 4px 5px #00000029; 
  padding: 30px 21px 34px 21px;}
 .church-bio + .welcome .rec-box .update-content{ max-height: 130px; overflow-y: auto;}
.rec-box .update-content .uc-date{ font-weight: 600; font-size: 16px; letter-spacing: 0px;
    color: #071C2A; margin:0 0 15px 0;}
.rec-box .update-content p{ font-size: 18px; font-weight: 400; line-height: 25px; color: #707070;}
.people-donated{ background:#EEF9FD; display:flex; justify-content: space-between; padding:25px 3% 25px 3%;}
.donated-value{ width:13%; text-align: center;}
.donated-value span.d_value{background:#0061a6; display:flex; align-items: center; justify-content: center; margin:0 auto; font-size: 54px; color:#fff; font-weight: 600; margin-bottom:7px;} 
.donated-value p{ font-size: 18px; line-height: 18px; font-weight: 600; color: #0061A6;}
.donated-members{ display:flex;}
.donated-members .donate-box{ width:132px; height:145px; display:flex; align-items: center; justify-content: center; border: 1px solid #707070; box-shadow: 0px 2px 4px #00000029; background: #FFFFFF; flex-direction: column; margin-right:12px;}
.donated-members .donate-box img{ width:58px; height:58px; border-radius:100%; box-shadow: 0px 8px 13px #11141C2B;
  border: 2px solid #131E2629; margin-bottom:10px;}
.donated-members .donate-box h6{ font-weight: 400; font-size: 16px; line-height: 24px; color: #707070;}

.special_causes .church-bio{ background:url(../images/chruch_project_bg.png) no-repeat left top; background-size:cover;  background-position: left center;  padding:19px 19px 19px 0; }
.special_causes .church-bio .church-address{ width:52.2%; margin-left:auto;}
.special_causes .church-bio .church-address ul{ padding:29px 0 30px 7.7%;  display:flex;}
.special_causes .church-bio .church-address ul li{ width:33.3%; margin:0; padding:60px 20px 0 0;}
.church-address li:nth-child(1):before,.church-address li:nth-child(2):before,.church-address li:nth-child(3):before,.church-address li:nth-child(4):before,.church-address li:nth-child(5):before{ top:0; left:0; transform: translateY(0);}
.special-fund-rise{ background: #EEF9FD; padding:30px;}
.raised-of label { display:flex; justify-content: space-between; margin:0 auto 5px auto; max-width:68.8%; }
.raised-of label span{ font-size: 26px; font-weight: 700; letter-spacing: 1.5px; color: #0061A6;}  
.raised-of label span:nth-child(2){ font-size: 20px; font-weight: 500; letter-spacing: 1.1px;
  color: #404A51;}
.raised-per{ width:100%; height:12px; border-radius:10px; background:#0061a6; overflow: hidden;} 
span.raised-count{ background:#f5d814; height:12px; border-radius:10px; display: block;}
.raised-of{ margin:0 0 36px 0;}
.raised-buttons{ display:flex; justify-content: center; margin:0 0 26px 0;}
.raised-buttons a{background: #FFFFFF; box-shadow: 0px 12px 24px #00000029; border-radius: 10px; font-size: 18px; color: #0061A6; text-align: center; padding:11px 73px 14px 73px; display: inline-block; margin:0 8px 0 8px; font-weight: 600;}
.raised-buttons a:nth-child(2){ background: #0061A6; color: #FFFFFF;}
.last-day{ text-align: center; font-size: 18px; font-weight: 400; color: #707070;}
.donated-members{ flex-wrap: wrap;}
.donated-members.dm-full{ width:83.7%; margin-left:auto;}
.donated-members.dm-full .donate-box{ width:100%; flex-direction: row; margin:0 0 12px 0; justify-content: normal; align-items: normal; text-align: left; height:auto; padding:21px 35px 21px 35px;}
.donated-members.dm-full .donate-box img{ float:left; margin-bottom:0; margin-right:25px;}
.donated-members.dm-full .donate-box h6{ font-weight:700; margin:0 0 2px 0;}
.donated-members.dm-full .donate-box p{ width:100%; font-size: 18px; color: #707070;}
.wallet1{ display:flex; padding:45px 4.2% 50px 3.9%;}
.wallet1.wallet-setup{ flex-wrap: wrap; justify-content: space-between; padding-bottom:0; ;}
.wallet1.wallet-setup .wallet1{ padding:0;}
.wallet1.wallet-setup .submit-wrap{ width:100%; text-align: center;}
.wallet1.wallet-setup .submit-wrap input[type="submit"]{ 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;
  letter-spacing: 1.5px;
  border:none; outline:none; cursor: pointer;
}
.wallet1.wallet-setup .submit-wrap input[type="submit"]:hover{ background:#f5d814;}
.wallet-left{ width:48.2%; background:#eef9fd; border-radius:5px; text-align: left; padding:40px 0 43px 75px; position: relative;}
.wallet-left a{ position: absolute; right: 40px; top:40px;}
.wallet-right.wallet-full{ width: 100%;}
.wallet-left ul{ display:flex;  height:100%; flex-direction: column;}
.wallet-setup .wallet-left{ margin:0 0 50px 0; position: relative}
.wallet-setup .wallet-left ul li{ margin:0 0 30px 0;}
.wallet-setup .wallet-right{  margin:0 0 50px 0;}
.wallet-left label{ font-size: 20px; font-weight: 500; letter-spacing: 0.88px; color: #131E26;}
.wallet-left span{ display: block; font-size: 20px; font-weight: 500; color: #0061A6;  }
.wallet-right{ width:48.2%; margin-left:auto; background:#0061a6; border-radius:5px; display:flex; 
  flex-direction: column; align-items: center; justify-content: center; min-height: 407px; position: relative; } 
.wallet-right span{ font-size: 35px; letter-spacing: 1.56px; color: #FFFFFF; font-weight: 600; }
.wallet-right img{ margin:0 0 18px 0;}
.wallet-right a.next{ position: absolute; display: block; right:32px; bottom:33px;}
.wallet-right a.next img{ margin:0 0 0 0;}
.page-title{ position:relative;}
.remove-button{ display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; right:0; margin-top:19px;}
.remove-button img{ margin:0 0 2px 0;}
.remove-button a{ font-size: 18px; letter-spacing: -0.38px; color: #131E26; opacity: 0.8;}
.wallet .wallet-right.wallet-full{ width:100%; min-height: 263px;}
.giving{ padding:52px 3.4% 63px 3.4%; display:flex; text-align: left;}
.giving-left{ width:46.3%; text-align: left;}
.giving-left ul li{ display:flex; justify-content: space-between; border-bottom: 1px solid #C7D6DC; padding-bottom:19px; padding-top:14px;}
.giving-left ul li label{ font-size: 20px; font-weight: 500; color: #131E26; padding-left:20px;}
.giving-left ul li span{ font-weight: 500; font-size: 20px; color: #0061A6; padding-right:18px;}
.giving-left ul li:last-child{ background: #0061A6; box-shadow: 0px 6px 12px #00000029; }
.giving-left ul li:last-child label{ font-weight: 700; letter-spacing: 1.15px; color: #F8FBFF;}
.giving-left ul li:last-child span{ font-weight: 700; letter-spacing: 1.2px; color: #F8FBFF;}
.giving-right{ width:50%; margin-left:auto; text-align: left; background: #EEF9FD; }
.giving-right ul{ text-align: left; padding:48px 7% 48px 7%;}
.giving-right ul li{ text-align: left; margin:0 0 8px 0;}
.giving-right ul li a{ font-size: 18px; font-weight: 400; color: #131E26; 
  background:url(../images/arrow.jpg) no-repeat 92% center #fff; box-shadow: 0px 2px 10px #E4E9F2BB; border: 1px solid #E4E9F29A; border-radius: 4px; display: block; padding:22px 0 24px 90px; position: relative;}
.giving-right ul li a:before{ content:''; position: absolute;  width:35px; height:100%; left:23px;}
.giving-right ul li:nth-child(1) a:before{  background:url(../images/giving1.jpg) no-repeat center top;}
.giving-right ul li:nth-child(2) a:before{ background:url(../images/notifications.png) no-repeat center top;}
.giving-right ul li:nth-child(3) a:before{ background:url(../images/giving2.jpg) no-repeat center top;}
.giving-right ul li:nth-child(4) a:before{ background:url(../images/giving3.jpg) no-repeat center top;}
.giving-right ul li:nth-child(5) a:before{ background:url(../images/giving4.jpg) no-repeat center top;}
.giving-right ul li:nth-child(6) a:before{ background:url(../images/giving5.jpg) no-repeat center top;}
.giving-right ul li:nth-child(7) a:before{ background:url(../images/notifications.png) no-repeat top left} 
.inner-content-box.search{ background: #EEF9FD; padding:65px 0 0 0; overflow: hidden; }
.search-input{ position: relative;}
.search-input{ width:100%; max-width: 776px; margin:0 auto 48px auto; display:inline-block;}
input[type="search"]{ -webkit-appearance: textfield;} 
.search-input input[type="search"]{ width:100%;  border: 2px solid #131E2647;
  border-radius: 100px; background:#fff;  font-size: 18px; font-weight: 600; color: #131E26; outline:none !important; padding:17px 17px 17px 71px !important;  }
  .search-input button[type="submit"]{ display:none;}
.search-ui{ background:#fff; box-shadow: 0px 3px 6px #00000029; display:flex; }
.search-ui .search-box{ width:50%; padding:20px; text-align: left;}
.search-ui .search-box label{
font-weight: 700 !important;
font-size: 16px !important;
letter-spacing: 0.9px;
color: #0061A6;
margin: 0 0 10px 0 !important;
display: block;
} 
.search-ui ul li a{ display: block; color:#131E26; padding:10px;}
.search-ui ul li a:hover{ display: block; background:#0061A6; color:#fff; padding:10px;}
.search .search-nav{ margin:0 0 85px 0; display: inline-block;}
 .search-nav ul{ display:flex; align-items: center; justify-content: center; flex-wrap: wrap;} 
.search-nav ul li{ margin:0 15px 20px;}
.search-nav ul li a span{  font-size: 14px; color: #131E26;}
.wallet-tab .tab{ padding:45px 0 0 0;}
.wallet-tab .tab button,.wallet-left input[type="submit"]{ color:#fff; outline: none;
  border: none;
  font-size: 16px;
  letter-spacing: 0.9px;
  background: #0061A6;
  display: inline-block;
  padding: 10px 20px;
  font-weight: 700;
  cursor: pointer;  box-shadow: 0px 12px 24px #00000029; margin:0 7px; border-radius:5px;}
  .wallet-tab .tab button.active,.wallet-tab .tab button:hover,.wallet-left input[type="submit"]:hover{ background:#f5d814;}
 .search-nav.u_circle ul li .img-wrap{ width:68px; height:68px; background: #FFFFFF; box-shadow: 0px 3px 6px #00000029;
border: 1px solid #C7D6DC; border-radius:100px; display:flex; align-items: center; justify-content: center; 
margin:0 auto 4px auto;} 
.search-nav ul li .img-wrap{ width:68px; height:68px; 
  border-radius:100px; display:flex; align-items: center; justify-content: center; 
  margin:0 auto 4px auto;}
.search-nav.u_circle ul li .img-wrap img{ max-width: 37px; height: auto; border-radius:0; object-fit: contain;}  
.search-nav ul li .img-wrap img{ max-width: 100%; height:100%; object-fit: cover; border-radius:100%;}
 .search-nav.u_circle ul li a:hover .img-wrap,.search-nav ul li a.active1 .img-wrap,.search-nav.u_circle ul li.active .img-wrap{ background:#0061A6;}  
.search-nav.u_circle ul li a:hover .img-wrap img,.search-nav ul li a.active1 .img-wrap img,.search-nav.u_circle ul li.active .img-wrap img{filter: brightness(0) invert(1);} 
.search-nav.u_circle ul li a:hover span,.search-nav ul li a.active1 span,.search-nav.u_circle ul li.active span{ color: #0061A6;} 
.search-content{ background:#fff; text-align: left;}
.search-content h3{ font-weight: 700; font-size: 16px; letter-spacing: 0.9px; color: #0061A6; margin:0 0 30px 0;}
.search-content{ padding:34px 5.3% 65px 5.3%;}
.recent-search-title{ display: flex; align-items: center; justify-content:space-between;}
.recent-search-title a.recent-search-clear{background: #0061A6;
  box-shadow: 0px 12px 24px #00000029;
  border-radius: 5px;
  font-size: 16px;
  letter-spacing: 0.9px;
  color: #FFFFFF;
  display: block;
  padding: 1px 10px 2px 10px;}
.search-content ul{ display:flex; justify-content: space-between; flex-wrap: wrap;}
.search-content ul li{ width:40.9%; display: flex; align-items: center; border-bottom:2px solid #dae4e8; padding:12px 0; }
.search-content ul li img{ margin:0 23px 0 0; border-radius: 50%;box-shadow: 0px 8px 13px #11141C2B; border:1px solid #ccc ;}
.search-content ul li:nth-last-child(1),.search-content ul li:nth-last-child(2){ border-bottom:none;}
.search-content ul li a{ font-size: 17px; color: #131E26;}
.search-content ul li a:hover{ color: #0061A6;}
.search-tabs2{ display:flex; width:100%; max-width: 1240px; margin:0 auto; justify-content: space-between; align-items: center;}
.search-tabs2 .tab{ display: flex;}
.search-tabs2 .tab button{ background:none; outline: none; border:none; font-size: 16px;  letter-spacing: 0.9px; color: #0061A6; display: inline-block; padding:24px 34px 27px 33px;  font-weight: 700; cursor: pointer; }
.search-tabs2 .tab button:hover,.search-tabs2 .tab button.active{  background: #FFFFFF}
.fiter a{ font-size: 13px; font-weight: 400; letter-spacing: 0.75px; color: #0061A6; background:url(../images/filter.svg) no-repeat 22px 11px #fff; box-shadow: 0px 12px 24px #00000029; border-radius: 10px; padding:5px 28px 5px 37px;}
.search-tab-content{ background:#fff; text-align: left; padding:55px 5% 28px 5%;}
.search-tab-content .donate-box{ display:flex; justify-content: inherit; align-items: center; flex-direction: row; flex-wrap:wrap ; width:23%; margin-right:2%; margin-bottom:28px; height:auto; padding:19px 0 18px 26px;}
.search-tab-content .donate-box img{ margin:0 25px 0 0;}
.search-tab-content .donate-box:nth-child(4n){ margin-right:0;}
.search-tab-content  .donated-members .donate-box h6{ font-weight: 700; color: #0061A6; font-size: 18px; }
.search-tab-content  .donated-members .donate-box p{ font-size:13px; font-weight: 400; color: #707070; word-break: break-all;} 
.alphabet ul{ display:flex; justify-content: center; text-transform: uppercase;  flex-wrap: wrap;}
.alphabet{ margin-top:-48px; margin-bottom:30px;}
.alphabet ul li{ margin-right:4px;}
.alphabet ul li a{ font-size: 16px; color: #F5D814;  border-radius:100px; width:40px; height:40px; display:flex; justify-content: center; align-items: center; border: 2px solid transparent;}
.alphabet ul li a:hover,.alphabet ul li.active a{ border: 2px solid #F5D814;}
.search-tab-content h3{ font-weight: 700; font-size: 16px; letter-spacing: 0.9px; color: #0061A6; margin:0 0 30px 0;}
.inner-content-box.search.friends{ padding-top:0; }
.friends .alphabet{ padding:44px 0 44px; margin:0 0 0 0;}
.dm-full-wrap{ width: 65%; float: right;}
/* venkatesh styles*/

.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;}
.contact_top{ margin-bottom: 30px; border:1px solid #707070; border-radius: 10px; display: flex; align-items: center; justify-content: center; text-align: center;}
.contact_left{border-right:1px solid #707070; padding: 30px; width: 50%;}
.contact_right{padding: 30px; width: 50%;}
.contact_top p{ font-size: 22px; line-height: 34px; margin: 0px; padding: 0;letter-spacing: 0.88px;
  color: #131E26; font-weight: 600;}
.contact_top p a{color: #0061A6; display: block;}
.contact_top p a:hover{ color:#f5d814;}
.contactform{background: #EEF9FD; padding:50px;}
.contactform ul li{ padding-bottom: 20px; width:40%; position: relative;}
.contactform ul li label.error{ position: absolute; left:0; font-size: 12px !important;}
.contactform ul li:nth-child(4){ margin-top: -288px;}
.contactform ul li:nth-child(5){ margin-top: -59px;}
.contactform ul li:nth-child(4),.contactform ul li:nth-child(5){ float:right; width: 57%;}
.contactform label{ font-size:18px;color: #0061A6; display: block; padding-bottom: 6px; font-weight: 600;}
.contactform input{ width:100%; border:none; background:#FFFFFF; outline: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 20px; line-height: 20px;  padding:12px 12px 12px 26px;; margin: 0px;}
.contactform textarea{ width:100%; border:none; background:#FFFFFF; outline: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 20px; line-height: 20px;  padding:12px 26px;; margin: 0px; height: 135px;font-family: 'Poppins', sans-serif;}
.contactform input[type="submit"]{background: #0061A6; text-align: center; color: #fff; cursor: pointer; font-size:20px; font-weight:600; letter-spacing: 2px; text-transform: uppercase;}
.contactform input[type="submit"]:hover{background: #F5D814; color: #0061A6;}

.range .ui-widget-header{ background:#0061a6;} 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background:#fff!important; color:#0061a6; width:40px !important; text-align: center; line-height: 40px !important;}

.sign_history{background: #EEF9FD; padding:50px 50px 0px; display: flex; flex-wrap:wrap; justify-content: space-between;} 
.history_box{ width: 48%;background: #FFFFFF; box-shadow: 0px 18px 24px #15181A1C; border: 1px solid #0061A65C; border-left: 4px solid #F5D814; padding:30px 30px 30px; margin-bottom: 50px;}
.history_box .location{ background:url(../images/track.png) no-repeat left 0px; padding:0px 0px 20px 45px;}
.history_box .location p{color: #131E26; font-size: 24px; font-weight:400; line-height: 34px;}
.history_box .time_date{ display: flex; justify-content: space-between;}
.history_box .time_date p{ width:48%; font-size: 17px;color: #131E26; font-weight:400; margin: 0px; padding: 0px 0px 20px 35px;}
.history_box .time_date p:nth-child(1){background:url(../images/date.png) no-repeat left 4px;}
.history_box .time_date p:nth-child(2){background:url(../images/clock.png) no-repeat left 4px;}
.history_box .ap_ph{ background:url(../images/responsive.png) no-repeat left 6px; padding:0px 0px 20px 35px;}
.history_box .ap_ph p{font-size: 16px;color: #131E26; font-weight:400; margin: 0px; padding: 0px;}

.profile_box{background: #EEF9FD; padding:30px 6%;}
/* .profile_box form{ overflow: hidden;} */

.profile_box ul{ display: flex; flex-wrap: wrap; justify-content:space-between;}
.profile_box ul li{ padding-bottom: 30px; width: 48%; position: relative;}
.profile_box ul li label.error{ position: absolute; left:0; font-size: 14px !important; color: red;;}
.profile_box ul li.cardNumber{ display: flex; justify-content: space-between;}
.profile_box ul li.cardNumber > div{ width:49%;}
.profile_box ul li.fees label a{     border: 1px solid #0061a6;
  color: #0061a6;
  border-radius: 50%;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  margin-top: 5px; cursor: pointer; font-size: 12px;}
  .popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 9999;
   
  }
  
  /* The actual popup */
  .popup .popuptext {
    visibility: hidden;
    width: 350px;
    background-color: #0061a6;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 151%;
    left: 50%;
    margin-left: -75px !important;
    font-size:14px;
    line-height: 21px;
    padding:15px;
    font-weight:normal;
    letter-spacing: 0;
  }
  
  /* Popup arrow */
  .popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -30px;
    border-width: 5px;
    border-style: solid;
    border-color: #0061a6 transparent transparent transparent;
  }
  
  /* Toggle this class - hide and show the popup */
  .popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }
  #hide-div{ display:none; position: fixed; top: 0;
    bottom: 0;
    left: 0;
    right: 0;
     z-index: 1;} 
     #hide-div.show{ display: block;}
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
  }
  
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }
  ::-webkit-input-placeholder { /* Edge */
    color: lightgray !important;
    opacity: 1 !important;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: lightgray !important;
    opacity: 1 !important;
  }
  
  ::placeholder {
    color: lightgray !important; 
    opacity: 1 !important;
  }
.profile_box ul li.fees span#totalPercentage{ margin-left:auto;}
.profile_box ul li.adetails{ margin:43px 0 0 0;} 
.profile_box ul li.save{ width: 100%;}
.profile_box label{ font-size:18px;color: #0061A6; display: block; padding-bottom: 6px; font-weight: 600;}
.profile_box input{ width:100%; border:none; background:#FFFFFF; outline: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 20px; line-height: 20px;  padding:12px 12px 12px 26px;; margin: 0px;}
.expiry-wrapper{ display:flex; justify-content:space-between;} 
.profile_box .expiry-wrapper select{ width:49%;}
.profile_box select{ width:100%; border:none; background:#FFFFFF; outline: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 14px; line-height: 20px;  padding:12px 12px 12px 26px;; margin: 0px; -webkit-appearance:none; appearance: none;}
.profile_box textarea{ width:100%; border:none; background:#FFFFFF; outline: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 20px; line-height: 20px;  padding:12px 26px;; margin: 0px; height:100px;font-family: 'Poppins', sans-serif;}
.profile_box input[type="submit"]{background: #0061A6; text-align: center; color: #fff; cursor: pointer; font-size:20px; font-weight:600; width: auto; padding: 10px 60px; margin-left: 50%; transform: translateX(-50%); }
.profile_box input[type="submit"]:hover{background: #F5D814; color: #0061A6;}

.profile_box input[type="button"]{background: #0061A6; text-align: center; color: #fff; cursor: pointer; font-size:20px; font-weight:600; width: auto; padding: 10px 60px; margin-left: 50%; transform: translateX(-50%); }
.profile_box input[type="button"]:hover{background: #F5D814; color: #0061A6;} 
.profile_box ::-webkit-input-placeholder {color:#212121; opacity:.3;}
.profile_box :-moz-placeholder {color:#212121; opacity:.3;}
.profile_box ::-moz-placeholder {color:#212121; opacity:.3;}
.profile_box :-ms-input-placeholder {color:#212121; opacity:.3;}

.faq_main{background: #EEF9FD; padding:30px;display: flex; flex-wrap: wrap; justify-content: space-between;}
.faq_left,.faq_right{ width: 48%; }
.faq_box{box-shadow: 0px 3px 12px #00000029; margin-bottom: 20px; background: #fff;}


.faq_box p{ margin:15px 0px; font-size: 14px; line-height: 23px;color: #0061A6; font-weight:500;}

.faq_box .accordion { background-color: #fff;
  color: #444;
  cursor: pointer;
  padding:15px 50px 15px 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size:16px;
  line-height: 22px;
  transition: 0.4s; font-weight:500; position: relative;

}

.faq_box .active, .faq_box .accordion:hover {
  background-color: #F5D814 ; color: #131E26;
}

.faq_box .accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  position: absolute; top:12px; right: 20px; 
}

.faq_box .active:after {
  content: "\2212"; color: #fff;
}

.faq_box  .panel {
  padding:0px 20px;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.clear{display:block; clear:both; margin:0; padding:0;}
.clearfix:after
{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.clearfix{zoom:1}

.about_main{background: #EEF9FD; padding:50px 50px 30px;}
.about_main ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.about_main ul li{ width:48%; padding-bottom: 20px;} 
.about_main ul li a{ background: #fff; padding: 10px 25px; color: #131E26;box-shadow: 0px 2px 10px #E4E9F2BB; border: 1px solid #E4E9F29A; border-radius: 4px; font-size: 21px; font-weight:500; display: block; }
.about_main ul li a span{ float:right; color: #C79F00;}
.about_main ul li a:hover{ background: #C79F00; color: #fff;}
.about_main ul li a:hover span{color: #fff;}
.about_main.security ul li{ width: 100%;}

.notification_main{background: #EEF9FD; padding:50px 50px 30px;}
.notification_box{ background: #fff; padding: 10px 25px; color: #131E26;box-shadow: 0px 2px 10px #E4E9F2BB; border: 1px solid #E4E9F29A; border-radius: 4px; font-size: 21px; font-weight:500; display: flex;  margin-bottom: 20px;}
.notification_box.privacy_main{ display:flex; align-items: center;}
.notification_box.privacy_main h5{ width:auto; float:none; font-size: 16px;}
.notification_box.privacy_main .public_private{ margin-left:auto;}
.notification_box.privacy_main .public_private .pp_radio{ margin-bottom:0;}
.notification_box h5{ width:67%; float:left; font-size: 21px; margin: 0px; padding: 0px; font-weight: 500;}

.notification_box .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-left:auto; 
}

.notification_box .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.notification_box .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; height:32px!important;
}

.notification_box .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color:#F5D814 
}

input:focus + .slider {
  box-shadow: 0 0 1px #F5D814 ;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.notification_box .slider.round {
  border-radius: 34px;
}

.notification_box .slider.round:before {
  border-radius: 50%;
}
.public_private{ float: right;}

.pp_radio {
  display:inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size:16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; margin-left: 20px;
}
.public_private .pp_radio{ padding-left:0; padding-right:35px;}
.public_private .pp_radio .checkmark{ left:inherit; right:0; top:50%; transform: translateY(-50%);}

.pp_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.pp_radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: none;
  border-radius: 50%; border:1px solid #caa510;;
 }


.pp_radio:hover input ~ .checkmark {
  background-color:none;
  padding:1px;
}


.pp_radio input:checked ~ .checkmark {
  background-color: none;
}


.pp_radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.pp_radio input:checked ~ .checkmark:after {
  display: block;
}

.pp_radio .checkmark:after {
 	top: 1px;
	left: 1px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #f5d814; 
}
.page-title{ position: relative;}
.page-title .login{ position: absolute; right: 10px; top: 47px; background:url(../images/login.png) no-repeat top center; padding:35px 0px 0px;}
.page-title .login a{ color: #131E26;}
.settings_main{background: #EEF9FD; padding:50px 50px 30px;}
.settings_main ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.settings_main ul li{ width:48%; padding-bottom: 20px;} 
.settings_main ul li a{ background: #fff; padding: 15px 25px 15px  70px; color: #131E26;box-shadow: 0px 2px 10px #E4E9F2BB; border: 1px solid #E4E9F29A; border-radius: 4px; font-size: 21px; font-weight:500; display: block; position: relative; }
.settings_main ul li:nth-child(1) a:before {background:url(../images/account.png) no-repeat top left; position: absolute; left:20px; top:16px; content:""; width: 32px; height: 32px;}
.settings_main ul li:nth-child(2) a:before {background:url(../images/notifications.png) no-repeat top left; position: absolute; left:20px; top:16px; content:""; width:30px; height:33px;}
.settings_main ul li:nth-child(3) a:before {background:url(../images/locationservices.png) no-repeat top left; position: absolute; left:20px; top:16px; content:""; width:30px; height:38px;}
.settings_main ul li:nth-child(4) a:before {background:url(../images/languages.png) no-repeat top left; position: absolute; left:20px; top:16px; content:""; width:33px; height:38px;}
.settings_main ul li:nth-child(5) a:before {background:url(../images/privacy.png) no-repeat top left; position: absolute; left:20px; top:13px; content:""; width:27px; height:39px;}
.settings_main ul li:nth-child(6) a:before {background:url(../images/help.png) no-repeat top left; position: absolute; left:20px; top:16px; content:""; width:34px; height:34px;}
.settings_main ul li:nth-child(7) a:before {background:url(../images/security.png) no-repeat top left; position: absolute; left:20px; top:13px; content:""; width:34px; height:40px;}
.settings_main ul li:nth-child(8) a:before {background:url(../images/about.png) no-repeat top left; position: absolute; left:20px; top:13px; content:""; width:28px; height:40px;}

.settings_main ul li:nth-child(9) a:before {background:url(../images/s15.png) no-repeat top left; position: absolute; left:28px; top:22px; content:""; width:21px; height:21px;}



.settings_main ul li a span{ float:right; color: #C79F00;}
.settings_main ul li a:hover{ color: #C79F00;}
.settings_main h6{ text-align: center; margin-top:30px;} 
.settings_main h6 { display:flex; justify-content: space-between;} 
.settings_main h6 div{ width:100%; text-align: center;}
.settings_main h6 div:nth-child(2){text-align: left;}
.settings_main  h6 a{background: #0061A6;box-shadow: 0px 12px 24px #00000029;border-radius: 5px; padding: 10px 60px 10px; color: #fff; font-size:19px; font-weight: 600; display: inline-block; }
.settings_main  h6 a:hover{background: #F5D814; color: #0061A6;} 

.report_main{ display: flex; flex-wrap: wrap; }
 .report_box{ width:23%; margin: 0px 1% 20px;  border: 1px solid #0061A65C; display: flex; padding: 20px; border-radius: 8px;box-shadow: 0px 9px 12px #15181A1C; text-align: left;}
 .report_main h5{ color:#0061A6; margin-bottom: 5px; font-size:18px; font-weight: 500;}
 .report_main p{ color: #707070; margin-bottom:10px; font-size:14px; font-weight:400;}
 .report_img{}
 .report_img img{ width:52px; height:52px; border-radius: 50%; border:2px solid #ccc; margin: 0 20px 20px 0px;}
 .r_box h4{color: #0061A6; font-size: 18px; font-weight: 700; margin-bottom: 20px; margin-left: 1%; text-align: left;}
 .r_top select{ width:300px; border:none; background:#FFFFFF; outline: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 20px; line-height: 20px;  padding:12px 12px 12px 26px;; margin: 0px; appearance: none; margin-left: 20px; -webkit-appearance:none; -moz-appearance: none;}
 .r_box{ padding: 30px;}
 .r_top{background: #EEF9FD; padding:50px 50px;}
 .r_top label{color: #0061A6; font-size: 20px; font-weight: 600;}
 .donation_main{ display: flex; flex-wrap: wrap; justify-content: space-between;}
 .d_box{ width: 48%; margin-bottom: 30px;background: #EEF9FD;border-radius: 10px; padding: 20px; display: flex;}
 .d_img{ width: 20%; margin-right:20px;}
 .d_img img{ width: 100%; width:100px; height:100px; object-fit: cover; border-radius: 50%;box-shadow: 0px 10px 18px #0000001F; border: 2px solid #C79F00;}
 .donation_main h5{ color:#0061A6; margin-bottom: 0px; font-size:22px; font-weight: 500;}
 .donation_main p{ color: #131E26; margin-bottom:0px; font-size:18px; font-weight:400;}
 .donation_main h6{ color:#0061A6; margin-bottom: 5px; font-size:18px; font-weight:700; letter-spacing: .9px;}
 .donation_main big{ color:#fff; margin-bottom: 5px; font-size:30px; font-weight:600; display: block; text-align: center; line-height: 35px;}
 .donation_main small{ letter-spacing: 0.9px;color: #F5D814;margin-bottom: 5px; font-size:16px; font-weight:700; display: block; text-align: center;   } 
 .d_content{ width: 50%;}
 .dp_text{ margin-left: auto;background: #0061A6; border-radius: 10px; padding:20px; display: flex; flex-direction: column;  justify-content: center;  align-items: center;}
 .d_reports{ position: absolute; top:50px; right: 10px; text-align: center;}
 .d_reports img{ display: block; margin:0 auto 5px;}
 .d_reports a{color: #131E26;}
 .filter_main{ padding: 30px; display: flex; flex-wrap:wrap;}
 .filter_box{ width: 23%; margin: 0px 1% 30px;box-shadow: 0px 3px 5px #00000029;background: #F5D814}
 .filter_box img{ width: 100%; height: 161px; object-fit: cover; object-position: center;}
 .filter_box h4{ font-size: 16px; margin: 10px 0px; font-weight: 600;color: #071C2A; text-align: center; }
 .filter_img{ position: relative;}
 .filter_img h5{ position: absolute; top: 50%; transform: translateY(-50%); left: 0px; text-align: center; width: 100%;}
 .filter_img h5 span{ background:#0061A674; color:#fff; display: inline-block; padding:5px 10px; font-size:35px; font-weight: 600;}

 .rdch{ display: flex; flex-wrap:wrap; background: #EEF9FD;border-radius: 10px; padding:30px; position: relative;}
 .rdc_box{ width: 33.3%; padding:20px;} 
 .rdc_box img{ margin-bottom: 10px;}
 .rdc_box h5{letter-spacing: 0px; color: #0061A6; font-size: 20px; margin-bottom: 5px; font-weight: 500;}
 .rdc_box h4{color: #424B51; font-size:18px; margin-bottom: 10px; font-weight: 500;}
 .rdc_box p{color: #0061A6; font-size:16px; margin-bottom: 10px; font-weight:400;}
 .rdch .ed_img{ position: absolute; right:30px; top:15px;}


 .rd_main{ padding: 40px 30px 30px 30px; display: flex; flex-wrap:wrap; border-bottom:80px solid #eef9fd; border-left:50px solid #eef9fd; border-right:50px solid #eef9fd;} 
 .rd_main label{ width:100%; display:block; text-align: center;}
 .rd_box{ width:31%; margin: 0px 1% 30px;box-shadow: 0px 3px 5px #00000029;background: #F5D814}
 .rd_box img{ width: 100%; height:284px; object-fit: cover; object-position: center;}
 .rd_box h4{ font-size: 16px; margin: 10px 0px; font-weight: 600;color: #071C2A; text-align: center; }
 .rd_img{ position: relative;}
 .rd_img h5{ position: absolute; top: 50%; transform: translateY(-50%); left: 0px; text-align: center; width: 100%;}
 .rd_img h5 span{ background:#0061A674; color:#fff; display: inline-block; padding:5px 10px; font-size:25px; font-weight: 600;}
 .rd_img h5 span strong{font-size:35px; display: block;}
 .tc_main{background: #EEF9FD; padding:50px 5%;}

 .tc_main ul{ display: flex; flex-wrap: wrap; justify-content:space-between; padding-bottom: 40px;}
.tc_main ul li{ padding-bottom: 30px; width: 48%;}
.tc_main ul li.save{ width: 100%;}
.tc_main label{ font-size:18px;color: #0061A6; display: block; padding-bottom: 6px; font-weight: 600; }
.tc_main label.ct{ text-align:center!important; font-size: 20px!important;}
.tc_main input{ width:100%; border:none; background:#FFFFFF; outline: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; font-size: 20px; line-height: 20px;  padding:12px 12px 12px 26px;; margin: 0px;}
.calculator-buttons{ display: flex; justify-content: center; align-items: center; margin-top:30px;}
.calculator-buttons a.calculator-save,.calculator-buttons a.calculator-clear{  cursor: pointer;   background: #0061A6;
  box-shadow: 0px 12px 24px #00000029;
  border-radius: 5px;
  font-size: 16px;
  letter-spacing: 0.9px;
  color: #FFFFFF;
  display: block;
  padding: 1px 10px 2px 10px;
  margin:0 5px;
}
.donation-active-inactive{ display: flex; background:#ffffff; border-radius:5px 5px 0 0; margin-bottom:-50px; margin-top:10px; 
  -webkit-box-shadow: 10px 20px 15px -15px #00000029;
	   -moz-box-shadow: 10px 20px 15px -15px #00000029;
	        box-shadow: 10px 20px 15px -15px #00000029;}
.donation-active-inactive a.donation-active,.donation-active-inactive a.donation-inactive{
  cursor: pointer;
 
    outline: none;
    border: none;
    font-size: 16px;
    letter-spacing: 0.9px;
    color: #0061a6;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    font-weight: 700;
    cursor: pointer;
    margin:0px 20px 0 0;
}
.donation-active-inactive a.donation-active:hover,.donation-active-inactive a.donation-inactive:hover,.donation-active-inactive a.active{ background:#0061a6; color:#ffffff; border-radius:5px 5px 0 0;}
.tc_main .slidecontainer {
  width: 100%;
}
.tc_main .slidecontainer input{ padding: 0px; box-shadow:none;}

.tc_main .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.tc_main .slider:hover {
  opacity: 1;
}

.tc_main .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #F5D814;
  cursor: pointer;
}

.tc_main .slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #F5D814;
  cursor: pointer;
}

.value_main{ display: flex; justify-content: space-between; padding: 50px 0px;}
.value_box{ width: 31%; background: #fff; border-radius: 10px; padding: 10px 20px;}
.value_box h4 span{color: #0061A6; float:right;}  

.p_bar_main{width: 100%; max-width:500px; margin: 0 auto 50px;background-color: #ddd; border-radius: 10px; overflow: hidden;}
.p_bar {width: 50%; background: rgba(254,38,27,1);
  background: -moz-linear-gradient(left, rgba(254,38,27,1) 0%, rgba(245,215,20,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,38,27,1)), color-stop(100%, rgba(245,215,20,1)));
  background: -webkit-linear-gradient(left, rgba(254,38,27,1) 0%, rgba(245,215,20,1) 100%);
  background: -o-linear-gradient(left, rgba(254,38,27,1) 0%, rgba(245,215,20,1) 100%);
  background: -ms-linear-gradient(left, rgba(254,38,27,1) 0%, rgba(245,215,20,1) 100%);
  background: linear-gradient(to right, rgba(254,38,27,1) 0%, rgba(245,215,20,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe261b', endColorstr='#f5d714', GradientType=1 ); padding: 10px 0px; border-radius: 10px;}

.tc_main h6{ text-align: center;color: #707070; font-size: 20px; font-weight: 400;}
.wallet_main{display:flex;flex-wrap:wrap; justify-content:space-between;}
.wallet_box{position:relative;background: #EEF9FD;border-radius: 10px; padding:50px; width:48%;}
.wallet{ position: absolute; top: 20px; right: 20px;}
.wallet_box p{ font-size: 22px; font-weight: 600; margin-bottom: 30px;color: #131E26;}
.wallet_box p span{ display: block;color: #0061A6;}
.wallet_main h6{ text-align:center; width: 100%; margin: 40px 0px;}
.wallet_main  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;letter-spacing: 1.5px;}
.wallet_main  h6 a:hover{background: #F5D814; color: #0061A6;}

#btnSubmit{ background:url(../images/search.png) no-repeat; width:21px; height:21px; position: absolute; left:27px; top:20px; border:none; outline: none; cursor: pointer; text-indent:-9999px; }
.search-tab-content .donate-box a{ display: flex;}
.signin-form li .form-gender {
  width: 49%;
}

.signin-form li .form-gender label {
  width: 100%;
  display: block;
  text-align: left;
  padding-left:5px; margin-bottom:10px;
} 
.signin-form li .form-gender select{ width: 100%;
  border: none;
  background: none;
  outline: none;
  height: 50px;
  line-height: 50px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  font-size: 20px;
  line-height: 49px;
  padding: 0 0 0 26px;}
  .signin-form li .form-gender input{ width:100%;}
  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;} 

#pageloader
{
  background: rgba( 255, 255, 255, 0.8 );
  height: 100%;
  display:none;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#pageloader img
{
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  position: absolute;
  top: 50%;
}

#pageloader h2
{
  left: 50%;
  margin-left: -110px;
  margin-top: 50px;
  position: absolute;
  top: 50%;
}


.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* signup form */
.login-content.signin2 h3{ font-size: 20px; margin-bottom: 10px;}
.login-content.signin2 .chosen-results li{ text-align: left !important;} 
.container-signin {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400 !important;
  font-family: 'Poppins', sans-serif !important; 
}

/* Hide the browser's default radio button */
.container-signin input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width:0 !important; 
}

/* Create a custom radio button */
.container-signin .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
  transform: translateX(0);
}

/* On mouse-over, add a grey background color */
.container-signin:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-signin input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container-signin .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-signin input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
/* .container-signin .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}   */
#field, label{ font-family: 'Poppins', sans-serif !important; float:none !important; font-weight: 500 !important; font-size: 16px !important;}
.login-form p{ text-align: center; font-size: 16px; margin-bottom: 20px;} 

/* ios */

.inner-content-box.inner.donation-ios{ padding:0px; max-width: 500px; width:98%; margin:0 auto; overflow: hidden;} 
.inner-content-box.inner.donation-ios .profile_box{ padding:30px;}
.inner-content-box.inner.donation-ios .profile_box ul li{ padding-bottom:20px; width:100%;}
.inner-content-box.inner.donation-ios .profile_box ul li.expiredate .expiry-wrapper .select{ width:49%;}
.inner-content-box.inner.donation-ios .profile_box ul li.expiredate .expiry-wrapper .select select{ width:100%;}
.inner-content-box.inner.donation-ios .profile_box label{ font-size:14px !important;}
.inner-content-box.inner.donation-ios .profile_box select,.profile_box input{ border-radius:5px; border:1px solid #bfc4c8;   padding:10px 21px; font-size: 14px; box-shadow: none;} 


.inner-content-box.inner.donation-ios .profile_box ul li.total .total-bg{ font-size: 22px; letter-spacing: 0; padding:10px 25px !important;}
.inner-content-box.inner.donation-ios .profile_box ul li.total .total-bg a.popup{ margin-right: auto; margin-left: 5px;}
.inner-content-box.inner.donation-ios .profile_box ul li.save.half-width button[type="submit"], .inner-content-box.inner.donation-ios .profile_box ul li.save.half-width input[type="button"]{ font-size:22px; letter-spacing: 0; border-radius:5px;}
body .custom-file-input:lang(en)~.custom-file-label::after{ content:"Upload";} 
.inner-content-box.inner.donation-ios .select{ position: relative;}
.inner-content-box.inner.donation-ios .select:before{ content:' '; position: absolute; right:22px; top:17px; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:8px solid #9ba2a7; }
.inner-content-box.inner.donation-ios .profile_box ul li.save.half-width input[type="button"],.inner-content-box.inner.donation-ios .profile_box ul li input[type="date"]{ -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;}
  .inner-content-box.inner.donation-ios .profile_box ul li input[type="date"]{ min-height: 42px; color:#878d92 !important}
  .inner-content-box.inner.donation-ios .profile_box ul li.fees{ padding-bottom:0; background:#fff;}
  .inner-content-box.inner.donation-ios .profile_box ul li.fees label{ padding:13px 24px 13px 30px; margin:0; border-top:1px solid #e0e8ec; justify-content: inherit;}
  .inner-content-box.inner.donation-ios .profile_box ul li.fees label span:last-child,.inner-content-box.inner.donation-ios .profile_box ul li.fees label input:last-child{ margin-left:auto;}  
  .inner-content-box.inner.donation-ios .profile_box ul li.fees label p#org_name{ margin-left:4px;}
  .inner-content-box.inner.donation-ios .profile_box .page-title{ min-height: auto; margin-bottom: 30px;}   
  .inner-content-box.inner.donation-ios .profile_box ul li.cardNumber div:nth-child(1){ width:75%;}
  .inner-content-box.inner.donation-ios .profile_box ul li.cardNumber div:nth-child(2){ width:24%;}

  optgroup:empty {
    display: none
  }
 

  .custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
  }
  .custom-file-input::before {
    content: 'Upload';
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 20px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
  }
 
 

  

.range-wrap{
    width: 100%;
    position: relative;
}
.range-value{
    position: absolute;
    top: -50%;
}
.range-value span{
    width: 30px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #03a9f4;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -100%);
    border-radius: 6px;
}
.range-value span:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #03a9f4;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}
.inner-content  .modal-footer a.btn-primary{ background:#0061A6; padding:10px 25px; border-radius:10px; font-weight: 600; font-size: 14px;}  
.inner-content  .modal-footer button,.inner-content .donation-ios .modal-footer button:hover{ background:none!important; color:#000 !important;  font-size: 14px;} 
.inner-content .modal{ z-index: 999999;}
.inner-content .modal.show{ display: flex !important; align-items: center; justify-content: center; margin: 0 !important;}	
.inner-content .modal.show .modal-dialog{ margin: 0 !important  ;}	
.inner-content .modal-content{ width:92%; margin:0 auto !important;}
.inner-content .modal-content h4{ font-size: 18px;}
.inner-content .modal-content .modal-body{ font-size: 14px;}
#desc-slide{ display: none; margin-bottom: 20px;} 
.rec-box-container h3.desc-btn{ display: inline-block; position: relative; cursor: pointer;}
.rec-box-container h3.desc-btn:before{ content:' '; position: absolute; right:-20px; top:5px; border: solid #0061A6; padding:4px; display: inline-block;  border-width:0 2px 2px 0; transform:rotate(45deg); }
.rec-box-container h3.desc-btn.show:before{ transform:rotate(-135deg); top:10px}
.donated-members h6{ font-size:16px;}
.ui-datepicker table{ table-layout: fixed !important;}
#ui-datepicker-div{ z-index: 999999999999 !important;}
.org_type{ display: flex; align-items: center; justify-content: center;}
.org_type label{ margin-right:10px; }
.org_type label input{ width:16px !important; display: inline-block; vertical-align: middle;  margin:0 5px;}

.rd_history {background: #fff;padding: 20px; text-align: left; margin-top:-7px;}
.rd_history h3{font-weight:700; font-size:18px;  color: #0061A6;  display: block; margin-bottom:10px; width:100%; text-transform: uppercase;}
.rd_date_main{display: flex; flex-wrap:wrap;}
.rd1,.rd2{ width:50%;}
.rd_history p{color:rgba(0,0,0,0.8);font-weight:400; font-size: 16px;}
.rd_history p span{ display:block; color:rgba(0,0,0,1); font-weight:500;}
h2.bp{ padding-bottom:30px;}
.rdtable{ width:100%;}
.rdtable tr th{ padding: 10px 30px; font-weight:700; font-size: 18px; color: #000;}
.rdtable tr td{ padding: 10px 30px; font-weight:500; font-size: 18px; color: #0061A6; background:#fff;}
.cn_img {position: absolute;right: 125px;top: 15px;}


.church-address h6{text-align:center;width:100%; padding-bottom:25px;}
.org_view_more{background:#0061A6; box-shadow:0px 12px 24px #00000029; border-radius:5px; font-size:16px;letter-spacing: 0.9px;color:#FFFFFF;
  display:inline-block;padding:4px 30px 4px; font-weight:400;}
 .creative_ticket{ position: absolute; top:66px; right:20px;} 
 .creative_ticket a{background:#0061A6;color:#FFFFFF; font-size:18px; font-weight:600; padding:5px 20px;}
 .r_box.ticket_table table{ width:100%;}
 .r_box.ticket_table table tr th{color: #0061A6; font-weight:700; font-size:16px; padding: 10px; text-align: center;}
 .r_box.ticket_table table tr td{ font-weight:500; font-size:16px; padding: 10px; text-align:center; text-align:center;}
.view_btn{background:#0061A6;color:#FFFFFF; font-size:18px; font-weight:500; padding:5px 20px; border-radius:5px;}

.ticket_main {display: flex;flex-wrap: wrap; justify-content: space-between;}
.ticket_box{ width: 31%;border-radius: 8px; box-shadow: 0px 12px 40px #3075A71A; border: 1px solid var(--button-bg-color); margin: 0px 0% 30px; padding:20px;}
.ticket_box:nth-child(even) { border: 1px solid var(--main-bg-color);}
.ticket_box a{ display: flex; align-items:center;}
.ticket_box a:hover{ text-decoration:none;}
.ticket_box img{ margin: 0px 20px 0px 0px;}
.ticket_box p{ text-transform: uppercase; font-size: 21px; font-weight:500;color: #131E26; margin:0px;}
.ticket_box p strong{ display: block; font-weight:700; color: #000; font-size:36px;}
.red_star{ margin: 0px 0px 0px 20px;border: none !important; width: auto !important; height: auto !important;}

.ticket_view{ display:flex; align-items:center;padding: 20px; background: #f6fafe; margin-bottom:20px;}
.tview_inner{ width:25%; text-align:center;}
.tview_inner p{ font-size: 16px; font-weight:500;color: #131E26; margin:0px; }

.ticket_info{ display: flex;background: #f6fafe; padding:10px 20px; width: 100%;}
.ticket_info:nth-child(odd){ background: #fff;}
.ticket_info_left{ width:84%;}
.ticket_info_right{ margin-left: auto; width:16%;}
.btn_right {margin: 0px 15px 20px !important; float: right; background:#0061A6!important; color:#fff!important; width: auto!important; padding: 10px 30px; border-radius: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; border:none; }
.ticket_info h5{ font-weight: 600; margin-bottom:0px; color:#0061A6; font-size:16px;}

.ticket_message textarea{ width: 100%; padding:20px; margin-bottom: 20px; border-radius: 10px; border: 1px solid #ccc;}
.new_ticket_form { padding:30px;}

.new_ticket_form h3{color: #0061A6; font-weight:700; font-size:20px; padding:0px 0px 20px;}
.new_ticket_form ul li{ padding-bottom: 20px;}
.new_ticket_form label{color: #0061A6;font-size:16px; padding-bottom:5px; font-weight:400; display:block;}
.new_ticket_form input{ width: 100%; padding:10px 20px; border-radius:5px; border: 1px solid #ccc; box-sizing:border-box; outline:none; color:#000; font-size:16px; font-weight:400;}
.new_ticket_form select{ width: 100%; padding:10px 20px; border-radius:5px; border: 1px solid #ccc; box-sizing:border-box; outline:none; color:#000; font-size:16px; font-weight:400;}
.new_ticket_form textarea{ width: 100%; padding:10px 20px; border-radius:5px; border: 1px solid #ccc; box-sizing:border-box; outline:none; color:#000; font-size:16px; font-weight:400; height:100px;}
.new_ticket_form .submit{background:#0061A6;color:#FFFFFF; font-size:18px; font-weight:500; padding:5px 20px; border-radius:5px; cursor:pointer; border: none; width: auto; margin-left: 50%; transform: translateX(-50%);}

.a_inner{ padding:20px;}
.anc_full{ background:#f5fbff; padding:20px; margin-bottom:10px;}
.anc_full h4{color: #0061A6; font-weight:700; font-size:20px; padding:0px;}
.anc_full p{color: #131E26; font-weight:500; font-size:16px; padding:0px 0px 0px;}
.anc_full:nth-child(even){ background:#f6f9fb;}

.anc_content{ background:#C79F00; text-align: center; padding:20px; margin-bottom:20px;}
.u_notification{ margin-bottom: 10px; padding:20px; text-align:left; background:#EEF9FD;}
.u_notification p{ margin: 0px; padding:0px 0px 0px 10px; text-align:left;}
.u_notification p a{color:#131E26;}
.u_notification_main{ border: 1px dashed #000; padding:20px;}

.f_req{box-shadow: 5px 5px 75px #00000029; background: #fff; padding:20px; margin-bottom: 30px; display:flex;}
.f_req_img{background: url(../images/giving7.png) no-repeat left top; padding:12px 20px 20px 55px;}
.f_req_img a{ color:#0061A6; font-weight: 500;}
.f_req_img{ font-weight:600;}
.f_count{ margin-left:auto; border: 1px solid #ccc; width: 50px; height: 50px; align-items: center; justify-content:center; display: flex; border-radius:50%;color:#0061A6; font-weight: 600; font-size: 18px;}
.tickets_right{ text-align:right; margin:-46px 0px 20px 0px;}
.tickets_right a{background: #0061A6; color: #fff; margin: 0px 0px 0px 0px; padding: 10px 20px; font-weight:600; font-size:16px; border-radius:5px;}

.loader {
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #3498db;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin:-40px 0 0 -40px;   
  position: absolute;
  left:50%;
  top:50%;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.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;}



@media screen and (max-width:1600px) {
  .signin2 .signin-form #myForm ul li label:nth-child(1) span.checkmark{ width:100px; height:97px; background-size:100% auto !important;}	
  .signin2 .signin-form #myForm ul li label:nth-child(2) span.checkmark{ width:100px; height:97px; background-size:100% auto !important;}	
  .signin2 .signin-form #myForm ul li label{ padding:100px 0 0 0;}
  .filter_main{ padding:0;}
  .login-content h2{ font-size:50px;}
  .church-address li{ font-size: 16px;}
  .church-pastor-content p{font-size:16px;}
  .church-address ul{ padding:30px 20px 0px 20px;}
  .donated-value span.d_value{ font-size:40px;}
  .rd_img h5 span{ font-size:18px;}
  .rd_img h5 span strong{ font-size:30px;} 
  .filter_img h5 span{ font-size:30px;}
}

@media screen and (max-width:1300px) {	
  .church-bio-left h3{ font-size: 20px; letter-spacing: 0px;}
  .church-bio-left h3 span{font-size:18px; letter-spacing: 0px;}
  .donated-members .donate-box h6{ font-size: 16px; line-height: 18px;}
  .search-tab-content h3{ text-align: center;}
  .search-tab-content .donate-box{ width: 31%; margin: 0px 1% 20px;}
  .search-tab-content{ padding: 30px;}
  .page-title .login{ top: 30px;}
  .settings_main{ padding: 20px;}  
  .rec-box{ width:31%;}
}

@media screen and (max-width:991px) {	
  .church-project .church-bio .church-detail-content{ width:98%;}
  .church-address li{ margin-bottom:20px;}
  .thanks_inner{ padding:0;}
  .d_box{ padding:15px; flex-direction: column;}
  .d_box{ width:49%; margin-bottom: 15px;}
  .d_img{ width:100%; margin:0 0 10px 0; text-align: center;}
  .d_content{ width:100%; text-align: center; margin-bottom: 10px;}
  .donation_main h6{ font-size: 16px;}
  .dp_text{ width:100%; padding:10px;}
  .donation_main big{ font-size: 20px; line-height: 20px; margin-bottom: 0;}
  .filter_box{ width:31%;}
  .filter_img h5 span{ font-size: 25px;}
  .rd_box img{ height:160px;}
  .thanks_inner2{ padding:20px;}
  .people-donated{ flex-direction: column;}
  .donated-value{ display: flex; width:100%; align-items: center; text-align: left;}
  .donated-value span.d_value{ margin:0 20px 0 0; padding:5px 10px;}
  .donated-members.dm-full{ margin:25px 0 0 0; width:100%;}
  .header{ padding: 20px 0px;}
  .main-nav ul li{ margin: 0px 20px;}
  .main-nav ul li a{ font-size: 13px;  padding-top: 45px;}
  .search-tab-content .donate-box{ width: 31%; margin: 0px 1% 28px;}
  .inner-content-box.search{ padding-top: 25px;}
  .church-address li{ padding: 0px 0px 0px 50px;}
  .church-bio{ flex-wrap: wrap;}
  .church-bio-left{ width: 100%;}
  .church-bio-right{ width: 100%; position: static;}
  .church-bio{ position: relative;}
  .church-bio-right .share{ right:30px; top:20px;}
  .share{ top: 15px;}
  .about_main{ padding: 20px;}
  .notification_box h5{ width: 100%;}
  .notification_main{ padding: 20px;}
  .contact_top{ flex-wrap: wrap;}
  .contact_left{ width: 100%; border: none; border-bottom: 1px solid #707070;}
  .contact_right{ width: 100%; margin-bottom:0;}
  .history_box{ width: 100%;}
  .sign_history{ padding: 30px;}
  .special_causes .church-bio{ padding:20px;}
  .church-detail-content{ width:100%;}
  .special_causes .church-bio .church-address{ width:100%;}
  .report_box{ width:31%}
}

@media screen and (max-width:767px) {	
  .ui-datepicker-div{ z-index: 99999999999!important;}
  .ui-select .ui-btn select{
    font-size: 50px !important;
    } 
    select{
      font-size: 1rem !important;   
      } 
  .modal-content{ width:98%;}
  .inner-content-box.inner{ padding:10px;}
  .notification_box.privacy_main{ margin-bottom:0; flex-wrap: wrap;} 
  .notification_box.privacy_main h5{ width:100%; margin:0 0 10px 0; text-align: center;}
  .notification_box.privacy_main .public_private{ width:100%; display: flex; flex-wrap: wrap; margin:0 0 10px 0; align-items: center; justify-content: center;}
  .profile_box ul li label.error{ position: relative;}
  .inner-content-box.inner.donation-ios .profile_box ul li label.error{ position: absolute; top:81%; font-size: 12px!important; width:100%; line-height: 12px;}
  .inner-content-box.inner.donation-ios .profile_box ul li.expiredate label.error{ position: absolute; top:100%; font-size: 12px!important; width:100%; line-height: 12px}
  .rdch{ padding:20px;}
  .rdc_box{ width:100%; padding:20px 20px 0 20px;}
  .ed_img img{ max-width: 25px;}
  .filter_box{ width:48%;}
  .rd_box { width:48%;}
  .h_right .user_name p{ font-size: 14px;}
  .login-wrap .main-nav{ width:100%;}
  .login-wrap .main-nav ul{ width:100%; justify-content: center;}
  .header{ flex-wrap: wrap;}
  .logo {width: 100%; text-align: center; padding-bottom: 20px;}
  .login-wrap .logo{ width:auto;}
  .login-wrap .logo img{ max-width: 150px;}
  .login-wrap header{ position: relative;}
  .login-wrap header .h_right{ position: absolute; right:1%; top:17px;} 
  .page-title{ min-height: 100px;}
  .search-tab-content .donate-box{ width: 48%;}
  .search-content ul li{ width: 100%;}
  .search-tab-content .donated-members .donate-box p{ font-size: 14px;}
  .settings_main h6 a{ padding: 10px 30px; margin: 0px 10px;}
  .settings_main ul li{ width: 100%;}
  .about_main ul li{ width: 100%;}
  .faq_left, .faq_right{ width: 100%;}
  .contactform{ padding: 20px;}
  .contactform ul li{ width: 100%;}
  .contactform ul li:nth-child(4), .contactform ul li:nth-child(5){ margin-top: 0px; width: 100%; float: none;}
  .faq_box p,.faq_box .accordion{ font-size: 14px;}
  .faq_box .panel{ overflow: auto;}
  .profile_box ul li,.profile_box ul li{ width: 100%;}
  .about_main ul li a,.notification_box h5{ font-size: 16px;}
  .rec-box{ width: 100%;}
  .search-tabs2 .tab button{ font-size: 12px; padding: 10px 20px;}
  .history_box .location p{ font-size: 18px;}
  .history_box .time_date p{ width: 100%;}
  .history_box .time_date{ flex-wrap: wrap;}
  .giving{ flex-wrap: wrap; padding:10px;}
  .giving-left{ width: 100%;}
  .giving-right{ width: 100%; padding: 20px;}
  .profile_box ul li.save.half-width{ width: 100%;}
  .profile_box input[type="submit"]{ margin-left: 0px; transform: translateX(0);}
  .report_box{ width:48%; padding:10px; flex-direction: column;}
  .report_img{ text-align: center;}
  .report_content{ text-align: center;}
  .report_img img{ margin:0;}
  .giving-right ul{ padding:0;}
  .giving-right ul li a{ padding:20px 20px 20px 70px; font-size: 16px; background-position: 94% center; background-size:8px auto;}
  
}
@media screen and (max-width:600px) {
  
  .signin-form li:last-child input[type="submit"]{ margin-top:14px;} 
  .login-content.signin2 #admin-organization .agree label.error, .login-content.signin2 #admin-charity .agree label.error{  top:86%; left:0;}
  .signin-form li:nth-child(2) label.error:nth-child(5){ left:0;}
  .signin-form li:nth-child(4) label.error:nth-child(4){ left:0; top:64%;}
  .signin-form li:nth-child(4) label.error:nth-child(6){ left:0;}
  .signin2 li:nth-child(5) label.error:nth-child(2){ position: relative; top:0; text-align: left;}
  .signin2 li:nth-child(7) .agree label.error:nth-child(2){  top:26px; left:0;}
  .signin2 .signin-form #myForm ul li label:nth-child(1) span.checkmark{ width:50px; height:48px; background-size:100% auto !important;}	
  .signin2 .signin-form #myForm ul li label:nth-child(2) span.checkmark{ width:50px; height:48px; background-size:100% auto !important;}	
  .signin2 .signin-form #myForm ul li label{ padding:50px 0 0 0; font-size: 14px !important; margin:0 5px; width:46%;}
  .search-nav ul li .img-wrap{ width:50px;height: 50px;}
  .search-content ul li img{ width:50px; height: 50px;}
  .search-content{ padding:20px;}
  .search-content h3{ margin-bottom: 0;}
  .search-content ul li a{ font-size: 16px;}
  .search-nav ul li a span{ display:inline-block; min-height: 40px;}
  .search .search-nav{ margin-bottom: 20px; padding:0 20px;}
   .search-nav ul li{ width:33%; margin:0 0 0 0 !important; } 
  .inner-content-box{ margin:0 0 20px 0;}
  .tc_main{ padding:20px;}
  .tc_main ul{ flex-direction: column; padding-bottom: 0;}
  .tc_main ul li{ width:100%; padding-bottom:20px;}
  .tc_main input{font-size:16px;}
  .value_main{ flex-direction: column;}
  .value_box{ width:100%; padding:10px; margin-bottom: 10px;}
  .value_main{ padding:30px 0;}
  .p_bar_main{ margin-bottom: 20px;}
  .tc_main h6{ font-size: 16px;}
  .d_reports{ top:20px;}
  .filter_box{ width:100%;}
  .thanks_inner{ flex-direction: column;}
  .thanks_img img{ max-width: 100%;}
  .thanks_img{ margin-bottom:20px;}
  .thanks_text{ width:100%;}
  .thanks_inner2 .thanks_text h2{ font-size:20px; line-height: 20px; margin-bottom: 20px;}
  .thanks_inner2 textarea{ padding:10px; font-size: 16px;}
  .thanks_text p{ font-size: 16px; line-height: 20px; margin-bottom:20px;}
  .thanks_inner2 a, .thanks_inner2 input[type="submit"]{ font-size: 16px;}
  .church-address li{ font-size:14px;}
  .donated-members.dm-full .donate-box{ padding:20px;}
  .donated-value p{ font-size:14px;}
  .donated-members .donate-box h6{ font-size:14px;}
  .donated-members.dm-full .donate-box p{ font-size:14px;}
  .special_causes .church-bio .church-address ul{ padding:20px; display: flex; flex-direction: column;}
  .special_causes .church-bio .church-address ul li{ width:100%; padding:0 0 0 60px; margin:0 0 20px 0; display: flex; align-items: center;}
  .special_causes .church-bio .church-address ul li:last-child{ margin-bottom: 0;}
  .special_causes .church-bio .church-address ul li br{ display: none;}
  .last-day{ font-size:14px;}
  .raised-buttons a{ padding:10px 20px; font-size:14px;}
  .raised-of label span{ letter-spacing: 0; font-size: 20px;}
  .raised-of label span:nth-child(2){ letter-spacing: 0;}
  .login-content h2{ font-size:35px; margin:0 0 30px 0;}
  .login-form form{ text-align: center;}
  .login-form{ padding:25px 20px 25px 20px;} 
  .login-form li{ margin-bottom:20px;}
  .login-form li:nth-child(3){ margin-bottom:0;}
  .login-form input[type="text"], .login-form input[type="password"]{ font-size: 16px;}
  .signin-form{ padding:25px;}
  .other-ways button:nth-child(1){ display:block; margin-right:auto; margin-left:auto; margin-bottom: 10px;}
  .signin-form li{ flex-wrap: wrap;}
  .signin-form li:nth-child(1) input, .signin-form li:nth-child(2) input, .signin-form li:nth-child(4) input, .signin-form li:nth-child(5) input, .signin-form li:nth-child(6) input, .signin-form li:nth-child(6) .agree,.signin-form li:nth-child(3) input,.signin-form li .form-gender{ width:100%;}
  .signin-form li{ margin-bottom:20px;}
  .signin-form li:nth-child(1) input:nth-child(1),.signin-form li:nth-child(2) input:nth-child(1),.signin-form li:nth-child(4) input:nth-child(1),.signin-form li:nth-child(5) input:nth-child(1),.signin-form li:nth-child(6) input:nth-child(1),.signin-form li:nth-child(3) input:nth-child(1),.signin-form li:nth-child(3) input:nth-child(2),.signin-form li .form-gender:nth-child(1){ margin-bottom:20px;}
  .signup-privacy{ padding:20px;}
  .rec-box-container h3{ font-size: 15px; margin:0 0 17px 0; letter-spacing: 0;}
  .rec-box-container{ margin:0 0 0 0;}
  .church-bio-left h3{ margin:0 0 20px 0;}
  .follow-church{ margin-bottom:10px;}
  .inner-content-box.inner{ padding:15px;}
  .sign_history{ padding:15px;}
  .history_box{ padding:15px; margin-bottom:15px;}
  .history_box .location p{ font-size:14px;}
  .history_box .location{ background-size:20px; background-position: left 5px; padding:0 0 0 35px; margin:0 0 10px 0;}
  .history_box .time_date p{ font-size:14px;}
  .history_box .ap_ph{ padding-bottom:0;}
  .contact_left,.contact_right{ padding:15px;}
  .contact_top p{ font-size:16px;}
  .inner-content-box.inner h3{ font-size:16px;}
  .contactform{ padding:15px;}
  .contactform label{ font-size: 16px;}
  .contactform input{ font-size:16px; padding:12px;}
  .contactform textarea{ font-size:16px; padding:12px;}
  .contactform input[type="submit"]{ font-size:16px;} 
  .notification_box:last-child{ margin-bottom:0;}
  .notification_box{ padding:15px; display: flex; flex-wrap: wrap;}
  .notification_box h5{ margin-bottom:10px;}
  .public_private{ float:none; width:100%;}
  .public_private .pp_radio{ margin-left:0; padding-right:25px; margin-right:15px; margin-bottom:0;}

  .notification_box .switch{ margin-left:auto;}
  .notification_box h5{ width:75%;}
  .notification_main{ padding:15px;}
  .profile_box{ padding:15px;}
  .profile_box label{ font-size:16px;}
  .profile_box input{ font-size:16px; padding:12px;}
  .profile_box ul li{ padding-bottom: 15px;}
  .profile_box li.save input[type="submit"]{ width:100%;}
  .settings_main{ padding:15px;}
  .settings_main ul li a{ font-size:16px; padding:15px 25px 15px 50px;}
  .settings_main h6 a{ font-size:16px;}
  .settings_main ul li:nth-child(1) a:before{ background-size:22px;}
  .settings_main ul li:nth-child(2) a:before{ background-size:22px;}
  .settings_main ul li:nth-child(3) a:before{ background-size:22px;}
  .settings_main ul li:nth-child(4) a:before{ background-size:22px;}
  .settings_main ul li:nth-child(5) a:before{ background-size:22px;}
  .settings_main ul li:nth-child(6) a:before{ background-size:22px;}
  .settings_main ul li:nth-child(7) a:before{ background-size:22px;}
  .settings_main ul li:nth-child(8) a:before{ background-size:22px;}
  .page-title .login{ background-size:25px; padding:25px 0 0 0; display: none;}
  .page-title .login a{ font-size:16px;}
  .settings_main ul li{ padding-bottom:15px;}
  .signin2 .signin-form{ padding:20px;}
  .signin-form li:nth-child(1) input, .signin-form li:nth-child(2) input, .signin-form li:nth-child(3) input, .signin-form li:nth-child(3) select, .signin-form li:nth-child(5) input, .signin-form li:nth-child(6) input, .signin-form li:nth-child(7) .agree, .signin-form li:nth-child(7) input[type="submit"]{ width:100%;}
   .signin-form li:nth-child(4) select{ width:100%; margin-bottom:20px;}
   .signin2 li label.error:nth-child(2){ top:39px;}
   .signin-form li:nth-child(4) label.error:nth-child(3){ left:0; top:98px;}
   .signin2 li .sign-error:nth-child(4), .signin2 li label.error:nth-child(4),.signin-form li:nth-child(4) label.error:nth-child(5){ top:101%; left:0%;}
   .d_box{ width:100%;}
   .d_img img{ width:50px; height: 50px;}
   .donation_main h5{ font-size: 20px;}
   .donation_main p{ font-size: 16px;}
   .remove-button{ margin-top:0;}
   .wallet1{ padding:20px;}
   .wallet-left{ width:100%; padding:20px;}
   .wallet-setup .wallet-left ul li{ margin-bottom: 10px;}
   .wallet-left span{ font-size: 18px;}
   .remove-button{ right:10px;}
   .remove-button img{ max-width: 18px;}
   .remove-button a{ font-size: 16px;}
   .wallet-setup .wallet-left{ margin:0 0 20px 0;}
   .wallet-right{ width:100%;}
   .wallet-setup .wallet-right{ margin:0 0 20px 0;}
   .wallet-right img{ max-width: 75px;}
   .wallet-right span{ font-size: 24px; letter-spacing: 0;}
   .wallet-right a.next img{ max-width: 30px;}
   .wallet-right{ min-height: 300px;}
   .church-img img{ width:75px; height:75px; margin:0 auto;}
   .profile-friends{ right:10px; top:10px;}
   .church-bio{ padding:20px;}
   .profile-friends a img{ width:40px; height:40px; margin:0 auto 8px auto;}
   .welcome{ padding:20px;}
   .profile_box ul li.total .total-bg{ font-size:20px; letter-spacing: 0; font-weight: 500;}
   .signin2 .signin-form #myForm{ margin-bottom:20px;}
   .signin2 .r_box{ border:none; padding:0; box-shadow: none;}
   .login-content.signin2 .r_box .form-group{ margin-bottom:20px;}
   .login-content.signin2 .r_box .col-sm-12{ padding:0 !important;}
}
@media screen and (max-width:575px) {
  .rd_box{ width:100%; margin:0 0 20px 0;}
  .report_box{ width:100%;}
  .r_top{ padding:20px;}
  .r_top label{ display: block; margin-bottom:10px;}
  .r_top select{ font-size: 16px; margin-left:0;}
  .r_box > .row{ margin-top:0 !important;}
  .r_box .row .col-sm-6 .row:nth-child(1){ margin-top:0 !important;}
  .r_box .row .col-sm-6{ padding:0 !important;}
  .r_box .form-group .col-sm-3,.r_box .form-group .col-sm-9{ padding:0 !important;}
  label.error{ font-size: 12px !important;}
  .rd_img h5 span{ font-size: 16px;}
  .rd_img h5 span strong{ font-size: 20px;}
	}
@media screen and (max-width:500px) {	
  .search .search-nav{ margin-bottom:0;}
  .alphabet{ margin-top:0;}
  .main-nav ul li{ margin: 0px 10px;}
  .inner-content h2{ font-size: 24px; line-height: 30px;}
  .church-detail-content{ flex-wrap: wrap;}
  .church-address{ width: 100%; margin-bottom: 20px;}  
  .church-pastors{ width: 100%;}
  .search-tab-content .donate-box{ width: 100%;}
  .settings_main h6 a{ display: block; margin:10px 0px; padding:10px 0; text-align: center; font-size:14px;} 
  .thanks_text h6 a{ font-size: 20px;}
  .thanks_inner{ min-height: 440px;}
  .user_img a img{ max-width: 25px !important; max-height: 25px !important; object-fit: cover;}
  .rdc_box h5{ font-size: 18px; margin-bottom: 0;}
  .rdc_box p{ font-size: 14px;}
  .inner-content-box.inner.donation-ios .thanks_inner{ min-height: 100vh;}
  .signin-form #user-form li h3{ font-size: 16px; margin-bottom: 15px;}
  .login-wrap{ overflow-x:hidden;}
  #pageloader h2{ left:0; right:0; margin-left:0; text-align: center;}
  .user_img a span{ font-size:12px;}
}

/* 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 img{ display: block; 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;}
.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 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; 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 li:nth-child(1) a{ 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; }
.donations-dontate-button-wrapper ul li:nth-child(2) a{ 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;}
.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;}
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 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-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 1.35vw 0 1.35vw;} 
.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;}
.input-check{ display: flex; align-items: center;}
.donation-payment-form input[type="checkbox"]{ width:25px; height:25px; margin-right:15px; }
@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;} 
  #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;}
  
}
@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) {
  .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;}
  .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;}
  .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:nth-child(3) ul li:nth-child(1),.donation-payment-form ul li:nth-child(3) ul li:nth-child(2){width:100% !important;;}
  .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 li{ width:100% !important; margin:0 0 10px 0;}
  .donations-dontate-button-wrapper ul li a{ 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;}
  .donation-payment-method .donation-payment-form ul li ul li:nth-child(2) .select{ margin:0; width: 49%;}
  .donation-payment-form ul li:nth-child(3) ul li{ width:100%;}
  .inner-content-box.inner.donation-ios .profile_box ul li.total .total-bg a.popup{ position: inherit;}
  .popup .popuptext{ bottom:110%; width:100%; left:0; margin-left: 0 !important;}
}