.project-tab-list{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 40px;justify-content:center;margin:23px 0 65px!important}.project-tab-list li{border-bottom:1px solid transparent;color:var(--headings-color);cursor:pointer;display:inline-block;font-weight:500;padding:0 0 2px}.project-tab-list li.active{border-bottom:1px solid var(--primary-color);color:var(--primary-color)}.project-wrap{overflow:hidden;position:relative}.project-wrap:before{background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#000));background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,0),#000);background-image:-o-linear-gradient(top,hsla(0,0%,100%,0),#000);background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);visibility:hidden}.project-wrap a{display:block}.project-wrap a img{width:100%}.project-wrap .project-icon{left:50%;opacity:0;position:absolute;top:40%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);visibility:hidden}.project-wrap .project-icon,.project-wrap .project-icon svg{-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.project-wrap .project-icon svg{color:var(--light-color);width:80px}.project-wrap .project-icon svg:hover{color:var(--primary-color)}.project-wrap .project-icon svg path{fill:currentColor}.project-wrap .project-content{bottom:37px;left:45px;opacity:0;position:absolute;visibility:hidden}.project-wrap .project-content,.project-wrap .project-content span{-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.project-wrap .project-content span{display:block;line-height:1;margin:0 0 5px;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.project-wrap .project-content p{margin:0 0 12px;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.project-wrap .project-content h3,.project-wrap .project-content p{-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.project-wrap .project-content h3{margin:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}.project-wrap .project-content h3:hover{color:var(--primary-color)!important}.project-wrap:hover:before{opacity:1;visibility:visible}.project-wrap:hover .project-icon{opacity:1;top:34%;visibility:visible}.project-wrap:hover .project-content{opacity:1;visibility:visible}.project-wrap:hover .project-content h3,.project-wrap:hover .project-content p,.project-wrap:hover .project-content span{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media only screen and (min-width:1366px) and (max-width:1499px){.hero-nav-wrap{right:95px}.project-wrap:hover .project-icon{top:30%}.project-wrap .project-content{bottom:20px;left:20px}}@media only screen and (min-width:1200px) and (max-width:1365px){.hero-nav-wrap{right:16px}.project-wrap:hover .project-icon{top:20%}.project-wrap .project-content{bottom:20px;left:20px}}@media only screen and (min-width:992px) and (max-width:1199px){.hero-nav-wrap{right:16px}.project-wrap:hover .project-icon{top:12%}.project-wrap .project-content{bottom:20px;left:20px}.project-wrap .project-content span{font-size:50px!important}}@media only screen and (min-width:768px) and (max-width:991px){.project-area .row-fluid .span4{width:50%}}@media only screen and (max-width:767px){.project-tab-list{gap:0 14px;margin:23px 0 40px!important}.project-wrap .project-content{left:37px}.project-wrap .project-content span{font-size:60px!important}}