/*#main{
  background-color: red;
}*/
.radio-toolbar {
  margin: 10px;
}
.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-toolbar label {
    display: inline-block;
    background-color: #fff;
    padding: 6px 6px;
    font-size: 16px;
    border: 2px solid #89A230;
    border-radius: 12px;
    min-width: 40%;
    text-align: center;
    margin: 0 5px;
    color: #89A230;
    cursor: pointer;
}
.radio-toolbar input[type="radio"]:focus + label {
    border: 2px dashed #444;
}
.radio-toolbar input[type="radio"]:checked + label{
    background-color: #89A230;
    border-color: #89A230;
    color: #fff;
}
.cstm_donation_input .cstm_donation_inner input, .cstm_donation_input .cstm_donation_inner label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.cstm_donation_inner {
  position: relative;
  height: 41px;
  padding-left: 0px;
/*  background: #fbfbfb;*/
/*  opacity: 0.5;*/
  /*border: 1px solid #000;
  border-radius: 5px;*/
  font-family: "Lora", Sans-serif;

  border: 0;
  border-radius: 10px;
  background: #E2E6EE;
  opacity: unset;
}
.cstm_donation_input .cstm_donation_inner input[type="radio"] {
  opacity: 0;
  z-index: 100;
}
.cstm_donation_input .cstm_donation_inner input[type="radio"]:checked + label {
  border: 0px;
  color: #000;
  background: #829C2C;
  border-radius: 5px;
  opacity: 1;
}
.cstm_donation_input .cstm_donation_inner label {
  cursor: pointer;
  z-index: 90;
  height: 100%;
  padding: 10px 0;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #000;
  font-family: "Lora", Sans-serif;
}
.cstm_donation_input {
  height: 41px;
  margin-bottom: 15px;
  padding-left: 0px;
  padding-right: .20rem;
  font-family: "Lora", Sans-serif;
}
#custom_amount_input, #custom_amount_input_1, #custom_child_input, #custom_amount {
  height: 100%;
  border: 0;
  background: #fbfbfb;
  font-size: 16px;
  width: 97%;
}
#custom_amount_input:focus, #custom_amount_input_1:focus, #custom_child_input:focus{
  outline: 0px;
  border: 0px;
  color: #000;
  background: #829C2C;
  border-radius: 9px;
  opacity: 1;
}
#donation_2 #custom_amount_input_1:focus, #donation_2 #custom_amount_input:focus{
  width: 100%;
  margin-left: 0;
  border-radius: 5px;
}
.donation_box_custom_sctn {  
  text-align: center;
}
.pricePanel {
  border-top: 3px solid #829c2c;
  width: 100%;
  font-size: 14px !important;
}
.pricePanel h3{
  font-size: 25px;
}
.pricePanel .leftPanel {
    width: 100%;
    font-weight: normal;
}
.pricePanel .rightPanel {
    width: 100%;
    padding: 5px 0 5px 0px;
    font-weight: normal;
}
#subscrFrm_chldwthbtn .pricePanel .rightPanel input.selectCustom, #subscrFrm_chldwthbtn .pricePanel .rightPanel select.selectCustom,
.pricePanel .rightPanel input.selectCustom, .pricePanel .rightPanel select.selectCustom {
  padding: 0.4em 1em;
  font-family: "Lora", Sans-serif;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 1px solid #829C2C;
  border-radius: 10px;
  line-height: 20px;
}
.fs-12 {
    font-size: 12px!important;
}
#donationModal form{
  padding: 0 12px;
  margin: 0;
}
#donationModal #subscr_Frm{
  padding: 0;
  cursor: pointer;
}
.row {
  margin-left: auto;
  margin-right: auto;
}
.sponserPanel input[type=radio]:focus, .pricePanel input[type=text]:focus, .pricePanel input[type=email]:focus, .pricePanel input[type=phone]:focus, .pricePanel select:focus{
    outline-offset: 0px !important;
    outline: 0px !important;
    color: rgb(40, 48, 61);
}
#donationModal input[type=text], #donationModal input[type=email], #donationModal input[type=phone],
#donation_2 input[type=text], #donation_2 input[type=email], #donation_2 input[type=phone]{
  padding: 10px 10px 10px 15px;
  background-color: inherit;
}

/*Home page donation box css*/
.hero--video-donate-form {
    text-align: center;
    position: relative;
    padding: 90px 20px 0;
    padding-top: 90px;
    padding-bottom: 100px;
    background-color: #000;
}
.hero-video-data {
    justify-content: flex-end;
    margin-right: -53%;
    animation: 2s ease-out 0s 1 slideInRight;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.lg-items-center {
    align-items: center !important;
}
.relative {
    position: relative !important;
}
.z-30 {
    z-index: 30 !important;
}
#donation_2 {
    position: unset!important;
    padding: 20px;
    margin-top: 20px;
}
.donation_box_custom_sctn {
    right: 60px;
    z-index: 2;
    top: 27.5px;
/*    max-width: 424px;*/
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 424px;
    background: #fff;
/*    opacity: 0.7;*/
/*    backdrop-filter: blur(10px);*/
    border-radius: 44px;
}
.donation_box_custom_sctn .header_part h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
  font-family: "Lora", Sans-serif;
}
.donation_box_custom_sctn .middle_part, .donation_box_custom_sctn .data_part {
    padding: 10px;
    margin: 0 auto;
}
#donations {
    text-align: center;
    justify-content: center;
    border: 0px!important;
    margin: 0;
}
#donations .nav-item {
    width: 48%;
    margin-right: 4%;
}
#donations .nav-item button {
    height: 44px;
    border-radius: 14px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    font-family: "Lora", Sans-serif;

    margin: 0px;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 15px;
    padding-left: 15px;
    background-color: #E2E6EE;
    color: #030102;
    border: 1px solid #E2E6EE;
    width: 100%;
    padding-left: 15px;
    text-align: left;

    border-radius: 12px;
  min-width: 40%;
  cursor: pointer;
}
#donations .nav-item:last-child {
    margin-right: 0px;
}
#donations .nav-item button.active {
    background: #819C3C;
}
.donation_box_custom_sctn .data_part, .donation_box_custom_sctn .data_part .hdng {
    text-align: left;
}
.donation_box_custom_sctn .middle_part, .donation_box_custom_sctn .data_part {
    padding: 10px 15px;
    margin: 0 auto;
}
.ptimp-0{
  padding-top: 0px!important;
}
.donation_box_custom_sctn .data_part .hdng {
    display: none;
}
.cstm_donation_input {
    height: 41px;
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0.2rem;
}
#custom_amount_input, #custom_amount_input_1, #custom_child_input, #custom_amount {
    height: 100%;
    border: 0;
    background: #fbfbfb;
    font-size: 16px;
    width: 97%;
    margin: 0 auto;
  font-family: "Lora", Sans-serif;
}
#custom_amount_input_1{
    padding-left: 12px;
    color: #000;
}
.m0auto {
    margin: 0 auto !important;
}
#donation_2 .errorValidate {
/*    margin: -10px 0px 3px;*/
}
#donation_2 .errorValidate, #donationModal .errorValidate {
    color: red;
    font-size: 16px;
  font-family: "Lora", Sans-serif;
}
.donateheaderBtn.projecthomebtn {
    line-height: 0;
    height: 45px;
    width: 45%;
    font-weight: 700;
    color: #000 !important;
  font-family: "Lora", Sans-serif;
}

/*End home page donation box css*/

@media (max-width: 480px) {   
  .fa-angle-right {
    right: 6% !important;
    top: 33% !important;
  }
  .fa-angle-left{
    left: 25px !important;
    top: 33% !important;
  } 
  #donationModal .paymentdone .pt3pb3{
    padding-top: 1.5rem !important;
    padding-bottom: 3rem !important;
  }
  #donationModal .donation_box_custom_sctn .data_part{
    padding: 40px 0px 0px;
  }
  .childsponsorModel-slider{
    margin-top: 1rem;
  }
  .childsponsorProject .bx-wrapper .bx-controls-direction a {
    top: -4% !important;
  }
  #donationModal .backtext {
    left: 13% !important;
  }
  .thank_you h3{
    margin-top: 2rem;
  }
  .thank_you h4 {
    padding: 0 0rem 1.5rem;
    line-height: 33px;
    font-size: 20px;
  }
  .thank_you .rightImg {
    padding: 1rem 0;
  }
  .thank_you input[type="button"]{
    width: 100%;
  }
  #donationModal.hidePopupOnePanel .grayRightPopup.boxshadow, 
  #donationModal .grayRightPopup.boxshadow .donation_box_custom_sctn{
    box-shadow: none !important;
  }
  #donationModal.hidePopupOnePanel .modal-header .btn-close {
    margin-right: 0rem !important;
  }
  #donationModal .grayRightPopup .radio-toolbar label{
    font-size: 12px !important;
  }  
  .greenChildrenBtn.payment {
    width: 100%;
    margin-left: 1%;
  }
  .sliderConatiner .tab-content > .tab-pane{
    display: block;
    margin-bottom: 5px;
  }
  .sliderConatiner .findmatchBtn1 {
    width: 100%;
  }
  #donation_2 {
    padding: 10px;
  }
  .donation_box_custom_sctn {
    max-width: 95%;
  }
  .donation_box_custom_sctn .header_part h4 {
    font-size: 30px;
  }
  #donations .nav-item button {
    height: 38px;
    border-radius: 10px;
    font-size: 11px;
  }

}
@media (max-width: 555px) {
  .donateheaderBtn {
    margin-bottom: 10px !important;
    width: 100% !important;
  }
}
@media (max-width: 575px) {
  #donationModal .grayLeftPopup, .grayRightPopup{
    margin-bottom: 15px;
  }

  .modal-dialog-scrollable .modal-body {
    overflow-y: scroll;
      height: 90vh;
    }
}
@media (max-width: 640px){
  .hero-video-data {
      justify-content: center;
      padding: 0;
      margin: 0 !important;
  }
}
@media (min-width:768px) and (max-width:991px) {

  #donationModal .paymentdone .pt3pb3 {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
  }
  #donationModal .paymentdone .mt2em{
    margin-top: 1.5em !important;
  }
  #donationModal .paymentdone .mt2em img{
    width: 100%;
  }
  #donationModal .paymentdone {
    min-height: 25.7rem !important;
  }
  .thank_you h3{
    margin-top: 0;
  }
  .thank_you h4 {
    padding: 0 0rem 1.5rem;
    line-height: 33px;
    font-size: 20px;
  }
  .thank_you .rightImg {
    padding: 1rem 0;
  }
  .thank_you input[type="button"]{
    width: 100%;
  }
  #donationModal.hidePopupOnePanel .modal-header .btn-close {
    margin-right: 6.5rem !important;
  }
  #donationModal .grayLeftPopup img.projectImg{
    height: auto !important;
  }
  #donationModal .grayLeftPopup .logo {
    padding: 20px 20px 5px !important;
  }
  .grayRightPopup .donation_project{
    padding: 2rem 0rem 0rem !important;
  }
  #donationModal .grayRightPopup input[type=radio] + label {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  #donationModal .grayRightPopup .donation_box_custom_sctn .middle_part {
    padding: 15px 13px 0px !important;
  }
  #donationModal .grayRightPopup .radio-toolbar label{
    padding: 7px 9px !important;
  }
  .grayRightPopup .donation_project .data_part .donateheaderBtn{
    margin-top: 0 !important;
  }
  #donationModal .grayRightPopup .donation_project .cstm_donation_inner{
    margin: 0 !important;
  }
  #donationModal .grayRightPopup .donation_project .data_part{
    padding: 2.8rem 1rem 1rem !important;
  }
  #donationModal .grayRightPopup #donation_right .plogo img{
    width: 90% !important;
  }
  .donation_project .data_part .btn-row {
    padding: 2rem 0rem 0.5rem !important;
  }
  #donationModal .totalPrice {
    margin: 0.5rem 0px 1rem;
  }
  #donationModal .grayRightPopup .payoption .type {
    padding: 0 4px 10px !important;
    text-align: center !important;
  }
  #donationModal .grayRightPopup .payoption .type .paylogo{
    box-shadow: 1px 1px 5px rgb(124 124 124 / 25%) !important;
    padding: 8px 0px 8px !important;
    font-size: 12px !important;
    border-radius: 4px !important;
    height: 35px !important;
    line-height: 20px !important;
  }
  #donationModal .sponsorchild_amt {
    font-size: 16px !important;
  }
  #donationModal .totalPrice {
    margin: 0.5rem 0 1.5rem !important;
  }
  #donationModal .bx-wrapper img{
    height: 195px;
  }
  #donationModal .childsponsorProject .mt-4em{
    margin-top: -4.9em;
  }
  /*#donationModal .footer-row {
    margin-top: 0 !important;
  }*/
  #donationModal .footer-row p:first-child {
    padding-top: 10px !important;
    padding-left: 0;
    padding-right: 0;
  }
  .campaignProject .campaignhead {
    font-size: 16px !important;
  }
  #donationModal .grayLeftPopup .campaignProject .container .col-4{
    width: 100%;
  }
  #donationModal .grayLeftPopup .campaignProject .cstm_donation_inner #custom_child_input{
    width: 100% !important;
  }
  #donationModal .grayLeftPopup .childsponsorProject p {
    font-size: 14px !important;
  }
  #donationModal .grayLeftPopup h3 {
    padding: 4px 5px 0px !important;
  }
  #donationModal .grayLeftPopup .childsponsorProject h3, #donationModal .grayLeftPopup .childsponsorProject p{
    font-size: 13px !important;
  }
  #donationModal .grayLeftPopup .childsponsorProject p{
    padding: 0px 5px 0px !important;
  }
  #donationModal .grayLeftPopup .childsponsorProject{
    padding-top: 40px !important;
  }
  #donationModal .grayLeftPopup p{
    padding: 0px 10px 8px !important;
  } 
  .grayLeftPopup .childsponsorProject.project, .grayLeftPopup .campaignProject.project {
    min-height: 26.1rem !important;
  }
  .campaignProject .campaignhead{
    padding: 5px !important;
  }
  #donationModal .grayLeftPopup .campaignProject h4{
    padding: 13px 10px 13px !important;
    font-size: 14px !important;
  }
  .grayLeftPopup .campaignProject .childValidate {
    margin-top: -7px;
  }
  .grayLeftPopup .campaignProject .cstm_donation_input .cstm_donation_inner label{
    padding: 7px 0 !important;
  }
  .grayLeftPopup .campaignProject .cstm_donation_input .cstm_donation_inner input[type="radio"]:checked + label, #custom_child_input:focus{
    padding: 5px 0 !important;
  } 
  .grayLeftPopup .campaignProject .cstm_donation_inner, .grayLeftPopup .campaignProject .cstm_donation_input{
    height: 35px !important;
    margin-bottom: 7px !important;
  }
  .grayLeftPopup .waterProject .verticalalign, .grayLeftPopup .healthProject .verticalalign, .grayLeftPopup .educationProject .verticalalign, 
  .grayLeftPopup .incomeProject .verticalalign, .grayLeftPopup .emergencyProject .verticalalign, .grayLeftPopup .womenProject .verticalalign {
    min-height: 13.45rem !important;
  }  
  .sliderConatiner .tab-content > .tab-pane{
    display: block;
    margin-bottom: 5px;
  }
  .childPanelLast .leftPanelSide h3 {
    padding: 2.6rem 1rem;
    font-size: 18px;
    line-height: 30px;
  }
  .child-rightpanel {
    margin: 1rem 0 0;
  }
  .childSecondPanel h3 {
    margin: 0;
    font-size: 30px;
  }
  .childSecondPanel p{
    padding: 0;
  }  
  #donationModal .pricePanel .rightPanel{
    width: 100%;
  }
  #donationModal .pricePanel h3{
    font-size: 20px;
  }
  .greenChildrenBtn.payment {
    width: 50%;
    /*margin-left: 3%;*/
    margin-bottom: 17px; 
  }  

}
@media (max-width: 991px) {
  .fa-angle-left{
    left: 10px !important;
    top: 280px !important;
  }
  .fa-angle-right{
    top: 280px !important;
  }
  .sliderConatiner .accordion-button:focus{
    box-shadow: none;
    color: #000;
  }
  .sliderConatiner .accordion-button:not(.collapsed)::after{
    background-image: var(--bs-accordion-btn-icon);
  }


}
@media (min-width:992px) and (max-width:1024px) {    
  .greenChildrenBtn.payment {
    width: 35%;
    /*margin-left: 3%;*/
  }

}
@media (min-width:500px) and (max-width:575px) {
  .fa-angle-right {
    right: 6% !important;
    top: 33% !important;
  }
  .fa-angle-left{
    left: 25px !important;
    top: 33% !important;
  }

}
@media (min-width:1281px) and (max-width:1440px) {
  .sliderConatiner .childsponsor-slider .bx-wrapper{
    max-width: 100% !important;
  }
  .sliderConatiner .childsponsor-slider .bx-viewport ul li{
      width: 195px !important;
  }

}

@media (min-width:1441px) and (max-width:2560px) {
  .sliderConatiner .childsponsor-slider .bx-wrapper{
    max-width: 100% !important;
  }
  .sliderConatiner .childsponsor-slider .bx-viewport ul li{
/*          width: 11.65rem !important;*/
      width: 230px !important;
  }

}

/*Child slider css*/
.sliderConatiner{
  margin-top: 50px;
  width: 78%;
  margin: 0 auto;
}
.sliderConatiner button:not(:hover):not(:active):not(.has-background){
  background-color: #e5e5e5;
  width: 100%;
  border: 0;
  color: #000;
  font-size: 18px;
  padding: 10px 0px 10px 0px;
}
.sliderConatiner .tab-pane button:not(:hover):not(:active):not(.has-background){
  padding: 10px;
}
.sliderConatiner .childname h3{
  padding-right: 0 !important;
}
.sliderConatiner .nav-item{ 
  /*min-width: 14.1%;*/
  padding: 1px;
}
.sliderConatiner  .nav-link.active{
  background-color: white;
  background-color: white !important;
  color: #000 !important;
}
.sliderConatiner .accordion-item{
  border:0; 
}
.sliderConatiner .nav-link:hover{
  width: 100%;
}
.sliderConatiner .accordion-body img{
  height: 220px;
  text-align: center;
  border-radius: 10px;
}
.sliderConatiner .accordion-body h3{
  font-size: 16px; 
  margin-left: 0;
/*  float: left;*/
  padding-right: 10px;
  text-transform: capitalize;
  color: #333;
}
.sliderConatiner .accordion-body input[type="checkbox"]{ 
  height: 20px;
  width: 20px;
  border: 2px solid #CDC4BF;
}
.sliderConatiner .accordion-body input[type=checkbox]:focus{
  outline: 0;
}
.sliderConatiner .accordion-body .chekbox-slider{
/*  float: left; */
  margin: 5px 20px 5px;
  margin-left: 0;
  width: 100%;
/*  text-align: left;*/
display: flex;
  justify-content: center;
}
.sliderConatiner .bx-viewport ul li{
  margin: 0 10px;
}
.sliderConatiner .accordion-body{
  padding:20px 0!important;
}
.sliderConatiner .childsponsor-slider .bx-wrapper{
  max-width: 100% !important;
  box-shadow: none !important;
  margin-bottom: 0;
}
.sliderConatiner .nav-tabs .nav-item .nav-link:hover {
  border:0 !important;
  color:#000 !important;
  background-color: #fff !important;
  font-size: 25px !important;
  font-weight: 600;
  padding: 10px 0px 10px 0px !important;
}
.sliderConatiner .nav-tabs{
  border: 0 !important;
}
.findmatchBtn1 {
    background-color: #89A230 !important;
    border: 1px solid #89A230 !important;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 5px !important;
    min-width: 74%;
    margin-top: 30px;
    font-weight: bold;
    font-size: 15px !important;
}
.sliderConatiner .findmatchBtn1{
  border-radius: 35px !important;
  min-width: 50% !important;
/*  color: #000 !important;*/
  font-size: 25px !important;
  text-transform: none;
  padding: 7px;
}
.sliderConatiner .bx-wrapper .bx-controls-direction a{
  top:34% !important;
}
.sliderConatiner .bx-wrapper .bx-prev, #myTabContent a.bx-prev:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  left: -35px !important;
  background: url(/wp-content/uploads/2023/06/left-arrow.png) no-repeat;
}
.sliderConatiner .bx-wrapper .bx-next, #myTabContent a.bx-next:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  right: -50px !important;
  background: url(/wp-content/uploads/2023/06/right-arrow.png) no-repeat;
} 
.sliderConatiner .bx-wrapper .bx-next:hover, .sliderConatiner .bx-wrapper .bx-next:focus{
   background-position: 0 0 !important;
}
.sliderConatiner .errorShow{
  margin: 15px 0px -10px;
  color: red;
  font-size: 16px;
}
.ourworkPanel {
    text-align: center;
    /*margin-top: -22.4em;*/
/*    background: #f3efec;*/
    border-radius: 44px;
    padding: 0px;
    width: 75%;
}
.grn_color_txt {
    color: #829C2C;
}
.ourworkPanel p {
    padding: 10px 0 25px;
    font-size: 18px;
    font-weight: 700;
}
.ourworkPanel p, .ourworkPanel h2 strong {
  color: #333;
}
.ourworkPanel ul, .ourworkPanel li {
    list-style: none;
}
.sliderConatiner button:not(:hover):not(:active):not(.has-background) {
    background-color: #e5e5e5;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    color: #000;
    font-size: 25px;
    font-weight: 600;
    padding: 10px 0px 10px 0px;
}
.sliderConatiner .nav-link.active {
    background-color: white;
    background-color: white !important;
    color: #000 !important;
}
.boxImg img {
    width: 100%;
    height: 272px;
}
.box1 img {
    object-fit: contain;
    border: 1px solid #dee2e6;
}
.ourworkPanel img {
    width: 100%;
}
.childname {
/*    float: left;*/
    margin: 20px 20px 5px;
    margin-left: 0;
    width: 100%;
/*    text-align: left;*/
}
/*End child slider css*/

/* Donation model popup css */
#donationModal .bx-wrapper img {
  max-width: 95%; 
  height: 220px;
  border-radius: 10px;
}
#donationModal .errorValidate{
  color: red;
  font-size: 16px;
}
#donationModal .grayLeftPopup, .grayRightPopup{
  /*margin-bottom: 15px;*/
/*  min-height: 30%; */
  min-height: 480px;
}
#donationModal .grayLeftPopup{
  background-color: #f3efee;
  border-radius: 20px;
  position: relative;
}

.grayLeftPopup.boxshadow .project{
  height: 100%;
}
.grayRightPopup, .grayRightPopup .donation_box_custom_sctn{
  background-color: #FFF;
  border-radius: 20px;
}
#donationModal .grayRightPopup .donation_box_custom_sctn{
  width: 100%;
}
.grayLeftPopup .waterProject .verticalalign, .grayLeftPopup .healthProject .verticalalign, .grayLeftPopup .educationProject .verticalalign, 
.grayLeftPopup .incomeProject .verticalalign, .grayLeftPopup .emergencyProject .verticalalign, .grayLeftPopup .womenProject .verticalalign{
  min-height: 10.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; 
  text-align: center; 
  align-items: center;
}
#donationModal .grayLeftPopup p{
  font-size: 14px;
  padding: 0px 15px 5px;
  text-align: center;
  line-height: 22px;
  font-family: "Lora", Sans-serif;
}
#donationModal .grayLeftPopup h4{
  padding: 15px 15px 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #9bb740;
  font-family: "Lora", Sans-serif;
}
#donationModal .grayLeftPopup h3{
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  font-family: "Lora", Sans-serif;
}
#donationModal .grayLeftPopup img.projectImg, #donationModal .grayLeftPopup .campaignProject img.projectImg{
  height: 260px;
  width: 100%;
  border-top-left-radius: 20px;    
  border-top-right-radius: 20px;
}
/*#donationModal .grayLeftPopup .campaignProject img.projectImg{
  height: auto;
  border-radius: 0 !important;
}*/
#donationModal .grayLeftPopup .logo{
  padding: 15px 55px 0;
  max-width: 100%;
  vertical-align: middle;
}
#donationModal .modal-header button:not(:hover):not(:active):not(.has-background){
  background-color: transparent;
}
.grayRightPopup .donation_project .data_part{
/*  padding: 4rem 1rem 1.25rem;*/
}

.grayRightPopup .donation_project .data_part .btn-row{
/*  padding: 4rem 1rem 1.25rem;*/
}
.grayRightPopup .donation_project{
/*  padding-top: 3.5rem;*/
    padding: 20px;
}
.grayRightPopup .cstm_donation_input:last-child, #donation_2 .cstm_donation_input:last-child{
  margin-bottom:20px;
}
.grayRightPopup .donation_box_custom_sctn .middle_part{
/*  padding-bottom: 0;*/
}

.grayRightPopup .donation_project .data_part .donateheaderBtn, #donation_2 .donateheaderBtn{
  width: 100%;
  height: 40px;
  font-size: 14px;
  color: #fff !important;
  text-transform: capitalize;
  
}
#donationModal .grayRightPopup.boxshadow, 
#donationModal .grayRightPopup.boxshadow .donation_box_custom_sctn{
  box-shadow: 1px 1px 9px rgb(124 124 124 / 25%);
  height: 100%;
}

#donationModal .grayLeftPopup.boxshadow{
  box-shadow: 1px 1px 9px rgb(124 124 124 / 25%);
/*  height: 100%;*/
}
#donationModal .grayLeftPopup .bx-wrapper{
  border: 5px solid #f3efee;
  background: #f3efee;
}
#donationModal .grayRightPopup .payoption .type{
  padding: 0 15px 25px 15px;
  color: #000;
  font-weight: bold;
}
#donationModal .grayRightPopup .payoption{
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: -20px;
}
#donationModal .grayRightPopup .payoption .type .paylogo{
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 2px 5px 5px rgb(38 38 38 / 25%);
  font-size: 14px;
  padding: 11px 14px 8px;
  cursor: pointer;
  height: 42px;
  font-family: "Lora", Sans-serif
}
#donationModal .grayLeftPopup .childsponsorProject{
  padding-top: 50px;
}
#donationModal .grayLeftPopup .childsponsorProject h3 {
  text-align: left;
}
#donationModal .grayLeftPopup .childsponsorProject p{
  text-align: center;
  font-size: 14px;
}
.grayLeftPopup .childsponsorProject.project, .grayLeftPopup .campaignProject.project {
  min-height: 30.2rem;
}
#donationModal .totalPrice{
  margin:1.5rem 0;
  font-size: 16px;
  font-family: "Lora", Sans-serif;
}
#donationModal .sponsorchild_amt{
  font-size: 30px;
  font-weight: bold;
}
#donationModal .footer-row{
  border-top: 1px solid #000;
  margin-top: 20px;
  font-family: "Lora", Sans-serif
}
#donationModal .imgFooter{
  float: left;
  width: 12%;
}
#donationModal .imgFooterTxt{
  float: left;
  text-align: center;
  width: 88%;
  line-height: 22px;
  font-family: "Lora", Sans-serif
}
#donationModal .footer-row p:first-child{
  padding-top: 7px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#donationModal .grayRightPopup .radio-toolbar label {
  margin: 0px;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 15px;
  background-color: #E2E6EE;
  color: #030102;
  border: 1px solid #E2E6EE;
  font-family: "Lora", Sans-serif;
  width: 100%;
  text-align: left;
}

#donationModal .grayRightPopup .radio-toolbar input[type="radio"]:checked + label {
  background-color: #89A230;
  border-color: #89A230;
  color: #fff;
}
#donationModal .grayRightPopup .radio-toolbar{
  margin: 0;
}
#donationModal .grayRightPopup .radio-toolbar.typedonation{
  margin-top: 45px;
}
#donationModal .grayRightPopup input[type=radio] + label, #donation_2 input[type=radio] + label {
  padding-left: 15px;
  text-align: left;
}
#donationModal .grayRightPopup .donation_project.donation_box_custom_sctn {
  text-align: left;
}
#donationModal .cstm_donation_inner, #donationModal .donation_box_custom_sctn{
  opacity: unset;
}
#donationModal .grayRightPopup .donation_project .cstm_donation_inner, #donation_2 .cstm_donation_inner{
/*  margin: 0 10px;  */
  border: 0;
/*  box-shadow: 2px 5px 5px rgb(38 38 38 / 25%);*/
  border-radius: 10px;
  background: #E2E6EE;
} 
#donationModal .grayLeftPopup .campaignProject .cstm_donation_inner label{
  font-size: 13px;
}

#donationModal .cstm_donation_input .cstm_donation_inner label, #donation_2 .cstm_donation_input .cstm_donation_inner label{
  font-size: 16px;
}
#donationModal .grayRightPopup .donation_project .cstm_donation_inner #custom_amount, #donation_2 #custom_amount_input_1, #donation_2 #custom_amount_input{
  border-radius: 10px;
  font-size: 16px;
  width: 100%;
  font-weight: bold;
  font-family: "Lora", Sans-serif;
}
#donationModal .grayRightPopup .donation_project .cstm_donation_inner #custom_amount:focus, #donation_2 #custom_amount_input_1:focus, #donation_2 #custom_amount_input:focus{
  outline:0;
  font-size: 16px;
  background: #829C2C;
  margin-left: 0;
}
#donationModal .grayLeftPopup .campaignProject .cstm_donation_inner #custom_child_input{
  border-radius: 4px;
  width: 100%;
}
#donationModal .grayRightPopup .donation_project .cstm_donation_inner label{
  font-weight: bold;
  font-family: "Lora", Sans-serif;
}
#donationModal .grayLeftPopup .campaignProject .cstm_donation_input .cstm_donation_inner input[type="radio"]:checked + label{
  border-radius: 4px;
  font-family: "Lora", Sans-serif;
}
.campaignProject .campaignhead{
  background-color: #89A230;
  color: #000;
  font-size: 22px;
  font-weight: 600;
  padding: 10px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  font-family: "Lora", Sans-serif;
}
.childsponsorProject .bx-wrapper .bx-controls-direction a{
  top: -6%;
}
.model_childDetails h3, .model_childDetails p{
  text-align: left !important;
}
.model_childDetails .removeChild, .checkboxChild{
  cursor: pointer;
}
.childsponsorProject .bx-wrapper{
  box-shadow: none;
}
.grayLeftPopup .childsponsorProject .bx-wrapper .bx-prev, #donationModal a.bx-prev:focus:not(.wp-block-button__link):not(.wp-block-file__button){
  left: 10px !important;
  background: url(/wp-content/uploads/2023/06/left-arrow.png) no-repeat;
}
.grayLeftPopup .childsponsorProject .bx-wrapper .bx-next, #donationModal a.bx-next:focus:not(.wp-block-button__link):not(.wp-block-file__button){
  right: -10px !important;
  background: url(/wp-content/uploads/2023/06/right-arrow.png) no-repeat;
} 

.activePay {
  /* background-color: #3a83ec !important; */
  color: #fff;
  background-color: #89A230 !important;
  border-color: #89A230;
}
.w-90{
  width: 90%;
}

.grayLeftPopup .closemodel{
  text-decoration: underline;
  cursor: pointer;
} 
#donationModal .backtext{
  left: 25%;
  position: absolute;
  cursor: pointer;
}
#donationModal .rightboxback{
  left: 0;
  position: relative;
  cursor: pointer;
  color: #000;
  margin-bottom: -6px;
  font-size: 16px;
  font-family: "Lora", Sans-serif;
}
.childValidate{
  font-size: 13px;
  color: red;
  text-align: center;
}
#donationModal .hidefirstPanel{
  margin: 0 auto;
  text-align: center; 
}
#donationModal .hidefirstPanel .typedonation{
  text-align: center;
}
#donationModal.hidePopupOnePanel .modal-header .btn-close{ 
  /*margin-right: 11.45rem;*/
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 999;
  right: 25%;
  margin: 0;
}
.campaignProject .cstm_donation_input .cstm_donation_inner input[type="radio"]:checked + label, #custom_child_input:focus {
  border: 3px solid #829C2C;
  background: none;
  outline: 0;
  padding: 8px 9px;
  border-radius: 5px !important;
}
.campaignProject .cstm_donation_input .cstm_donation_inner label, #custom_child_input {  
  font-size: 13px;
  box-shadow: 1px 2px 4px rgb(0 0 0 / 25%);
  border-radius: 5px;  
}
#donationModal .campaignProject input[type=text]{
  margin: 0;
}
#donationModal .cstm_donation_input .cstm_donation_inner input[type="radio"]:checked + label,
#donation_2 .cstm_donation_input .cstm_donation_inner input[type="radio"]:checked + label {
  border-radius: 9px;
}
#donationModal .paybanktransferform{
  min-height: 15.75rem;
}

/* End donation model popup css */
/* Transparent modelpopup css */
.modal#donationModal{
  border: 0 !important;
  --bs-modal-border-width: 0px;
  z-index: 999999;
  background-color: rgba(211, 211, 211, 0.8);
}
#donationModal .modal-content{
  border-radius: 0;
  background: transparent;
}
#donationModal .modal-content .modal-body , #donationModal .modal-content .modal-header{
  padding: 0;
  border:0;
} 
#donationModal .modal-content .modal-header{
  position: absolute;
  top: 1.5rem;
  right: 1.8rem;
  z-index: 999;
  width: 100%;
  cursor:pointer;
}
.donation_project .cstm_donation_inner label ::placeholder, 
.donation_project .cstm_donation_inner label ::-ms-input-placeholder, 
.donation_project .cstm_donation_inner label :-ms-input-placeholder  { 
  color: #000;
  opacity: 1;
} 
/* End transparent modelpopup css */
/* Payment stripe css */
#donationModal .hidden {
  display: none;
}
#donationModal .pricePanel .btn {
  width: 100%;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  font-family: "Lora", Sans-serif;
}
#donationModal .pricePanel .btn-primary {
  color: #fff;
  background-color: #89A230;
  border-color: #89A230;
  font-family: "Lora", Sans-serif;
}
#donationModal .pricePanel .btn-primary i.rload {
  background: url(../images/reload.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  width: 24px;
  height: 24px;
}
#donationModal .pricePanel .btn-primary:hover i.rload {
  transform: rotate(360deg) scale(1.2);
}
button:hover {
  filter: contrast(75%);
}
button:disabled {
  opacity: 0.5;
  cursor: default;
}
  /* spinner/processing state, errors */
#donationModal .pricePanel .spinner,
#donationModal .pricePanel .spinner:before,
#donationModal .pricePanel .spinner:after {
  border-radius: 50%;
}
#donationModal .pricePanel .spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
#donationModal .pricePanel .spinner:before,
#donationModal .pricePanel .spinner:after {
  position: absolute;
  content: "";
}
#donationModal .pricePanel .spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #89A230;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
#donationModal .pricePanel .spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #89A230;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
} 
#donationModal #paymentResponse {
  font-size: 12px;
  border: 1px dashed;
  padding: 5px;
  color: #EA4335;
  margin-top: 3px;
}
#donationModal .success {
  color: #34A853;
}
#donationModal .error {
  color: #EA4335;
}
/* End payment stripe css */
#loading2 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: .7;
  background-color: grey;
  z-index: 99999999999999999;
}
#div2 {
  display: none;
  position: fixed;
  top: 220px;
  left: 48%;
  z-index: 99;
}
#div2 img {
  z-index: 100;
}
#loading2  {
  display: none;
}
.bx-wrapper .bx-loading { 
  display:none !important; 
}
#donationModal .paymentdone {
  min-height: 26.95rem;
}
.paymentdone p{
  font-weight: bold;
}

.pt3pb2{
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.pt3pb3{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.has-background-white .site .faq_q_on a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: #829c2c;
  color: #FFF; 
  text-decoration: none;
}
.has-background-white .site .faq_q_off a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: #fff;
  color: #5e5e5e; 
  text-decoration: none;
}
.howitall .bx-controls-direction a.bx-prev:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: url(/wp-content/uploads/2023/07/controls.png) no-repeat; 
}
.howitall .bx-controls-direction a.bx-next:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: url(/wp-content/uploads/2023/07/controls.png) no-repeat -44px 0; 
}
.paybanktransferform #submit, .paybanktransferform #accept{
  background-color:#89A230;
  border-radius: 10px;
  width: 100%;
/*  padding: 5px;  */
  margin-top:15px;
  border:0;
  font-size: 14px;
  font-family: "Lora", Sans-serif;
  color: #fff;
  height: 40px;
}
.paybanktransferform #submit:hover, .paybanktransferform #accept:hover {
  color: #fff; 
}
.LinkButton:focus, .LinkButton:hover, .LinkButton {
  background-color: #fff !important;
}
.waterSecPanel .d-inline, .healthSecPanel .d-inline, .emergencySecPanel .d-inline, .emergencySecondPanel .d-inline{
    width: 95%;
}
.w-100{
  width: 100%;
}

.paybanktransferform #payment-form input {
  border-radius: 10px;
  font-family: "Lora", Sans-serif;
  height: 40px;
  padding: 8px 12px 8px 12px;
  background-color: #E2E6EE;
  color: #9EA8BD;
  border: unset;
  border-radius: 10px;
}

.paybanktransferform #payment-form input:focus{
  background-color: #fff;

  border: 1px solid #E2E6EE;
  box-shadow: 0px 4px 18px rgba(158, 168, 189, 0.31);
  color: #030102;
}
 
.payform #subscrFrm input, .payform #subscrFrm select, .payform_chldwthbtn #subscrFrm_chldwthbtn input, .payform_chldwthbtn #subscrFrm_chldwthbtn select {
  border-radius: 10px;
  font-family: "Lora", Sans-serif;
  height: 40px;
  padding: 8px 12px 8px 12px;
  background-color: #E2E6EE;
  color: #9EA8BD;
  border: unset;
}

.payform #subscrFrm input:focus, .payform #subscrFrm select:focus, #card-element:focus, #card-element_chldwthbtn:focus,
.payform_chldwthbtn #subscrFrm_chldwthbtn input:focus, .payform_chldwthbtn #subscrFrm_chldwthbtn select:focus
{
  background-color: #fff;

  border: 1px solid #E2E6EE;
  box-shadow: 0px 4px 18px rgba(158, 168, 189, 0.31);
  color: #030102;
}


.paybanktransferform #payment-form input:focus:invalid{
/*  color: #333;*/
}

.paybanktransferform #payment-form label{
  font-size: 16px;
  text-align: left;
  display: block;
  font-family: "Lora", Sans-serif;
  font-weight: 400;
  line-height: 18.75px;
  color: #030102;
  margin-bottom: 10px;

}
.childsponsorModel-slider{
  justify-content: center;
}
.childsponsorModel-slider{
  justify-content: center;
}
@supports (-webkit-overflow-scrolling: touch) { 
  /* CSS specific to iOS devices */ 
  .modal .modal-dialog {
    height: 100vh;
    overflow-y: scroll;
  }
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  .modal .modal-dialog {
    height: 100vh;
    overflow-y: scroll;
  }
}
.modal-dialog-scrollable .modal-body {
/*     overflow-y: scroll ;*/
}
/*.modal-dialog-scrollable .modal-content {
    overflow-y: auto;    
}*/
.boxImg.box1.clickImage{
  cursor: pointer;
}
.project .fa-angle-right, .project .fa-angle-left, .project .fa-circle{
  cursor: pointer;
}
.fa-angle-left{
  /*position: absolute;
  left: 2.1%;
  top: 285px;
  bottom: 0;*/
}

.faangle {
  position: absolute;
  top: 61.8%;
  left: 0;
  width: 100%;
  display: flex!important;
  justify-content: space-between;
  transform: translateY(-50%);
  padding: 0 10px;
  z-index: 2;
}

/*.faangle i {
  font-size: 2rem;
  color: white;
  cursor: pointer;
}*/
.fa-angle-right{
 /* position: absolute;
  right: 53%;
  top: 285px;
  bottom: 0;*/
}
.fa-angle-right:before, .fa-angle-left:before{
  color: #000000;
}
.project .facircle .fa-circle{
  font-size: 10px;
  width: 14px;
  line-height: 5px;
  color: #666;
}
.project .facircle .fa-circle.active{
  color: #000;
}

/*Header donate button css*/
.donateheaderBtn {
    padding: 12px 24px !important;
    min-width: 209px;
    height: 60px;
    background: var(--button-bg-color, #89A230) !important;
    outline: 0 !important;
    border:0;
    color: var(--button-font-color, #FFF) !important;
    /*font-family: Fira Mono !important;
    font-weight: 100 !important;*/
    font-weight: 600 !important;
    font-size: 20px !important;
    border-radius: 10px !important;
    line-height: 16.41px !important;
    border: unset!important;
    text-transform: unset !important;
}
.donateheaderBtn:hover, .donateheaderBtn:focus, .findmatchBtn1:focus{
  outline: 0 !important;
  border:0;
  color: var(--button-font-color, #FFF) !important;
}
/*End header donate button css*/
.projecthomebtn, .donatepopupbtn{
  font-family: "Lora", Sans-serif !important;
    font-weight: 700 !important;
}
.payform, .payform_chldwthbtn, .pricePanel{
  margin-left: auto !important;
  margin-right: auto !important;
}
#subscrFrm select:focus:invalid, #subscrFrm_chldwthbtn select:focus:invalid {
  color: rgb(40, 48, 61);
}
.sponserPanel{
  padding-right: 0 !important;
  padding-left: 0 !important;
}
#card-element, #element_chldwthbtn {
/*    border: 1px solid #829C2C;*/
    border-radius: 10px;
    padding: 0.1em 1em;
    width: 100%;
    background-color: #E2E6EE;
    border: 1px solid #E2E6EE;
}

#card-element iframe > span, #element_chldwthbtn iframe > span, .donatepopupbtn{
  font-family: "Lora", Sans-serif !important;
  font-size: 600 !important;
}
/*=========================*/
#subscrFrm h3, #subscrFrm_chldwthbtn h3{
  font-family: "Lora", Sans-serif;
}
.paymentdone p{
  font-family: "Lora", Sans-serif;
}
.ourworkPanel h2, .ourworkPanel p, .sliderConatiner p{
  font-family: "Lora", Sans-serif;
}
.paybanktransferform #confirmation-form p{
  font-family: "Lora", Sans-serif;
}
.projectHomeScreen .p-0{
  margin-bottom: 0;
}
@media (max-width: 567px) {
  #donationModal .modal-content .modal-header {
    width: 95%;
  }
  #donationModal .rightboxback {
    top: 0 !important;
  }
}
.grayRightPopup #donation_right .projectHomeScreen {
  min-height: 480px;
}

.bankPanel .rightPanel {
  width: 100%;
  padding: 15px 0 3px 0px;
  font-weight: normal;
}
.bankPanel .rightPanel input.selectCustom, .bankPanel button {
  padding: 0.4em 1em;
  font-family: inherit;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 1px solid #829C2C;
  border-radius: 10px;
  line-height: 30px;
}
.bankPanel input[type=text]:focus, .bankPanel input[type=email]:focus{
  outline-offset: 0px !important;
  outline: 0px !important;
}
.bankPanel {
  width: 100%;
  font-size: 14px !important;
}
.childsponsorModel-slider .bx-wrapper {
  margin-bottom: 0;
}
.childsponsorModel-slider {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.campaignProject .w-90 {
  width: 90% !important;
}
.verticalalign h3{
  margin-top: 2.5rem !important;
  font-size: 22px !important;
}
@media (max-width: 480px) {   
  .fa-angle-right {
    right: 6% !important;
    top: 29% !important;
  }
  .fa-angle-left{
    left: 25px !important;
    top: 29% !important;
  } 
}

.sliderConatiner #myTab{
  margin: 0px!important;
}

.childsponsor-slider{
  margin-left: 0px!important;
  margin-right: 0px!important;
}

.bx-wrapper .bx-controls-direction a{
  width: 12px!important;
  height: 20px!important;
}

/*==============================================*/


#subscrFrm .rightPanel, #subscrFrm_chldwthbtn .rightPanel {
  text-align: left !important;
}

#subscrFrm .rightPanel label, #subscrFrm_chldwthbtn .rightPanel label{
  margin-bottom: 10px!important;
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  color: #030102;

}

#submitBtn, #submitBtn_chldwthbtn{
  height: 40px!important;
  padding: 12px 24px 12px 24px!important;
  border-radius: 10px!important;
  font-size: 14px!important;
  font-weight: 400!important;
  line-height: 16.41px!important;
  color: #FFFFFF!important;
}


@media (max-width: 555px) {
  #donationModal .rightboxback, #donationModal_chldwthbtn .rightboxback_chldwthbtn {
    left: 0 !important;
  }
}


.cstm_payment_form_note{
  font-size: 12px;
  font-weight: 300;
  line-height: 14.06px;
  color: #030102;
  margin-top: 10px!important;
}

.cc_title{
  font-size: 20px!important;
  font-weight: 700!important;
  line-height: 23.44px!important;
  color: #030102!important;
  padding-top: 10px!important;
  font-family: "Lora", Sans-serif;
}

.ccstm_title_after{
  font-style: normal!important;
  font-size: 24px!important;
  line-height: 54px!important;
  font-family: "Lora", Sans-serif;
}

.cc_title.radio{
  margin-bottom: 24px;
}

.mbim-15{
  margin-bottom: 15px!important;
}

.recurring-donation-disclosure {
  margin-top: 20px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
  font-family: "Lora", Sans-serif
}

/*===============================*/
/*.elementor-section.elementor-top-section.elementor-element.elementor-element-3671416.elementor-section-height-min-height.elementor-section-content-middle.elementor-section-items-stretch.elementor-section-boxed.elementor-section-height-default {
  display: none;
}

.elementor-section.elementor-top-section.elementor-element.elementor-element-4d03ba4b.elementor-section-content-middle.elementor-section-boxed.elementor-section-height-default {
  display: none;
}

.elementor-section.elementor-top-section.elementor-element.elementor-element-f5994e2.elementor-section-boxed.elementor-section-height-default{
  display: none;

}


.elementor-section.elementor-top-section.elementor-element.elementor-element-42133718.elementor-section-height-min-height.elementor-section-content-middle.elementor-reverse-mobile.elementor-section-boxed.elementor-section-height-default.elementor-section-items-middle {
  display: none;
}*/

/*=========================================================================================================================*/



#donationModal_chldwthbtn form{
  padding: 0 12px;
  margin: 0;
}

#donationModal_chldwthbtn #subscr_Frm_chldwthbtn{
  padding: 0;
  cursor: pointer;
}

#donationModal_chldwthbtn input[type=text], #donationModal_chldwthbtn input[type=email], #donationModal_chldwthbtn input[type=phone]{
  padding: 10px;
  background-color: inherit;
}

#donationModal_chldwthbtn .errorValidate {
    color: red;
    font-size: 16px;
  font-family: "Lora", Sans-serif;
}

 
  #donationModal_chldwthbtn .donation_box_custom_sctn .data_part{
    padding-top: 40px;
  }
  
  #donationModal_chldwthbtn .backtext {
    left: 13% !important;
  }

   #donationModal_chldwthbtn.hidePopupOnePanel .grayRightPopup.boxshadow, 
  #donationModal_chldwthbtn .grayRightPopup.boxshadow .donation_box_custom_sctn{
    box-shadow: none !important;
  }
  #donationModal_chldwthbtn.hidePopupOnePanel .modal-header .btn-close {
    margin-right: 0rem !important;
  }
  #donationModal_chldwthbtn .grayRightPopup .radio-toolbar label{
    font-size: 12px !important;
  }  


  @media (max-width: 575px) {
  #donationModal_chldwthbtn .grayLeftPopup, .grayRightPopup{
    margin-bottom: 15px;
  }

}



@media (min-width:768px) and (max-width:991px) {

  #donationModal_chldwthbtn .paymentdone_chldwthbtn .pt3pb3 {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
  }
  #donationModal_chldwthbtn .paymentdone_chldwthbtn .mt2em{
    margin-top: 1.5em !important;
  }
  #donationModal_chldwthbtn .paymentdone_chldwthbtn .mt2em img{
    width: 100%;
  }
  #donationModal_chldwthbtn .paymentdone_chldwthbtn {
    min-height: 25.7rem !important;
  }
 
  #donationModal_chldwthbtn.hidePopupOnePanel .modal-header .btn-close {
    margin-right: 6.5rem !important;
  }
  #donationModal_chldwthbtn .grayLeftPopup img.projectImg{
    height: auto !important;
  }
  #donationModal_chldwthbtn .grayLeftPopup .logo {
    padding: 20px 20px 5px !important;
  }
  
  #donationModal_chldwthbtn .grayRightPopup input[type=radio] + label {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  #donationModal_chldwthbtn .grayRightPopup .donation_box_custom_sctn .middle_part {
    padding: 15px 13px 0px !important;
  }
  #donationModal_chldwthbtn .grayRightPopup .radio-toolbar label{
    padding: 7px 9px !important;
  }
  
  #donationModal_chldwthbtn .grayRightPopup .donation_project .cstm_donation_inner{
    margin: 0 !important;
  }
  #donationModal_chldwthbtn .grayRightPopup .donation_project .data_part{
    padding: 2.8rem 1rem 1rem !important;
  }

   #donationModal_chldwthbtn .grayRightPopup #donation_right_chldwthbtn .plogo_chldwthbtn img{
    width: 90% !important;
  }


  #donationModal_chldwthbtn .totalPrice_chldwthbtn {
    margin: 0.5rem 0px 1rem;
  }
 

  #donationModal_chldwthbtn .sponsorchild_amt_chldwthbtn {
    font-size: 16px !important;
  }
  #donationModal_chldwthbtn .totalPrice_chldwthbtn {
    margin: 0.5rem 0 1.5rem !important;
  }
  #donationModal_chldwthbtn .bx-wrapper img{
    height: 195px;
  }
  #donationModal_chldwthbtn .childsponsorProject .mt-4em{
    margin-top: -4.9em;
  }
  
  #donationModal_chldwthbtn .footer-row p:first-child {
    padding-top: 10px !important;
    padding-left: 0;
    padding-right: 0;
  }
  
  #donationModal_chldwthbtn .grayLeftPopup .campaignProject .container .col-4{
    width: 100%;
  }
 
  #donationModal_chldwthbtn .grayLeftPopup .childsponsorProject p {
    font-size: 14px !important;
  }
  #donationModal_chldwthbtn .grayLeftPopup h3 {
    padding: 4px 5px 0px !important;
  }
  #donationModal_chldwthbtn .grayLeftPopup .childsponsorProject h3, #donationModal_chldwthbtn .grayLeftPopup .childsponsorProject p{
    font-size: 13px !important;
  }
  #donationModal_chldwthbtn .grayLeftPopup .childsponsorProject p{
    padding: 0px 5px 0px !important;
  }
  #donationModal_chldwthbtn .grayLeftPopup .childsponsorProject{
    padding-top: 40px !important;
  }
  #donationModal_chldwthbtn .grayLeftPopup p{
    padding: 0px 10px 8px !important;
  } 
  
  #donationModal_chldwthbtn .grayLeftPopup .campaignProject h4{
    padding: 13px 10px 13px !important;
    font-size: 14px !important;
  }

   #donationModal_chldwthbtn .pricePanel .rightPanel{
    width: 100%;
  }
  #donationModal_chldwthbtn .pricePanel h3{
    font-size: 20px;
  }

}

/* Donation model popup css */
#donationModal_chldwthbtn .bx-wrapper img {
  max-width: 95%; 
  height: 220px;
  border-radius: 10px;
}
#donationModal_chldwthbtn .errorValidate{
  color: red;
  font-size: 16px;
}
#donationModal_chldwthbtn .grayLeftPopup, .grayRightPopup{
  /*margin-bottom: 15px;*/
/*  min-height: 30%; */
  min-height: 480px;
}
#donationModal_chldwthbtn .grayLeftPopup{
  background-color: #f3efee;
  border-radius: 20px;
}

#donationModal_chldwthbtn .grayRightPopup .donation_box_custom_sctn{
  width: 100%;
}

#donationModal_chldwthbtn .grayLeftPopup p{
  font-size: 14px;
  padding: 0px 15px 5px;
  text-align: center;
  line-height: 22px;
  font-family: "Lora", Sans-serif;
}
#donationModal_chldwthbtn .grayLeftPopup h4{
  padding: 15px 15px 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #9bb740;
  font-family: "Lora", Sans-serif;
}
#donationModal_chldwthbtn .grayLeftPopup h3{
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  font-family: "Lora", Sans-serif;
}
#donationModal_chldwthbtn .grayLeftPopup img.projectImg{
  height: 260px;
  width: 100%;
  border-top-left-radius: 20px;    
  border-top-right-radius: 20px;
}
#donationModal_chldwthbtn .grayLeftPopup .campaignProject img.projectImg{
  height: auto;
  border-radius: 0 !important;
}
#donationModal_chldwthbtn .grayLeftPopup .logo{
  padding: 15px 55px 0;
  max-width: 100%;
  vertical-align: middle;
}
#donationModal_chldwthbtn .modal-header button:not(:hover):not(:active):not(.has-background){
  background-color: transparent;
}

#donationModal_chldwthbtn .grayRightPopup.boxshadow, #donationModal_chldwthbtn .grayRightPopup.boxshadow .donation_box_custom_sctn, 
#donationModal_chldwthbtn .grayLeftPopup.boxshadow{
  box-shadow: 1px 1px 9px rgb(124 124 124 / 25%);
}
#donationModal_chldwthbtn .grayLeftPopup .bx-wrapper{
  border: 5px solid #f3efee;
  background: #f3efee;
}

#donationModal_chldwthbtn .grayLeftPopup .childsponsorProject{
  padding-top: 50px;
}
#donationModal_chldwthbtn .grayLeftPopup .childsponsorProject h3 {
  text-align: left;
}
#donationModal_chldwthbtn .grayLeftPopup .childsponsorProject p{
  text-align: center;
  font-size: 14px;
}

#donationModal_chldwthbtn .totalPrice_chldwthbtn{
  margin:1.5rem 0;
  font-size: 16px;
  font-family: "Lora", Sans-serif;
  color: #000;
}
#donationModal_chldwthbtn .sponsorchild_amt_chldwthbtn{
  font-size: 30px;
  font-weight: bold;
}
#donationModal_chldwthbtn .footer-row{
  border-top: 1px solid #000;
  margin-top: 20px;
  font-family: "Lora", Sans-serif
}
#donationModal_chldwthbtn .imgFooter{
  float: left;
  width: 12%;
}
#donationModal_chldwthbtn .imgFooterTxt{
  float: left;
  text-align: center;
  width: 88%;
  line-height: 22px;
  font-family: "Lora", Sans-serif
}
#donationModal_chldwthbtn .footer-row p:first-child{
  padding-top: 7px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#donationModal_chldwthbtn .grayRightPopup .radio-toolbar label {
  margin: 0px;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 15px;
  background-color: #E2E6EE;
  color: #030102;
  border: 1px solid #E2E6EE;
  font-family: "Lora", Sans-serif;
  width: 100%;
  text-align: left;
}

#donationModal_chldwthbtn .grayRightPopup .radio-toolbar input[type="radio"]:checked + label {
  background-color: #89A230;
  border-color: #89A230;
  color: #fff;
}
#donationModal_chldwthbtn .grayRightPopup .radio-toolbar{
  margin: 0;
}
#donationModal_chldwthbtn .grayRightPopup .radio-toolbar.typedonation{
  margin-top: 45px;
}
#donationModal_chldwthbtn .grayRightPopup input[type=radio] + label {
  padding-left: 15px;
  text-align: left;
}
#donationModal_chldwthbtn .grayRightPopup .donation_project.donation_box_custom_sctn {
  text-align: left;
}
#donationModal_chldwthbtn .cstm_donation_inner, #donationModal_chldwthbtn .donation_box_custom_sctn{
  opacity: unset;
}
#donationModal_chldwthbtn .grayRightPopup .donation_project .cstm_donation_inner{
/*  margin: 0 10px;  */
  border: 0;
/*  box-shadow: 2px 5px 5px rgb(38 38 38 / 25%);*/
  border-radius: 10px;
  background: #E2E6EE;
} 
#donationModal_chldwthbtn .grayLeftPopup .campaignProject .cstm_donation_inner label{
  font-size: 13px;
}
#donationModal_chldwthbtn .cstm_donation_input .cstm_donation_inner label{
  font-size: 16px;
}
#donationModal_chldwthbtn .grayRightPopup .donation_project .cstm_donation_inner #custom_amount{
  border-radius: 10px;
  font-size: 16px;
  width: 100%;
  font-weight: bold;
  font-family: "Lora", Sans-serif;
}
#donationModal_chldwthbtn .grayRightPopup .donation_project .cstm_donation_inner #custom_amount:focus{
  outline:0;
  font-size: 16px;
  background: #829C2C;
  margin-left: 0;
}

#donationModal_chldwthbtn .grayRightPopup .donation_project .cstm_donation_inner label{
  font-weight: bold;
  font-family: "Lora", Sans-serif;
}
#donationModal_chldwthbtn .grayLeftPopup .campaignProject .cstm_donation_input .cstm_donation_inner input[type="radio"]:checked + label{
  border-radius: 4px;
  font-family: "Lora", Sans-serif;
}

#donationModal_chldwthbtn a.bx-prev:focus:not(.wp-block-button__link):not(.wp-block-file__button){
  left: 10px !important;
  background: url(/wp-content/uploads/2023/06/left-arrow.png) no-repeat;
}
#donationModal_chldwthbtn a.bx-next:focus:not(.wp-block-button__link):not(.wp-block-file__button){
  right: -10px !important;
  background: url(/wp-content/uploads/2023/06/right-arrow.png) no-repeat;
} 


#donationModal_chldwthbtn .backtext{
  left: 25%;
  position: absolute;
  cursor: pointer;
}
#donationModal_chldwthbtn .rightboxback_chldwthbtn{
  left: 0;
  position: relative;
  cursor: pointer;
  color: #000;
  margin-bottom: -6px;
  font-size: 16px;
  font-family: "Lora", Sans-serif;
}

#donationModal_chldwthbtn .hidefirstPanel{
  margin: 0 auto;
  text-align: center; 
}
#donationModal_chldwthbtn .hidefirstPanel .typedonation{
  text-align: center;
}
#donationModal_chldwthbtn.hidePopupOnePanel .modal-header .btn-close{ 
  /*margin-right: 11.45rem;*/
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 999;
  right: 25%;
  margin: 0;
}

#donationModal_chldwthbtn .campaignProject input[type=text]{
  margin: 0;
}
#donationModal_chldwthbtn .cstm_donation_input .cstm_donation_inner input[type="radio"]:checked + label {
  border-radius: 9px;
}


/* End donation model popup css */
/* Transparent modelpopup css */
.modal#donationModal_chldwthbtn{
  border: 0 !important;
  --bs-modal-border-width: 0px;
  z-index: 999999;
  background-color: rgba(211, 211, 211, 0.8);
}
#donationModal_chldwthbtn .modal-content{
  border-radius: 0;
  background: transparent;
}
#donationModal_chldwthbtn .modal-content .modal-body , #donationModal_chldwthbtn .modal-content .modal-header{
  padding: 0;
  border:0;
} 
#donationModal_chldwthbtn .modal-content .modal-header{
  position: absolute;
  top: 1.5rem;
  right: 1.8rem;
  z-index: 999;
  width: 100%;
  cursor:pointer;
}

#donationModal_chldwthbtn .hidden {
  display: none;
}
#donationModal_chldwthbtn .pricePanel .btn {
  width: 100%;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  font-family: "Lora", Sans-serif;
}
#donationModal_chldwthbtn .pricePanel .btn-primary {
  color: #fff;
  background-color: #89A230;
  border-color: #89A230;
  font-family: "Lora", Sans-serif;
}
#donationModal_chldwthbtn .pricePanel .btn-primary i.rload {
  background: url(../images/reload.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  width: 24px;
  height: 24px;
}
#donationModal_chldwthbtn .pricePanel .btn-primary:hover i.rload {
  transform: rotate(360deg) scale(1.2);
}

  /* spinner/processing state, errors */
#donationModal_chldwthbtn .pricePanel .spinner,
#donationModal_chldwthbtn .pricePanel .spinner:before,
#donationModal_chldwthbtn .pricePanel .spinner:after {
  border-radius: 50%;
}
#donationModal_chldwthbtn .pricePanel .spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
#donationModal_chldwthbtn .pricePanel .spinner:before,
#donationModal_chldwthbtn .pricePanel .spinner:after {
  position: absolute;
  content: "";
}
#donationModal_chldwthbtn .pricePanel .spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #89A230;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
#donationModal_chldwthbtn .pricePanel .spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #89A230;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}

#donationModal_chldwthbtn #paymentResponse_chldwthbtn {
  font-size: 12px;
  border: 1px dashed;
  padding: 5px;
  color: #EA4335;
  margin-top: 3px;
}
#donationModal_chldwthbtn .success {
  color: #34A853;
}
#donationModal_chldwthbtn .error {
  color: #EA4335;
}

#donationModal_chldwthbtn .paymentdone {
  min-height: 26.95rem;
}

@media (max-width: 567px) {
  #donationModal_chldwthbtn .modal-content .modal-header {
    width: 95%;
  }
  #donationModal_chldwthbtn .rightboxback_chldwthbtn {
    top: 0 !important;
  }
}

@media (max-width: 555px) {
  #donationModal_chldwthbtn .rightboxback_chldwthbtn {
    left: 0 !important;
  }
  .donateheaderBtn {    
    height: auto;
    font-size: 18px !important;
    line-height: 30px !important;
    white-space: normal;
    word-break: break-word;
  }
}


/*.grayLeftPopup .campaignProject .childValidate_chldwthbtn {
    margin-top: -7px;
  }*/

.childValidate_chldwthbtn{
  font-size: 13px;
  color: red;
  text-align: center;
}


.projectHomeScreen_chldwthbtn .p-0{
  margin-bottom: 0;
}

.grayRightPopup #donation_right_chldwthbtn .projectHomeScreen_chldwthbtn {
  min-height: 480px;
}

.grayLeftPopup .noChildMsg, .typedonation, .plogo, .backtext, .displaynonefisrt, .payform, .payform_chldwthbtn, .rightboxback, .rightboxback_chldwthbtn,
.projectHomeScreen, .projectFirstScreen, .paymentdone, .paymentdone_chldwthbtn, .paybanktransferform, .plogo_chldwthbtn, .paybanktransferform_chldwthbtn{
  display: none;
}


#donationModal_chldwthbtn .grayRightPopup .payoption_chldwthbtn .type {
/*  padding: 0 4px 10px !important;*/
  text-align: center !important;
}

#donationModal_chldwthbtn .grayRightPopup .payoption_chldwthbtn .type{
padding: 0 15px 25px 15px;
color: #000;
font-weight: bold;
}
#donationModal_chldwthbtn .grayRightPopup .payoption_chldwthbtn{
padding-left: 10px;
padding-right: 10px;
margin-bottom: -20px;
}
#donationModal_chldwthbtn .grayRightPopup .payoption_chldwthbtn .type .paylogo_chldwthbtn{
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 2px 5px 5px rgb(38 38 38 / 25%);
  font-size: 14px;
  padding: 11px 14px 8px;
  cursor: pointer;
  height: 42px;
  font-family: "Lora", Sans-serif
}

#donationModal_chldwthbtn .grayRightPopup .payoption_chldwthbtn .type .paylogo_chldwthbtn{
    padding: 8px 0px 8px !important;
}

#custom_child_input_chldwthbtn:focus{
  outline: 0px;
  border: 0px;
  color: #000;
  background: #829C2C;
  border-radius: 9px;
  opacity: 1;
}
#custom_child_input_chldwthbtn{
    height: 100%;
    border: 0;
    background: #fbfbfb;
    font-size: 16px;
    width: 97%;
    margin: 0 auto;
  font-family: "Lora", Sans-serif;
}
  
  #custom_child_input_chldwthbtn:focus{
    padding: 10 !important;
  } 

#custom_child_input_chldwthbtn:focus {
  border: 3px solid #829C2C;
  background: none;
  outline: 0;
  padding: 8px 9px;
  border-radius: 5px !important;
}
#custom_child_input_chldwthbtn {  
  font-size: 13px;
  box-shadow: 1px 2px 4px rgb(0 0 0 / 25%);
  border-radius: 5px;  
}

#donationModal_chldwthbtn .grayLeftPopup .campaignProject .cstm_donation_inner #custom_child_input_chldwthbtn{
    width: 100% !important;
    border-radius: 4px;
  }


.paybanktransferform_chldwthbtn #submit_chldwthbtn, .paybanktransferform_chldwthbtn #accept_chldwthbtn{
  background-color:#89A230;
  border-radius: 10px;
  width: 100%;
/*  padding: 5px;  */
  margin-top:15px;
  border:0;
  font-size: 14px;
  font-family: "Lora", Sans-serif;
  color: #fff;
  height: 40px;
}
.paybanktransferform_chldwthbtn #submit_chldwthbtn:hover, .paybanktransferform_chldwthbtn #accept_chldwthbtn:hover {
  color: #fff; 
}


#payment-form, #payment-form_chldwthbtn{
  border-top: 3px solid #829c2c;
}

.paybanktransferform_chldwthbtn #payment-form_chldwthbtn input {
  border-radius: 10px;
  font-family: "Lora", Sans-serif;
  height: 40px;
  padding: 8px 12px 8px 12px;
  background-color: #E2E6EE;
  color: #9EA8BD;
  border: unset;
  border-radius: 10px;
}

.paybanktransferform_chldwthbtn #payment-form_chldwthbtn input:focus{
  background-color: #fff;
  border: 1px solid #E2E6EE;
  box-shadow: 0px 4px 18px rgba(158, 168, 189, 0.31);
  color: #030102;
}

.paybanktransferform_chldwthbtn #payment-form_chldwthbtn label{
  font-size: 16px;
  text-align: left;
  display: block;
  font-family: "Lora", Sans-serif;
  font-weight: 400;
  line-height: 18.75px;
  color: #030102;
  margin-bottom: 10px;

}

.paybanktransferform_chldwthbtn #confirmation-form_chldwthbtn p{
  font-family: "Lora", Sans-serif;
}

#donationModal_chldwthbtn .paybanktransferform_chldwthbtn{
  min-height: 15.75rem;
}

.paymentdone_chldwthbtn p{
  font-weight: bold;
}

.paymentdone_chldwthbtn p{
  font-family: "Lora", Sans-serif;
}

@media (max-width: 480px) {   
  #donationModal_chldwthbtn .paymentdone_chldwthbtn .pt3pb3{
    padding-top: 1.5rem !important;
    padding-bottom: 3rem !important;
  }
}

/*======================*/

.elementor-container {
  color: #fff;
}
.elementor-container h4.c_title{
  color: #000;
}

.cst_mnth_fltr_dsbld, #cst_mnth_fltr_dsbld{
  display: none;
}

.dsbld_raadio_btn:hover {
  filter: unset !important;
}

.dsbld_raadio_btn {
  background-color: #cccccc !important;
  color: #666 !important;
  cursor: not-allowed !important;
}

#colclasschng.col-12 label, .colclasschng.col-12 label {
  text-align: center !important;
}

#cst_mnth_fltr.col-12 label, .cst_mnth_fltr.col-12 label {
  text-align: center !important;
}

.child_sponsorship_image_p {
  height: 315px;
  margin: 0px 0px 10px 0px !important;
  padding: 0!important;
}

.child_sponsorship_image_p img{
  height: 100%!important;
  width: auto;
}

.facircle{
  text-align: center!important;
}

.campaignProject.project{
/*  position: relative;*/
}
.campaignhead{
  position: absolute;
  width: 100%;
}

.facircle {
  position: absolute;
  bottom: 10px;
/*  text-align: center;*/
  width: 100%;
}

.noangles .facircle, .noangles .faangle{
  display: none!important;
}

.hiddenscrollClass {
  overflow-y: scroll; /* or auto */
  -ms-overflow-style: none;  /* IE/Edge */
  scrollbar-width: none;     /* Firefox */
}

.hiddenscrollClass::-webkit-scrollbar {
  display: none;             /* Chrome/Safari */
}

body.modal-open {
  padding-right: 0 !important;
/*  overflow-y: scroll;*/
}