#cms-h1 {text-align: center;}
.breadcrumb-container {justify-content: center;align-items: center;}
.projects-list-wrapper{width: 100%;margin:auto;}
.projects{width: 100%;}
.projects > li{position: relative;overflow:hidden}
.projects > li picture {display:block;position:relative;width:100%;padding-bottom:75%;overflow:hidden;z-index:1}
.projects > li picture > img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;z-index:2}
.projects > li .front-overlay{opacity: 0;pointer-events: none;position: absolute;right: 0;top: 0;height: 100%;width:calc(48% + 2.604vw) ;background: rgba(46, 76, 112, 0.85);display: flex;align-items: flex-end;justify-content: center;transition: opacity .4s ease-in-out;z-index: 999;padding: 0 1.302vw 25px;}
.projects > li .front-overlay {padding: 6px 10px;color:var(--w)}
.projects > li .front-overlay figure{display: inline-flex;gap:8px;align-items: center;justify-content: center}
.projects > li .front-overlay figcaption{color:var(--w);font-weight: var(--reg);}
.projects > li{cursor:default;}
.projects > li .overlay-btn{pointer-events: auto;}
.projects-list-container{position: relative;}
.projects > li .project-title{text-align: center;font-weight: var(--reg);color: var(--bl);}
.pages {justify-content: center;align-items: center;}
.paging_pn{border-radius: 30px;border: 1px solid #D7D7D7;background: #FFF;}
.pages > a {color: var(--bl);font-weight: var(--reg);}
.pages > a:not(.paging_pn){padding: 3px 10px;}
.paging_pn{padding: 30px 15px;}
.pages > a.paging_sel,.pages > a:not(.paging_pn):hover{--w:2px;--arm:5px;--h:100%;position:relative;display:inline-block;}
.pages > a::before,.pages > a::after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:var(--h);width:var(--arm);pointer-events:none;}
.pages > a::before{left:0;border-left:var(--w) solid var(--bl);border-top:var(--w) solid var(--bl);border-bottom:var(--w) solid var(--bl)}
.pages > a::after{right:0;border-right:var(--w) solid var(--bl);border-top:var(--w) solid var(--bl);border-bottom:var(--w) solid var(--bl)}
@media (min-width: 1200px){
    #footer{margin-top:5.208vw}
    .breadcrumb-outer-container{padding: 0 20px;}
    .breadcrumb-wrapper{margin-top:2.083vw}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size: clamp(1.375rem, 1.1667rem + 0.2778vw, 1.5rem);}
    #cms-h1{margin-top:15px;font-size:clamp(3.125rem,2.0833rem + 1.3889vw,3.75rem)}
    .projects-list-wrapper{margin-top:2.604vw;padding: 0 30px;}
    .projects{column-gap:2%;row-gap:2.344vw;max-width: 1480px;margin: auto;}
    .projects > li{width: 32%;}
    .projects > li .front-overlay {font-size: clamp(1.75rem, 1.3333rem + 0.5556vw, 2rem);}
    .projects > li:hover .front-overlay {opacity: 1;pointer-events: auto;}
    .projects > li .project-title{margin-top:15px;font-size: clamp(1.5rem, 1.2857rem + 0.2857vw, 1.625rem);}
    .pages-container {margin-top: 5.208vw;}
    .pages{gap: 30px;}
    .pages > a {font-size: clamp(1.75rem, 1.5357rem + 0.2857vw, 1.875rem);}
}
@media (max-width: 1199px){
    .breadcrumb-outer-container{padding: 0 20px;}
    .breadcrumb-wrapper{margin-top:20px;}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size: clamp(1.25rem, 1.0297rem + 0.4608vw, 1.375rem);}
    #cms-h1{margin-top:15px;font-size: clamp(2.5rem, 1.3983rem + 2.3041vw, 3.125rem);}
    .project-title{margin-top: 15px;}
    .pages{gap: 20px;}
    .pages-container{margin-top: 50px;}
}
@media (max-width: 1199px) and (min-width: 765px){
    #footer{margin-top: 50px;}
    .pages > a {font-size: clamp(1.625rem, 1.4047rem + 0.4608vw, 1.75rem);}
    .projects-list-wrapper{max-width: calc(100% - 2.93vw);margin-top:2.93vw;padding: 0 1.465vw}
    .projects{column-gap:2%;row-gap:30px;}
    .projects > li{width: 49%;}
    .project-title{font-size: clamp(1.375rem, 1.1547rem + 0.4608vw, 1.5rem);}
}
@media (max-width: 764px){
    #footer{margin-top: 60px}
    #cms-h1{margin-top:15px;font-size: clamp(2.5rem, 1.3983rem + 2.3041vw, 3.125rem);}
    .pages > a{font-size: clamp(1.5rem, 1.3763rem + 0.5208vw, 1.625rem);}
    .projects-list-wrapper{max-width: calc(100% - 5vw);margin-top:35px;padding: 0 2.5vw;}
    .projects{column-gap:2%;row-gap:10px;}
    .projects > li{width: 49%;}
    .project-title{font-size: clamp(1.25rem, 1.0297rem + 0.4608vw, 1.375rem);}
}

@media (hover: hover) {
    .paging_pn:hover{background:#F2F2F2;}
}