#portfolio .portfolio_list{padding:60px 0;border-top:3px solid #f091a7;background-image:linear-gradient(0deg, transparent calc(100% - 1px), #fff1fc calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #fff1fc calc(100% - 1px));background-size:16px 16px;background-repeat:repeat}#portfolio .portfolio_list .sec_inner .course_nav{display:grid;grid-template-columns:repeat(3, max-content);justify-content:center;gap:16px}#portfolio .portfolio_list .sec_inner .course_nav>a:last-child:nth-child(3n+1){grid-column:2}@media only screen and (max-width: 834px){#portfolio .portfolio_list .sec_inner .course_nav{grid-template-columns:repeat(2, 1fr);gap:16px}#portfolio .portfolio_list .sec_inner .course_nav>a:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:50%}}@media only screen and (max-width: 520px){#portfolio .portfolio_list .sec_inner .course_nav{gap:8px}}#portfolio .portfolio_list .sec_inner .course_nav a{width:calc((100% - 32px)/3);display:inline-flex;align-items:center;justify-content:center;min-width:240px;padding:10px 20px;border:2px solid #f091a7;border-radius:999px;background:#fff;color:#f091a7;font-weight:500;line-height:1.5;transition:.3s}#portfolio .portfolio_list .sec_inner .course_nav a:hover,#portfolio .portfolio_list .sec_inner .course_nav a.active{background:#f091a7;color:#fff}#portfolio .portfolio_list .sec_inner .course_nav a>a:last-child:nth-child(3n+1){margin-left:calc((100% - 32px)/3 + 16px)}@media only screen and (max-width: 834px){#portfolio .portfolio_list .sec_inner .course_nav a{min-width:auto;width:100%}}@media only screen and (max-width: 520px){#portfolio .portfolio_list .sec_inner .course_nav a{padding:10px 10px;font-size:10px}}#portfolio .portfolio_list .sec_inner .portfolio-card{padding-top:60px}#portfolio .portfolio_list .sec_inner .portfolio-card .list{display:flex;flex-wrap:wrap;gap:40px 3%;margin-bottom:80px}@media only screen and (max-width: 834px){#portfolio .portfolio_list .sec_inner .portfolio-card .list{margin-bottom:30px}}#portfolio .portfolio_list .sec_inner .portfolio-card .list .gallery{display:grid;align-items:center;width:31%;padding:.5em;border:2px solid #e4901c;background:#f8fafc;background-color:#fff;border-radius:5px;box-shadow:0px 3px 10px 0px rgba(128,128,128,.35)}@media only screen and (max-width: 834px){#portfolio .portfolio_list .sec_inner .portfolio-card .list .gallery{width:48%}}#portfolio .portfolio_list .sec_inner .portfolio-card .list .gallery .gallery-item{width:auto;overflow:hidden;border-radius:4px;cursor:pointer}#portfolio .portfolio_list .sec_inner .portfolio-card .list .gallery .gallery-item iframe{aspect-ratio:16/9;width:100%;height:auto}#portfolio .portfolio_list .sec_inner .portfolio-card .list .gallery .gallery-item img{width:100%;height:auto;aspect-ratio:706/532;-o-object-fit:cover;object-fit:cover;transition:.3s}#portfolio .portfolio_list .sec_inner .portfolio-card .list .gallery .gallery-item img:hover{transform:scale(1.1);opacity:.9}#portfolio .portfolio_list .sec_inner .portfolio-card .list .gellery_color_ma{border:2px solid #f091a7}#portfolio .portfolio_list .sec_inner .portfolio-card .list .gellery_color_ci{border:2px solid #f8b500}#portfolio .portfolio_list .sec_inner .portfolio-card .list .gellery_color_il{border:2px solid #f1914d}#portfolio .portfolio_list .sec_inner .portfolio-card .list .gellery_color_an{border:2px solid #4b6cb3}#portfolio .portfolio_list .sec_inner .portfolio-card .list .gellery_color_gc{border:2px solid #37b48d}#portfolio .portfolio_list .sec_inner .portfolio-card .list .gellery_color_cr{border:2px solid #c265a4}#portfolio .portfolio_list .sec_inner .portfolio-card .list .gellery_color_ph{border:2px solid #42bdd8}@media only screen and (max-width: 520px){#portfolio .portfolio_list .sec_inner .portfolio-card .list .gallery_video{width:100%}}#portfolio .portfolio_list .sec_inner .portfolio-card .list .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1000;justify-content:center;align-items:center}#portfolio .portfolio_list .sec_inner .portfolio-card .list .modal .modal-close{position:absolute;top:20px;right:25px;color:#fff;font-size:35px;font-weight:bold;background:none;border:none;cursor:pointer;line-height:1;padding:0;transition:opacity .2s;z-index:1010}#portfolio .portfolio_list .sec_inner .portfolio-card .list .modal .modal-close:hover{opacity:.7}#portfolio .portfolio_list .sec_inner .portfolio-card .list .modal .modal-content{max-width:90%;max-height:90%;border-radius:4px;box-shadow:0 4px 15px rgba(0,0,0,.5)}/*# sourceMappingURL=portfolio.css.map */