.projects-page{overflow:hidden;.projects-card-cover{margin-top:40px;--bs-gutter-x:24px;--bs-gutter-y:24px}.content-cover{margin-top:60px;--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem;.nav-tabs{border:none;align-items:center;justify-content:start;gap:24px;flex-wrap:wrap;overflow-y:hidden;overflow-x:auto;padding-bottom:12px;.nav-item{margin:0!important;.nav-link{border-radius:50px;margin:0!important;border:1px solid var(--primary);color:var(--text-primary);font-size:var(--fs-14);line-height:var(--lh-28);padding:8px 24px;text-transform:capitalize;white-space:nowrap}.active{background-color:var(--primary);color:var(--white)}}}.tab-content{.tab-pane{margin-top:28px;.cards-cover{--bs-gutter-x:56px;--bs-gutter-y:56px;.project-card{overflow:hidden;position:relative;transition:.2s;gap:12px;display:flex;flex-direction:column;*{transition:all .5s ease-in-out}.image{width:100%;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;aspect-ratio:79/55;position:relative;img{display:block;width:100%}.company-badge{position:absolute;bottom:0;right:0;background-color:var(--white);width:180px;max-height:76px;border-top-left-radius:16px;.company-cover{position:relative;padding:24px 16px;&:after,&:before{content:"";position:absolute;height:40px;width:40px;border-bottom-right-radius:16px;background-color:transparent}&:before{bottom:100%;right:0;box-shadow:0 16px 0 0 var(--white)}&:after{bottom:0;right:100%;box-shadow:16px 0 0 0 var(--white)}.company-name{display:block;text-align:center;font-weight:var(--fw-semibold);font-size:var(--fs-16);line-height:var(--lh-28);color:var(--text-primary)}}}.mask{position:absolute;top:100%;left:0;width:100%;height:0;background-color:var(--primary-100);display:flex;align-items:center;justify-content:center;.icon{opacity:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--primary);border-radius:50%;svg{path{fill:var(--white)}}}}}.card-body{padding:0 16px;.project-title{font-weight:var(--fw-semibold);font-size:var(--fs-20);line-height:var(--lh-32);vertical-align:middle;color:var(--text-primary)}.industry-name{font-size:var(--fs-16);line-height:var(--lh-28);vertical-align:middle}}&:hover{.image{img{transform:scale(1.1)}.mask{height:100%;top:0;.icon{opacity:1}}}.card-body{padding:0 16px;.project-title{color:var(--primary)}}}}}.button{margin-top:20px;.comman-button{margin:0 auto}}}}}@media (max-width:1199px){.projects-page{.content-cover{.tab-content{.tab-pane{.cards-cover{--bs-gutter-x:44px;--bs-gutter-y:44px}}}}}}@media (max-width:991px){.projects-page{.content-cover{.tab-content{.tab-pane{margin-top:26px;.cards-cover{--bs-gutter-x:28px;--bs-gutter-y:28px}}}}}}}@media (max-width:767px){.projects-page{.content-cover,.projects-card-cover{margin-top:24px;--bs-gutter-x:18px;--bs-gutter-y:18px}}}@media (max-width:575px){.projects-card-cover{.projects-page{margin-top:20px;--bs-gutter-x:16px;--bs-gutter-y:16px}.content-cover{margin-top:20px;--bs-gutter-x:1rem;--bs-gutter-y:1rem;.nav-tabs{justify-content:flex-start;gap:12px;.nav-item{margin:0!important;.nav-link{line-height:var(--lh-24);padding:6px 18px}}}.tab-content{.tab-pane{margin-top:28px;.cards-cover{--bs-gutter-x:56px;--bs-gutter-y:28px}.button{margin-top:20px;.comman-button{margin:0 auto}}}}}}}