body {
    font-family: 'Roboto', sans-serif;
}


/*-- start navbar --*/

/*.logo-class {*/
/*    height: 100px !important;*/
/*    width: 100px !important;*/
/*    max-width: 100%;  !* Ограничение максимальной ширины *!*/
/*    max-height: 100%; !* Ограничение максимальной высоты *!*/

/*}*/

.navbar-collapse{
    display: flex;
    justify-content: flex-end;
    font-size: 18px;
}



@media (max-width: 576px) {
    .navbar-collapse {
        justify-content: flex-start;
    }
}

/*-- end navbar --*/


/*-- start main_page --*/
.row.main_page {
    margin-left : 3%;
    margin-right: 3%;
    margin-top: 1%;
    display: flex;
    border-radius: 10px;

}

.head-name{
    display: flex;
     justify-content: center;
    background-color: rgba(22, 54, 75, 1);
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}


.sdelat-dobro {
    background-image: url("/static/sdelat_dobro2.jpg");
    background-size: cover;
    background-position: center;   /* Центрирование фона */
    background-repeat: no-repeat;
    height: 300px;
    width: 100%;
    border-radius: 10px;
    display: block;
}

.block-mi-pomogaem{

}

@media (max-width: 992px) {
    .block-mi-pomogaem {
       display: flex;
       justify-content: center;
    }
}


.we-help{
    background-color: rgba(176, 151, 87, 1);
    border-radius: 10px;
    text-align: center;
    display: flex;



}

.we-help-p{
    margin-top: 5px;
}

.project-card {
    margin-top: 5%;
    margin-left: 2%;
}

.img-fluid {
    height: 200px;
    width: 100%;
    margin-bottom: 3%;
    border-radius: 5px;
}


.block-fond-nugdaushimsy{
    margin-top: 15px;
}
/*-- end main_page --*/



/*-- start faq_page --*/

.outer-contactus-row{
    justify-content: space-between;
}

.photo-contactus-block{
    width:460px;
    height:650px;
    display: flex;
    justify-content: end;

}

@media (max-width: 992px) {
    .photo-contactus-block {
        width:360px;
        height:650px;
    }
}

@media (max-width: 576px) {
    .photo-contactus-block {
        display: flex;
        justify-content: center;
        margin-top: 5%;
        margin-bottom: 5%;
    }
}

.img-fluid-contactus-photo{
    height:100%;
    width: auto;
    object-fit: cover;

}

form{
    background-color: rgba(22, 54, 75, 1);
    color: white;
    padding: 15px;
}


.question-answer-row{

}
@media (max-width: 1200px) {
    .question-answer-row {

        margin-top: 5%;

    }
}


@media (max-width: 992px) {
    .question-answer-block {

        justify-content: center;

    }
}


.question-body{
    background-color: rgba(176, 151, 87, 1);
    text-align: center;
    padding-top: 15px;
    padding-bottom: 25px;

}


.answer-body{
    position: relative;

    background-color: rgba(247, 247, 247, 1);
    border-radius: 10px;
    top: -15px;
    padding: 15px;


}

/*-- end faq_page --*/

/*-- start volunteer_page --*/

.outer-volunteer-row{
    background-color: rgba(176, 151, 87, 1);

}


.img-fluid-volunteer-head{
    padding-top: 10px;
    padding-bottom: 10px;
    max-width:286px;
    height: auto;
}

.volunteer-description-block{
    justify-content: flex-start;
    align-self: center;

}

@media (max-width: 576px) {
    .volunteer-description-block {

        margin-bottom: 5%;
    }
    .volunteer-photo-block{
        justify-content: center;
    }
}

.owl-carousel .item img {
        width: 100%;              /* Изображение заполняет весь контейнер */
        height: 400px;            /* Задайте нужную высоту для карусели */
        object-fit: contain;      /* Сохраняет пропорции изображения и не обрезает его */
}

@media (max-width: 768px) {
        .owl-carousel .item img {
            height: 200px;        /* Высота изображения на мобильных устройствах */
        }
    }

    @media (max-width: 576px) {
        .owl-carousel .item img {
            height: 250px;        /* Еще меньше высота на маленьких экранах */
        }
    }



.inner-success_stories{
    background-color: rgba(245, 244, 242, 1);
    color: black;
    margin-left: 1px;
}

.name-block-success-story{
    margin-top: 3%;
}

.text-block-success-story{
  margin-top: 4%;
}

.photo-block-success-story{

}


.img-success-story{
    max-width: 100%; /* Установка максимальной ширины */
    height: auto;
}

.inner-volunteer-row{
    background-color: rgba(22, 54, 75, 1);
    color: white;
}

.volunteer-text{
    align-content: center;
    justify-content: center;
    padding-bottom: 55px;
}

@media (max-width: 576px) {

    .volunteer-text{
        margin-top: 5%;
    }
}
/*-- end volunteer_page --*/


/*-- start articleS_page --*/

.article-card-row{
    display: flex;

}

@media (max-width: 992px) {
    .article-card-row{
       display: flex;
        justify-content: center;
        font-size: 12px;
    }
}

.article-card {
    margin-bottom: 1%;
    margin-right: 6%;
    margin-top: 2%;

}

@media (max-width: 576px) {
    .article-card{
        margin-right: 1%;
       margin-bottom: 10%;
    }
}

.article-photo-card{

    width:100%;
    height: 202px;

}

.img-article{
    height:100%;
    width: 100%;
    object-fit: cover;
}

.read-full-button {
    color: rgba(176, 151, 87, 1);
    background-color: transparent;
    border: none;
}
/*-- end articleS_page --*/


/*-- start article_page --*/

.article-image-block{
    width:450px;
    height: 302px;
}

/*-- end article_page --*/

/*-- start projectS_page --*/
.project-card{

    margin-right: 3%;
}


.project-photo-block{
    width:100%;
    height: 173px;
}

.img-fluid-project{
    height:100%;
    width: 100%;
    object-fit: cover;
}

/*-- end projectS_page --*/


/*-- start project_detail_page --*/

.ptoject-detail-photo-block{
    height: 300px;
    width: 400px;

}

.img-fluid-detail{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}


/*-- end project_detail_page --*/




/*-- start reportS_page --*/

.butons-row{
    justify-content: center;
}

.icon-block{
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 576px) {
    .icon-block{


    }
}

.report-text-block{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media (max-width: 576px) {
    .report-text-block{
       font-size: 12px;
    }

}


/*-- end reportS_page --*/



/*-- start include_buttons --*/
.finansials-reports-row-buttons{
    margin-left: 20%;
    margin-top: 2%;

}

@media (max-width: 1200px) {
    .finansials-reports-row-buttons{
        margin-left: 0%;


    }
}

.report-head{
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (max-width: 576px) {
    .button-1{
     margin-top:5%;
     margin-bottom:5%;
     justify-content: flex-start;
 }
    .button-2{
     margin-bottom:5%;
     justify-content: flex-start;
 }
    .button-3{
     margin-bottom:5%;
     justify-content: flex-start;
 }

}

.news-row-buttons{
    display: flex;
    justify-content: center !important;
    margin-top: 1%;
    margin-bottom: 1%;
}

.button-1 {
    display: flex;
    justify-content: center !important;
}

.button-2{
    display: flex;
    justify-content: center !important;
}



.vakansii-block-buttons{
    display: flex;
    justify-content: center;

}


.vakancii-back {
    color: #0E2231;
    background-color: transparent;

}

/*-- end include_buttons --*/



/*start social icon*/

.social-networks-row{
    display: flex;
    justify-content: center;

}

@media (max-width: 992px) {
    .social-networks-row {
        display: flex;
        justify-content: center;
        margin-right: 0%;
        margin-left: 0%;
    }
}

@media (max-width: 576px) {
    .social-networks-row {
        display: flex;
        justify-content: center;
        margin-left: 0%;

    }
}

.card-body-social{
    /*background-color: rgba(0, 0, 0, 0.8);*/
    border-radius: 40px;
    margin-right: 0%;
}

@media (max-width: 576px) {
    .card-body-social {

    }
}

.social-icon-twitter{
    background-image:  url("/static/icons/twitter_new.png");
    display: block;
    height: 2rem;
    width: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}


.twi{
    /*margin-right: 1.5%;*/
    padding-bottom: 2%;
}

@media (max-width: 576px) {
    .twi {
        /*margin-right: 10%;*/
    }
}

.social-icon-youtube{
    background-image:  url("/static/icons/icon-youtube.png");
    display: block;
    height: 2rem;
    width: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.yt{

    padding-bottom: 2%;
}

.social-icon-vk{
    background-image:  url("/static/icons/vkontakte.png");
    display: block;
    height: 2rem;
    width: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.vk{

    padding-bottom: 2%;
}

.social-icon-telegram{
    background-image:  url("/static/icons/telegram.png");
    display: block;
    height: 2rem;
    width: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.tg{

    padding-bottom: 2%;
}
/*end social icon*/