.is-hero .inner-wrapper{background: linear-gradient(45deg, #091527 17.61%, #0f3460 82.39%); padding:45px 30px; color:var(--banner-text); position:relative; border-radius:10px;}
.is-hero .inner-wrapper * {position: relative;}
.is-hero .inner-wrapper:before {background: url('../images/hero-bg.png') no-repeat scroll center center; background-size: 70% auto; content: ""; position: absolute; inset: 0; opacity: .7;}
.is-hero .section-heading .section-title {color: var(--white);}
.button-group.center {justify-content: center;}
.scenarios-filters-wrap {gap: 20px;display:flex; align-items:center; justify-content:center;}
.scenarios-filters-wrap .is-filter-item:not(:last-child){width:100%; max-width:320px; flex:0 0 320px; padding-right: 20px; }
.scenarios-filters-wrap .is-filter-item label {font-weight: 600;font-size: 14px;text-transform: uppercase;color: var(--primary);}
.scenarios-filters-wrap .filter-dropdown-wrapper {border: 1px solid var(--border);border-radius: 4px;padding: 0 15px; position: relative; height: 48px; line-height: 48px; cursor: pointer; max-width: 400px;}
.scenarios-filters-wrap .filter-dropdown-wrapper ul {margin: 0; list-style: none; display: none; position: absolute; z-index: 1; background: #ffffff; width: 100%; left: 0; padding: 0 15px; box-shadow: 0 0px 10px 3px rgba(0, 0, 0, 0.05); border-radius: 10px;}
.scenarios-filters-wrap .filter-dropdown-wrapper ul li { line-height: 1.5; padding: 10px 0; border-bottom: 1px solid var(--border); cursor: pointer; transition: all 300ms;}
.scenarios-filters-wrap .filter-dropdown-wrapper ul li:hover {color: var(--primary);}
.scenarios-filters-wrap .filter-dropdown-wrapper ul li:last-child {border-bottom: 0;}
.scenarios-filters-wrap .filter-dropdown-wrapper .active-filter {color: var(--secondary);font-size: 16px;font-weight: 600;}
.scenarios-filters-wrap .filter-dropdown-wrapper{background: url('../images/chevron-down.svg') no-repeat scroll center right; background-size: 20px auto;
    background-position: center right 10px;}


.reset-filter{cursor: pointer;  color: var(--primary); font-weight: 600; display:flex; align-items:center; position:relative; gap:6px; margin-top:18px; }
.reset-filter:before{width:20px; height:20px; content:""; background:url('../images/reset-filter.svg') no-repeat scroll 0 0; background-size:20px auto;}

.scenario-grid {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 20px;}
.scenario-grid .case-card {background: #fff;border: 1px solid var(--border);border-radius: 10px;padding: 30px;display: flex;flex-direction: column;transition: transform .2s ease, box-shadow .2s ease; height: 100%;}
.card-topline {font-size: 13px;text-transform: uppercase;letter-spacing: .08em;color: var(--muted);font-weight: 600;display: flex;justify-content: space-between;align-items: center;}
.card-topline .card-cat-badge {background: var(--bg);border: 1px solid var(--border);color: var(--secondary);border-radius: 4px;padding: 5px 8px 0;font-size: 12px;font-weight: 600;text-transform: uppercase;}
.case-card h3 {font-size: 18px;line-height: 1.35;margin: 12px 0 12px;color: var(--secondary);font-weight: 600;}
.case-card h3 a {text-decoration: none;}
.case-card p {color: var(--muted);font-size: 14px;margin: 0 0 18px;flex: 1;line-height: 1.5;}
.case-card .card-meta {display: flex;gap: 6px;flex-wrap: wrap;margin-top: auto;}
.case-card .card-meta span {background: var(--light-blue);color: var(--secondary);font-size: 14px;line-height: 1.2;padding: 8px 10px 6px;border-radius: 3px;white-space: nowrap;font-weight: 600;}

.single.case-study-article .entry-title{font-size: 32px;}
.single.case-study-article .post .article-meta-bar {margin-top:0px; margin-bottom:15px;}
.single.case-study-article .article-meta-bar .meta-item span{display: inline; font-size: 13px;  margin-bottom: 0; font-weight: 500;}
.single.case-study-article .article-meta-bar .meta-item{font-size: 13px; padding-right: 0;}
.single.case-study-article .single-article-wrap h2{font-size:24px;}
.single.case-study-article .article-meta-bar .meta-item:after{display:none;}

.snapshot-table{margin-bottom:20px;}

.code-block {background: #1a2232; border-radius: 10px; padding: 15px 20px; margin: 0 0 20px; overflow-x: auto; font-size: 14px; line-height: 1.4;}
.code-block .dh {font-size: 12px;font-weight: 600;text-transform: uppercase; letter-spacing: .06em; color: var(--banner-text); margin-bottom: 10px;}
.code-block pre {font-family: 'Cascadia Code', 'Fira Code', 'Courier New', monospace; font-size: 13px; line-height: 1.7; color: #c9d7e8; white-space: pre; margin: 0;}
code.inline-c {background: #eef2f8; color: #c0392b; font-family: 'Cascadia Code', 'Fira Code', 'Courier New', monospace; font-size: 14px; padding: 1px 5px; border-radius: 3px; display: inline-block; margin: 0; font-weight: 500;}
.primary-box .lbl{text-transform: uppercase; font-size: 13px; margin-bottom: 5px; display: block; font-weight: 600; letter-spacing: .5px; color: var(--primary);}
.internal-links {border: 1px solid var(--border); background:var(--bg); padding: 20px; margin-bottom: 30px; border-radius: 10px;}
.internal-links h3{font-size:20px;}
.internal-links ul li a{text-decoration:none;}
.single.case-study-article .post .entry-content .internal-links ul{margin-bottom:0;}
.single.case-study-article .post .entry-content .internal-links ul li + li{margin-top: 5px;}
.promotion-banner{margin-bottom:30px;}

table.snapshot-table > tbody > tr:hover > td {background: transparent;}
table.snapshot-table th {text-transform: none;letter-spacing: 0; color: var(--secondary); font-weight: 600; width: 200px; border-bottom: 1px solid var(--border);}
table.snapshot-table {border: 1px solid var(--border);}
.breadcrumbs-section{border-top:1px solid var(--border); border-bottom:1px solid var(--border); margin-bottom:30px;}
.single.case-study-article #breadcrumbs{margin-bottom:0px; margin-top:0px; padding-top:15px; padding-bottom:10px;}
.code-block pre{white-space: break-spaces;}
.code-block pre .comment, .code-block pre .tc {color: var(--banner-text); font-style: italic;}
.code-block pre .error, .code-block pre .te {color: #f0a070; }
.code-block pre .success, .code-block pre .ts {color: #85e89d; }
.casestudy-no{font-size: 13px; background:var(--secondary); text-transform: uppercase; letter-spacing: .08em; color: var(--banner-text); font-weight: 600; display:inline-flex; justify-content: space-between; align-items: center; padding:6px 10px 3px; border-radius: 4px;
    margin-bottom: 10px;}
.all-scenarios-list.is-loading .navigation.pagination{filter: blur(3px); opacity: 0.5; pointer-events: none;
  transition: filter 180ms ease, opacity 180ms ease;}
.all-scenarios-list.is-loading .scenario-grid .scenario-item{filter: blur(3px); opacity: 0.5; pointer-events: none;
  transition: filter 180ms ease, opacity 180ms ease;}

.no-result-found{font-family:'Sora'; font-size:18px; font-weight:600; text-align:center; color:var(--orange);}
.button-group{flex-wrap:wrap;}

@media only screen and (max-width: 1499px) {
  .single.case-study-article .entry-title{font-size:30px;}
} 
@media only screen and (max-width: 1365px) {

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

}
@media only screen and (max-width: 1023px) {
    .scenario-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media only screen and (max-width: 990px) {
    .scenarios-filters-wrap .is-filter-item:not(:last-child){max-width: 260px; flex: 0 0 260px; padding-right: 0;}
    .single.case-study-article .entry-title{font-size:28px;}
    #breadcrumbs>span{flex-wrap:wrap;}
}
@media only screen and (max-width: 767px) {
    .scenarios-filters-wrap{ flex-wrap: wrap;}
    .reset-filter{margin-top:0;}
    .scenario-grid{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .single.case-study-article .single-article-wrap h2{font-size: 22px;}
    .site-main{padding-top: 64px;}
}
@media only screen and (max-width: 639px) {
    .case-card .card-meta span {font-size:12px;}
    .snapshot-table tr{display: flex; flex-direction: column; margin-bottom:10px; border:1px solid var(--border);}
    table.snapshot-table{border:0;}
    table.snapshot-table th{width:100%; }
    table.snapshot-table td{border-bottom:0;}
    .scenarios-filters-wrap .is-filter-item:not(:last-child){max-width:240px; flex: 0 0 240px; padding-right: 0;}
}
@media only screen and (max-width: 575px) {
    .scenarios-filters-wrap{ flex-wrap: wrap;}
    .scenarios-filters-wrap .is-filter-item:not(:last-child){max-width:200px; flex: 0 0 200px; padding-right: 0;}
}
@media only screen and (max-width: 479px) {
    .case-card h3{font-size:16px;}
    .single.case-study-article .entry-title{font-size:24px;}
    .scenarios-filters-wrap .is-filter-item:not(:last-child){max-width: 100%; flex: 0 0 100%; padding-right: 0;}
    .site-main{padding-top: 58px;}
    .scenario-grid .case-card{padding:20px;}
}