.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!important}.project-tab-list li{border-bottom:1px solid transparent;color:#2e2e2e;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:#be1e2d}.project-wrap{overflow:hidden;position:relative}.project-wrap a{display:block;padding:10px}.project-wrap a img{border-radius:50%;filter:gray;-webkit-filter:grayscale(1);filter:grayscale(1);width:100%}.project-wrap a img:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,.07);box-shadow:0 0 20px rgba(0,0,0,.07);-webkit-filter:grayscale(0);visibility:visible}.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{filter:none;opacity:1}.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}}