.comp-page{background-image:url(/assets/layout/page-bg.png);background-position:center left;background-repeat:no-repeat;background-size:cover;background-color:#000;color:#fff;padding:150px 0 70px 0}.comp-page h1{color:#fff;margin-bottom:15px;font-size:40px;display:block;text-align:center}.comp-page>div>div>div{color:var(--color-primary)}.comp-page>div>div>a{color:#fff;transition:ease-in-out .4s}.comp-page>div>div>a:focus,.comp-page>div>div>a:hover{color:var(--color-primary)}.comp-page>div>div>a::after{content:"\f105";padding:15px;font-family:'Font Awesome 6 Pro';color:#fff!important}body{min-height:100vh;padding-bottom:50px}footer{position:fixed;width:100%;left:0;bottom:0}.comp-project{border:1px solid var(--color-border);border-radius:10px;width:calc(100% / 3 - 35px);overflow:hidden;position:relative}.comp-project strong{text-align:center;color:var(--color-primary);padding:20px;display:block}.comp-project>div:first-child>img{display:block;width:100%;height:248px;object-fit:cover;object-position:top center;background-color:#555;margin-bottom:20px;z-index:0;position:absolute;top:0;left:0}.comp-project>div:first-child>div{font-size:12px;color:var(--color-gray);position:relative;padding:20px;padding-top:250px}@media (max-width:1399px){.comp-project{width:calc(100% / 2 - 35px)}}@media (max-width:767px){.comp-project{width:100%}}