.dd-studio-portfolio-filters{align-items:center;background-color:#f5f7fa;border-radius:50px;display:flex;gap:15px;justify-content:space-between;margin-bottom:50px;overflow-x:scroll;padding:10px;-ms-overflow-style:none;scrollbar-width:none}.dd-studio-portfolio-filters::-webkit-scrollbar{display:none}.dd-studio-portfolio-filter{color:#03141d;cursor:pointer;font-size:18px;padding:16px 50px}.dd-studio-portfolio-filter--active{background-color:#587de9;border-radius:50px;color:#fff;font-weight:700}.dd-studio-portfolio-items{display:grid;grid-template-columns:1fr;grid-gap:35px}.dd-studio-portfolio-items--all{grid-template-columns:repeat(3,1fr)}.dd-studio-portfolio-item--accordion{position:relative}img.dd-studio-portfolio-item__play-button{cursor:pointer;position:absolute;right:20%;top:202px;z-index:3}.dd-studio-portfolio-item__content{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50px;cursor:pointer;padding:150px 60px;position:relative}.dd-studio-portfolio-item__content *{color:#fff}video.dd-studio-portfolio-item__video-preview{border-radius:50px;cursor:pointer;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.dd-studio-portfolio-item__popup-video{align-items:center;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:30px;pointer-events:none;position:fixed;top:0;transition:all .3s;width:100%;z-index:999}.dd-studio-portfolio-item__popup-video.active{opacity:1;pointer-events:all}.dd-studio-portfolio-item__popup-close-container{max-width:1200px;width:100%}svg.dd-studio-portfolio-item__popup-close-button{display:block;height:40px;position:relative;right:15px;top:60px;width:40px;fill:#fff;cursor:pointer;margin-left:auto;z-index:999999}video.dd-studio-portfolio-item__video{cursor:pointer;max-width:1200px;width:100%}.dd-studio-portfolio-item__content h3,.dd-studio-portfolio-item__content h4{max-width:50%}.dd-studio-portfolio-item__content a,.dd-studio-portfolio-item__content h3,.dd-studio-portfolio-item__content h4{position:relative;z-index:3}.dd-studio-portfolio-item__content:before{background:#03141e;background:linear-gradient(90deg,#03141e 11%,rgba(3,20,30,0));border-radius:50px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.dd-studio-portfolio-item__content h4{font-style:italic;font-weight:300;margin-bottom:0}.dd-studio-portfolio-item__accordion-content-wrapper{background-color:#03141e;border-bottom-left-radius:50px;border-bottom-right-radius:50px;margin-top:-50px;padding:90px 30px 30px}.dd-studio-portfolio-item__accordion-content-container{margin:0 auto;max-width:1000px}.dd-studio-portfolio-item__accordion-content-container *{color:#fff}.dd-studio-portfolio-item__accordion-statistics{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:30px}.dd-studio-portfolio-item__accordion-statistic span{color:#fff;display:block;text-align:center}span.dd-studio-portfolio-item__accordion-stat-title{font-size:60px;font-weight:700}span.dd-studio-portfolio-item__accordion-stat-subtitle{font-size:30px;font-weight:300}@media (max-width:1160px){.dd-studio-portfolio-filters{flex-wrap:wrap;justify-content:center;overflow-x:visible}}@media (max-width:900px){.dd-studio-portfolio-items--all{grid-template-columns:1fr 1fr}}@media (max-width:767px){.dd-studio-portfolio-item__content h3,.dd-studio-portfolio-item__content h4{max-width:100%}}@media (max-width:700px){img.dd-studio-portfolio-item__play-button{cursor:pointer;left:calc(50% - 53px);position:absolute;right:auto;top:120px;z-index:3}.dd-studio-portfolio-item__content{padding:290px 30px 30px}}@media (max-width:600px){.dd-studio-portfolio-items--all{grid-template-columns:1fr}}