.case-study-highlight { background-color: #2B2B2B; padding: 60px 0; }
.glance,
.services-provided { display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 30px 40px; border-radius: 10px; background: #000; align-items: center; gap: 30px; }
.glance { margin-bottom: 60px; }
.glance p,
.services-provided p { margin: 0; line-height: initial; }

.glance p,
.services-provided p,
.service-links li,
.glance-items li {  } 

.glance p { white-space: nowrap; }
.glance-items,
.glance-items li,
.service-links,
.service-links li { list-style-type: none; padding: 0; margin: 0;  line-height: initial; }

.glance-items { max-width: 900px; text-align: right; }
.glance-items li,
.service-links li { display: inline-block; }

.glance-items li { display: inline; }
.glance-items li:not(:last-child)::after { content: "|"; margin: 0 20px; }

.glance-items li:before,
.service-links li:before  { display: none; }
.glance-items li span { color: #E36F51; }

.service-links { display: inline-flex; gap: 20px; }
.service-links li { border: 2px solid; border-radius: 50px; padding: 10px 20px; text-align: center; }
.service-links li a { color: #fff; }
.service-links li a:hover { color: #E36F51; }
.service-daas { border-color: #D6B500 !important; }
.service-links li.service-fsaas { border-color: #1BAB9B; }
.service-links li.service-iaas { border-color: #C23AD2; }
.service-links li.service-naas { border-color: #1550D7; }

.case-study-highlight figure { height: 100%; }
.case-study-highlight img { width: 100%; height: 100%; object-fit: cover; }


.case-study-highlight .wp-block-columns { margin-bottom: 60px; }
.case-study-highlight .wp-block-columns .wp-block-column:first-child { flex: 2; }
.case-study-highlight .wp-block-columns .wp-block-column:last-child { flex: 1; }

.case-study-highlight li[class*="?page_id"] { border-color: #E36F51; }
.case-study-highlight li[class*="?page_id"] a { pointer-events: none; }


@media only screen and (max-width: 880px) {
    .case-study-highlight { padding: 30px 0; }
    .case-study-highlight .wp-block-columns { margin-bottom: 30px; }
    .services-provided { border-radius: 10px; }
    .glance { margin-bottom: 30px; flex-flow: column; gap: 15px; align-items: flex-start; }
    .glance-items { text-align: center; }
    .glance, .services-provided { padding: 20px 25px;  }
    .glance p,
    .services-provided p,
    .service-links li,
    .glance-items li,
    .single-case-study .wp-block-list li {  }    
    .glance-items li { display: block; text-align: left; }
    .glance-items li::after { display: none; }
    .services-provided { flex-flow: column; align-items: flex-start; }
    .service-links { flex-flow: row wrap; }
}