:root{--primary-color:#000;--secondary-color:#fff;--accent-color:#f0f0f0;--font-family:"Open Sans", Sans-serif;--font-size:16px;--line-height:1.5}body{margin:0;padding:0;font-family:var(--font-family);color:var(--primary-color);font-size:var(--font-size);line-height:var(--line-height)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:var(--font-family)}a{font-family:var(--font-family)!important}.project-banner-wrap{position:relative;font-family:var(--font-family);color:var(--secondary-color);height:400px;display:flex;align-items:center;justify-content:center;margin-top:-121px;.project-banner-content{.breadcrumb{width:100%;.breadcrumb{width:100%;display:block;ol{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding-left:0;li{font-size:14px;font-weight:600;color:var(--primary-color);margin:0 2px;color:var(--secondary-color);a{color:var(--secondary-color);text-decoration:none;transition:color 0.3s ease-in-out;&:hover{color:var(--secondary-color)}}}}}}}&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5)}}.project-details-section{padding:50px 0;.project-gallery{h4{font-family:var(--font-family);font-size:35px}}.project-sidebar{background-color:rgb(0 0 0 / .8);color:var(--secondary-color);padding:30px;h4{font-family:var(--font-family);font-size:25px;margin-bottom:20px}ul{li{margin-bottom:20px;b{font-size:18px}span{font-size:16px;color:var(--secondary-color)}}}}}.related-projects{margin:20px 0 50px 0;h4{font-family:var(--font-family);font-size:35px;margin-bottom:20px}.related-projects-grid{.related-project-card{position:relative;min-height:300px;overflow:hidden;a{display:block;position:relative;width:100%;height:100%;top:0;left:0;color:var(--secondary-color);text-align:center;place-content:center;max-height:200px;&:hover{.related-project-image{filter:grayscale(0%)}}.related-project-image{overflow:hidden;height:100%;text-align:center;place-content:center;position:relative;filter:grayscale(100%);.related-project-info{position:absolute;bottom:0;left:0;width:100%;height:0%;background-color:rgb(0 0 0 / .5);padding:10px;transform:translateY(100%);transition:all 0.3s cubic-bezier(.165,.84,.44,1);.h5{font-size:14px;transform:scale(.5);transition:transform 0.5s ease-in-out}.related-project-category{font-size:10px;transform:scale(.5);transition:transform 0.5s ease-in-out}}&:hover{.related-project-info{height:auto;transform:translateY(0%);transition:all 0.3s ease-in-out;.h5,.related-project-category{transform:scale(1);transition:transform 0.5s ease-in-out}}}}}}}}.page-content{.post-contetn{.read-more{font-size:18px;font-weight:500}}}.pagination{.nav-previous a,.nav-next a{color:var(--secondary-color);background-color:var(--primary-color);padding:8px 16px;font-family:var(--font-family);font-size:18px;font-weight:500}}.post-image{img{max-height:186px!important}}