/* ===============================================================
    * facilities
=============================================================== */
.facilities {position: relative;}
.wrap {padding: 150px 0 110px;}
.facs-list {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.facs-list li {width: calc(50% - 10px); margin-right: 20px; margin-bottom: 40px; transition: .3s; overflow: hidden;}
.facs-list li:nth-of-type(2n) {margin-right: 0;}
.facs-thumb {position: relative; width: 100%; height: 320px; transition: .3s; background-size: 100% 100%;}
.facs-thumb span {position: absolute; right: 40px; bottom: 30px; font-size: 14px;}
.facs-info {border-top: 5px solid #a3cc01; padding: 0 40px; height: 135px; display: flex; justify-content: space-between; align-items: center; background: #fff;}
.facs-tit h2 {font-size: 24px; margin-bottom: 20px; text-transform: capitalize;}
.facs-tit h3 {font-size: 16px;}
.facs-info img {width: 32px; height: auto; object-fit: cover; margin-bottom: auto; margin-top: 40px;}
.facs-list li:hover .facs-thumb {background-size: 110% 110%;}
.facs-list li:hover {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
@media (max-width: 850px){
    .wrap {padding: 60px 15px 45px;}
    .facs-list {display: block;}
    .facs-list li {width: 100%; margin-right: 0; margin-bottom: 15px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
    .facs-thumb {height: 192px;}
    .facs-thumb span {right: 15px; bottom: 15px; font-size: 12px;}
    .facs-info {border-width: 3px; padding: 0 15px; height: 98px;}
    .facs-tit h2 {font-size: 20px; margin-bottom: 15px;}
    .facs-tit h3 {font-size: 14px;}
    .facs-info img {width: 19px; margin-top: 20px;}
}