.swiper-slide{
 border-radius: 20px !important;
}
.pcs-slide {
 width: 100%;
 height: 100%;
 object-fit: contain;
 border-radius: 20px;
}
.pcs-slide img {
 width: 100%;
 height: 100%;
 border-radius: 20px;
}
.project-card-section{
 width: 100%;
 padding: 4rem;
 height: 120vh;
 overflow: hidden;

}
.inside-pcs{
 display: flex;
 justify-content: space-between;
 width: 100%;
 height: 100%;
}
.pcs-left{
 width: 50%;
 height: 100%;

}
.pcs-right{
 width: 50%;
 height: 100%;
}
.swiper {
 width: 60% !important;
 height: 100% !important;
}
.subfont{
font-family: unbounded;
margin: 1rem 0;
}
.sub-font{
margin: 1rem 0;
font-family: unbounded;
color: #a3a3a3;
font-size: 14px;
line-height: 24px;
}
.project-hero{
background-image: url(../images/project-b.jpg);
background-size: cover;
background-position: center;
}

@media (max-width: 1220px) {
.project-card-section {
 height: 113vh;
}
}

@media (max-width: 1130px) {
.swiper {
 width: 75% !important;
}
}

@media (max-width: 1024px){
.project-card-section {
     height: 105vh;
 }
}

@media (max-width: 900px){
.project-card-section {
     height: 95vh;
     padding: 4rem 2rem;
 }
 .sub-font {
   font-size: 13px;
   line-height: 22px;
   margin-bottom: 2rem;
 }
}

@media  (max-width: 765px) {
.sp-font {
     font-size: 64px;
     line-height: 72px;
 }
 .pcs-left {
   width: 100%;
   height: 100%;
 }
 .inside-pcs {
   flex-direction: column;
 }
 .project-card-section {
 height: unset;
 }
 .pcs-right {
   width: 75%;
   height: 87vh;
   margin-top: 3rem;
   margin: auto;
   margin-top: 2rem;
 }
 
}

@media (max-width: 600px){
.pcs-right {
     width: 75%;
     height: 70vh;
 }
}
@media (max-width: 520px){
.pcs-right {
     width: 75%;
     height: 60vh;
 }
}