.df-portfolio-col .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}@media only screen and (max-width:766px){.df-portfolio-col .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display:block}.df-portfolio-col .project{margin-bottom:30px}.df-portfolio-col .et_pb_portfolio_filters{margin-bottom:20px}}@media (min-width:767px) and (max-width:1024px){.df-portfolio-col .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{grid-template-columns:repeat(2,1fr)}}.df-portfolio-col .et_pb_portofolio_pagination{position:absolute;bottom:-80px;border:none;text-align:center}.df-portfolio-col .et_pb_portofolio_pagination ul{display:inline-flex;position:relative;z-index:1;border:none}.df-portfolio-col .et_pb_portofolio_pagination ul li{padding:0}.df-portfolio-col .et_pb_portofolio_pagination ul:before{content:"";width:100%;height:2px;background:#e8e8e8;position:absolute;z-index:-1;top:50%;left:0;transform:translateY(-50%)}.df-portfolio-col .et_pb_portofolio_pagination ul li a{padding:8px 15px;margin-right:25px;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:5px;box-shadow:0 8px 6px -9px #5b5f5f;font-size:17px;color:#686c6c}.df-portfolio-col .et_pb_portofolio_pagination ul li a.last-page.active,.df-portfolio-col .et_pb_portofolio_pagination ul li a.page-next{margin:0}.df-portfolio-col .et_pb_portofolio_pagination ul li a.active{background:#ffc107;color:#fff;border-color:#ffc107}.df-portfolio-col .et_pb_portfolio_filters ul{text-align:center}.df-portfolio-col .et_pb_portfolio_filters ul li{display:inline-block;float:none}.df-portfolio-col .et_pb_portfolio_filters li:last-child a,.df-portfolio-col .et_pb_portfolio_filters ul li a{color:#444;padding:15px 20px;overflow:hidden;z-index:1;position:relative;transition:.3s;margin:0 5px;border-radius:5px!important}.df-portfolio-col .et_pb_portfolio_filters ul li:last-child a{margin-right:0}.df-portfolio-col .et_pb_portfolio_filters ul li a.active,.df-portfolio-col .et_pb_portfolio_filters ul li a:hover{color:#fff;background:0 0;border-radius:5px;border-color:#ffc107}.df-portfolio-col .et_pb_portfolio_filters ul li a:before{content:"";background:#ffc107;width:105%;height:100%;border-radius:5px;transform:scaleX(0);transform-origin:0 50% 0;position:absolute;top:0;left:0;z-index:-1;transition:.5s ease-out}.df-portfolio-col .et_pb_portfolio_filters ul li a.active:before,.df-portfolio-col .et_pb_portfolio_filters ul li a:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)}@media only screen and (max-width:566px){.df-portfolio-col .et_pb_portfolio_filters ul li{text-align:center;width:100%!important;margin-bottom:15px}}.et_overlay{display:none}.df-portfolio-style-one .project{position:relative;overflow:hidden}.df-portfolio-style-one .project:before{content:'\5c';font-family:etmodules;position:absolute;right:20px;top:10px;height:45px;width:45px;border-radius:50%;color:#fff;font-size:30px;z-index:9;transition:.3s;opacity:0;background:#FFC107;text-align:center;line-height:45px;cursor:pointer}.df-portfolio-style-one .project:hover:before{right:20px;top:20px;opacity:1;transition-delay:0.3s}.df-portfolio-style-one .project span.et_portfolio_image{position:relative;padding-top:130%;display:block}.df-portfolio-style-one .project span.et_portfolio_image:before{position:absolute;left:0;bottom:0;height:100%;width:100%;content:"";background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#222429 100%);pointer-events:none;z-index:2;transition:.5s}.df-portfolio-style-one .project span.et_portfolio_image:after{position:absolute;left:0;top:0;width:100%;background-color:rgba(0,0,0,0.57);height:0;opacity:.8;z-index:2;content:"";transition:.3s}.df-portfolio-style-one .project:hover span.et_portfolio_image:after{height:100%}.df-portfolio-style-one .project span.et_portfolio_image img{transition:.3s;position:absolute;height:100%;width:100%;top:0;left:0;right:0;bottom:0;object-fit:cover}.df-portfolio-style-one .project:hover span.et_portfolio_image img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.df-portfolio-style-one .project .et_pb_module_header{position:absolute;left:0;color:#fff;padding-bottom:0;bottom:40px;z-index:9;transition:.3s}.df-portfolio-style-one .project .et_pb_module_header a{display:block;padding:40px 30px}.df-portfolio-style-one .project .post-meta{position:absolute;left:0;bottom:0;padding:40px 30px;z-index:2;color:#fff;transition:.3s}.df-portfolio-style-one .project .post-meta a{color:#fff;transition:.3s}