@font-face{font-family:sofia-pro;src:url(../fonts/font.woff2)}html{margin-top:0!important;scroll-behavior:smooth;overflow-x:hidden}body{font-family:sofia-pro;font-weight:400;font-style:normal;font-size:16px;line-height:1.5;-webkit-text-size-adjust:none;background-color:#000;margin:0}.container{max-width:1250px;width:100%;margin:0 auto}.top-banner h1{font-size:55px;margin-bottom:30px;color:#fff;line-height:65px;max-width:55%}.main-filter h2,.tabs .filter-btn,.top-banner p{font-size:16px;color:#fff}.top-banner p{margin-bottom:30px;max-width:50%;line-height:25px}.category-top-banner-cont{background-image:url(../images/div.lp-hero-image.png);width:100%;background-size:cover;padding:100px 0}.main-filter{margin-bottom:20px}.main-filter h2{margin-bottom:10px}.tabs .filter-btn{background-color:transparent;padding:6px 20px;border:1px solid #fff;border-radius:30px;font-family:sofia-pro;white-space:nowrap}.tabs .filter-btn.active{background-color:#fff;color:#000}.client-cards{flex-wrap:wrap}.client-card{width:32%;margin-right:2%;margin-bottom:2%}.client-card:nth-child(3n){margin-right:0}.client-card figcaption{padding:10px 0}.client-card figcaption h3{font-size:24px}.client-card figcaption h4{font-size:20px}.filter-slider{display:flex;flex-wrap:wrap;width:100%}.filter-slider .slide{height:500px;min-width:200px;width:calc(33.3% - 20px);margin:10px;background:0 0;position:relative;overflow:hidden}.filter-slider .slide:first-child{margin-left:10px}.filter-slider .slide img{width:100%;transform:scale(1);transition:.6s;object-fit:cover}.filter-slider .slide img h3:after{content:"";height:3px;width:0;background:#fff;left:50%;transform:translateX(-50%);bottom:0;transition:.5s;position:relative}.filter-slider .slide img p{font-weight:300}.see-projects-slide{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.portfolio-more{display:flex;position:absolute;top:0;padding:24px;width:100%;align-items:center}.domian-tags ul{display:flex;max-width:100%;flex-wrap:wrap;gap:4px}.domian-tags ul li a,.justify-space-btw portfolio-more .domian-tags ul li a{display:block!important;padding:5px 12px!important;text-decoration:none!important;border:1px solid #fff!important;border-radius:100px!important}.domain-tags ul{display:flex;gap:10px;padding:0;margin:0;list-style:none;flex-wrap:wrap}.domain-tags ul li{display:inline-block}.domain-tags ul li a{border:1px solid #fff;border-radius:100px;padding:5px 12px;display:flex}.domian-arrow .action-button .arrow{border-color:#fff}.domian-tags ul li a:hover{background-color:rgba(255,255,255,.1)}.case-study-card-info{position:absolute;z-index:1;bottom:0;width:100%;padding:24px;transition:.6s;transform:translateY(calc(50% - 17px));background:rgba(15,16,20,.2);backdrop-filter:blur(32px);color:#fff}.filter-slider .slide .case-study-card-info img{width:25px;height:25px;margin-bottom:22px}.case-study-card-info h3{font-size:28px;line-height:34px;margin-bottom:8px}.case-study-card-info p{font-size:16px;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;height:44px}.case-study-numbers{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.4)}.filter-slider .slide:hover img{transform:scale(1.2);transition:.6s}.filter-slider .slide:hover .case-study-card-info{transform:translateY(0)}.case-study-numbers .mq20-heading-8{font-size:20px;line-height:28px;font-weight:600;letter-spacing:.5px;height:56px}.filter{padding:40px 0}.md-20 h2{font-size:60px;font-weight:600;line-height:66px;color:#fff;margin-bottom:40px}.main-filter .tabs{display:flex;flex-wrap:wrap;gap:15px}@media (max-width:768px){.category-top-banner-cont{padding:40px 0;background-position:center;background-repeat:no-repeat}.top-banner h1{font-size:45px;line-height:55px;max-width:100%}.md-20 h2{font-size:30px;line-height:36px}.filter-slider .slide{width:100%;margin:0}.filter-slider .slide:first-child{margin-left:0}}