.project-card{background-color:#fff;flex-direction:column;width:320px;display:flex;position:relative;box-shadow:0 4px 4px #00000040}.project-card .card-close-btn{z-index:99;position:absolute;top:8px;right:8px}.project-card .proj-img-container{background-color:#f5f5f5;justify-content:center;align-items:center;width:100%;height:228px;display:flex;position:relative}.project-card .proj-img-container .image-loader{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.project-card .proj-img-container .image-loader .spinner{border:3px solid #0000001a;border-top-color:#333;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.project-card .proj-img-container .proj-img{object-fit:cover;cursor:pointer;width:100%;height:228px;transition:all .3s}.project-card .proj-img-container .proj-img:hover{opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}.project-card .proj-info{flex-direction:column;gap:16px;padding:20px;display:flex}.project-card .proj-info .proj-title{color:#110f10;font-family:Josefin Sans;font-weight:400}.project-card .proj-info .proj-desc{color:#110f10;max-height:130px;font-family:Montserrat;font-size:13px;font-weight:400;overflow-y:auto}.project-card .proj-info .proj-desc::-webkit-scrollbar{background-color:#000;width:2px}.project-card .proj-info .proj-desc::-webkit-scrollbar-thumb{background-color:#777}.project-card .proj-info .card-btn-con{justify-content:center;align-self:center;gap:16px;width:100%;display:flex}.project-card .proj-info .card-btn-con .card-btn{color:#3e2b24;cursor:pointer;border:1px solid #3e2b24;border-radius:2px;width:100%;padding:10px 19px;font-family:Josefin Sans;transition:background-color .3s}.project-card .proj-info .card-btn-con .card-btn.discover{background-color:#a9b79f}.project-card .proj-info .card-btn-con .card-btn.discover:hover{background-color:#9cac90}.project-card .proj-info .card-btn-con .card-btn.gallery{background-color:#0000}.project-card .proj-info .card-btn-con .card-btn.gallery:hover:not(:disabled){background-color:#f5f5f5}.project-card .proj-info .card-btn-con .card-btn:disabled{opacity:.5;cursor:not-allowed}
@media screen and (max-width:600px) and (max-height:1000px) and (orientation:portrait),screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.project-card{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}@media screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.project-card{flex-direction:row;width:500px;height:250px;max-height:calc(100dvh - 50px);overflow:auto}.project-card .proj-img-container{min-width:250px;height:auto}.project-card .proj-img-container .proj-img{width:250px;height:100%}.project-card .proj-info{justify-content:space-between;padding:15px}.project-card .proj-info .card-btn-con .card-btn{font-size:12px!important}}