@import url('https://fonts.googleapis.com/css2?family=Anton&family=Quicksand:wght@300;500;700&display=swap');
body#bks{
   font-family: 'Quicksand', sans-serif;
  position: relative;
  background:#a2182e;
  background-size: cover;
  background-attachment: fixed;
}

form{
  padding: 20px;

}
h2 .main{
  font-size: 1.5rem!important;
  color: #00b5a3;
}
.submit_btn{
  background: #00b5a3;
}
.submit_btn:hover{
  background: #008577;
}
.sp-txt{
  font-family: 'Anton', sans-serif;
  letter-spacing: 1px;
}
  .checkmark{
    border: 1px solid #f8ba33;
  }
  .holder:hover input ~ .checkmark {
    background-color: #f8ba33;
  }
  .holder input:active ~ .checkmark {
      background-color: #f8ba33;
  }
  .holder input:checked ~ .checkmark {
      background-color: #f8ba33;
  }
  p {
      text-align: inherit;
  }
  .form-control{
    padding: 10px 0px;
    border-top:0;
    border-radius: 0;
    border:none;
    border-bottom: 1px solid #ccc;
  }
  .form-control:focus{
    box-shadow: none;
  }
  .form-group{
    padding: 0 0 12px;
  }
  .full-h{
    height: 100%;
    min-height: 625px;
  }
  .box {
  position: relative;
  border-top: 1px solid #fe1349;
  color: #fe1349;
}
.box.arrow-top:after {
  content: " ";
  position: absolute;
  left: 20px;
  top: 0px;
  border-bottom: none;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 6px solid #ec2947;
}
.box.arrow-bottom:after {
  content: " ";
  position: absolute;
  left: 20px;
  bottom: 30px;
  border-bottom: none;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 6px solid #ec2947;
}
#section {
  word-wrap: break-word;
}
#section p{
  text-align: justify;
}
.moretext {
  display: none;
}
@media (max-width:991.98px) {
  .vh-100{
    height: auto!important;
  }
} 
@media (max-width:767.98px) {
  h2 .main{
    font-size: 1.5rem!important;
  }
  .position-fixed{
    position: static!important;
    margin-bottom: 20px;
  }
  .form-control{
    padding: 12px 0;
  }
}

/* 2nd donation template style starts here */

body#TemplateTwo{
  background: #fff;
}
body#TemplateTwo header{
  z-index: 20;
}
.template2-banner {
    background: url(../../asset/bks/img/coverimg/template2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.template2-bg-danger{
  background: #ef0002;
}
.template2b-banner {
    background: url(../../asset/bks/img/coverimg/template2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 110px;
}

.section-story {
    background: url(../../asset/bks/img/bks_005.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.bgwhitetrans{
  background: rgba(255, 213, 213, .80);
}
.box.arrow-top:after {
  right: auto;
}
.arrow-top{
  margin-top: 0px;
}
@media (max-width:991.98px) {
  .template2-banner {
    padding: 120px 15px 70px;
  }
}