* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.wrap_h1 {
    display: none;
}
footer {
    position: static;
}

.sdr-container {
    max-width: 1136px;
    padding: 0px 15px;
    margin: 0 auto;
    position: relative;
}

.sdr-page {
    background-color: #FBF8F1;
    font-family: 'Gilroy';
}

.sdr-page .sdr-banner {
    padding: 205px 0px 255px 0px;
    background-size: cover;
}

.sdr-page .sdr-banner__title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 61px;
    color: #FFFFFF;
}

.sdr-page .sdr-banner__descr {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 20px;
    max-width: 469px;
    max-height: 100px;
    overflow: hidden;

}

.sdr-page .sdr-banner__button {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    padding: 15px 68px;
    width: 200px;
    color: #164566;
    margin-top: 55px;
    background: #FFFFFF;
    border-radius: 5px;
    display: inline-block;
}
.sdr-block {
    margin-top: -112px;
    padding: 55px 15px;
    background: #FFFFFF;
    border-radius: 5px;
}
.sdr-block__title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 49px;
    color: #164566;
    text-align: center;
}
.sdr-card {
    display: grid;
    gap: 50px;
    grid-template-columns: repeat(12,1fr);
    margin-top: 40px;
    background: #E9F7FB;
    border-radius: 5px;

}
.sdr-card__image {
    height: 360px;
    object-fit: cover;
    grid-column: 4 span;
    width: 100%;
    border-radius: 5px;
}
.sdr-card__content {
    grid-column: 8 span;
    padding: 25px 26px 5px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-sdr__title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    color: #164566;
}
.card-sdr__progress-bar {
    margin-top: 15px;
}
.sdr-progress-bar {
    height: 11px;
    background: #FFFFFF;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0px 3px;
    position: relative;
}
.sdr-progress-bar__filled {
    background: #FFDC0F;
    border-radius: 50px;
    height: 7px;
    position: relative;
}
.sdr-progress-bar__filled:after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -7.5px;
    border-radius: 50%;
    background: #FCDA10;
}
.sdr-money {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.sdr-money__init,.sdr-money__fund {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #164566;
}
.sdr-progress-bar__info {
    padding: 11px 8px;
    filter: drop-shadow(0px 14px 60px rgba(61, 61, 61, 0.1));
    border-radius: 5px;
    background-color: #fff;
    top: 12px;
    right: 0px;
    position: absolute;
    text-align: center;
    margin-right: -53px;
    width: 120px;
}
.sdr-progress-bar__info:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    border-radius: 50%;
    background:linear-gradient(#ffffff00 50%, #e9f7fb 50% 100%);
}

.sdr-progress-bar__text {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #777676;
    opacity: 0.6;
}
.sdr-progress-bar__existing_fund {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #164566;
}
.card-sdr__text {
    margin-top: 80px;
}
.sdr-text {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #38617D;
    overflow: hidden;
    max-height: 80px;

}
.sdr-text--active {
    max-height: max-content !important;
}
.sdr-block__form {
    margin-top: 64px;
}

.sdr-form {
    padding: 0px 80px;
}
.sdr-form__title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    color: #164566;
}
.sdr-form__subtitle {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #164566;
    margin-top: 20px;
}
.sdr-form__info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 15px;
    grid-template-areas:
    "name sdr-form__textarea"
    "email sdr-form__textarea"
    "phone sdr-form__textarea";
    margin-top: 15px;
}

.sdr-form__textarea { grid-area: sdr-form__textarea; }

.sdr-form__input, .sdr-form__textarea {
    padding: 15px 30px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(22, 69, 102, 0.15) !important;
    border-radius: 5px !important;
    font-family: 'Gilroy' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #164566 !important;
    height: auto !important;
}

.sdr-form input[name="name"] {
    grid-area: name;
}

.sdr-form input[name="email"] {
    grid-area: email;
}
.sdr-form input[name="phone"] {
    grid-area: phone;
}
.sdr-form__amount {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 15px;
}
.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    border:0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}
.sdr-form__amount input[name="amount"] + label , .sdr-pay-type input[name="payType"] + label {
    background: #E9F7FB;
    border-radius: 5px;
    padding: 15px;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #164566;
    display: block;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.sdr-form__amount input[name="amount"]:checked + label, .sdr-pay-type input[name="payType"]:checked + label {
    background: #FFDC10;
}
.sdr-form__amount input[name="amount"]:checked + label:after {
    content: '';
    position: absolute;
    width: 27px;
    height: 27px;
    background: #FFDC10;
    bottom: -10px;
    left: 50%;
    margin-left: -13.5px;
    border-radius: 50%;
}
.sdr-form___amount-info {
    margin-top: 15px;
}
.sdr-amount-info {
    background-color: #fff;
    filter: drop-shadow(0px 4px 70px rgba(61, 61, 61, 0.07));
    border-radius: 5px;
    padding: 27px 50px;
    display: none;
}
.sdr-amount-info--active {
    display: flex;
}
.sdr-amount-info__money {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    color: #BECAD2;
    display: flex;
    padding-right: 40px;
}
.sdr-amount-info__text {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #38617D;
    padding-left: 40px;
    border-left:  3px solid #BECAD24D;
    display: flex;
    align-items: center;
}
.sdr-form___pay-type {
    margin-top: 15px;
}

.sdr-pay-type {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.sdr-form__submit {
    margin-top: 60px;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #FFFFFF;
    padding: 16px;
    width: 100%;
    background: #164566;
    border-radius: 5px;
    border: none;
}





input[name="offer"] + label,input[name="mailingList"] + label  {
    position: relative;
    padding-left: 28px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    cursor: pointer;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #38617D;
}

input[name="offer"] + label:before,input[name="mailingList"] + label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -3px;
    background: #FFFFFF;
    border: 1px solid #E9E6E2;
    border-radius: 50px;
    width: 20px;
    height: 20px;
}
input[name="offer"]:checked + label:after,input[name="mailingList"]:checked + label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 3px;
    width: 8px;
    height: 8px;
    background: #164566;
    border-radius: 50px;
}

.sdr-form__submit:disabled {
    background: #164566ba;
}
.sdr-show, .sdr-show--card {
    display: flex;
    background: transparent;
    border: none;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #FFFFFF;
}
.sdr-show--card {
    color: #164566;
}
.sdr-banner__descr--active {
    max-height: max-content !important;
}
.donations-checking__container {
    padding: 30px 110px;

}
.donations-checking__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.donations-checking__title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    color: #164566;
}

.donations-checking__switch {
    background: #E9F7FB;
    border-radius: 5px;
    padding: 14px;
    cursor: pointer;
}
.card-checking__date {
    padding: 15px;
    background: #FBF8F1;
    border-radius: 5px;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #164566;
    opacity: 0.6;
}
.card-checking {
    background: #FFFFFF;
    box-shadow: 0px 4px 70px rgba(61, 61, 61, 0.07);
    border-radius: 10px;
    padding: 25px 40px;
}
 .card-checking {
     margin-top: 15px;
 }
.card-checking__header {
    border-bottom: 1px solid rgba(22, 69, 102, 0.1);
    padding-bottom: 23px;
}

.card-checking__content {
    padding: 25px 0px;
}
.card-checking__title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #164566;
}
.card-checking__text {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #38617D;
    margin-top: 12px;
}
.donation-list-sdr__card {
    margin-top: 45px;
}
.sdr-card-donation {
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 4px 70px rgba(61, 61, 61, 0.07);
    border-radius: 10px;
}

.sdr-card-donation__date {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #164566;
    opacity: 0.6;
}
.sdr-card-donation__title {

    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #164566;
}

.sdr-card-donation__wish {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #38617D;

}
.sdr-card-donation__money {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #164566;
    padding: 7px 15px;
    background: #FBF8F1;
    border-radius: 5px;
}
.sdr-card-donation__text {
    margin-left: 50px;
}
.sdr-card-donation__wrapper {
    display: flex;
    align-items: center;
}


.sdr-card-donation__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 .sdr-card-donation {
     margin-top: 15px;
 }

 .sdr-hidden {
     height: 0px;
     overflow: hidden;
 }
.donations-checking__switch svg{
    pointer-events: none;
}

.sdr-switch-active {
    transform: rotate(180deg);
}

input[name="another_amount"] {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #164566;
    opacity: 0.4;
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid rgba(22, 69, 102, 0.15);
    border-radius: 5px;

}

.card-sdr__help {
    border: none;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    background: #164566;
    border-radius: 5px;
    padding: 12px;
    color: #FFFFFF;
    margin: 15px 0px;
    width: 100%;
    display: block;
    text-align: center;
}
 .sdr-button-next, .sdr-button-prev {
     background: #FFFFFF;
     box-shadow: 0px 4px 70px rgb(61 61 61 / 7%);
     width: 50px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L0.999999 13' stroke='%2338617D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: center;
     margin-top: -25px;
 }
.sdr-button-next:after, .sdr-button-prev:after {
    content: '';
}

 .sdr-button-prev {
     transform: rotate(180deg);
 }

#formPay {
    scroll-margin: 70px;

}

.sum-active {
    outline: 3px solid #fbd911;
}

.sdr-form__amount--inactive.sdr-form__amount input[name="amount"]:checked + label{
    background: #E9F7FB;
}
.sdr-form__amount--inactive.sdr-form__amount input[name="amount"]:checked + label:after{
     display:none;
}




@media (max-width: 480px){

    .sdr-page .sdr-banner {
        padding: 155px 0px;
        background-size: 425px;
        background-repeat: no-repeat;
        background-position: top center;
        background-color: #07323B;
    }

    .sdr-block__title {
        font-size: 23px;
        line-height: 120%;
    }
    .sdr-card__image,.sdr-card__content {
        grid-column: 12 span;
    }
    .sdr-card__content {
        padding: 15px;
    }

    .card-sdr__title {
        font-size: 20px;
        line-height: 120%;
    }

    .sdr-form__info {
        display: flex;
        flex-direction: column;
        gap: 0px;
    }
    .sdr-form__input:not(:first-child),.sdr-form__textarea {
        margin-top: 15px;
    }
    .sdr-form {
        padding: 0px 15px;
    }
    .sdr-block__form {
        margin-top: 34px;
    }
    .sdr-form__amount {

        grid-template-columns: 1fr;
    }

    .sdr-amount-info {
        padding: 15px;
    }
    .sdr-amount-info--active {
        flex-direction: column;
    }
    .sdr-pay-type {
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .sdr-amount-info__text {
        padding-left: 0;
        border-left: none;
        padding-top: 40px;
        border-top: 3px solid #BECAD24D;
        text-align: center;
    }
    .sdr-amount-info__money {
        padding-right: 0px;
        align-items: center;
        justify-content: center;
    }
    .sdr-card {
        gap: 0px;
    }
    .sdr-page .sdr-banner__title {
        font-size: 32px;
        line-height: 55px;
    }
    .sdr-banner__container {
        padding-top: 80px;
    }
    .sdr-page .sdr-banner__descr {
        overflow: hidden;
        max-height: 140px;
    }
    .donations-checking__container {
        padding: 30px;
    }
    .donations-checking__title {
        font-size: 14px;
        line-height: 120%;
    }
    .sdr-card-donation__date {
        display: none;
    }
    .sdr-card-donation__text {
        margin-left: 0;
    }
    .sdr-card-donation__money {
        min-width: 100px;
    }
    .sdr-card-donation__wish {
        font-size: 13px;
        line-height: 120%;
    }
    .sdr-card-donation__title {
        font-size: 14px;
        line-height: 120%;
    }
    input[name="another_amount"] {
        width: 100%;
    }

    .sdr-progress-bar__filled {
        position: static;
    }

    .sdr-progress-bar__info {
        right: auto;
        left: 50%;
        margin-top: 10px;
        margin-left: -60px;
    }
}