.project-items {display: block;margin: -15px;}.project-items .dl-project-item {float: left;width: calc(100% / 3);padding: 15px;}.dl-project-card-2 .dl-project-thumb, .dl-project-card-1 {min-height: 300px;}@media (max-width: 992px) {.project-items .dl-project-item {width: calc(100% / 2);}}@media (max-width: 767px) {.project-items .dl-project-item {width: 100%;}}.dl-project-item>div {overflow: hidden;}.dl-project-item img {width: 100%;}.dl-project-thumb {display: block;min-height: 300px;position: relative;}.dl-project-thumb img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;object-position: center;}.dl-project-item .project-content .dl-cat-items {justify-content: inherit;}.dl-project-item .full-link {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}.dl-project-item .project-title {font-family: "Jost", sans-serif;font-size: 20px;line-height: 1.3;font-weight: 600;color: #fff;letter-spacing: 0;margin: 0;}.dl-project-item .dl-cat-items {column-gap: inherit;margin-bottom: 10px;}.dl-project-item .dl-cat-items a {font-family: "Work Sans", sans-serif;font-size: 12px;font-weight: 600;text-transform: uppercase;text-align: center;}.dl-project-item .dl-cat-items a:not(:last-of-type) {margin-right: 10px;}.dl-project-item .project-title a.line-effect {background-image: linear-gradient(to bottom, #fff 0%, #fff 98%);background-size: 0 2px;background-repeat: no-repeat;background-position: left 100%;}.dl-project-item .project-title a.line-effect:hover {background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 98%);background-size: 100% 2px;}.dl-project-item .dl-project-card-2 .project-title a.line-effect {background-image: linear-gradient(to bottom, #0b2238 0%, #0b2238 98%);}.dl-project-item .dl-project-card-2 .project-title a.line-effect:hover {background-image: linear-gradient(to bottom, #0b2238 0%, #0b2238 98%);}.dl-project-card-1 .project-inner {overflow: hidden;position: relative;}.dl-project-card-1 .project-inner:before {background: rgba(35, 36, 39, 0.8);background: linear-gradient(0deg, rgba(35, 36, 39, 1) 0%, rgba(255, 255, 255, 0) 60%);width: 100%;height: 100%;content: "";position: absolute;left: 0;bottom: 0;transition: height 0.2s linear;z-index: 1;}.dl-project-card-1 .project-content {width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;padding: 20px;z-index: 2;}.dl-project-card-1 .project-content .dl-cat-items a {background-color: #4154f1;color: #fff;padding: 0 10px;display: inline-block;}.dl-project-card-1 .project-content .project-title {color: #fff;}.dl-project-card-1 .project-content .project-title a {color: #fff;}.dl-project-card-1 .project-content p {font-family: "Jost", sans-serif;font-size: 16px;color: #ddd;margin: 0;visibility: hidden;opacity: 0;transform: translateY(50px);transition: .5s cubic-bezier(.30, .30, .05, .95);transition-delay: .2s;}.dl-project-card-1 .project-content .cat-title-wrap, .dl-project-card-1 .project-content p {-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);transition: .5s cubic-bezier(.30, .30, .05, .95);}.dl-project-card-1:not(.no-excerpt):hover .project-content {height: auto;}.dl-project-card-1:not(.no-excerpt):hover .project-content .cat-title-wrap, .dl-project-card-1:not(.no-excerpt):hover .project-content p {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);visibility: visible;opacity: 1;}.dl-project-card-1:not(.no-excerpt):hover .project-content p {transition-delay: 100ms;}.dl-project-card-1 .project-inner .read-more {background-color: #4154f1;width: 40px;height: 40px;color: #fff;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;bottom: 0;z-index: 2;}.dl-project-card-1 .project-inner .read-more svg {width: 15px;}.dl-project-card-1 .dl-project-thumb img {width: 100%;transition: .5s cubic-bezier(.30, .30, .05, .95);}.dl-project-card-1:hover .dl-project-thumb img {transform: scale(1.05);}.dl-project-card-1:hover .project-inner:before {height: 180%;}.dl-project-card-2 {position: relative;}.dl-project-card-2 .dl-project-overlay {position: absolute;display: block;width: calc(100% - 40px);height: calc(100% - 40px);top: 50%;left: 50%;background-color: #fff;transform: translate(-50%, -50%);opacity: 0;box-sizing: border-box;-webkit-transition: opacity .2s;-moz-transition: opacity .2s;transition: opacity .2s;}.dl-project-card-2:hover .dl-project-overlay {opacity: 1;}.dl-project-card-2 .dl-project-overlay .dl-overlay-text {width: 100%;height: 100%;display: inline-flex;align-items: flex-end;text-align: left;padding: 20px;}.dl-project-card-2 .dl-project-overlay .dl-overlay-text>div {z-index: 3;}.dl-project-card-2 .project-title a {color: #0b2238;}.dl-project-card-2 .dl-project-overlay .dl-overlay-text .dl-cat-items {display: block;}.dl-project-card-2 .dl-project-overlay .dl-overlay-text .dl-cat-items a {color: #6c7a87;margin-top: 10px;}.dl-project-card-2 .dl-project-overlay .dl-overlay-text .project-title, .dl-project-card-2 .dl-project-overlay .dl-overlay-text .dl-cat-items {-webkit-transform: translateY(5px);-moz-transform: translateY(5px);transform: translateY(5px);transition: 0.2s linear;backface-visibility: hidden;opacity: 0;}.dl-project-card-2:hover .dl-project-overlay .dl-overlay-text .project-title, .dl-project-card-2:hover .dl-project-overlay .dl-overlay-text .dl-cat-items {-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);opacity: 1;}.dl-project-card-2:hover .dl-project-overlay .dl-overlay-text .dl-cat-items {transition-delay: 0.1s;}.dl-project-card-2 .project-lightbox {color: #0b2238;position: absolute;right: 15px;top: 15px;font-size: 20px;z-index: 5;}.dl-project-card-2 .project-lightbox:hover {color: #6c7a87;}.dl-project-filter {width: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;column-gap: 20px;list-style: none;margin: 0 0 40px;padding: 0;}.dl-project-filter li {cursor: pointer;font-family: "Work Sans", sans-serif;font-size: 12px;font-weight: 600;text-transform: uppercase;color: #6c7a87;transition: all 0.2s cubic-bezier(.4, 0, .2, 1);}.dl-project-filter li:hover, .dl-project-filter li.active {color: #4154f1;transition: all 0.2s cubic-bezier(.4, 0, .2, 1);}.project-wrapper .slick-list{margin: 0 -10px;}.project-wrapper .slick-slide{margin: 0 10px;}@media (max-width: 767px) {.project-wrapper .slick-list, .project-wrapper .slick-slide{margin: 0;}}