a.header-logo__link img.header-logo__img {
    background: #fff;
    padding: 10px 10px;
    width: 190px;
    max-height: none !important;
    position: absolute;
    top: 0px;
}

.promo-pannel__video::before {
    background: rgba(85, 0, 126,0.7);
}

img.footer-logo__img {
    width: 140px;
    max-height: 140px !important;
   
}

header.header.header--front {
    background: #fff;
    position:relative;
}

header nav .main-menu > li{
margin-right:10px !important;
}
header nav .main-menu > li > a {
    color: #55007e !important;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600 !important;
}

.icon-item__img i {
    font-size: 100px;
}

.header--front.header--fixed .logo--dark {
    box-shadow: none !important;
}
@media only screen and (min-width: 1200px){
header.header .button {
    width: 150px;
}
}
a.button.button--squared span {
    color: #fff;
}

h2.promo-slider__title span + span {
    color: #d89c00 !important;
}

a.button.promo-slider__button.button--primary {
    background: #470d7d;
}

.causes-item__lower{
    display:none;
}
a.button.causes-item__button.button--primary.thenewdonatebtn {
    color: #222;
    border:0px;
    background: #e19d00;
    margin: 0px 0;
    width: 100%;
    border-radius: 0 0 8px 8px;
    padding: 10px;
}

.col-xl-6.donate-form-container {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

footer.footer{
    padding: 60px 0 10px;
}

.text-section .text-section__heading{
    font-size:150px;
}

.footer-center span {
    color: #fff;
    font-weight: 800;
}

.footer-center{
    padding-top:40px;
}

footer a.button.footer__button.button--filled {
    color: #fff;
}

.footer-text{
    padding: 2px 0 0 0;
    color: #a39d9d;
    font-size: 16px;
    margin-bottom: 0px;
}

.subscribe {
    background-color: #470d7d;
    padding: 60px 0;
}


a.button.button--squared.cart-btn {
    right: 3px;
    position: relative;
    font-size:20px;
    color: #fff;
}

a.button.button--squared.cart-btn em{
    background:#d89c00;
    color:#fff;
    font-size:10px;
    width:18px;
    height:18px;
    padding:0;
    text-align:center;
    position:relative;
    top:-10px;
    right:10px;
    line-height:18px;
    border-radius:10px;
}



.donate-form {
    background: white;
    margin: 10px;
    padding: 30px 30px 50px;
    text-align: center;
}



.donation-type-tab a:hover, 
.donation-type-tab a.activedonationtype {
    background:#470d7d;
    color:#fff;
}

.donation-type-tab a {
    display: block;
    width: 38%;
    margin:0 0 0 2%;
    border: 1px solid #470d7d;
    float: left;
padding:3px;    border-radius:15px 0px 0 15px;
    color:#470d7d;
text-decoration:none;
    font-size:20px;
}

.donation-type-tab a + a{
    
    margin:0 0 0 0%;
    border-radius:0px 15px 15px 0px;
    
}

.donation-type-tab {
 overflow: hidden;
    display: flex;
    justify-content: center;
}

.donate-form h4 {
color: #470d7d;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-family: 'Oswald', Arial;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 36px;
}
.donate-form h5 {
    color: #444;
font-weight:400;
    font-size:20px; 
    letter-spacing:0;
    margin:0 0 20px 0;
}

.donation-amount-tab a:hover,.donation-amount-tab a.currentdonationamount {
    background: #470d7d;
    color: #fff;
}
.donation-amount-tab a {
    border-radius: 100%;
    color: #470d7d;
    text-decoration: none;
    font-size:19px;
    display:flex;
    width:100px;
    height:100px;
    border: 2px solid #470d7d;
    padding: 20px 0;
    text-align:center;
    margin:0 10px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.donation-amount-tab{overflow:hidden;text-align:center;display: flex;padding:20px 0;justify-content: center;}



.donation-form-fields {
    display: flex;
    font-size: 18px;
    margin: 20px 10px 0 0px;
    justify-content: center;
}

.donation-form-fields h6{
    font-size:26px;
    margin: 9px 10px 0 0;
    color:#000;
    padding: 0;
    line-height: 20px;
}


.donation-form-fields button i{
    background:#470e7d;
    color:#fff;
    padding: 10px;
    font-size:20px;
    border-radius:100%;
}

.donation-form-fields button{
    background:#fff;
    border:0;
    float:right;
    font-size:20px;
}
.donation-form-fields input{
    border-radius:50px;
    margin:0 20px 0 0;
    padding:0px 20px;
    border:2px solid #470d7d;
    height: 40px;
}






a.main-menu__link {
    margin-top:20px;
    padding: 26px 0 10px !important;
}


ul.main-menu__sub-list li {
    display:block;
    width:100% !important;
    padding:0px;
}

ul.main-menu__sub-list li a{
    color:#fff !important;
    padding:0px !important;
margin:0;    font-size:12px !important;
 
}



header.header.header--inner ul.main-menu li > a {
    color: #55007e;
    display:block;
}
header.header.header--inner ul.main-menu li .main-menu__sub-list li a:before, header.header.header--inner ul.main-menu li .main-menu__sub-list li a:after {
    display:none;

}


header.header.header--inner ul.main-menu > li {
margin:0px;
}

header.header.header--inner ul.main-menu li  .main-menu__sub-list{
     max-width:250px;
}
header.header.header--inner ul.main-menu li  .main-menu__sub-list li:hover a {
    color: #d9a003 !important;
}



body.single-projects section.promo-primary:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    height: 100%;
    background: rgb(36 1 52 / 20%);
   
    content: "";
}

body.single-projects .promo-primary__description span, body.single-appeals .promo-primary__description span {
    color: #d89d01;
    font-size: 60px;
    text-shadow: -1px -1px 1px #55007e;
}

.donation-item__img:before {
    display: none;
}


.donation-item__img img.img--bg{
    position:relative;
}


.section.thenewsingleappealdonation.form-2024-donation .thenewformcontainer{
    background: #dbf1f5 !important;
font-size:17px;
font-weight:300;
color:#000;
}

.section.thenewsingleappealdonation.form-2024-donation .thenewformcontainer select, .section.thenewsingleappealdonation.form-2024-donation .thenewformcontainer input{
    border-radius:1px;
    border: 1px solid #c0d8df;
    padding:10px;
    height:60px;
}
button#button {
    color: #000;
    background: linear-gradient(45deg, #e19e00, #e7ac20);
    font-weight: 500;
    text-shadow: 1px 1px 1px #fff;
    border:0px;
}
.section.thenewsingleappealdonation.form-2024-donation .thenewformcontainer button#button {
    padding:0px;
    height:58px;
    border-radius:1px;
}

.thenewformcontainer.mobileversiondonationform #form {
    color: #000;
}

h2.color-secondary {
    font-size: 30px;
    line-height: 32px;
    color: #d89c00;
    text-shadow: 0px 0px 1px #999;
}

header.header--inner img.header-logo__img {
    box-shadow: none !important;
}

section.section.donation {
    padding: 40px;
}

section.section.projectcontentsection {
    padding: 50px 0;
}

.promo-primary__title {
    text-shadow: 0px 0px 10px #000;
}


.promo-slider__wrapper-2 {
    color: #000;
    display: inline-block;
    padding: 0px 0px;
    height:auto;
}


.promo-slider__wrapper-2 p {
    transform: skew(-0.02turn, 0deg);
 background:#d89c00;
 color:#55007e;
 text-shadow:0px 0px 1px #e19d00;
 text-transform:uppercase;
    padding:10px 20px;
    font-weight:800;
    margin:0 !important;
}


.newdonationsplash {
    background: linear-gradient(20deg, #55007e, #000000);
    padding: 20px;
    text-align: center;
}


.newdonationsplash h6{color: #cf9a07;font-weight: 500;margin: 10px 0 10px 0;letter-spacing: -1px;}

.newdonationsplash img{
    max-width:70px;
    margin:0 auto;
    border-radius: 100%;
    }
.col-xs-12.col-sm-5.abc.newdonationsidebar {
    background: #efefef;
    padding: 0;
}
.newdonationsidebar {
    background: #efefef;
    border-radius: 10px;
}
    .custom_checkout_page.container {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 9px #999;
}

body{
    background:#efefef;
}

.newdonationsplash {
    border-radius: 10px;
}


.container__sidebar.thenewsidebarcontent {
    padding: 20px;
}


.container__sidebar.thenewsidebarcontent *{
    color: #000;
}



i.icon.icon-check {
font-size: 30px;
    border: 1px solid #888;
    background: #eee;
    border-radius: 4px;
    position: absolute;
    top: 21px;
    margin: 0 3px 0 0;
    left: 11px;
}

h3.w-donation-summary__title {
    font-size: 27px;
    font-weight:500;
    letter-spacing:0.3px;
    text-shadow:0px 0px 1px #000;
    color:#000 !important;
}

h3.df__cart__subtitle {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    letter-spacing: 0.1px;
}


.df__donation__content {
    border: 1px solid #aaa;
    display: block;
    overflow: hidden;
    width: 100%;
    border-radius: 6px;
    padding: 16px 16px 3px;
}

span.df__donation__category {}

span.df__donation__category {
    font-size: 17px;
    position: relative;
    color: #666 !important;
    display: block;
    left: 36px;
    margin: 0;
}
h3.h4 {
    color: #000;
}
span.df__donation__title {
    font-size: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -10px;
    left: 35px;
}

.df__donation__content {
    position: relative;
}

.df__donation__right {
    top: 15px;
    position: absolute;
    right: 10px;
}

form#myForm {
    background: #fff;
    position: relative;
    top: 50px;
    box-shadow: 0px 0px 10px #aaa;
    border-radius: 10px;
    padding: 10px 0 0;
}

#myForm .col > div {
    position:relative;
    top:0px;
    font-size: 20px !important;
}

#myForm div p {
    padding:0px 0px 10px 0;
    margin:0;
}


span.donationmetabox + span.donationmetabox{
    border-left:0;
    width:50%;
}

span.donationmetabox {
    background: #fff;
    display: inline-block;
    border: 1px solid #000;
    padding: 9px 10px 0;
    height: 40px;
    position: relative;
    top: 0px;
    left:0;
    font-size:12px;
    width:30%;
color:#000 !important;
    margin: 0 !important;
    float: left;
}

.donationmeta-container {
    overflow: hidden;
padding:0 !important;
    width: 100%;
}

.donationmetas input[type="checkbox"] {
    display: none;
}

.df__donation__content {
    margin: 10px 0 20px;
}

span.donationmetabox + span.donationmetabox + span.donationmetabox{
    width:20%;
}


.control-group {
    width: 48%;
overflow:hidden;    float: left;
}

span.highlight-notice {
    display: block;
    line-height: 23px;
}
.control-group label{
    margin:10px 0px 0px;
    font-size:14px;
    color:#000;
}


button.btn.btn-primary.proceedpayment {
    background: #4000ff;
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 13px;
    letter-spacing: 1px;
    border: 1px solid #4000ff;
    margin: 20px 0;
}
.control-group input, .control-group select{
    background:#e7e7e7;
    display:block;
    width:90%;
    
    padding:10px;
}

.control-group.fullwidthgroup.--style-postcode {
    width: 100%;
}


.control-group.behalf-field {
    display: block;
    width: 100%;
    margin: 20px 0;
    padding:0;
}


.behalf-field .control-group__label{
    padding-left:0 !important;
}

.control-group.behalf-field label{
    font-size:15px;
    font-weight:600;
}


.control-group.behalf-field textarea{
    display:block;
    background:#eee;
    width:90%;
    padding:10px;
    margin:4px 0;
}


li.single-upsell-item.active {
    border-left:4px solid #43047a !important;
}

li.single-upsell-item h4{
    font-weight:600 !important;
}

li.single-upsell-item .sidebar-checkout-donation-type{
    font-weight:400;
}

a.sidebar-checkoutbtn1 {
    background: #000;
    color: #fff;
    display: block;
    text-align: center;
    padding: 10px;
    border-radius: 30px;
    text-decoration: none;
}

section.section.pricing.pricing-style--1 {
    background: #fff;
}


img.shabeqadr {
    width: 100%;
    margin: 40px 0 0;
    border-radius: 8px;
}

img.shabeqadar {
    width: 100%;
    margin-bottom: 70px;
    height: auto;
}