.history-div{
    gap:30px;
}
.flex-block-1{
    flex: 1;
}
.padding-bt-45{
    padding-bottom: 45px;
}
.padding-bt-30{
    padding-bottom: 30px;
}
.padding-bt-15{
    padding-bottom: 15x;
}
.history-page-block p {
    letter-spacing: 5%;
    line-height: 170%;
}
.history-page-block {
    /* margin: 40px 0; */
}
.history-page-block:first-child {
  margin-top: 0;
}
.history-date{
    padding: 20px 0 0 0 !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    line-height: 170%;
    letter-spacing: 3%;
    color: #722b14;
}
.history-bold-text {
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 170%;
    letter-spacing: 5%;
    padding-top: 5px;
    padding-bottom: 10px;
}
.history-div-block, .history-div-text {
    /* flex:1; */
    flex: 1 1;
    gap: 0;
}
.history-div-block .histiry-item-div, .histiry-item-div {
    width: 100%;
  background-color: #d9d9d9;
   /* background-color: rgba(217,217,217, calc(0.2 + (var(--index) * 0.2))); */
  margin: 1px 0;
  min-height: 68px;
}


.history-div-block .histiry-item-div:nth-child(1) { background-color: rgba(217, 217, 217, 0.2); }
.history-div-block .histiry-item-div:nth-child(2) { background-color: rgba(217, 217, 217, 0.36); }
.history-div-block .histiry-item-div:nth-child(3) { background-color: rgba(217, 217, 217, 0.52); }
.history-div-block .histiry-item-div:nth-child(4) { background-color: rgba(217, 217, 217, 0.68); }
.history-div-block .histiry-item-div:nth-child(5) { background-color: rgba(217, 217, 217, 0.84); }
.history-div-block .histiry-item-div:nth-child(6) { background-color: rgba(217, 217, 217, 1); }
.history-div-block.wp-block-group__inner-container {
    display: flex;

}
.history-div-block .history-div-img {

}
.history-div-block figure {
min-width: 60px;
  margin: 0 15px;
    display: flex;
}
.history-div-block img{
    height: 40px;
    min-width: 40px;
    margin: auto;
}
.history-div-block p.name-text {
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    margin: 14px 0 0 0;
    
}

.history-div-block p.info-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0%;
    color: #722b14;
}
.history-div-text {
  margin: 0 0 auto 20px !important;
}
.history-div-text p{
  font-size: 20px;
  /* font-weight: 500; */
  line-height: 170%;
  letter-spacing: 5%;
}

.histiry-item-div .histiry-item-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 170%;
    letter-spacing: 0;
}

.history-number-block {
    gap: 4px;
}

.history-number-block:nth-child(1) .history-big-num { --index: 0; }
.history-number-block:nth-child(2) .history-big-num{ --index: 0.25; }
.history-number-block:nth-child(3) .history-big-num{ --index: 0.5; }
.history-number-block:nth-child(4) .history-big-num{ --index: 0.75; }
.history-number-block:nth-child(5) .history-big-num{ --index: 1; }

.history-number-block p.history-big-num {
    font-size: 100px !important;
    font-weight: 600;
    letter-spacing: 3%;
    padding: 0 40px;
    color: rgb(
        calc(255 - (234 * var(--opacity-progress))),
        calc(255 - (189 * var(--opacity-progress))),
        calc(255 - (134 * var(--opacity-progress)))
    );

    text-shadow: 2px -2px 3px rgba(0, 0, 0, 0.25);
     
}
/* Убедитесь, что эти селекторы применяются к правильным элементам */
.history-number-block > .wp-block-group:nth-child(1) .history-big-num  { --opacity-progress: 0; }
.history-number-block > .wp-block-group:nth-child(2) .history-big-num  { --opacity-progress: 0.25; }
.history-number-block > .wp-block-group:nth-child(3) .history-big-num { --opacity-progress: 0.5; }
.history-number-block > .wp-block-group:nth-child(4) .history-big-num { --opacity-progress: 0.75; }
.history-number-block > .wp-block-group:nth-child(5) .history-big-num { --opacity-progress: 1; }


@media (max-width: 767px) {
    .history-page-block {
        margin-top: 0;
        /* transform: scale(0.9); */
    }
    .entry-content .history-page-block:nth-child(1) {
        margin-top: 15px;
    }
    .history-page-block .allwigth.height300 .history-date {
        padding: 0 !important;
        margin: 0;
        position: absolute;
        left: 15px;
        top: 30px;
    }

    /* .history-page-block .container.history-date {
        padding-left: 10px !important;
        padding-right: 10px !important;
    } */
    /* .history-page-block div {
        padding: 0 10px;
    } */
    .history-page-block .container.is-layout-flex {
        display: block;
    }
    .history-page-block .container.is-layout-flex figure {
        margin-left: auto;
        padding: 20px 15px;
    }
    .history-page-block .container.is-layout-flex div:not(:first-child) figure {
        display: none;
    }
    .history-page-block .container.is-layout-flex p {
        font-size: 14px !important;
        /* font-weight: 700 !important; */
        line-height: 170% !important;
        letter-spacing: 5% !important;
        /* padding-top: 5px; */
        padding: 0 20px;
    }
    .history-page-block.height300, .history-page-block .height300 {
        height: auto;
    }
    .history-page-block .allwigth {
        position: relative;
        padding: 0 !important;
    }
    .history-page-block .height300 .container.is-layout-flex .wp-block-group.flex-block-1 {
        margin-bottom: 20px;
    }
    /* .history-page-block .wp-block-group__inner-container p {
        padding: 0 10px;
    } */

    .entry-content .history-page-block:nth-child(2) {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
    }
    .entry-content .history-page-block:nth-child(2) .wp-block-group__inner-container p {
        font-size: 16px !important;
        text-align: center;
    }
    .entry-content .history-page-block:nth-child(2) .wp-block-group__inner-container div.wp-block-group {
        display: block;
    }
    .entry-content .history-page-block:nth-child(2) .wp-block-group__inner-container div.wp-block-group .info-text,
    .entry-content .history-page-block:nth-child(2) .wp-block-group__inner-container div.wp-block-group .name-text {
        text-align: left;
    }
    .entry-content .history-page-block:nth-child(2) .history-div-block {
        display:flex !important;
    }
    .entry-content .history-page-block:nth-child(2) .wp-block-group__inner-container div.wp-block-group .info-text {
        font-size: 11px !important;
        font-weight: 400;
    }
    .entry-content .history-page-block:nth-child(2) .wp-block-group__inner-container div.wp-block-group .name-text {
        font-size: 16px !important;
        font-weight: 700;
    }
    .entry-content .history-page-block:nth-child(2) .history-div-block .histiry-item-div .wp-block-group.wp-block-group-is-layout-flex {
        display:flex !important;
    }
    .entry-content .history-page-block:nth-child(2)  .history-div-text {
        margin-top: 30px !important;
        margin-left: 0 !important;

    }
    .entry-content .history-page-block:nth-child(2) .history-div-text p.has-medium-font-size, 
    .entry-content .history-page-block:nth-child(2) .history-div-text p.has-text-color.has-link-color,
    .entry-content .history-page-block:nth-child(2) .history-div-text p.has-text-color.has-link-color span{
        text-align: left !important;
        text-decoration: none !important;
        text-transform: none !important;
        font-size: 14px !important;
        line-height: 170% !important;
        
    }
    .entry-content .history-page-block:nth-child(3) .height200, .entry-content .history-page-block:nth-child(3) {
        height: auto;
    } 
    .entry-content .history-page-block:nth-child(3) .height200,
    .entry-content .history-page-block:nth-child(4) p.container.history-date,
    .entry-content .history-page-block:nth-child(4) p.history-bold-text.container{
        padding: 0 15px !important;
    }
    .entry-content .history-page-block:nth-child(3) p.history-bold-text.container,
    .entry-content .history-page-block:nth-child(4) p.history-bold-text.container {
        font-size: 16px !important;
        text-align: justify;
        line-height: 170% !important;
        letter-spacing: 0.05em;

    }
    .entry-content .history-page-block:nth-child(4) .history-number-block .histiry-item-text {
        font-size: 14px !important;
        text-align: right;
        line-height: 170% !important;
        letter-spacing: 0;
        padding: 15px 15px 15px 0;
        font-weight: 500;
    }
    
}
@media (max-width: 900px) {

}