.program-grid-container {
    background: #f0efee;
    padding: 60px 0 60px 0;
    position: relative;
    margin-bottom: 30px;
}

.program-grid-container::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;
}

.program-grid-container::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;
}


.program-grid-container .program-title {
    margin-bottom: 30px;
    text-align: center;
}

.program-grid-container .program-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.program-grid-container .program-grid .program{
    flex: 32%
}

.program-grid-container .program-grid .program a {
    display: flex;
}

.program-grid-container .program-grid .program .program-image img {
    max-width: 100%;
    width: 100%;
}

.program-grid-container .program-grid .program  {
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    display: flex;
    color: #404040;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.1;
    justify-content: center;
    text-align: center;
    padding: 18px 0;
    min-height: 90px;
}

.program-grid-container .program-grid .program .program-name span {
    font-weight: normal;
}



@media screen and (max-width: 768px) {
    .program-grid-container::before,
    .program-grid-container::after {
        left: calc(50% - 25px);
    }

    .program-grid-container .program-grid .program {
        flex: 100%;
    }

    .program-grid-container .program-grid .program .program-name {
        font-size: 20px
    }
}