@charset "utf-8"; /* */
/**
* @author CodeClicker
*/

.portfolio_section { background: #fff; }
.portfolio_section .portfolio_section_wrapper .main-title-wrapper { text-align: center; margin-bottom: 64px;}


.slide_img_wrapper  {  display: flex;  flex-direction: column;  position: relative; overflow: hidden; gap: 36px; padding: 10px 0;}
.slide_img_wrapper .play_slide {  display: flex; flex-direction: row; animation: play_silde_r 30s linear infinite; }
.slide_img_wrapper .play_slide:nth-child(2) { animation: play_silde_r 30s linear infinite; animation-direction: reverse;  }

.slide_img_wrapper .play_slide .images { display: flex; flex-direction: row; flex-shrink: 0; align-items: center; }
.slide_img_wrapper .play_slide .images img { margin-right: 40px; width: 280px; height: auto; border-radius: 15px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);}



@keyframes play_silde_r { 
 0% { transform: translateX(0); } 
 100% { transform: translateX(-100%); } 
 } 



@media screen and (max-width: 768px) {
	.portfolio_section .portfolio_section_wrapper .main-title-wrapper { margin-bottom: 30px; }
	.slide_img_wrapper .play_slide .images img { margin-right: 15px; width: 160px;  border-radius: 6px;}
	.slide_img_wrapper { gap: 15px; }

	.slide_img_wrapper .play_slide {  display: flex; flex-direction: row; animation: play_silde_r 10s linear infinite; }
	.slide_img_wrapper .play_slide:nth-child(2) { animation: play_silde_r 10s linear infinite; animation-direction: reverse;  }
}