.project-listing{display:inline-block;width:100%;scroll-behavior: smooth;}
.project-listing .project-tab-inner{display:inline-block;width: 100%;}
.project-listing .project-tab{display: inline-block;width: 100%;padding-bottom: 2%;background:#242424;}
.project-listing .project-tab .clients-tab-inner{display: inline-block;width: 100%;color: #fff; padding-top: 1%;}
.project-listing .project-tab .clients-tab-inner .client-menutag{    display: inline-block; width: 100%; float: left; list-style:none;text-align:center} 
.project-listing .project-tab .clients-tab-inner .client-menutag .lists .pro-tag{display: inline-block;float: left;padding: 10px 20px;border-bottom: 1px solid #fff;}
.project-listing .project-tab .clients-tab-inner .client-menutag .lists .pro-tag.active{border-bottom:1px solid #FAC30F;}
.project-listing .project-tab .clients-tab-inner .client-menutag .lists .pro-tag .client-name{    text-decoration: none; color: #fff; font-weight: 400;}
.project-listing .project-tab .clients-tab-inner .client-menutag .lists .active .client-name{color:#FAC30F;}
.project-listing .project-tab .clients-tab-inner .client-menutag .lists{display: inline-block;padding:0;}
.project-listing .project-tab .clients-tab-inner .client-menutag .lists .pro-tag:nth-child(1){padding-left:0;}
.project-listing .project-tab .clients-tab-inner .client-menutag .lists .pro-tag:nth-child(9){padding-right:0;}
.project-listing .project-tab .clients-tab-inner .client-menutag .lists .pro-tag:hover .client-name{color:#FAC30F;}
.project-listing .project-tab .clients-tab-inner .client-menutag .lists .pro-tag:hover{border-bottom: 1px solid #FAC30F;}
.project-listing .category-listing{display:inline-block;width:90%;float:left;background:#242424;padding:2% 5% 3% 5%;}
.project-listing .category-listing:nth-child(2){padding:0% 5% 3% 5%;}
.project-listing .category-listing:nth-child(odd){background:#fff;}
.project-listing .category-listing .heading-part{display: inline-block; width: 100%;}
.project-listing .category-listing .heading-part .left-sec {display: inline-block; width: 88%; }
.project-listing .category-listing .heading-part .left-sec h2 {margin: 0; padding: 0; font-size: 5rem; font-weight: 100;color:#fff; }
.project-listing .category-listing:nth-child(odd) .heading-part .left-sec h2 {color:#242424; }
.project-listing .category-listing .heading-part .right-sec {display: inline-block; width: 9%; }
.project-listing .category-listing .heading-part .right-sec .know-more-btn {font-size: 1rem; width: 150px;color:#fff; }
.project-listing .category-listing:nth-child(odd) .heading-part .right-sec .know-more-btn {color:#242424; }
.project-listing .category-listing .heading-part .right-sec .know-more-btn .right {top: 52px;}
.project-listing .category-listing .heading-part .right-sec .know-more-btn:hover .left {opacity: 1; left: 56%; top: 52px; }
.project-listing .category-listing .heading-part .right-sec .know-more-btn .right {top: 52px; }
.project-listing .category-listing .project-body-part{    display: inline-block; width: 100%; float: left;}
.project-listing .category-listing .project-body-part .project-box {display: inline-block; width: 31.5%; position: relative;padding:0% 1%;}
.project-listing .category-listing .project-body-part .project-box:nth-child(1) {padding-left: 0%; }
.project-listing .category-listing .project-body-part .project-box:nth-child(3) {padding-right: 0%; }
.project-listing .category-listing .project-body-part .project-box img {display: inline-block; width: 100%; border-radius: 20px; transition: all 0.5s;transform: scale(1);}
/*.project-listing .category-listing .project-body-part .project-box img:hover {*/
/*    transform: scale(1.1);*/
/*}*/
/*.project-listing .category-listing .project-body-part .project-box:hover .content {*/
/*    transform: scale(1.1);bottom: -0.8vw;*/
/*}*/
.project-listing .category-listing .project-body-part .project-box .content {opacity: 0.9;transition: all 0.5s;transform: scale(1); position: absolute; bottom: 0.35vw; color: #fff; width: 90%; display: inline-block; padding: 1% 2% 2% 2%; left: 0; background: #242424;margin:0% 3%;     border-radius: 0px 0px 20px 20px;}
.project-listing .category-listing .project-body-part .project-box h2 {display: inline-block; width: 90%; font-size: 1rem; line-height: 1rem;margin: 15px; font-weight: 600; text-align: left; }
.project-listing .category-listing .project-body-part .project-box:nth-child(1) .content{width: 93%;margin: 0% 3% 0% 0%;}
.project-listing .category-listing .project-body-part .project-box:nth-child(3) .content{width: 93%;margin: 0% 0% 0% 3%;}
.scrolltop {position: fixed; bottom: 20px; right: 10px; background: #FAC30F; background: #FAC30F; width: 45px; height: 45px;z-index: 1;;display: block; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity:1;}
.scrolltop i {color: #fff; margin: 0; position: relative; left: 14px; top: 9px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.scrolltop:hover {background: rgba(0, 0, 0, 0.9); }
.scrolltop:hover i {color: #fff; top: 5px; }

@media only screen and (max-width: 1080px) and (min-width: 641px){
.project-listing .category-listing .heading-part .right-sec .know-more-btn{background-image: url(https://www.blkashyap.com/wp-content/uploads/2023/05/yellow-button.png); font-size: 0.9rem; width: 100px; color: #fff; background-position: 100% 100%; padding: 0; padding-right: 10px; font-weight: 300;}
.project-listing .category-listing .heading-part .right-sec {display: inline-block; width: 14%; }
.project-listing .category-listing .heading-part .left-sec {display: inline-block; width: 85%; }
.project-listing .category-listing .heading-part .left-sec h2 {font-size: 3rem;}
}

@media only screen and (max-width: 769px)
{
     .scrolltop{display:none !important;}
}
@media only screen and (max-width: 640px){
    
    .project-listing .project-tab .clients-tab-inner .client-menutag .lists {text-align: left;margin: 0;padding: 0;}
    .project-listing .project-tab .clients-tab-inner .pro-tag{border-bottom: none !important;}
    .project-listing .project-tab .clients-tab-inner .client-menutag .lists .pro-tag .client-name{font-size:1rem;font-weight: 700;}
    .project-listing .project-tab .clients-tab-inner .client-menutag .lists .pro-tag:nth-child(1) {padding-left: 20px;}
    .project-listing .category-listing .heading-part .left-sec h2 {font-size: 2rem;}
    .project-listing .category-listing .project-body-part .project-box {width: 100%; padding: 0%;}
    .project-listing .category-listing .project-body-part .project-box:nth-child(1) .content {width: 96%; margin: 0% 3% 0% 0%; }
    .project-listing .category-listing .project-body-part .project-box .content {width: 96%; margin: 0% 0%; }
    .project-listing .category-listing .project-body-part .project-box:nth-child(3) .content {width: 96%; margin: 0% 0% 0% 0%; }
    .project-listing .category-listing .project-body-part .project-box h2 {font-size: 0.8rem; line-height: 0.8rem; font-weight: 400;}
    .project-listing .category-listing {padding: 5% 5% 3% 5%;}
    .project-listing .category-listing .heading-part .right-sec .know-more-btn {background-image: url(https://www.blkashyap.com/wp-content/uploads/2023/05/yellow-button.png);font-size: 0.9rem; width: 100%; color: #fff; background-position: 100% 100%;padding: 0;padding-right: 10px; font-weight: 300; }
    .project-listing .category-listing .heading-part .left-sec {width: 73%; }
    .project-listing .category-listing .heading-part .right-sec {width: 25%;}
   
    
    
    
}