.gallery-skills{margin-top:140px;overflow:hidden}@media screen and (max-width: 1440px){.gallery-skills{margin-top:130px}}@media screen and (max-width: 1024px){.gallery-skills{margin-top:110px}}.gallery-skills .container{max-width:100%}.gallery-skills .card .title{text-align:center;font-size:22px;color:#3d3c45}.gallery-skills .card .gallery{width:100%;min-height:190px;margin-top:130px;position:relative}@media screen and (max-width: 1440px){.gallery-skills .card .gallery{margin-top:110px}}@media screen and (max-width: 768px){.gallery-skills .card .gallery{margin-top:80px}}.gallery-skills .card .gallery .box_images{display:flex;justify-content:center;gap:10px;position:relative;z-index:1;top:-35px}@media screen and (max-width: 768px){.gallery-skills .card .gallery .box_images{align-items:flex-end!important;justify-content:flex-start!important;gap:15px;overflow-x:auto;white-space:nowrap;height:302px;padding-bottom:10px}.gallery-skills .card .gallery .box_images::-webkit-scrollbar-track{padding:2px 0;background-color:#f6f6f6}.gallery-skills .card .gallery .box_images::-webkit-scrollbar{width:1px;height:3px}.gallery-skills .card .gallery .box_images::-webkit-scrollbar-thumb{border-radius:10px;background-color:#c1c8d5}.gallery-skills .card .gallery .box_images .item{z-index:30!important}.gallery-skills .card .gallery .box_images .item .desc{transform:translateY(-55px)!important;z-index:1}}.gallery-skills .card .gallery .box_images .item{position:relative;min-width:150px;height:230px;display:inline-block;border-radius:16px;transition:all .3s}@media screen and (max-width: 768px){.gallery-skills .card .gallery .box_images .item{flex-shrink:0;transform:none!important;z-index:30}.gallery-skills .card .gallery .box_images .item .desc{transform:translateY(-55px)!important;z-index:1}}.gallery-skills .card .gallery .box_images .item .desc{position:absolute;background:#66a989;color:#fff;padding:7px;border-radius:16px;font-size:14px;z-index:-1;transition:all .4s}.gallery-skills .card .gallery .box_images .item .desc:after{content:"";width:14px;height:20px;position:absolute;left:15px;top:14px;display:block;border-radius:1px;background:#66a989;transform:rotate(45deg);z-index:-1}.gallery-skills .card .gallery .box_images .item .img{width:100%;border-radius:16px;object-fit:cover;aspect-ratio:1/1.2}.gallery-skills .card .gallery .shadow{width:100%;height:225px;position:absolute;top:160px}.gallery-skills .card .gallery .shadow .img{width:100%;height:100%}.gallery-skills .card .gallery .group{position:absolute}.gallery-skills .card .gallery .other1{top:-100px;right:95px}@media screen and (max-width: 768px){.gallery-skills .card .gallery .other1{top:-65px}}.gallery-skills .card .gallery .other2{top:-100px;left:400px}@media screen and (max-width: 768px){.gallery-skills .card .gallery .other2{top:-65px}}.gallery-skills .card .gallery .other3{bottom:-120px;left:465px}.gallery-skills .card .gallery .other4{bottom:-70px;left:680px}.gallery-skills .card .gallery .other5{top:-110px;right:680px}.gallery-skills .card .gallery .other6{top:-90px;left:660px}.gallery-skills .card .gallery .other7{bottom:-65px;right:510px}.gallery-skills .card .gallery .other8{bottom:-55px;right:750px}@media screen and (max-width: 768px){.gallery-skills .card .gallery .other8{right:655px}}.gallery-skills .card .gallery .other9{bottom:-90px;right:355px}.gallery-skills .card .gallery .other10{bottom:-50px;right:10px}.gallery-skills .card .gallery .other11{top:-50px;left:230px}.gallery-skills .card .gallery .other12{top:50px;left:50px}@media screen and (max-width: 768px){.gallery-skills .card .gallery .other12{top:-15px}}.steam .card{margin-bottom:190px}@media screen and (max-width: 768px){.steam .card{margin-bottom:140px}}.steam .card .box_image{width:100%;min-height:200px;position:relative;margin-top:-15px}.steam .card .box_image .img{width:100%;max-width:730px;min-width:300px}.steam .card .box_image .other{position:absolute;right:0;width:100%;height:100%}.steam .card .box_image .other .other_image{position:absolute}.steam .card .box_image .other .other_image:nth-child(1){top:170px;right:270px}@media screen and (max-width: 1024px){.steam .card .box_image .other .other_image:nth-child(1){right:70px}}.steam .card .box_image .other .other_image:nth-child(2){top:140px;left:490px}@media screen and (max-width: 1440px){.steam .card .box_image .other .other_image:nth-child(2){left:250px}}@media screen and (max-width: 1024px){.steam .card .box_image .other .other_image:nth-child(2){left:130px}}.steam .card .box_image .other .other_image:nth-child(3){bottom:25px;left:485px}@media screen and (max-width: 1024px){.steam .card .box_image .other .other_image:nth-child(3){left:125px}}.steam .card .box_image .other .other_image:nth-child(4){top:157px;left:635px}@media screen and (max-width: 1024px){.steam .card .box_image .other .other_image:nth-child(4){left:270px}}.steam .card .box_image .other .other_image:nth-child(5){left:210px;bottom:95px}@media screen and (max-width: 1024px){.steam .card .box_image .other .other_image:nth-child(5){left:30px}}.steam .card .box_image .other .other_image:nth-child(6){bottom:60px;right:490px}@media screen and (max-width: 1024px){.steam .card .box_image .other .other_image:nth-child(6){right:130px}}.steam .card .box_image .other .other_image:nth-child(7){bottom:115px;right:210px}@media screen and (max-width: 1024px){.steam .card .box_image .other .other_image:nth-child(7){right:40px}}.steam .card .box_image .other .other_image:nth-child(8){top:190px;left:335px}@media screen and (max-width: 1024px){.steam .card .box_image .other .other_image:nth-child(8){left:20px}}.steam .card .box_image .other .other_image:nth-child(9){top:270px;left:95px}@media screen and (max-width: 1024px){.steam .card .box_image .other .other_image:nth-child(9){left:80px}}.steam .card .text_box{margin-top:20px}.steam .card .text_box .title{color:#3d3c45;font-size:20px;margin-bottom:15px;font-weight:600}.steam .card .text_box p{color:#707070;line-height:2.2;font-weight:200;font-size:15px;text-align:justify}.steam .card .box{gap:40px;width:100%;margin-top:110px}@media screen and (max-width: 768px){.steam .card .box{flex-direction:column-reverse;margin-top:80px}}.steam .card .box .questions_box{width:50%}@media screen and (max-width: 768px){.steam .card .box .questions_box{width:100%}}.steam .card .box .questions_box .item{margin-bottom:60px}.steam .card .box .questions_box .item h3{color:#3d3c45;font-size:18px;margin-bottom:15px;font-weight:600}.steam .card .box .questions_box .item p{color:#707070;line-height:2.2;font-weight:200;font-size:15px;text-align:justify}.steam .card .box .questions_box .skills_box{width:100%;gap:18px;margin-top:60px}.steam .card .box .questions_box .skills_box .title_skill{color:#3d3c45;font-size:22px;font-weight:600}.steam .card .box .questions_box .skills_box .desc_skill{color:#707070;font-weight:600;margin-bottom:15px;font-size:16px}.steam .card .box .questions_box .skills_box .item_skill{border:2px solid #F3F7FE;border-radius:10px;padding:16px 10px}@media screen and (max-width: 768px){.steam .card .box .questions_box .skills_box .item_skill{width:100%}}.steam .card .box .questions_box .skills_box .item_skill .title_itemSkill{color:#3d3c45;font-size:16px;font-weight:200;margin-left:10px}.steam .card .box .questions_box .skills_box .item_skill .desc_itemSkill{color:#707070;font-size:15px;font-weight:200;line-height:1.8;text-align:justify}.steam .card .box .questions_box .skills_box .bottom_desc{font-size:14px;font-weight:200;color:#707070;margin-top:20px;text-align:justify;line-height:2.2}.steam .card .box .image_box{width:50%;position:sticky;top:100px}@media screen and (max-width: 768px){.steam .card .box .image_box{width:100%;position:static}}.steam .card .box .image_box .img{object-fit:cover;width:100%;aspect-ratio:1/.6;border-radius:10px}.steam .card h1,.steam .card h2,.steam .card h3,.steam .card h4,.steam .card h5,.steam .card h6{margin-bottom:10px;color:#3d3c45;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1}.steam .card h1{font-size:22px}.steam .card h2{font-size:20px}.steam .card h3{font-size:18px}.steam .card h4{font-size:16px}.steam .card h5{font-size:14px}.steam .card h6{font-size:12px}
