.aos-with-thumbnails-block {
    background: #f0efee;
    padding: 60px 0 60px 0;
    position: relative;
    max-width: 100%;
}

.aos-with-thumbnails-block::before {
    content: '';
    position: absolute;
    left: 49%;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDNEQxMTFCM0NDOTExRUNBNEIwODVEODcyQTgwMjI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDNEQxMTFDM0NDOTExRUNBNEIwODVEODcyQTgwMjI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkM0RDExMTkzQ0M5MTFFQ0E0QjA4NUQ4NzJBODAyMjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkM0RDExMUEzQ0M5MTFFQ0E0QjA4NUQ4NzJBODAyMjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz55QCb2AAABzklEQVR42tzYS0sCURjG8fHgps8WdKFQEy26g0FGRWVQQULShS5UtGjTIiGiFi1aRNCmRZto1TdoERRBBJFpOT1vnAERLzPOOceZc+BH2tzeP5KTBkzTXDIMYxZaDP3XdQDB9GABljWPfYSuIH+SBpP/1HE9QAc8Wa+wtVKwolnsPbTBMz1hZRszMK9R7B20WrGVgq3oOQ1ib6EdXkp/yarsvMrfuf26bqATXss3sBoHrcGMD2Ov6N0Y3iptZHUOXocpH8VeQgjeq+3AbJxkEyZ9EHsBYfiotROzebItmOD3ai+uc4jAZ70dmYOT7kDSg9GnEIWcnZ2Zw5PvwriHoo8hBnm7B7AGLrIHYx6IPYIBKDg5iDV4sQNINDH2EIacxv4v+l/ahVFT/doH1ujMboPJCBQVxW67nVdEMBmGX8mxGyJmFRVMBqEgKTYjak6RwaQf8oJj0yJnFB1M+gRGL4qeT0Yw6YVvl7EpGbPJCiYxF9HTsuaSGUyiDqPp9paUOZPsYNJj82+aYhOy51ERTCJ1oov8Xm7oEkzCkKsQ+8NvZ4ZuwSQEXyWx9KrHVc5Q/kW8itUNWf5JLQ4nKi8ebMJHuzP+BUKAP1a6/gQYALFYNFp5XbXGAAAAAElFTkSuQmCC) no-repeat;
    width: 50px;
    height: 50px;
    background-size: contain;
}

.aos-with-thumbnails-block::after {
    content: '';
    position: absolute;
    left: 49%;
    bottom: -50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFENEI2MUZFM0NDOTExRUNCMjMwODIxODE1NDU2ODE5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFENEI2MUZGM0NDOTExRUNCMjMwODIxODE1NDU2ODE5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0QjYxRkMzQ0M5MTFFQ0IyMzA4MjE4MTU0NTY4MTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0QjYxRkQzQ0M5MTFFQ0IyMzA4MjE4MTU0NTY4MTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7l21X5AAAB/ElEQVR42uSYSUvDQBTHp48q+NkUVAQV0YK7qLivBRFRqLsURdFS1OJa9ODBgwhePHgRT34DD4KiFkFQq63/gVcopUuaTtImPvh1ycy8zK+dJYkj9PY6KYQYBSXC/nFJeJkCnn8gew+6nfxlGkT53Y5xByrAA8UdnAFuG8regjIpK79QQqHHZtI3oBQ8xg5QkkpSeswGstegHDzFH6QUled45bZqXIFK8JxYQGkazYMRC8pegCrwkqyQMjReAIMWkj0H1SCUqgJpSLIMBiwgewZqwHu6SqQx2Qro4726EOMU1IKPTBUpi6Re0FuA0kFQBz61VKYsk6+CngKS3gP14FtrA9JxkjXQVQCyO6AJhLNpRDpPtgE68yjrAy3ZyuYiHJPuyIPsOp/3V09jyvHkm6DdxDnt5ekU0ZuAFHRii6UjBssu8daYU5DCOdUGfgySnQVDKhKRwk75WTqsWFbep4+rSkaKO7cNWhVKy+dtEyo76DRg+O3yIiaHeXEOedzCgGdtToPmXIAXMb9O6WGwaETHjBKOXfZFeJhrlZYjo5+3H2E1YRkHLCGHeZEG2W6+sBBWFZZxyDKBNNJR3st9RneGhDlxBBrAV5IyeYnYbIasmcIyjoEr4b5Vbl+NPM9NCacwN4K8kO3zj+3if1/YVVjGCc9ZB382Nf4EGABgY2W/zzQnqQAAAABJRU5ErkJggg==) no-repeat;
    width: 50px;
    height: 50px;
    background-size: contain;
}

.aos-with-thumbnails-block .block-header {
    background: #5b0013;
    padding: 30px 0;
    margin-bottom: 40px;
}

.aos-with-thumbnails-block .block-title, 
.aos-with-thumbnails-block .block-description {
    color: #fff;
    text-align: center;
}

.aos-with-thumbnails-block .block-description {
    max-width: 620px;
    margin: 0 auto;
}

.aos-with-thumbnails-block .inner > h1 {
    text-align: left;
    color: var(--heading-color);
    margin: 0 auto 40px;
    position: relative;
}

.aos-with-thumbnails-block .inner .aos-thumbnails {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    column-gap: 25px;
    row-gap: 48px;
}

.aos-with-thumbnails-block .inner .aos-thumbnails .aos-thumbnail {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px;
    text-align: center;
}

.aos-thumbnails .aos-thumbnail {
    position: relative;
}

.aos-thumbnails .aos-thumbnail::before {
    background: #ffb71e;
    content: '';
    height: 7px;
    left: calc(50% - 60px);
    position: absolute;
    top: -3px;
    width: 120px;    
}

.aos-thumbnails .aos-thumbnail img {
    display: block;
    width: 100%;
    height: 148px;
    object-fit: cover;
    padding-bottom: 20px;
}

.aos-thumbnails .aos-thumbnail-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    position: relative;
    background-color: var(--bg-color-white);
    overflow: hidden;
}

.aos-thumbnails .aos-thumbnail h3 {
    font-size: 34px;
    padding-top: 10px;
    color: #5b0013;
    margin-bottom: 10px;
}

.aos-thumbnails .aos-thumbnail .description {
    text-align: center;
}

.aos-thumbnails .aos-thumbnail p {
    flex-grow: 0;
    margin: 0 0 15px;
    font-size: 16px;
    color: var(--text-color);
}

.aos-thumbnails .aos-thumbnail a {
    display: block;
    width: fit-content;
    width: 100%;
    max-width: 100%;
}

@media only screen and (max-width:999px) {

    .aos-thumbnails .aos-thumbnail h2 {
        font-size: 27px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 768px) {

    .aos-with-thumbnails-block::before,
    .aos-with-thumbnails-block::after {
        left: calc(50% - 25px);
    }

    .aos-with-thumbnails-block .inner .aos-thumbnails {
        row-gap: 22px;
    }
    
    .aos-with-thumbnails-block .inner > h1 {
        text-align: center;
        line-height: 45px;
    }

    .aos-with-thumbnails-block .inner > h1::after {
        right: 50%;
        transform: translateX(50%);
    }

    .aos-thumbnails .aos-thumbnail img {
        height: 151px;
    }
}