/* .case-studies__header */
.case-studies__header { position: relative; margin-top: 0;}
.case-studies__header h1 { position: absolute; top: calc(600px / 2); left: 0; z-index: 10; width: 100%; text-align: center; text-shadow: 0 0 15px #fff;}
.case-studies__header .image { width: 100%; height: 600px}
.case-studies__header .image img { width: 100%; height: 100%; object-fit: cover; opacity: .2;}
.case-studies__header .container-slider { margin: -10rem auto 0; padding: 0;}
.case-studies__header .container-slider .slick-list { max-width: 700px; margin: auto;}
.case-studies__header .container-slider .slick-dots { bottom: -1rem;}
.case-studies__header .container-slider .slick-arrows { left: 10%; width: 80%;}
.case-studies__header ul.flex { align-items: center; margin: 2rem 0 0;}
.case-studies__header .container-slider .slider .slide .btn-azul { display: inline-block; width: auto; max-width: inherit; margin: 0 auto; padding: .8rem 2rem;}

.case-studies__header .container-slider .slider .slide { text-align: left;}
.case-studies__header h2 { position: relative; text-align: left; margin-bottom: .5rem;}
.case-studies__header h2 span { display: block; font-size: 1.25rem; letter-spacing: 1px; margin-top: .5rem;}
.case-studies__header ul { margin-left: -.5rem;}
.case-studies__header li { display: inline-block; margin: .25rem .5rem;}
.case-studies__header li.tag { position: relative; top: 0;}
.case-studies__header li.location { font-family: 'aperculight_italic', sans-serif;}
.case-studies__header .separator { display: block; width: 60px; height: 2px; background-color: #efcd34; margin-bottom: 1.5rem;}
.case-studies__header .text-center { margin: 3rem 0 0;}

@media (max-width: 1023px){
    .case-studies__header .container-slider .slick-arrows { left: 0; width: 100%;}
}
@media (max-width: 767px){
    .case-studies__header h1 { top: calc(300px / 2);}
    .case-studies__header .image { height: 300px;}
    .case-studies__header .container-slider { margin: -6rem auto 0;}
    .case-studies__header .container-slider .slider { width: 100%; max-width: 100%;}
    .case-studies__header .container-slider .slider .slide { padding: 1rem;}
    .case-studies__header ul.flex { flex-wrap: wrap;}
    .case-studies__header ul.flex li { width: 100%; margin: .5rem 0;}
}






/* .case-studies__list */
.case-studies__list button.btn01{ margin: 0 auto;}
.case-studies__list .conent-list { flex-wrap: wrap; margin: 0 -2rem 6.5rem;}
.case-studies__list .conent-list .case-item { width: calc(50% - (2rem * 2)); margin: 0 2rem 1rem;}
.case-studies__list .conent-list .case-item:nth-child(even){ margin-top: 5rem;}
.case-studies__list .conent-list .case-item .image-content { width: 100%; height: 300px;}
.case-studies__list .conent-list .case-item .image-content img { width: 100%; height: 100%; object-fit: cover;}
.case-studies__list .conent-list .case-item .item-content { position: relative; padding: 2.5rem;}
.case-studies__list .conent-list .case-item .item-content p:last-child { margin-bottom: 0;}
.case-studies__list .conent-list .case-item .item-content h3 { font-family: 'apercuregular', sans-serif; font-size: 1.75rem; font-weight: normal; line-height: 1.85rem; text-transform: none;}
.case-studies__list .conent-list .case-item .item-content h3 span { display: block; font-size: 1.1rem; line-height: 1.25rem; margin-top: .5rem;}
.case-studies__list .conent-list .case-item .item-content .location { font-family: 'aperculight_italic', sans-serif; margin: .5rem 0 1.5rem;}

.case-studies__list .conent-list .case-item a { position: relative; display: block;}

@media (max-width: 1023px){
    .case-studies__list .conent-list { margin: 0 -1rem 6.5rem;}
    .case-studies__list .conent-list .case-item { width: calc(50% - (1rem * 2)); margin: 0 1rem 2rem;}
    .case-studies__list .conent-list .case-item:nth-child(even){ margin-top: 0;}
}
@media (max-width: 767px){
    .case-studies__list .conent-list { margin: 0 0 3rem;}
    .case-studies__list .conent-list .case-item .item-content { padding: 1.5rem;}
    .case-studies__list .conent-list .case-item { width: 100%; margin: 0 0 2rem;}
}