

.main-projects-block {
    background: #222327;
    padding: 50px 0 20px 0;
}

.main-projects-block .main-projects-block-grid {
    display: grid;
    grid-template-columns: 760fr 360fr;
    grid-template-rows: 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
}

.main-projects-block .main-slider {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}

.main-projects-block .swiper-button-prev2, 
.main-projects-block .swiper-button-next2 {
    z-index: 2;
    position: absolute;
    top: calc((100% - 104px) / 2 - 20px);
    width: 40px;
    height: 40px;
    background: url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M18.625 32.4582L7.04163 20.8748C6.90274 20.7359 6.80551 20.5971 6.74996 20.4582C6.6944 20.3193 6.66663 20.1665 6.66663 19.9998C6.66663 19.8332 6.6944 19.6804 6.74996 19.5415C6.80551 19.4026 6.90274 19.2637 7.04163 19.1248L18.6666 7.49984C18.8888 7.27762 19.1666 7.1665 19.5 7.1665C19.8333 7.1665 20.125 7.2915 20.375 7.5415C20.625 7.7915 20.75 8.08317 20.75 8.4165C20.75 8.74984 20.625 9.0415 20.375 9.2915L10.9166 18.7498H31.5833C31.9444 18.7498 32.243 18.8679 32.4791 19.104C32.7152 19.3401 32.8333 19.6387 32.8333 19.9998C32.8333 20.3609 32.7152 20.6596 32.4791 20.8957C32.243 21.1318 31.9444 21.2498 31.5833 21.2498H10.9166L20.4166 30.7498C20.6388 30.9721 20.75 31.2498 20.75 31.5832C20.75 31.9165 20.625 32.2082 20.375 32.4582C20.125 32.7082 19.8333 32.8332 19.5 32.8332C19.1666 32.8332 18.875 32.7082 18.625 32.4582Z" fill="white"/></svg>') center center no-repeat;
    opacity: 0.5;
    transition: opacity 0.3s;
    cursor: pointer;
}

.main-projects-block .swiper-button-prev2:hover, 
.main-projects-block .swiper-button-next2:hover {
    opacity: 1;
}

.main-projects-block .swiper-button-prev2 {
    left: 20px;
}

.main-projects-block .swiper-button-next2 {
    right: 20px;
    transform: scale(-1);
}

.main-projects-block .banner {
    display: block;
    min-width: 0;
}

.main-projects-block .banner-1 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

.main-projects-block .banner-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}

.main-projects-block .banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}

.main-slider .slide {
    background: #3B3E4A;
    border-radius: 3px;
}

.main-projects-block .slide-image-wrap {
    display: block;
    position: relative;
}

.main-projects-block .slide-image-wrap img {
    width: 100%;
    height: auto;
    aspect-ratio: 76 / 43;
    object-fit: cover;
    border-radius: 3px 3px 0 0;
}

.main-projects-block .slide-image-wrap::before {
    content: '';
    display: block;
    position: absolute;
    background: linear-gradient(45deg, rgba(36, 59, 127, 1) 0%, rgba(22, 155, 214, 1) 100%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.5;
    transition: opacity 0.3s;
}

.main-projects-block .slide-image-wrap:hover::before {
    opacity: 0.6;
}

.main-projects-block .slide-image-text {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.main-projects-block .slide-title {
    max-width: 400px;
}

.main-projects-block .slide-bottom {
    padding: 17px 20px 17px 20px;
}

.main-projects-block .slide-info-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 11px;
}

.main-projects-block .slide-collected {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
}

.main-projects-block .slide-time {
    border-radius: 3px;
    background: #169BD6;
    padding: 3px 9px 2px 9px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.main-projects-block .slide-progress {
    height: 20px;
    border-radius: 200px;
    border: 1px solid #169BD6;
    padding: 4px;
    margin-bottom: 13px;
}

.main-projects-block .slide-progress-line {
    height: 10px;
    min-width: 10px;
    border-radius: 200px;
    background: #169BD6;
}

@media (max-width: 768px) {
    .main-projects-block .main-projects-block-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: 40px;
        margin-bottom: 40px;
    }

    .main-projects-block .main-slider {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .main-projects-block .banner-1 {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    
    .main-projects-block .banner-2 {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 4;
    }

    .main-projects-block .banner img {
        height: auto;
    }

    .main-projects-block .slide-image-text {
        font-size: 24px;
    }
}

.main-projects-block .news-block .block-title {
    color: #A5A5A5;
    font-size: 14px;
    font-weight: 600;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.main-projects-block .news-block .block-content {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.main-projects-block .news-entry {
    width: calc((100% - 80px) / 3);
    margin-bottom: 40px;
}

.main-projects-block .news-entry:nth-child(4) {
    display: none;
}

@media (max-width: 990px) {
    .main-projects-block .news-entry {
        width: calc((100% - 40px) / 2);
    }

    .main-projects-block .news-entry:nth-child(4) {
        display: block;
    }
}

@media (max-width: 500px) {
    .main-projects-block .news-entry {
        width: 100%;
        margin-bottom: 30px;
    }

    .main-projects-block .news-entry:nth-child(3) {
        display: none;
    }    
}

.main-projects-block .news-image-wrap {
    display: block;
    margin-bottom: 20px;
}

.main-projects-block .news-image-wrap img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.8;
    object-fit: cover;
    border-radius: 3px;
}

.main-projects-block .news-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 10px;
}

.main-projects-block .news-title a {
    color: #FFF;
}

.main-projects-block .news-title a:hover {
    color: #169BD6;
}

.main-projects-block .news-description {
    color: #A5A5A5;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 15px;
}

.main-projects-block .news-date {
    color: #FFF;
    font-size: 14px;
    line-height: 140%;
}

.projects-listing {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(auto-fill,minmax(290px,1fr));
}

.projects-listing .projects-image-wrap {
    position: relative;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 3px;
}

.projects-listing .projects-image-wrap img {
    width: 100%;
}

.projects-listing .projects-image-wrap::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.5;
    background: linear-gradient(45deg, rgba(36, 59, 127, 1) 0%, rgba(22, 155, 214, 1) 100%);
    transition: opacity 0.3s;
}

.projects-listing .projects-image-wrap:hover::after {
    opacity: 0.6;
}

.projects-listing .projects-image-wrap .projects-views-num {
    position: absolute;
    z-index: 1;
    left: 20px;
    bottom: 20px;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z" fill="white"/></svg>') left center no-repeat;
    padding-left: 28px;
}

.projects-listing .projects-info-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 11px;
}

.projects-listing .projects-collected {
    color: #636766;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
}

.projects-listing .projects-time {
    border-radius: 3px;
    background: #169BD6;
    padding: 3px 9px 2px 9px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.projects-listing .projects-progress {
    height: 20px;
    border-radius: 200px;
    border: 1px solid #169BD6;
    padding: 4px;
    margin-bottom: 13px;
}

.projects-listing .projects-progress-line {
    height: 10px;
    min-width: 10px;
    border-radius: 200px;
    background: #169BD6;
}

.projects-listing .projects-progress-title {
    color: #636766;
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
}

.projects-listing .projects-progress-title:hover {
    color: #169BD6;
}

.single-project {
    padding-bottom: 80px;
}

.single-project .single-project-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 40px;
    margin: 40px 0 60px 0;
}

.single-project .single-project-left-column {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}
						
.single-project .single-project-right-column {
    min-width: 0;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

@media (max-width: 768px) {
    .single-project .single-project-columns {
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        margin-bottom: 30px;
    }

    .single-project .single-project-left-column {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .single-project .single-project-right-column {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
    }
}

.single-project .single-project-right-column a {
    position: relative;
    display: block;
}

.single-project .single-project-right-column a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 3px;
    background: linear-gradient(0deg, rgba(22, 155, 214, 1) 0%, rgba(22, 155, 214, 1) 100%), url('data:image/svg+xml;utf8,<svg width="90" height="90" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.8" cx="45" cy="45" r="45" fill="%23169BD6"/><path d="M38.9375 37.8125V52.1875C38.9375 52.9375 39.2604 53.5 39.9062 53.875C40.5521 54.25 41.1875 54.2292 41.8125 53.8125L53.125 46.5625C53.7083 46.1875 54 45.6667 54 45C54 44.3333 53.7083 43.8125 53.125 43.4375L41.8125 36.1875C41.1875 35.7708 40.5521 35.75 39.9062 36.125C39.2604 36.5 38.9375 37.0625 38.9375 37.8125ZM45 70C41.5833 70 38.3542 69.3438 35.3125 68.0312C32.2708 66.7188 29.6146 64.9271 27.3438 62.6562C25.0729 60.3854 23.2812 57.7292 21.9688 54.6875C20.6562 51.6458 20 48.4167 20 45C20 41.5833 20.6562 38.3542 21.9688 35.3125C23.2812 32.2708 25.0729 29.6146 27.3438 27.3438C29.6146 25.0729 32.2708 23.2812 35.3125 21.9688C38.3542 20.6562 41.5833 20 45 20C48.4167 20 51.6458 20.6562 54.6875 21.9688C57.7292 23.2812 60.3854 25.0729 62.6562 27.3438C64.9271 29.6146 66.7188 32.2708 68.0312 35.3125C69.3438 38.3542 70 41.5833 70 45C70 48.4167 69.3438 51.6458 68.0312 54.6875C66.7188 57.7292 64.9271 60.3854 62.6562 62.6562C60.3854 64.9271 57.7292 66.7188 54.6875 68.0312C51.6458 69.3438 48.4167 70 45 70ZM45 66.25C50.8333 66.25 55.8333 64.1667 60 60C64.1667 55.8333 66.25 50.8333 66.25 45C66.25 39.1667 64.1667 34.1667 60 30C55.8333 25.8333 50.8333 23.75 45 23.75C39.1667 23.75 34.1667 25.8333 30 30C25.8333 34.1667 23.75 39.1667 23.75 45C23.75 50.8333 25.8333 55.8333 30 60C34.1667 64.1667 39.1667 66.25 45 66.25Z" fill="white"/></svg>') center center no-repeat;
    opacity: 0.2;
    transition: opacity 0.4s;
}

.single-project .single-project-right-column a::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url('data:image/svg+xml;utf8,<svg width="90" height="90" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.8" cx="45" cy="45" r="45" fill="%23169BD6"/><path d="M38.9375 37.8125V52.1875C38.9375 52.9375 39.2604 53.5 39.9062 53.875C40.5521 54.25 41.1875 54.2292 41.8125 53.8125L53.125 46.5625C53.7083 46.1875 54 45.6667 54 45C54 44.3333 53.7083 43.8125 53.125 43.4375L41.8125 36.1875C41.1875 35.7708 40.5521 35.75 39.9062 36.125C39.2604 36.5 38.9375 37.0625 38.9375 37.8125ZM45 70C41.5833 70 38.3542 69.3438 35.3125 68.0312C32.2708 66.7188 29.6146 64.9271 27.3438 62.6562C25.0729 60.3854 23.2812 57.7292 21.9688 54.6875C20.6562 51.6458 20 48.4167 20 45C20 41.5833 20.6562 38.3542 21.9688 35.3125C23.2812 32.2708 25.0729 29.6146 27.3438 27.3438C29.6146 25.0729 32.2708 23.2812 35.3125 21.9688C38.3542 20.6562 41.5833 20 45 20C48.4167 20 51.6458 20.6562 54.6875 21.9688C57.7292 23.2812 60.3854 25.0729 62.6562 27.3438C64.9271 29.6146 66.7188 32.2708 68.0312 35.3125C69.3438 38.3542 70 41.5833 70 45C70 48.4167 69.3438 51.6458 68.0312 54.6875C66.7188 57.7292 64.9271 60.3854 62.6562 62.6562C60.3854 64.9271 57.7292 66.7188 54.6875 68.0312C51.6458 69.3438 48.4167 70 45 70ZM45 66.25C50.8333 66.25 55.8333 64.1667 60 60C64.1667 55.8333 66.25 50.8333 66.25 45C66.25 39.1667 64.1667 34.1667 60 30C55.8333 25.8333 50.8333 23.75 45 23.75C39.1667 23.75 34.1667 25.8333 30 30C25.8333 34.1667 23.75 39.1667 23.75 45C23.75 50.8333 25.8333 55.8333 30 60C34.1667 64.1667 39.1667 66.25 45 66.25Z" fill="white"/></svg>') center center no-repeat;
}

.single-project .single-project-right-column a:hover::before {
    opacity: 0.5;
}

.single-project .single-project-right-column .image-wrap {
    position: relative;
}

.single-project .single-project-right-column .image-wrap::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 3px;
    background: linear-gradient(0deg, rgba(22, 155, 214, 1) 0%, rgba(22, 155, 214, 1) 100%), url('data:image/svg+xml;utf8,<svg width="90" height="90" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.8" cx="45" cy="45" r="45" fill="%23169BD6"/><path d="M38.9375 37.8125V52.1875C38.9375 52.9375 39.2604 53.5 39.9062 53.875C40.5521 54.25 41.1875 54.2292 41.8125 53.8125L53.125 46.5625C53.7083 46.1875 54 45.6667 54 45C54 44.3333 53.7083 43.8125 53.125 43.4375L41.8125 36.1875C41.1875 35.7708 40.5521 35.75 39.9062 36.125C39.2604 36.5 38.9375 37.0625 38.9375 37.8125ZM45 70C41.5833 70 38.3542 69.3438 35.3125 68.0312C32.2708 66.7188 29.6146 64.9271 27.3438 62.6562C25.0729 60.3854 23.2812 57.7292 21.9688 54.6875C20.6562 51.6458 20 48.4167 20 45C20 41.5833 20.6562 38.3542 21.9688 35.3125C23.2812 32.2708 25.0729 29.6146 27.3438 27.3438C29.6146 25.0729 32.2708 23.2812 35.3125 21.9688C38.3542 20.6562 41.5833 20 45 20C48.4167 20 51.6458 20.6562 54.6875 21.9688C57.7292 23.2812 60.3854 25.0729 62.6562 27.3438C64.9271 29.6146 66.7188 32.2708 68.0312 35.3125C69.3438 38.3542 70 41.5833 70 45C70 48.4167 69.3438 51.6458 68.0312 54.6875C66.7188 57.7292 64.9271 60.3854 62.6562 62.6562C60.3854 64.9271 57.7292 66.7188 54.6875 68.0312C51.6458 69.3438 48.4167 70 45 70ZM45 66.25C50.8333 66.25 55.8333 64.1667 60 60C64.1667 55.8333 66.25 50.8333 66.25 45C66.25 39.1667 64.1667 34.1667 60 30C55.8333 25.8333 50.8333 23.75 45 23.75C39.1667 23.75 34.1667 25.8333 30 30C25.8333 34.1667 23.75 39.1667 23.75 45C23.75 50.8333 25.8333 55.8333 30 60C34.1667 64.1667 39.1667 66.25 45 66.25Z" fill="white"/></svg>') center center no-repeat;
    opacity: 0.2;
}

.single-project .single-project-right-column img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 3px;
}

.single-project .single-project-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

.single-project .single-project-time {
    border-radius: 3px;
    background: #169BD6;
    padding: 3px 9px 2px 9px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.single-project .single-project-progress {
    height: 20px;
    border-radius: 200px;
    border: 1px solid #169BD6;
    padding: 4px;
    margin-bottom: 10px;
}

.single-project .single-project-progress-line {
    height: 10px;
    min-width: 10px;
    border-radius: 200px;
    background: #169BD6;
}

.single-project .single-project-caption {
    color: #636766;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
}

.single-project .single-project-donations-num {
    border: none;
    background: none;
    padding: 0;
    color: #169BD6;
    font-size: 14px;
}

.single-project .single-project-amount {
    color: #636766;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
}

.single-project .single-project-donate-btn {
    border: none;
    border-radius: 3px;
    background: #169BD6;
    box-shadow: 0px 2px 0px 0px #1879A5;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    width: 100%;
    height: 60px;
    margin-bottom: 30px;
}

.single-project .single-project-donate-btn:hover {
    color: #fff;
    background-color: #666666;
    box-shadow: 0px 2px 0px 0px #666666;
}

.single-project .single-project-article {
    margin-bottom: 30px;
}

.single-project .single-project-article p,
.single-project .single-project-article li,
.single-project .single-project-article td {
    font-size: 14px;
}

.single-project .single-project-article p,
.single-project .single-project-article ul,
.single-project .single-project-article ol {
    margin: 20px 0 20px 0;
}

.single-project .single-project-article p:first-child,
.single-project .single-project-article ul:first-child,
.single-project .single-project-article ol:first-child {
    margin-top: 0;
}

.single-project .single-project-article p:last-child,
.single-project .single-project-article ul:last-child,
.single-project .single-project-article ol:last-child {
    margin-bottom: 0;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-24 {
    margin-bottom: 24px;
}

.single-project .comment-respond {
    border-radius: 5px;
    border: 1px solid #169BD6;
    background: #FFF;
    padding: 50px 40px 50px 40px;
    max-width: 1000px;
}

.single-project .comment-reply-title {
    color: #636766;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 20px;
}

.single-project .comment-respond .comment-form {
    margin-left: 0;
}

.single-project .form-submit.form_heig,
.single-project #commentform .form-submit,
.single-project .comment-form-rating {
    padding-left: 0;
}

.single-project .comment-respond .logged-in-as {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.4;
}

.single-project .comment-respond .logged-in-as,
.single-project .comment-respond .comment-notes {
    display: none;
}

.single-project .comment-respond p.form-submit/*,
.single-project .comment-respond .cm-form-info*/ {
    overflow: visible;
    height: auto;
}

/*
.single-project .comment-respond .cm-form-info .row {
    margin: 0;
}

.single-project .comment-respond .collapse {
    display: block;
}
*/

.single-project .comment-respond .form_heig {
    height: auto !important;
}

.single-project .comment-respond p {
    margin: 0;
}

.single-project .comment-respond input[type="text"],
.single-project .comment-respond textarea,
.single-project .single-project-payment-form input[type="text"],
.single-project .single-project-payment-form input[type="email"] {
    display: block;
    width: 100%;

    border-radius: 3px;
    border: 1px solid #CED2D6;
    background: #FFF;
    color: #636766;
    font-size: 14px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 10px;
    min-height: 50px;
}

.single-project .comment-respond textarea {
    height: 100px;
    resize: none;
}

.single-project .comment-form {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
}

.single-project .comment-form .comment-form-author {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

.single-project .comment-form .comment-form-email {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

.single-project .comment-form .comment-form-url {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}

.single-project .comment-form .comment-form-comment {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}

.single-project .comment-form .form-submit {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
}

@media (max-width: 768px) {
    .single-project .comment-respond {
        padding: 25px;
    }

    .single-project .comment-form {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto;
    }

    .single-project .comment-form .comment-form-author {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    
    .single-project .comment-form .comment-form-email {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    
    .single-project .comment-form .comment-form-url {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    
    .single-project .comment-form .comment-form-comment {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 4;
        grid-row-end: 5;
    }
    
    .single-project .comment-form .form-submit {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 5;
        grid-row-end: 6;
    }
}

@media (max-width: 600px) {
    .single-project .comment-reply-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.single-project .comment-form .submit {
    margin-top: 10px;
}

.single-project .comment-items {

}

.single-project .comment-item {
    display: grid;
    gap: 0;
    grid-template-columns: 60px auto;
    grid-template-rows: auto auto auto;
    margin-bottom: 40px;
}

.single-project .comment-item:last-child {
    margin-bottom: 0;
}

.single-project .comment-item::before {
    content: '';
    display: block;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 50px;
    height: 50px;
    background: url('data:image/svg+xml;utf8,<svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><circle cx="25" cy="25" r="25" fill="%23169BD6"/><path d="M16.9375 32.0312C18.25 31.1146 19.5521 30.4115 20.8438 29.9219C22.1354 29.4323 23.5208 29.1875 25 29.1875C26.4792 29.1875 27.8698 29.4323 29.1719 29.9219C30.474 30.4115 31.7812 31.1146 33.0938 32.0312C34.0104 30.9062 34.6615 29.7708 35.0469 28.625C35.4323 27.4792 35.625 26.2708 35.625 25C35.625 21.9792 34.6094 19.4531 32.5781 17.4219C30.5469 15.3906 28.0208 14.375 25 14.375C21.9792 14.375 19.4531 15.3906 17.4219 17.4219C15.3906 19.4531 14.375 21.9792 14.375 25C14.375 26.2708 14.5729 27.4792 14.9688 28.625C15.3646 29.7708 16.0208 30.9062 16.9375 32.0312ZM24.9942 25.9375C23.7897 25.9375 22.776 25.5241 21.9531 24.6973C21.1302 23.8705 20.7188 22.8549 20.7188 21.6504C20.7188 20.446 21.1321 19.4323 21.9589 18.6094C22.7857 17.7865 23.8014 17.375 25.0058 17.375C26.2103 17.375 27.224 17.7884 28.0469 18.6152C28.8698 19.442 29.2812 20.4576 29.2812 21.6621C29.2812 22.8665 28.8679 23.8802 28.0411 24.7031C27.2143 25.526 26.1986 25.9375 24.9942 25.9375ZM25.0146 37.5C23.2965 37.5 21.6771 37.1719 20.1562 36.5156C18.6354 35.8594 17.3073 34.9635 16.1719 33.8281C15.0365 32.6927 14.1406 31.367 13.4844 29.8511C12.8281 28.3351 12.5 26.7153 12.5 24.9917C12.5 23.2681 12.8281 21.651 13.4844 20.1406C14.1406 18.6302 15.0365 17.3073 16.1719 16.1719C17.3073 15.0365 18.633 14.1406 20.1489 13.4844C21.6649 12.8281 23.2847 12.5 25.0083 12.5C26.7319 12.5 28.349 12.8281 29.8594 13.4844C31.3698 14.1406 32.6927 15.0365 33.8281 16.1719C34.9635 17.3073 35.8594 18.6305 36.5156 20.1416C37.1719 21.6527 37.5 23.2673 37.5 24.9854C37.5 26.7035 37.1719 28.3229 36.5156 29.8438C35.8594 31.3646 34.9635 32.6927 33.8281 33.8281C32.6927 34.9635 31.3695 35.8594 29.8584 36.5156C28.3473 37.1719 26.7327 37.5 25.0146 37.5ZM25 35.625C26.1458 35.625 27.2656 35.4583 28.3594 35.125C29.4531 34.7917 30.5312 34.2083 31.5938 33.375C30.5312 32.625 29.4479 32.0521 28.3438 31.6562C27.2396 31.2604 26.125 31.0625 25 31.0625C23.875 31.0625 22.7604 31.2604 21.6562 31.6562C20.5521 32.0521 19.4688 32.625 18.4062 33.375C19.4688 34.2083 20.5469 34.7917 21.6406 35.125C22.7344 35.4583 23.8542 35.625 25 35.625ZM25 24.0625C25.7083 24.0625 26.2865 23.8385 26.7344 23.3906C27.1823 22.9427 27.4062 22.3646 27.4062 21.6562C27.4062 20.9479 27.1823 20.3698 26.7344 19.9219C26.2865 19.474 25.7083 19.25 25 19.25C24.2917 19.25 23.7135 19.474 23.2656 19.9219C22.8177 20.3698 22.5938 20.9479 22.5938 21.6562C22.5938 22.3646 22.8177 22.9427 23.2656 23.3906C23.7135 23.8385 24.2917 24.0625 25 24.0625Z" fill="white"/></svg>') center center no-repeat;
    margin-right: 10px;
}

.single-project .comment-author {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    color: #636766;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    align-self: end;
}

.single-project .comment-date {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    color: #636766;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.single-project .comment-text {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
    margin-top: 10px;
    color: #636766;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.single-project .comments-title {
    margin-top: 40px;
    margin-bottom: 30px;
    color: #636766;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
}

.single-project .single-project-tabs-switch {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 34px;
}

.single-project .single-project-tabs-button {
    border: none;
    background: none;
    padding: 0;
    color: #169BD6;
    font-size: 20px;
    /*font-family: Open Sans;*/
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-right: 30px;
}

@media (max-width: 600px) {
    .single-project .single-project-tabs-switch {
        margin-bottom: 20px;
    }

    .single-project .single-project-tabs-button {
        font-size: 16px;
        margin-right: 15px;
    }
}

@media (max-width: 500px) {
    .single-project .single-project-tabs-switch {
        display: block;
    }

    .single-project .single-project-tabs-button {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .single-project .comments-title {
        margin-top: 30px;
        margin-bottom: 20px;
        font-size: 18px;
    }
}

.single-project .single-project-tabs-button.current {
    color: #636766;
    cursor: default;
}

.single-project .single-project-payment-form {
    border-radius: 5px;
    border: 1px solid #169BD6;
    padding: 50px 40px 50px 40px;
    max-width: 1000px;
}

@media (max-width: 768px) {
    .single-project .single-project-payment-form {
        padding: 25px;
    }
}

.single-project .single-project-payment-amout-row {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    /*margin-bottom: 10px;*/
}

.single-project .single-project-payment-amout-row * {
    margin-bottom: 10px;
}

.single-project .single-project-payment-amout-caption {
    margin: 0 20px 10px 20px;
    color: #636766;
    font-size: 14px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.single-project .single-project-payment-form .single-project-payment-amout-input[type="text"],
.single-project .single-project-payment-form .single-project-payment-name-input[type="text"],
.single-project .single-project-payment-form .single-project-payment-email-input[type="email"],
.single-project .single-project-payment-form .single-project-payment-tel-input[type="text"]
{
    width: calc((100% - 20px) / 3);
}

.single-project .single-project-payment-amout-var {
    border-radius: 3px;
    border: 1px solid #169BD6;
    background: #FFF;
    height: 50px;
    padding: 0 18px 0 18px;
    color: #169BD6;
    font-size: 14px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-right: 10px;
}

.single-project .single-project-payment-amout-var:hover,
.single-project .single-project-payment-amout-var.current {
    color: #FFF;
    background: #169BD6;
}

.single-project .single-project-radio {
    color: #636766;
    font-size: 14px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-right: 20px;
    cursor: pointer;
}

.single-project .single-project-radio input {
    position: absolute;
    visibility: hidden;
}

.single-project .single-project-radio input + span {
    position: relative;
    display: block;
    padding-left: 30px;
    padding-top: 2px;
}

.single-project .single-project-radio input + span::before,
.single-project .single-project-radio input + span::after {
    content: '';
    position: absolute;
}

.single-project .single-project-radio input + span::before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #CED2D6;
    border-radius: 50%;
}

.single-project .single-project-radio input + span::after {
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    background: #169BD6;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}

.single-project .single-project-radio input:checked + span::after {
    opacity: 1;
}

.single-project .single-project-payment-separator {
    border-top: 1px solid #CED2D6;
    margin-top: 30px;
    margin-bottom: 30px;
}

.single-project .single-project-checkbox-row {
    margin-bottom: 4px;
}

.single-project .single-project-checkbox {
    position: relative;
    color: #636766;
    font-size: 14px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-right: 20px;
}
.single-project label.single-project-checkbox {
    cursor: pointer;
}

.single-project .single-project-checkbox a {
    color: #169BD6;
}

.single-project .single-project-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    z-index: 1;
}

.single-project .single-project-checkbox input + span {
    position: relative;
    display: block;
    padding-left: 30px;
    padding-top: 2px;
}

.single-project .single-project-checkbox input + span::before,
.single-project .single-project-checkbox input + span::after {
    content: '';
    position: absolute;
}

.single-project .single-project-checkbox input + span::before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #CED2D6;
    border-radius: 3px;
}

.single-project .single-project-checkbox input + span::after {
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    background: #169BD6;
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.3s;
}

.single-project .single-project-checkbox input:checked + span::after {
    opacity: 1;
}

.single-project .single-project-personal-data-row {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 16px 0;
}

@media (max-width: 600px) {
    .single-project .single-project-payment-form .single-project-payment-amout-input[type="text"],
    .single-project .single-project-payment-form .single-project-payment-name-input[type="text"],
    .single-project .single-project-payment-form .single-project-payment-email-input[type="email"],
    .single-project .single-project-payment-form .single-project-payment-tel-input[type="text"],
    .single-project .single-project-payment-amout-caption {
        width: 100%;
    }

    .single-project .single-project-payment-amout-caption {
        margin: 0 0 10px 0;
    }

    .single-project .single-project-personal-data-row input:not(:last-child) {
        margin-bottom: 10px;
    }
}

.single-project .single-project-submit-row {
    padding-top: 20px;
}

.single-project .single-project-submit {
    border-radius: 3px;
    background: #169BD6;
    box-shadow: 0px 2px 0px 0px #1879A5;
    border: none;
    color: #fff;
    height: 50px;
    padding: 0 20px 0 20px;
    color: #FFF;
    font-size: 14px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.single-project .single-project-submit:hover {
    color: #fff;
    background-color: #666666;
    box-shadow: 0px 2px 0px 0px #666666;
}

.single-project .single-project-tabs-funders {
    border-radius: 5px;
    border: 1px solid #169BD6;
    padding: 50px 40px 50px 40px;
    max-width: 1000px;   
}

@media (max-width: 768px) {
    .single-project .single-project-tabs-funders {
        padding: 25px;
    }
}

.single-project .single-project-tabs-funders table {
    border-collapse: collapse;
    table-layout: fixed;
    background: none;
    width: 100%;
}

.single-project .single-project-tabs-funders tr {
    border: none;
    background: none;
}

.single-project .single-project-tabs-funders td {
    border: none !important;
    border-bottom: 1px solid #CED2D6 !important;
    background: none !important;
    color: #636766 !important;
    font-size: 14px;
}

.single-project .single-project-tabs-funders td:nth-child(1) {
    width: 20px;
    padding-left: 0;
    padding-right: 0;
}

.single-project .single-project-tabs-funders td:nth-child(3) {
    text-align: right;
}

.single-project .single-project-tabs-funders table tbody tr td:nth-child(4) {
    width: 150px;
    padding-right: 0;
    text-align: right;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

@media (max-width: 600px) {
    .single-project .single-project-tabs-funders table,
    .single-project .single-project-tabs-funders tbody,
    .single-project .single-project-tabs-funders td {
        display: block;
        width: 100% !important;
        text-align: left !important;
        padding: 0 !important;
        line-height: 1.4 !important;
    }

    .single-project .single-project-tabs-funders tr {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto auto;
        gap: 10px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .single-project .single-project-tabs-funders td {
        border-bottom: none !important;
    }

    .single-project .single-project-tabs-funders tr {
        border-bottom: 1px solid #CED2D6;
    }

    .single-project .single-project-tabs-funders td:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .single-project .single-project-tabs-funders td:nth-child(2) {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;       
    }

    .single-project .single-project-tabs-funders td:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;       
    }

    .single-project .single-project-tabs-funders td:nth-child(4) {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 4;       
    }
}