@font-face {font-family: "Arvo-Regular"; src: url("../fonts/arvo/Arvo-Regular.ttf"); }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
body {font-family: "Arvo-Regular";font-size: 15px;color: #fff;margin: 0;display: flex;flex-direction: column;min-height: 100vh;}
.btn.focus, .btn:focus{box-shadow: none;}
:focus {outline: none; }
textarea {resize: none; }
input, textarea, select, button {font-size: 15px;color: #fff; }
p, h1, h2, h3, h4, h5, h6, ul {margin: 0;}
ul {padding: 0;margin: 0;list-style: none; }
a {text-decoration: none; }
a:hover{text-decoration: none;}
img {max-width: 100%;vertical-align: middle; }
.font-bold{font-weight: 600;}
.label-font{font-size: 16px;font-weight: 600;}
.spacer {flex: 1;}
.error{color: #e4141d;}
.text-grey{color: #555555;}
.text-blue{color: #0071bb;}
.text-red{color: #C0294F;}
.text-green{color: #66bc6b;}

/* ============= Error Print =============== */
#dtype-error.error{width:100%; color:#ff0000; border:none; margin:0px; padding:0px; background:none; text-transform: lowercase; font-size:18px; margin-bottom:10px; }

#fundtype-error.error{width:100%; color:#ff0000; border:none; margin:0px; padding:0px; background:none; text-transform: unset; font-size:18px; margin-bottom:10px;  }

#odamount-error.error{width:100%; color:#ff0000; border:none; margin:0px; padding:0px; background:none; text-transform: unset; font-size:18px; margin-bottom:10px;  }

#mdtype-error.error{width:100%; color:#ff0000; border:none; margin:0px; padding:0px; background:none; text-transform: unset; font-size:18px; margin-bottom:10px;  }

#mdamount-error.error{width:100%; color:#ff0000; border:none; margin:0px; padding:0px; background:none; text-transform: unset; font-size:18px; margin-bottom:10px;  }

#fieldMonDonOther-error.error{width:100%; color:#ff0000; border:none; margin:0px; padding:0px; background:none; text-transform: unset; font-size:18px; margin-bottom:10px;  text-align:left; margin-top:10px; }

#fieldOfDonOther-error.error{width:100%; color:#ff0000; border:none; margin:0px; padding:0px; background:none; text-transform: unset; font-size:18px; margin-bottom:10px; text-align:left; margin-top:10px; }

#giftcheckbox-error{position: absolute; bottom: 0; left: 0; right: 0;margin: auto; font-weight: bold; cursor: text!important;}


/* ============= Amount Convert =============== */
#fieldMonDonOther{display:none;}
#fieldOfDonOther{display:none;}



/*header css*/
.header {box-shadow: 0px 0px 10px #d7d7d7;margin-bottom: 30px;position: fixed;top: 0;width: 100%;z-index: 9999;background: #fff;padding: 16px;}
.header .logoMain{ display: inline-block;}
.header .dcartWrap{margin-left:auto;}
.header .container.clearfix{display: flex; align-items: flex-end;}
.header .dcartWrap .btn{font-size:1.3rem; padding:0.9rem;}
.donationDropDown{min-width: 360px; padding:20px; padding-top: 10px; font-size:1.1rem;}
.donationDropDown .row-dpProject{border-bottom:1px solid #eaeaea; margin:0px; padding:10px 0px;}
.donationDropDown .row-dpProject .col-7{padding-left: 0px;}
.row-dpTotal{padding-top: 10px;}
.donationDropDown h4{margin-bottom:5px; background:#f0f0f0; font-size:1.2rem; padding:8px 10px;}
.enterAddressArea {margin-bottom: 0px;}



  /* banner css */
.headerBanner{position: relative;margin: 0;width: 100%;max-width: 100%;background: #0071bb;height: 248px;display: flex;align-items: center;justify-content: center; padding-top: 46px;}
.headerBanner:after {background: url('../img/banner-white.svg') no-repeat bottom;content: "";height: 114px;width: 100%;position: absolute;background-size: cover;z-index: 2;bottom: -1px;left: 0;}
.steps{display: none;}
.wizard > .content > .title{position: absolute;left: -999em;}



/* prev & next button css */
#stepTwoNext{ position: fixed;z-index: 999;bottom: -90px;width: 100%;left: 0;padding: 22px 0px; box-shadow: 0px 0px 26px 5px rgb(28 28 28 / 30%);  background: rgba(0,113,187 ,0.9);}
.btnWrap{ position: fixed;z-index: 999;bottom: 0px;width: 100%;left: 0;padding: 22px 0px; box-shadow: 0px 0px 26px 5px rgb(28 28 28 / 30%);  background: rgba(0,113,187 ,0.9);}
.btnWrap.fx{bottom: 0!important}
#stepTwoNext div {display: flex; justify-content: end;}
.btnWrap div {display: flex; justify-content: space-between;}
.btnWrap div a:nth-child(1) {background-color: #fff; border-radius: 50px; color: #555555; font-size: 18px;font-weight: 600; width: 126px;height: 46px; display: flex;justify-content: center;align-items: center;}
.btnWrap div a:nth-child(2) {background-color: #C0294F; border-radius: 50px; color: #fff; font-size: 18px;font-weight: 600; width: 126px;height: 46px; display: flex;justify-content: center;align-items: center;}
.btnWrap div a:nth-child(2):hover{background: #d5365f;}
.btnWrap div a:nth-child(3) {display: none;}
.slidemeup{width:100%;left:0;animation-name:slideup;animation-delay:0.5s;animation-duration:0.8s;animation-fill-mode:forwards;animation-timing-function:ease-out;}
@keyframes slideup {0%{bottom:-90px}100%{bottom:0;}}



/* step 1 css */
#donationWizard{padding-bottom: 48px;}
.headerPosition{position: absolute; left: 0; right: 0;}
.mainContent{padding-top: 274px;}
.item{height: 100%;}
.owl-stage{padding: 32px 0px; display: flex;}
.fundsImageBox{text-align: center; height: 100%;}
.owl-item{background: #0071bb;box-shadow: 0px 5px 12px 0px #cecece;flex: 1;}
.fundsImageBox label{max-width: 300px; margin-bottom: 0!important;  z-index: 9999;padding: 20px; border: 10px solid #fff; height: 100%;}
.fundsImageBox label:hover{cursor: pointer;}
.fundsImageBox label > img{width: 298px!important;height: 184px;object-fit: cover;}
.fundsImageBox label > h5{width: 100%;padding: 5px;background: #004470;border: 1px solid #004470;font-weight: 600;font-size: 16px;margin-top: 12px;}
.fundsImageBox label > p{margin-top: 12px; font-size: 16px; line-height: 1.4; overflow: hidden;max-height: 4em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.fundsImageBox input[type=radio] {display: none;}
.fundsImageBox img:active {opacity:0.4;cursor: pointer;}
.fundsImageBox input[type=radio]:checked + label  {border: 10px solid #66bc6b;}
.owl-next span, .owl-prev span{display: none;} 
.owl-prev{position: absolute;left: 0;bottom: 0; top: 0;width: 52px; height: 52px;margin: auto 0px!important;border-radius: 0px!important;background: rgb(6 5 5 / 50%)!important;}
.owl-prev:after{content: '';background-image: url('../img/carousal-left-arrow-white.png');width: 22px;height: 22px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background-size: cover;}
.owl-next{position: absolute;right: 0;bottom: 0;top: 0;width: 52px;height: 52px;margin: auto 0px!important;border-radius: 0px!important;background: rgb(6 5 5 / 50%)!important;}
.owl-next:after{content: '';background-image: url('../img/carousal-right-arrow-white.png');width: 22px;height: 22px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background-size: cover;}
.donateTypeHeading{color: #555555;font-size: 30px;font-weight: 600;}
.selectAmntWrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.selectAmntWrap input[type="radio"] {opacity: 0.011;z-index: 100;height: 0px;visibility: hidden;top: -20px;left: -20px;position: absolute;}
.selectAmntWrap input[type="radio"]:checked + label {background: #66bc6b;color: #fff;border: 3px solid #66bc6b;}
.selectAmntWrap  label {padding: 15px 15px;cursor: pointer;z-index: 90;text-align: center;width: 48%;margin-bottom: 20px !important;text-transform: capitalize;font-size: 26px;font-weight: 600;border: 3px solid #C0294F;background: #C0294F; border-radius: 4px;}
.selectAmntWrap label:hover{background-color: #d5365f;}
.selectAmntWrap label p{font-size: 12px;font-weight: 500;}
#fieldOfDonOther {border-radius: 0px;font-size: 20px;border: none;border: 2px solid #0778D4;color: #17202B!important;padding: 28px 22px;width: 99%;font-weight: 600;}
#fieldMonDonOther {border-radius: 0px;font-size: 20px;border: none;border: 2px solid #0778D4;color: #17202B!important;padding: 28px 22px;width: 99%;font-weight: 600;}
.descriptionAmount{font-size: 20px;font-weight: 600;}
#cartButton{background: #0071bb;color: #fff;padding: 12px 16px;font-weight: 600;  border-radius: 4px;}
#cartButton:hover{background: #004470;}
#selectDtype > input[type='radio']:disabled, #selectDtype > input[type='radio']:disabled + label{opacity: 0.5;}
#selectDtype{display: inline-flex;background: #fff;align-items: center;justify-content: space-evenly;border-radius: 5px;}
#selectDtype label{background: #fff;height: 100%;width: 100%;display: flex;align-items: center;justify-content: space-evenly;margin: 0 20px 0px 0px;border-radius: 5px;cursor: pointer;padding: 12px 24px;border: 2px solid lightgrey;transition: all 0.3s ease;}
#selectDtype label .dot{height: 20px;width: 20px;background: #d9d9d9;border-radius: 50%;position: relative; margin-right: 10px;}
#selectDtype label .dot::before{position: absolute;content: "";top: 4px;left: 4px;width: 12px;height: 12px;background: #0069d9;border-radius: 50%;opacity: 0;transform: scale(1.5);transition: all 0.3s ease;}
#selectDtype input[type="radio"]{display: none;}
#dmonthly:checked:checked ~ .monthly-option,
#doneoff:checked:checked ~ .oneoff-option{border-color: #0071bb;background: #0071bb;}
#dmonthly:checked:checked ~ .monthly-option .dot,
#doneoff:checked:checked ~ .oneoff-option .dot{background: #fff;}
#dmonthly:checked:checked ~ .monthly-option .dot::before,
#doneoff:checked:checked ~ .oneoff-option .dot::before{opacity: 1;transform: scale(1);}
#selectDtype label span{font-size: 16px;color: #555555;font-weight: 600;}
#dmonthly:checked:checked ~ .monthly-option span,
#doneoff:checked:checked ~ .oneoff-option span{color: #fff;}
.fly-out{background-color:rgb(249 215 30);padding: 24px; font-weight: bolder; color: #555555;  width: 100%;}
.fly-out > img{position: absolute;margin-left: -0.5rem; margin-top: 0.2rem;}
.fly-out > p{padding-left: 30px;}
/*.owl-nav > button{background: #fff!important;box-shadow: 0px 5px 12px 0px #cecece;border-radius: 50%!important; width: 42px;}*/
.owl-nav > button > span{font-size: 26px;color: #555555;}
.owl-nav > button:focus{outline: none!important;}
#fieldOfDonOther{display: none;}
.owl-dots{display: none;}
.fullDes{display: none;}




/* step 2 css */
.giftMainContent{max-width: 620px; margin: auto;}
.giftaidDescriptionAmount{font-size: 16px;font-weight: 600;}
.amountConvert {text-align: center;font-size: 28px;font-weight: 600;display: flex;align-items: center;justify-content: center;}
.icon.giftaid_area_expand{padding: 0px 32px;}
input[type=checkbox] {position: relative;border: 2px solid #000;border-radius: 2px;background: none;cursor: pointer;line-height: 0;margin: 0 .6em 0 0;outline: 0;padding: 0 !important;vertical-align: sub;height: 22px;width: 22px;-webkit-appearance: none;opacity: .5;}
.giftCheckDiv > label{cursor: pointer;}
input[type=checkbox]:hover {opacity: 1;}
input[type=checkbox]:checked {background-color: #66bc6b;opacity: 1;border-color: #66bc6b;}
input[type=checkbox]:before {content: '';position: absolute;right: 50%;top: 50%;width: 4px;height: 10px;border: solid #FFF;border-width: 0 2px 2px 0;margin: -1px -1px 0 -1px;transform: rotate(45deg) translate(-50%, -50%);z-index: 2;}



/* step 3 css */
.searchClass a {position: absolute;top: 30px;right: 5px; top: 30px;}
.btn-searchnew {background: #C0294F;color: #fff; border-radius: 0rem .25rem .25rem 0rem;}
.btn-searchnew:hover{background-color: #d5365f;}
.form-control:focus {box-shadow: none;border: 2px solid #0071bb;}
.btn-searchnew:hover{color: #fff;}
.loaderGif{margin: 8px;}
.selectArrow{padding: 4px!important;}



/* step 4 css */
.paymentMainContent{max-width: 520px; margin: auto;}
.multipleFundsName > li{ align-items: center; color: #747474;padding: 8px 0px;font-weight: 600;border-bottom: 1px solid #747474;}
.fundsDetailHeading{padding: 0px 0px 10px 0px;border-bottom: 2px solid #747474;}
.fundsDetailTotal{padding: 10px 0px;border-top: 2px solid #747474;}
.paymentText {background: #66bc6b;padding: 15px 32px;color: #fff; border-radius: 4px;}
.paymentText input[type=checkbox]{position: absolute!important;margin-top: 0.3rem!important;margin-left: -1.25rem!important; border: 2px solid #fff!important; opacity: 1!important;}
.paymentText input[type=checkbox]:checked {background-color: #ffffff!important;opacity: 1!important;border-color: #fff!important;}
.paymentText input[type=checkbox]:before {content: '';position: absolute;right: 50%;top: 50%;width: 4px;height: 10px;border: solid #66bc6b;border-width: 0 2px 2px 0;margin: -1px -1px 0 -1px;transform: rotate(45deg) translate(-50%, -50%);z-index: 2;}
.payCheck {padding-left: 12px;}
.stripePaymentFrm > label{color: #555555;}
.btnFinishWrap {text-align: center;display: flex;justify-content: space-between;}
.btn-finish {line-height: normal;background: #C0294F;color: #fff;font-size: 20px;border-radius: 4px;text-transform: uppercase;padding: 12px 15px;}
.btn-finish:hover{background-color: #d5365f; color: #fff;}
#paymentResponse{font-size: 16px; font-weight: 600; border: 2px dotted;padding: 10px;color: #E4141D;margin-top: 0;margin-bottom: 10px; text-align: center;}
#payReinit{margin-bottom: 10px;text-align: center;}
#payReinit button{font-size: 16px!important;}

.loaderStripe{pointer-events: none;    position: relative;}

.loaderStripe:after{content: '';background: url(../img/processing.gif) no-repeat;left: 0;right: 0;margin: auto;top: 0;bottom: 0;position: absolute;background-position: center;background-color: rgb(173 167 167 / 50%);}



/*thanyou page css*/
.thankyouWrap{margin: 0;width: 100%;max-width: 100%; padding-top: 132px; padding-bottom: 64px;}
.cardINforData{max-width: 842px;margin: auto;}
#donationDetails td {border: 0px;border-right: 1px solid #dee2e6!important;border-bottom: 1px solid #dee2e6!important;  }
#donationDetails tr td:first-child{font-weight: bold; color: #555555;}
.btnThankYou{margin-top: 28px;}
.btn-thankyou {background: #C0294F;box-shadow: 0px 4px 20px rgb(0 0 0 / 8%);width: 234px;height: 54px;font-weight: 600;font-size: 20px;line-height: 30px;color: #fff;display: flex;justify-content: space-between;align-items: center;border-radius: 4px;}
.btn-thankyou:hover{background: #d5365f; color: #fff;}
.btn-thankyou:before {content: "";height: 18px;width: 18px;background-position: center;background-size: 18px 18px;background-image: url(../img/bck-donate-ico.png);}



/*sorry page css*/
.btnSorry > a{margin: auto}
.sorryWrap{margin: 0;width: 100%;max-width: 100%;padding-top: 132px;padding-bottom: 64px;}
.sorryWrap p{max-width: 570px;margin: auto;}



/*modal css*/
.wizardModal .modal-content {border: none;}
.wizardModal .modal-body {color: #fff;padding: 0px;}
/*.wizardModal .modal-body .popUpTxt {padding: 30px;}*/
.wizardModal .modal-body .popUpTxt {padding: 0px 30px;}
/*.popupForm .form-control {max-width: 360px;margin: 0 auto;margin-bottom: 20px;height: 44px;}*/
.popupForm .form-control {margin-bottom: 20px;height: 44px;}
/*.popupForm .form-control {margin-bottom: 20px;height: 44px;}*/
/*.btn-donate {background: #0071bb;color: #fff;padding: 12px 16px;font-weight: 600;border-radius: 4px;text-transform: uppercase; height: 48px; margin-right: 8px;}*/
.btn-donate {background: #0071bb;color: #fff;padding: 12px 16px;font-weight: 600;border-radius: 4px;text-transform: uppercase;width: 100%;font-size: 15px;}
.btn-donate:hover{background: #004470; color: #fff;}
/*#popupDonate{padding: 12px 32px!important;}*/
/*#cancelDonate {background: #fff;color: #555555;padding: 12px 32px;font-weight: 600;border-radius: 4px;height: 48px; border: 1px solid #555555}*/
#cancelDonate {background: #fff;color: #555555;padding: 12px 32px;font-weight: 600;border-radius: 4px;width: 100%;text-decoration: underline;}
.modalBanner{position: relative;margin: 0;width: 100%;max-width: 100%;background: #0071bb;height: 126px;display: flex;align-items: center;justify-content: center;padding-bottom: 34px;}
.modalBanner:after {background: url('../img/banner-white.svg') no-repeat bottom;content: "";height: 114px;width: 100%;position: absolute;background-size: cover;z-index: 2;bottom: -1px;left: 0;}
/*.wizardModal .modal-body .popUpTxt p {font-size: 18px;}*/
.wizardModal .modal-body .popUpTxt p {font-size: 15px;}
.border-between-modal > [class*='col-']:first-child:before {display: none;padding: 128px;}
.border-between-modal > [class*='col-']:before {background: #e3e3e3;bottom: 40px;content: " ";left: 0;position: absolute;width: 1px;top: 40px;margin-left: 2px;}
.popUpTxt > img{height: 284px; object-fit: cover;}
/*.txt > img{height: 284px;}*/
.modal-backdrop.show {opacity: 0.7;}
.modal.wizardModal.fade.show{padding-right: 0px!important;}
/*.btnModalDonate{display: flex;}*/


/* footer css */
.footer{background-image: url('../img/footer-bg.jpg'); background-position: center; background-size: cover;height: 212px;display: flex;align-items: center; }
.footer.btnActionOpen{margin-bottom: 90px;}
.footerLogo img:nth-child(1){width: 88px;}
.footer .footerImgCont{display: flex; justify-content: space-between; align-items: center;}
.footerContent{text-align: right;color: #fff;line-height: 25px;}
.footerContent a{color: #fff;}

.calculatorBox .calculator {
    padding: 28px 20px;
    background-color: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.125);
}

/* responsive css */
@media only screen and (max-width: 400px){
    #selectDtype label{padding: 12px 14px;}
    .card-header h5{font-size: 18px!important;}
} 
/*Mobile*/
@media only screen and (max-width: 767px) {

  /* header css */
  .dropdown-menu {margin-left: -6px; margin-top: 14px; min-width: 362px;}
  
  /* banner css */
  .headerBanner{height: 210px;}
  .headerBanner h2{font-size: 24px;text-align: center; padding: 0 12px;}
  
  /* step 1 css */
  .donateTypeHeading{font-size: 22px; margin-bottom: 24px!important;}
  .fundsImageBox{margin-bottom: 0px; text-align: center;}
  .carousel-inner{height: unset;}
  .carousel-control-prev, .carousel-control-next{width: 6%!important;}
  .fundsImageBox label{padding: 6px; border: 8px solid #fff; display: flex;flex-direction: column;justify-content: space-around;}
  .fundsImageBox input[type=radio]:checked + label  {border: 8px solid #66bc6b;}
  .fundsImageBox label > img{height: 86px;}
  .fundsImageBox label > p{display: none;}
  .fundsImageBox label > h5{font-size: 12px; margin-top: 4px;}
  .owl-theme .owl-nav{margin-top: 0px!important;}
  .owl-stage{padding: 14px 0px; }
  .btn-radio-wrap label{padding: 0 36px 0px 16px;}
  .descriptionAmount{margin-bottom: 32px!important; font-size: 16px; line-height: 1.4}
  .flyOut{position: unset; left: unset; width: unset;}
  .owl-next{right: -12px; width: 30px;height: 34px;background: rgb(6 5 5 / 50%)!important;}
  .owl-prev{left: -12px; width: 30px;height: 34px;background: rgb(6 5 5 / 50%)!important;}
  .owl-next:after{width: 18px;height: 18px; background-image: url('../img/carousal-right-arrow-white.png');}
  .owl-prev:after{width: 18px;height: 18px; background-image: url('../img/carousal-left-arrow-white.png');}
  .mainContent {padding-top: 214px;}
  .selectAmntWrap label{padding: 10px; font-size: 20px;}
  #stepTwoNext, .btnWrap{padding: 12px 0px;}
  .btnWrap div a:nth-child(1), .btnWrap div a:nth-child(2){width: 100px;height: 40px; font-size: 16px;}
  #fieldOfDonOther{font-size: 20px; padding: 22px;}
  #fieldOfDonOther-error.error, #odamount-error.error{font-size: 16px;}
/*  .firstactiveitem, .lastactiveitem{transform: scale(0.8)!important; transition: transform .3s ease;}
  .owl-item.active{transition: transform .3s ease;}*/
  
  /* step 2 css */
  .border-between > [class*='col-']:before {display: none;}
  .giftaidImages{flex-wrap: unset;}
  .giftaidImages > img{width: 100px;height: 56px;}
  .giftaidDescriptionAmount{margin-bottom: 16px!important;}
  .giftaid_area_expand{font-size: 24px;}
  #tax-payer-heading, #tax-payer-heading-monthly{font-size: 18px;}

  /* step 3 css */
  #user-details-single-heading{font-size: 20px;}
  
  /* step 4 css */
  .pad-left-right{padding: unset; margin-top: 32px;}
  .btnFinishWrap{display: block;}
  .card-header h5{font-size: 20px;}
  .yourDonation h4{font-size: 20px;}
  .fundsDetailTotal h5{font-size: 18px;}
  
  /*  thankyou page css*/
  .thankyouWrap, .sorryWrap{padding-top: 120px;}
  .thankyouWrap > div> h1{font-size: 22px;}
  #donationDetails tr td{text-align: left}
  .titleArea > h2{font-size: 22px;}
  #donationDetails{font-size: 14px;}
  #thankYouBodyText{text-align: center;}
  #donationDetails tr td:last-child{word-break: break-all;}
  .btnThankYou > a{margin: auto;}
   
  /*  sorry page css*/
  .sorryWrap > div> h1{font-size: 22px;}
  
  /*  modal css*/
  .modalBanner{padding-top: 42px; padding-bottom: 0px!important; height: 216px;}
  .modalBanner > h4{font-size: 18px;text-align: center; padding: 0 12px!important;}
  .btnModalDonate > button{font-size: 12px;}
  .wizardModal .modal-body .popUpTxt{padding: 0px}
  
  /* footer css */
  .footer{height: unset; padding: 32px 0px;}
  .footer.btnActionOpen {margin-bottom: 64px;}
  .footer .footerImgCont{display: block; text-align: center;line-height: 24px;}
  .footerLogo{display: flex;justify-content: center;}
  .footerLogo img:nth-child(1) {width: 78px;height: 78px;}
  .footerLogo img:nth-child(2) {width: 200px;}
  .footerContent{text-align: center; margin-bottom: 12px;}
  #Copyrights{text-align: center;}

}

/*Tablet Portrait*/
@media only screen and (min-width: 768px) and (max-width: 991px) {

  /* banner css */
  .headerBanner > h2{font-size: 28px;text-align: center; padding: 0 12px;}
  
   /* step 1 css */
   .donateTypeHeading{font-size: 24px; margin-bottom: 24px!important;}
   .fundsImageBox{margin-bottom: 24px;}
   .carousel-inner{height: unset;}
   .carousel-control-prev, .carousel-control-next{width: 6%!important;}
   .fundsImageBox label{padding: 6px; border: 8px solid #fff; display: flex;flex-direction: column;justify-content: space-around;}
   .fundsImageBox input[type=radio]:checked + label  {border: 8px solid #66bc6b;}
   .fundsImageBox label > img{height: 112px;}
   .fundsImageBox label > p{display: none;}
   .fundsImageBox label > h5{font-size: 14px; margin-top: 4px;}
   .flyOut{position: unset; left: unset; width: unset;}
   .descriptionAmount{margin-bottom: 32px!important; font-size: 16px; line-height: 1.4}
   .selectAmntWrap label{width: 24%; padding: 10px; font-size: 20px;}
   #fieldOfDonOther{font-size: 20px; padding: 24px 22px;}
   #stepTwoNext, .btnWrap{padding: 12px 0px;}
   .btnWrap div a:nth-child(1), .btnWrap div a:nth-child(2){width: 100px;height: 40px; font-size: 16px;}
   .owl-next{right: -12px; width: 30px;height: 34px;background: rgb(6 5 5 / 50%)!important;}
  .owl-prev{left: -12px; width: 30px;height: 34px;background: rgb(6 5 5 / 50%)!important;}
  .owl-next:after{width: 18px;height: 18px; background-image: url('../img/carousal-right-arrow-white.png');}
  .owl-prev:after{width: 18px;height: 18px; background-image: url('../img/carousal-left-arrow-white.png');}
   
   /* step 2 css */
   .border-between > [class*='col-']:before {display: none;}
   .giftaidDescriptionAmount{margin-bottom: 32px;}
   #tax-payer-heading, #tax-payer-heading-monthly{font-size: 18px;}
   
    /*  thankyou page css*/
    .thankyouWrap, .sorryWrap{padding-top: 126px;}
    .thankyouWrap > div > h1 {font-size: 26px;}
    
    /*  sorry page css*/
    .sorryWrap > div > h1 {font-size: 26px;}
    
    /*    modal css*/
    .modalBanner > h4 {font-size: 20px;text-align: center;padding: 0 12px!important;}
    .modalBanner{padding-bottom: 8px; height: 136px;}
    
    /*    footer css*/
    .footer.btnActionOpen {margin-bottom: 64px;}
}

/*Tablet Landscape*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    /* step 1 css */
   .fundsImageBox{margin-bottom: 24px;}
   .carousel-inner{height: unset;}
   .fundsImageBox label{padding: 6px; border: 8px solid #fff;}
   .fundsImageBox input[type=radio]:checked + label  {border: 8px solid #66bc6b;}
   .fundsImageBox label > img{height: 148px;}
    /*   .fundsImageBox label > p{display: none;}*/
   .fundsImageBox label > h5{font-size: 16px; margin-top: 4px;}

   /* step 2 css */
   .giftaidImages > img{margin-bottom: 18px;}
   
    /*  modal css*/
    .modalBanner{padding-top: 30px;}
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.spinner,
.spinner:before,
.spinner:after {
  border-radius: 50%;
}
.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);
}
.spinner:before,
.spinner:after {
  position: absolute;
  content: "";
}
.spinner:before {
  /* width: 10.4px; */
  /* height: 20.4px; */
  /* background: #095cfa; */
  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;
}
.spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #C0294F;
  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);
  }
}