.pr-main-lists { padding: 74px 0 80px; } 
.pr-main-lists .heading_wrap { padding: 0 40px; } 
.pr-main-lists .heading_wrap .heading_con { max-width: 484px; } 
.pr-main-lists .heading_wrap .heading_con h2 { margin: 0 0 10px; } 
.pr-main-lists .pr_lists { position: relative; padding: 46px 0 0; } 
.pr-main-lists .pr_lists ul.tab-buttons { position: absolute; bottom: 100%; right: 40px; display: flex; gap: 15px;flex-flow: wrap; justify-content: center; } 
.pr-main-lists .pr_lists ul.tab-buttons li { display: inline-flex; align-items: center; justify-content: center; text-align: center; position: relative; min-width: 155px; min-height: 45px; padding: 10px 15px; border-radius: 10px; border: 1px solid #6b00f9; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #6b00f9; overflow: hidden; box-shadow: 0 0 30px -12px #6b00f9; transition: all 0.5s; cursor: pointer;} 
.pr-main-lists .pr_lists ul.tab-buttons li:after { content: ""; position: absolute; top: 0; width: 100%; height: 347%; background: #6b00f9; display: flex; opacity: 1; left: 0; margin: 0; transition: linear 0.5s; transform: scale(0); border-radius: 100%; background-clip: border-box; z-index: -1; } 
.pr-main-lists .pr_lists ul.tab-buttons li:hover:after, .pr-main-lists .pr_lists ul.tab-buttons li.active:after { transform: scale(2.5); } 
.pr-main-lists .pr_lists ul.tab-buttons li:hover,.pr-main-lists .pr_lists ul.tab-buttons li.active { color: #fff; } 
.pr-main-lists .projects-wrapper { display: flex; flex-flow: wrap; column-gap: 16px; row-gap: 30px; } 
.pr-main-lists .projects-wrapper > * { width: calc((100% - 48px) / 4); } 
.pr-main-lists .projects-wrapper > * .pr_image img { aspect-ratio: 1/1; width: 100%; object-fit: cover; } 
.pr-main-lists .projects-wrapper > * .pr_image { position: relative; } 
.pr-main-lists .projects-wrapper > * .pr_image:after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 0; transition: all ease-in-out 0.5s; pointer-events: none; background: linear-gradient(0deg, #6b00f9 10%, transparent 100%); } 
.pr-main-lists .projects-wrapper > *:hover .pr_image:after { height: 100%; } 
.pr-main-lists .projects-wrapper > * h3 { line-height: 1; font-size: 22px; color: #010101; text-transform: uppercase; font-weight: 700; display: flex; margin: 13px 0 0; letter-spacing: 1px; transition: all 0.5s;align-items: center; justify-content: space-between; gap: 10px;} 
.pr-main-lists .projects-wrapper > *:hover h3 { color: #6b00f9; } 
.project-pagination { display: flex; align-items: center; justify-content: center; margin: 50px 0 0;gap:10px; }
.project-pagination svg { width: 25px; height: 25px; } 
.project-pagination > *:not(.arrow) { padding: 6px 5px; border: 1px solid #6b00f8; line-height: 1; min-width: 30px; text-align: center; color: #6b00f8; transition: all 0.5s; } 
.project-pagination > *:not(.arrow).active { background: #6b00f9; color: #fff; font-weight: 600; } 
.project-pagination svg path {transition: all 0.5s;} 
.project-pagination svg:hover path { fill: #000; }
.pr-main-lists .projects-wrapper > * h3 .arrow { flex-shrink: 0; width: 40px; height: 40px; border-radius: 7px; border: 2px solid #6b00f9; display: flex; align-items: center; justify-content: center; transition: all 0.5s; } 
.pr-main-lists .projects-wrapper > * h3 .arrow svg { width: 25px; height: 25px; } 
.pr-main-lists .projects-wrapper > *:hover h3 .arrow { background: #6b00f9; } 
.pr-main-lists .projects-wrapper > * h3 .arrow path { transition: all 0.5s; } 
.pr-main-lists .projects-wrapper > *:hover h3 .arrow path { fill: #fff; }
.pr-main-lists .projects-wrapper:has(.projects) .pr_image img { aspect-ratio: 1.3; }

/* responsive css */

@media (max-width:1199px){
.pr-main-lists .heading_wrap { padding: 0; }
.pr-main-lists .pr_lists ul.tab-buttons { right: 0; }
.pr-main-lists { padding: 64px 0 70px; }
.pr-main-lists .projects-wrapper > * { width: calc((100% - 32px) / 3); }
.pr-main-lists .projects-wrapper > * h3 .arrow svg { width: 20px; height: 20px; } 
.pr-main-lists .projects-wrapper > * h3 .arrow { width: 35px; height: 35px; }

}
@media (max-width:991px){
.pr-main-lists { padding: 54px 0 60px; }
.pr-main-lists .pr_lists ul.tab-buttons { position: unset; margin: 0 0 30px; justify-content: center; } 
.pr-main-lists .heading_wrap .heading_con { max-width: 100%; text-align: center; } 
.pr-main-lists .pr_lists { padding: 30px 0 0; } 


    
}
@media (max-width:767px){
.pr-main-lists { padding: 44px 0 50px; }
.pr-main-lists .projects-wrapper > * { width: calc((100% - 16px) / 2); }
.project-pagination { margin: 30px 0 0; }
.pr-main-lists .projects-wrapper > * h3 { font-size: 20px; }


    
}
@media (max-width:575px){
.pr-main-lists { padding: 34px 0 40px; }
.pr-main-lists .projects-wrapper > * { width: 100%; }


    
}