section.projects-sec-01{padding:0px 0px 60px 0px;min-height:100vh;position:relative;}
section.projects-sec-01 ul.projectList{margin:0;padding:0;list-style-type:none;gap:1px;display:flex;flex-direction:column;}
section.projects-sec-01 ul.projectList li{border-bottom:1px solid #a09e9e;}
section.projects-sec-01 ul.projectList li a{color:var(--color-02);text-decoration:none;padding: 30px 4vw;min-height: 330px;position:relative;z-index:9;gap:100px;display:flex;justify-content:space-between;align-items: center;}
section.projects-sec-01 ul.projectList li a .proj_title{width: 28%;display:inline-block;}
section.projects-sec-01 ul.projectList li a .proj_details{width: 43%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;}
section.projects-sec-01 ul.projectList li a .proj_details p{font-size:var(--rfs-21);margin-bottom:30px;}
section.projects-sec-01 ul.projectList li a .proj_thumbs{width: 25%;height: 250px;overflow:hidden;display:block;position:relative;}
section.projects-sec-01 ul.projectList li a .proj_thumbs img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.5s ease-in-out;}
section.projects-sec-01 ul.projectList li a:before{content:"";width:0%;height:100%;background:linear-gradient(83deg,#e3ef26 0,#d9f6f0 74%,#d9f6f057 100%);position:absolute;bottom:0;left:0;z-index:-1;transition:.5s ease-in-out;}
section.projects-sec-01 ul.projectList li a:hover:before{width:150%;}
section.projects-sec-01 ul.projectList li a:hover .proj_thumbs img{transform:translate(-50%,-50%) scale(1.2);transition:.5s ease-in-out;}



@media screen and (max-width:768px) {
	
	section.projects-sec-01 ul.projectList li a{gap:0px;padding: 30px 4.25vw;display: flex;flex-direction: column;}
	section.projects-sec-01 ul.projectList li a .proj_title{width: 100%;}
	section.projects-sec-01 ul.projectList li a .proj_details{width: 100%;}
	section.projects-sec-01 ul.projectList li a .proj_thumbs{width: 100%;height: 200px;}
	
}