.latest-projects{padding:40px 0 60px}.latest-projects .top-project h2:not(.title){font-size:38px;line-height:1.3;margin-bottom:30px;text-align:center}.latest-projects .top-project{margin-bottom:50px}.latest-projects .top-project .top-project-col{display:flex}.latest-projects .top-project .top-project-col>div.image-col{padding-right:20px}.latest-projects .top-project .top-project-col>div{width:50%}.latest-projects .top-project .top-project-col>div.image-col .image-item.image1 img{display:block;width:100%}.latest-projects .top-project .top-project-col>div.image-col .image-item.image1{display:block;margin-bottom:10px;width:100%}.latest-projects .top-project .top-project-col>div.image-col .image-item:not(:first-child){float:left;width:50%}.latest-projects .top-project .top-project-col>div.image-col .image-item img{display:block;width:100%}.latest-projects .top-project .top-project-col>div.image-col .image-item.image2{padding-right:10px}.latest-projects .top-project .top-project-col .content-col{padding-left:20px;position:relative}.latest-projects .top-project .top-project-col .content-col h2.title a{color:#000;font-family:Roboto;font-size:32px;font-weight:700}.latest-projects .top-project .top-project-col .content-col p{font-family:Gilroy Regular;font-size:18px;line-height:1.4}.latest-projects .top-project .top-project-col .content-col h6{bottom:0;left:30px;margin:0;padding:0;position:absolute}.latest-projects .top-project .top-project-col .content-col h6 a:hover{background:#fff;color:#000}.latest-projects .top-project .top-project-col .content-col h6 a{background:#000;border-radius:35px;color:#fff;display:inline-block;font-family:Gilroy Regular;font-size:18px;line-height:normal;padding:10px 20px;text-decoration:none;transition:all .5s ease;vertical-align:middle}.latest-projects .top-project .btn-wrap{display:block;height:45px;margin:30px 0;position:relative;text-align:center;width:100%}.latest-projects .top-project .btn-wrap:before{left:0}.latest-projects .top-project .btn-wrap:after,.latest-projects .top-project .btn-wrap:before{background:rgba(0,0,0,.1);content:"";height:2px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:41%}.latest-projects .top-project .btn-wrap:after{left:auto}.latest-projects .top-project .btn-wrap a:hover{background:#000;border-color:#fff100;color:#fff100}.latest-projects .top-project .btn-wrap a{background:#fff100;border:1px solid #000;color:#000;display:inline-block;font-family:Gilroy Regular;font-size:18px;line-height:normal;padding:10px 20px;position:relative;text-decoration:none;transition:all .5s;vertical-align:middle;z-index:1}.latest-projects .top-project .top-project-col{padding-bottom:30px}.latest-projects .project-item-wrap.clearfix{display:flex;padding-top:40px}.latest-projects .project-item-wrap.clearfix>div:last-child{margin-right:0}.latest-projects .project-item-wrap.clearfix>div{background:#000;margin-right:12px;position:relative;width:33.33%}.latest-projects .project-item-wrap.clearfix>div .top-image{height:241px;position:relative;width:100%}.latest-projects .project-item-wrap.clearfix>div .top-image img{display:block;height:100%;object-fit:cover;width:100%}.latest-projects .project-item-wrap.clearfix>div .content{background:#000;color:#fff;padding:20px 30px 100px}.latest-projects .project-item-wrap.clearfix>div .content h2 a{color:#fff;font-size:30px}.latest-projects .project-item-wrap.clearfix>div .content h3{color:#fff;font-family:Gilroy Regular;font-size:25px}.latest-projects .project-item-wrap.clearfix>div .content .btn-col a:hover,.latest-projects .top-project .top-project-col .content-col a.more-link:hover{color:#ec008b}.latest-projects .project-item-wrap.clearfix>div .content .btn-col a,.latest-projects .top-project .top-project-col .content-col a.more-link{background:#fff;border-radius:35px;color:#000;display:inline-block;font-family:Gilroy Regular;font-size:18px;line-height:normal;margin-top:20px;padding:10px 20px;text-decoration:none;transition:all .5s ease;vertical-align:middle}.latest-projects .project-item-wrap.clearfix>div .content .btn-col a{bottom:20px;left:30px;position:absolute}.latest-projects .top-project .top-project-col .content-col h2{text-align:left}.latest-projects .project-item-wrap .project-item:hover .content{background:#ec008b}.latest-projects .top-project .top-project-col .content-col h2{font-size:22px}.latest-projects .top-project .top-project-col>div.image-col .img-col-items.clearfix>div:first-child{margin-right:1%}.latest-projects .top-project .top-project-col>div.image-col .img-col-items.clearfix>div img{display:block;width:100%}.latest-projects .top-project .top-project-col>div.image-col .img-col-items.clearfix>div{width:50%}.latest-projects .top-project .top-project-col>div.image-col .img-col-items.clearfix{display:flex}.latest-projects .top-project .top-project-col .content-col a.more-link:hover{background:#fff;color:#000}.latest-projects .top-project .top-project-col .content-col a.more-link{background:#000;color:#fff}.latest-projects .project-item-wrap .project-item:hover{background:#ec008b}@media (min-width:768px){.latest-projects .top-project .top-project-col>div.image-col .image-item.image1 img{height:100%;object-fit:cover;width:100%}.latest-projects .top-project .top-project-col>div.image-col .image-item.image1{height:230px;overflow:hidden}}@media (max-width:1024px){.latest-projects{padding:0}.latest-projects .top-project .top-project-col .content-col h2{font-size:28px}.latest-projects .top-project .top-project-col .content-col h6{position:static}}@media (max-width:767px){.latest-projects .top-project .top-project-col{display:block}.latest-projects .top-project .top-project-col>div{width:100%}.latest-projects .top-project .top-project-col>div.image-col{padding-right:0}.latest-projects .top-project .top-project-col .content-col{margin-top:30px;padding-left:0;position:relative}.latest-projects .project-item-wrap.clearfix{display:block;padding-top:30px}.latest-projects .project-item-wrap.clearfix>div{margin-bottom:30px}.latest-projects .project-item-wrap.clearfix>div .top-image{height:auto}.latest-projects .project-item-wrap.clearfix>div .content{padding:30px}.latest-projects .top-project h2{font-size:45px}.latest-projects .project-item-wrap.clearfix>div{margin-right:0;width:100%}.latest-projects .project-item-wrap.clearfix>div .content .btn-col a{position:static}}@media (max-width:479px){.latest-projects .top-project .top-project-col>div.image-col .image-item:not(:first-child){margin-bottom:10px;padding:0;width:100%}}