html, body{
    font-family: Roboto;
    font-size: 16px;
}

.site-block{
    margin-top: 150px;
}
.btn-success{
    background: #8eca0a !important;
    border: 1px solid #8eca0a !important;
}
.btn-success:hover{
    background: #71a108 !important;
    border: 1px solid #71A108FF !important;
}
.bg-footer{
    background-color: #FFF787;
}

.header-block{
    margin-top: 150px;
}
.header-title{
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 600;
}
.header-text{
    font-size: 18px;
}
.header-img{
    /*width: 100%;*/
    border-radius: 26px;
    height: 400px;
}
.header-benefits{
    display: flex;
}
.header-benefits-icon{
    margin-right: 10px;
}
.header-benefits-text{

}

.service-content {
    display: flex;
}
.service-content:hover{
    -webkit-box-shadow: 0px 16px 35px -24px rgba(66, 68, 90, 0.37);
    -moz-box-shadow: 0px 16px 35px -24px rgba(66, 68, 90, 0.37);
    box-shadow: 0px 16px 35px -24px rgba(66, 68, 90, 0.37);
    border-radius: 0 0 25px 25px;
}
.service-text {
    margin-left: 16px;
}
.our-values{}
.our-values-item{
    display: flex;
    align-items: center;
}
.our-values-item:hover{
    -webkit-box-shadow: 0px 16px 35px -24px rgba(66, 68, 90, 0.37);
    -moz-box-shadow: 0px 16px 35px -24px rgba(66, 68, 90, 0.37);
    box-shadow: 0px 16px 35px -24px rgba(66, 68, 90, 0.37);
    border-radius: 0 0 25px 25px;
}
.our-values-item .number{
    font-size: 100px;
    color: #8eca0a;
    font-weight: 900;
    margin-right: 18px;
}
.call-action{
    background: #FFF787;
    border-radius: 25px;
}
/* Переопределяем максимальные ширины контейнеров Bootstrap */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* sm */
@media (min-width: 576px) {
    .container-sm {
        max-width: 540px;
    }
}

/* md */
@media (min-width: 768px) {
    .container-md {
        max-width: 720px;
    }
}

/* lg */
@media (min-width: 992px) {
    .container-lg {
        max-width: 960px;
    }
}

/* xl */
@media (min-width: 1200px) {
    .container-xl {
        max-width: 1140px;
    }
}

/* xxl — кастомная ширина */
@media (min-width: 1400px) {
    .container-xxl {
        max-width: 1536px !important;
    }
}