.main-case-studies { background: linear-gradient(95deg, #000 13.88%, #393D48 91.6%);overflow: hidden;position: relative;padding: 84px 0 80px; } 
.main-case-studies .lines-box { display: flex; position: absolute; top: 0; left: 0; right: 0; width: auto; height: 100%; margin: 0 0;pointer-events: none; opacity: 30%; } 
.main-case-studies .lines-box .box { position: absolute; width: 60px; height: 60px; border: 0.5px solid rgba(72, 77, 91, 0.44); }
.main-case-studies .container-fluid > *:not(.lines-box) { position: relative; z-index: 1; } 
.main-case-studies h2 { color: #fff; text-align: center;margin: 46px 0 40px; } 
.main-case-studies .tagline { padding-left: 40px; } 
.main-case-studies .projects_lists { display: flex; flex-flow: wrap; column-gap: 20px; row-gap: 20px;padding-bottom: 30px; } 
.main-case-studies .projects_lists .project-item:first-child { width: 100%; } 
.main-case-studies .projects_lists > * { width: calc((100% - 20px) / 2);border-radius: 10px; overflow: hidden;position: relative; } 
.main-case-studies .projects_lists > * img,.main-case-studies .projects_lists > * video { width: 100%;height: 100%;object-fit: cover; object-position: center center; }
.main-case-studies .projects_lists > * .featured-img { height: 100%; }
.main-case-studies .projects_lists > * .content { position: absolute; bottom: -100%; left: 0; width: 100%; padding: 0 30px 30px; transition: all 0.5s; z-index: 1; } 
.main-case-studies .projects_lists > * .content h3, .main-case-studies .projects_lists > * .content h3 * { color: #fff; } 
.main-case-studies .projects_lists > * .content h3 { font-size: 30px; line-height: normal; } 
.main-case-studies .projects_lists > *: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%); } 
.main-case-studies .projects_lists > *:hover:after { height: 100%; } 
.main-case-studies .projects_lists > *:hover .content { bottom: 0; }
.main-case-studies > *:not(.lines-box) { position: relative; z-index: 1; }
.main-case-studies .featured_pr { margin-top: 30px; border-top: 1px solid #FFFFFF; padding: 38px 0 0; } 
.main-case-studies .featured_pr .rotate-text h3 { color: #fff; display: inline-flex; width: auto; } 
.main-case-studies .featured_pr .projects_lists { row-gap: 0; column-gap: 0; display: flex; flex-flow: wrap; } 
.main-case-studies .featured_pr .projects_lists .project-item { border-radius: 0; } 
.main-case-studies .featured_pr .projects_lists .project-item:first-child, .main-case-studies .featured_pr .projects_lists .project-item:nth-child(4n), .main-case-studies .featured_pr .projects_lists .project-item:nth-child(5n) { width: 60%; } 
.main-case-studies .featured_pr .projects_lists .project-item { width: 40%; } 
.main-case-studies .featured_pr .rotate-text { margin: 0 0 33px; }
.main-case-studies .projects_lists > * img { transition: all 0.5s; will-change: transform; } 
.main-case-studies .projects_lists > *:hover img { transform: scale(1.02); }
.main-case-studies .featured_pr .rotate-text .slick-track { display: flex; }
.main-case-studies .featured_pr .rotate-text .slick-track .slick-slide { padding: 0 60px; }
.main-case-studies .btn_wrapper { display: flex; justify-content: center; margin-top: 30px; }
.main-case-studies .featured_pr .projects_lists .project-item {
    width: 33.333%;
}

.main-case-studies .featured_pr .projects_lists .project-item:first-child, .main-case-studies .featured_pr .projects_lists .project-item:nth-child(4n), .main-case-studies .featured_pr .projects_lists .project-item:nth-child(5n) {
    width: 33.333%;
}


.main-case-studies .featured_pr .projects_lists img {
    aspect-ratio: 1.1;
}
/* Responsive CSS */

@media (max-width:1199px){

.main-case-studies .tagline { padding-left: 0; }
.main-case-studies{padding: 70px 0 70px;}
.main-case-studies .projects_lists > * .content h3 { font-size: 25px; }


}

@media (max-width:991px){
.main-case-studies{padding: 60px 0;}
.main-case-studies h2{margin:36px 0 30px}
.main-case-studies .projects_lists > * .content h3 { font-size: 22px; }
.main-case-studies .featured_pr .rotate-text .slick-track .slick-slide { padding: 0 40px; }

}
@media (max-width:767px){
.main-case-studies{padding: 50px 0;}
.main-case-studies h2{margin:26px 0 20px}
.main-case-studies .projects_lists > * .content h3 { font-size: 20px; }
.main-case-studies .featured_pr { margin-top: 20px;padding: 20px 0 0; }
.main-case-studies .featured_pr .rotate-text { margin: 0 0 20px; }
.main-case-studies .featured_pr .rotate-text h3 { font-size: 18px; }
.main-case-studies .featured_pr .rotate-text .slick-track .slick-slide { padding: 0 20px; }
.main-case-studies .btn_wrapper { margin: 0; }


}
@media (max-width:575px){
.main-case-studies{padding: 40px 0;}
.main-case-studies .projects_lists > * { width: 100%; }
.main-case-studies .projects_lists > * .content { padding: 0 20px 10px; }
.main-case-studies .featured_pr .projects_lists .project-item:first-child, .main-case-studies .featured_pr .projects_lists .project-item:nth-child(4n), .main-case-studies .featured_pr .projects_lists .project-item:nth-child(5n) { width: 100%; } 
.main-case-studies .featured_pr .projects_lists .project-item { width: 100%; }

}