@font-face{font-family:'Outfit-Regular';src:url('../fonts/Outfit-Regular.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Outfit-Medium';src:url('../fonts/Outfit-Medium.ttf') format('truetype');font-weight:500;font-style:normal}@font-face{font-family:'Outfit-Bold';src:url('../fonts/Outfit-Bold.ttf') format('truetype');font-weight:700;font-style:normal}body{font-family:'Outfit-Regular',sans-serif;font-weight:400;background:#000}header{position:sticky;top:0;z-index:1000;background:transparent;transition:background-color .3s ease,padding .3s ease}header.scrolled{background-color:#000;box-shadow:0 2px 10px rgba(0,0,0,0.3)}header nav{display:flex;flex-direction:row;position:relative;align-items:center;justify-content:center;padding:25px 0}header nav .logo{width:15%;position:absolute;left:5%}header nav .logo img{width:100%;display:block}header nav .menu ul{display:flex;flex-direction:row;list-style:none;gap:20px;margin:0}header nav .menu ul li{margin-left:0}header nav .menu ul li a{color:#a1a1a1;text-decoration:none;font-size:14px;letter-spacing:1.4px;line-height:20px;text-transform:uppercase;padding:0}header nav .menu ul li a:hover{color:#f7b526;text-decoration:none}header nav .menu ul li.active a{color:#f7b526;text-decoration:none}header .quote-area{position:absolute;right:5%;width:12%}header a.quote-box{background:#f7b526;padding:10px;border-radius:50px;text-align:center;font-size:14px;font-family:'Outfit-Bold',sans-serif;font-weight:700;color:#000;text-decoration:none;transition:.3s}header a.quote-box:hover{background:#1d1910;border:1px solid #f7b526;color:#f7b526}.hamburger{display:none;cursor:pointer;flex-direction:column;gap:5px;z-index:1001}.hamburger span{width:25px;height:3px;background-color:#f7b526;display:block;transition:.3s}footer{font-family:'Outfit-Regular',sans-serif;font-weight:400;color:#a1a1a1;background:rgba(15,15,15,1);padding:2%;font-size:14px}footer .bg-footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}footer .text-footer{width:25%}footer .text-footer h4{font-family:'Outfit-Bold';font-weight:700;font-size:32px;color:#f0f0f0}footer .text-footer span.gold-footer{font-family:'Outfit-Bold',sans-serif;font-weight:700;color:#f7b526;font-size:32px}footer .text-footer img{width:65%;margin-bottom:5px}footer .sosmed-area{display:flex;flex-direction:row}footer .sosmed-area .item-sosmed{width:10%;margin:0 10px}footer .sosmed-area .item-sosmed img{width:100%}footer .menu-footer,.menu-service-footer{width:15%;display:flex;flex-direction:column}footer .menu-footer .title{color:#fff;text-align:left}footer .menu-footer .item-menu{margin:5px 0}footer .menu-footer .item-menu a{color:#a1a1a1;text-decoration:none}footer .menu-footer .item-menu a:hover{color:#f7b526}footer .menu-service-footer .title{color:#fff;text-align:left}footer .menu-service-footer .item-menu{margin:5px 0}footer .menu-service-footer .item-menu a{color:#a1a1a1;text-decoration:none}footer .menu-service-footer .item-menu a:hover{color:#f7b526}footer .menu-contact-footer{width:20%;display:flex;flex-direction:column}footer .menu-contact-footer .title{color:#fff;text-align:left}footer .menu-contact-footer .item-menu{margin:5px 0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline}footer .menu-contact-footer .item-menu a{color:#a1a1a1}footer .menu-contact-footer .item-menu a:hover{text-decoration:none;color:#f7b526}footer .menu-contact-footer .item-menu img{width:16px;height:16px;margin-right:10px}footer .footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid #333;text-align:center}.container-fluid{margin:0;padding:0;position:relative;bottom:70px;height:auto}.child-container{position:relative;top:75px}.area-porto{background:#000;padding:30px}.title-line{display:flex;align-items:center;text-align:center;margin:0 auto;width:30%}.title-line h1{font-family:'Outfit-Bold',sans-serif;font-weight:700;color:#f7b526;padding:0 20px;white-space:nowrap;margin:0;font-size:12px;line-height:16px;letter-spacing:3px}.title-line::before,.title-line::after{content:"";flex:1;height:2px;background-color:#f7b526}.title{width:100%;text-align:center}.title h2{font-family:'Outfit-Bold',sans-serif;font-weight:700;color:#fff;font-size:60px;line-height:60px;letter-spacing:-1px;margin:30px 0 10px}.title p{font-family:'Outfit-Regular',sans-serif;font-weight:400;color:#a1a1a1;font-size:16px;line-height:24px;letter-spacing:0}.switch-section{text-align:center;margin:50px 0;padding:0 30px}.switch-controls{display:inline-flex;background:#000;padding:5px;border-radius:50px;margin-bottom:30px;font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:16px;letter-spacing:2.4px;border:1px solid #2a2a2a}.btn-switch{padding:5px 10px;border:0;outline:0;-webkit-tap-highlight-color:transparent;border-radius:50px;background:0;color:#a1a1a1;cursor:pointer;font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:16px;letter-spacing:2.4px;transition:all .3s ease}.btn-switch:hover{background:rgba(255,255,255,0.1);color:#fff}.btn-switch.active{background:#f7b526;color:#000}.btn-switch:focus,.btn-switch:active{outline:0;box-shadow:none}.content-item{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-card{position:relative;border-radius:12px;overflow:hidden;background:#000;cursor:pointer}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;cursor:pointer}.preview-iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.video-container iframe,.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-placeholder{background-size:cover;background-position:center;transition:transform .5s ease}.video-overlay{position:absolute;top:0;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(transparent,rgba(0,0,0,0.9));z-index:10;pointer-events:auto;transition:.3s;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}.category{font-family:'Outfit-Medium',sans-serif;font-size:10px;font-weight:500;line-height:15px;letter-spacing:2.5px;color:#f7b526}.video-title{font-family:'Outfit-Regular',sans-serif;font-size:18px;font-weight:400;line-height:28px;letter-spacing:-0.45px;margin-top:5px;color:#a1a1a1;opacity:0;transition:opacity .3s ease;margin:0 auto}.video-container:hover .video-title{opacity:1}.video-card:hover .video-placeholder .video-title{opacity:1;background:linear-gradient(transparent,rgba(0,0,0,0.9))}.btn-open-popup{position:relative;z-index:11;cursor:pointer;display:inline-block;top:50px}.btn-open-popup:hover{color:#f7b526}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);backdrop-filter:blur(1px);overflow-y:auto;padding:10px 0}.modal-content{position:relative;margin:0 auto;width:65%;max-width:1000px;background-color:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.5)}.close-modal{position:absolute;top:-8px;right:2px;color:white;font-family:'Outfit-Regular',sans-serif;font-size:40px;font-weight:100;cursor:pointer;z-index:2010;transition:opacity .3s}.close-modal:hover{opacity:1}.modal-video-wrapper{position:relative;padding-bottom:56.25%;height:0;z-index:2001}.modal-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.modal-gradient-overlay{position:absolute;bottom:0;left:0;width:100%;height:auto;background:linear-gradient(180deg,rgba(24,24,24,0.95) 0,rgba(24,24,24,1) 50%,rgba(24,24,24,1) 100%);z-index:2002;pointer-events:none}.modal-description-container{position:relative;display:flex;justify-content:space-between;padding:10px 20px;gap:50px;z-index:2003;background:#161616}.desc-left{flex:2;text-align:left}.desc-year{font-family:'Outfit-Medium',sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0;color:#fff;margin:0 0 15px 0}.desc-text{font-family:'Outfit-Regular',sans-serif;font-size:16px;font-weight:500;line-height:26px;letter-spacing:0;color:#a1a1a1;margin:0;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.desc-right{flex:1;display:flex;flex-direction:column;gap:5px;padding-top:10px}.info-item{flex-direction:row;border-bottom:1px solid #333;padding-bottom:15px}.info-item:last-child{border-bottom:0}.info-item .label{display:block;font-family:'Outfit-Regular',sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#a1a1a1}.info-item .value{display:block;font-family:'Outfit-Medium',sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;color:#fff;text-transform:uppercase}.modal-photo{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);align-items:center;justify-content:center}.modal-content-photo{max-width:80%;max-height:80vh;border-radius:4px;box-shadow:0 0 20px rgba(0,0,0,0.5);user-select:none}.close-modal-photo,.prev-btn,.next-btn{position:absolute;color:white;font-size:40px;font-weight:bold;cursor:pointer;background:0;border:0;transition:.3s;outline:0}.close-modal-photo{top:20px;right:35px}.prev-btn{left:30px}.next-btn{right:30px}.close-modal-photo:hover,.prev-btn:hover,.next-btn:hover{color:#bbb;transform:scale(1.1)}.mt30{margin-top:30px}a.btn-all-project{color:#fff;font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:16px;letter-spacing:.6px;font-size:12px;margin:30px 0;border:1px solid #a1a1a1;padding:15px;border-radius:50px;text-decoration:none}a.btn-all-project:hover{color:#000;background:#f7b526;border:1px solid #f7b526;transition:.3s}.gallery-container{column-count:3;column-gap:5px;width:100%}.photo-item{display:inline-block;width:100%;margin-bottom:0;border-radius:8px;overflow:hidden;background:#222;box-shadow:0 4px 10px rgba(0,0,0,0.05);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.photo-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.15)}.photo-item img{width:100%;height:auto;display:block;filter:grayscale(20%);transition:transform .3s ease;pointer-events:none}.photo-item:hover img{transform:scale(1.05)}.photo-layout-wrapper{display:flex;width:100%;max-width:1400px;margin:0 auto;gap:40px;align-items:flex-start}.photo-sidebar{flex:0 0 20%;position:sticky;top:100px;z-index:10}.photo-content{flex:1}.vertical-filter{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.btn-filter-photo{background:transparent;border:0;color:#a1a1a1;padding:10px 0;cursor:pointer;font-family:'Outfit-Medium',sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;transition:all .3s ease;display:flex;align-items:center;gap:10px;width:100%;text-align:left}.filter-line{height:1px;width:0;background-color:#f7b526;transition:width .3s ease}.btn-filter-photo:hover .filter-text,.btn-filter-photo.active .filter-text{color:#fff}.btn-filter-photo:hover .filter-line,.btn-filter-photo.active .filter-line{width:30px}.filter-categories{grid-column:1 / -1;display:flex;justify-content:center;gap:15px;margin-bottom:10px;flex-wrap:wrap}.btn-filter{background:transparent;border:1px solid #2a2a2a;color:#a1a1a1;padding:8px 20px;border-radius:50px;cursor:pointer;font-size:11px;letter-spacing:1.5px;transition:.3s}.btn-filter:hover,.btn-filter.active{background:#1d1910;color:#f7b526;border-color:#f7b526}button.btn-filter:focus{outline:0}#video-list.content-item{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.area-ourservice{background:#0f0f0f;padding:30px}.list-ourservice{display:grid;grid-template-columns:auto auto;gap:20px;padding:35px}.item-ourservice{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;background:#181818;border:1px solid #181818;border-radius:15px;padding:50px 10px}.item-ourservice .text{flex-direction:column}.item-ourservice .text h2{font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:28px;letter-spacing:-0.45px;font-size:18px;color:#fff}.item-ourservice .text p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:22.8px;letter-spacing:0;font-size:14px;color:#a1a1a1;margin:0}.area-social-media{background:#000;padding:30px}.slider-container-manual{position:relative;max-width:1000px;margin:0 auto;display:flex;align-items:center;margin-top:30px}.reels-wrapper-manual{overflow:hidden;width:100%;padding:20px 50px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.reels-wrapper-manual::-webkit-scrollbar{display:none}.reels-track{display:flex;gap:20px;transition:transform .5s cubic-bezier(0.25,1,0.5,1);will-change:transform}.reel-card-manual{scroll-snap-align:start;flex:0 0 calc(33.33% - 15px);box-sizing:border-box}.reel-item{cursor:pointer;border-radius:15px;overflow:hidden;position:relative;background:#1a1a1a;transition:transform .3s ease,box-shadow .3s ease}.reel-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(247,181,38,0.2)}.thumbnail-wrapper-reel{position:relative;aspect-ratio:9 / 16;background:#222}.thumbnail-wrapper-reel img{width:100%;height:100%;object-fit:cover}.play-overlay-reel{position:absolute;inset:0;background:rgba(0,0,0,0.3);display:flex;justify-content:center;align-items:center;color:#fff;font-size:3.5rem;opacity:.7;transition:all .3s ease}.reel-item:hover .play-overlay-reel{background:rgba(0,0,0,0.1);opacity:1;color:red}.nav-btn{background:rgba(247,181,38,0.1);border:1px solid #f7b526;color:#f7b526;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:50%;font-size:20px;z-index:10;transition:all .3s ease}.nav-btn:hover{background:#f7b526;color:#000}.prev-btn{left:-65px}.next-btn{right:-65px}.modal-overlay-reel{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);backdrop-filter:blur(2px);z-index:999999;justify-content:center;align-items:center}.modal-content-reel{position:relative;width:90%;max-width:330px;aspect-ratio:9 / 16}.iframe-container-reel{width:100%;height:100%;border-radius:20px;overflow:hidden;background:#000;border:2px solid #333}.iframe-container-reel iframe{width:100%;height:100%}.close-btn-reel{position:absolute;top:-5px;right:-45px;color:#fff;font-size:40px;cursor:pointer;transition:color .3s}.close-btn-reel:hover{color:#f7b526}.area-ourclient{background:#000;padding:10% 0}.slider-container{width:100%;overflow:hidden;padding:20px 0;position:relative;border:1px solid #a1a1a1;background:#999;margin-top:30px}.list-ourclient{display:flex;width:max-content;animation:scroll 50s linear infinite}.item-ourclient{padding:0 50px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.item-ourclient img{height:80px;width:auto;max-width:150px;cursor:pointer}.slider-container:hover .list-ourclient{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.area-quote{background:#0f0f0f;padding:50px}.mini-title{border:1px solid #f7b526;padding:5px;width:20%;background:#1d1910;margin:0 auto;border-radius:50px;text-align:center}.mini-title p{font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:16px;letter-spacing:2.4px;font-size:12px;color:#f7b526;margin:0}span.gold{font-family:'Outfit-Bold',sans-serif;font-weight:700;color:#f7b526;font-size:60px;line-height:60px;letter-spacing:-1px;margin:30px 0 10px}.area-quote .text{text-align:center;margin:30px 0}.area-quote .text p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:28px;letter-spacing:0;font-size:18px;color:#a1a1a1}.area-btn-quote{text-align:center}a.btn-quote{padding:10px 30px;background:#f7b526;border-radius:50px;text-align:center;font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:20px;letter-spacing:.7px;font-size:14px;color:#000;text-decoration:none;transition:.3s}a.btn-quote:hover{background:#1d1910;border:1px solid #f7b526;color:#f7b526}.banner{width:100%;background:#000}.banner img{width:100%;height:630px;object-fit:cover;filter:brightness(20%)}.banner .text{position:absolute;top:9%;left:5%}.banner .text h1{font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:20px;letter-spacing:4.2px;font-size:14px;color:#f7b526}.banner .text h2{font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:72px;letter-spacing:-1.8px;font-size:72px;color:#fff}.area-ourstory{padding:70px 20px;background:#000;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.desc-ourstory{width:65%;text-align:center}.desc-ourstory h1{font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:20px;letter-spacing:4.2px;font-size:14px;color:#f7b526}.desc-ourstory h2{font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:48px;letter-spacing:-1.2px;font-size:48px;color:#fff}.desc-ourstory p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:26px;letter-spacing:0;font-size:16px;color:#a1a1a1}.list-ourstory{width:40%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.list-ourstory .item-ourstory{background:#181818;width:45%;text-align:center;padding:20px 10px;border-radius:5px}.list-ourstory .item-ourstory p,.list-ourstory .item-ourstory span.count{font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:40px;letter-spacing:0;font-size:36px;color:#f7b526;margin:0}.list-ourstory .item-ourstory span{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:20px;letter-spacing:0;font-size:14px;color:#a1a1a1}.area-ourvision,.area-chooseus{padding:128px 20px;background:#0f0f0f}.area-ourvision .text{text-align:center;padding:0 18%}.area-ourvision .text h1{font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:20px;letter-spacing:4.2px;font-size:14px;color:#f7b526}.area-ourvision .text h2{font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:48px;letter-spacing:-1.2px;font-size:48px;color:#fff}.area-ourvision .text p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:29px;letter-spacing:0;font-size:18px;color:#a1a1a1}.area-chooseus .title h2{font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:60px;letter-spacing:-1.5px;font-size:60px;color:#fff}.area-chooseus .list-chooseus{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin:60px 0}.area-chooseus .list-chooseus .item-chooseus{width:18%;text-align:center}.area-chooseus .list-chooseus .item-chooseus img{width:36px;height:36px}.area-chooseus .list-chooseus .item-chooseus h3{font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:28px;letter-spacing:0;font-size:18px;color:#fff}.area-chooseus .list-chooseus .item-chooseus p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:22px;letter-spacing:0;font-size:14px;color:#a1a1a1}.area-ourteam{padding:50px;background:#000}.list-ourteam{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:70px 0}.item-ourteam{width:90%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.item-ourteam img{width:230px;height:230px;border-radius:50%;object-fit:cover}.item-ourteam .desc{padding:5px;margin:20px 0 0 20px;width:70%}.item-ourteam h3{font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:24px;letter-spacing:0;font-size:18px;color:#f0f0f0;margin:0}.item-ourteam .desc p{font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:24px;letter-spacing:0;font-size:16px;color:#a1a1a1}.item-ourteam .desc ul li{font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:24px;letter-spacing:0;font-size:16px;color:#a1a1a1;margin:0}.item-ourteam .desc span{font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:24px;letter-spacing:0;font-size:16px;color:#f7b526;display:inline-block}.item-ourteam .icon-sosmed-about{margin:10px 0}.item-ourteam .icon-sosmed-about a{margin-right:20px}.item-ourteam .icon-sosmed-about a:hover{text-decoration:none}.item-ourteam .icon-sosmed-about img{width:20px;height:20px;border-radius:0}.area-contactus{background:#0f0f0f;padding:80px}.area-btn-contactus{text-align:center;margin-top:30px}a.btn-contactus{text-decoration:none;font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:20px;letter-spacing:0;font-size:14px;color:#000;background:#f7b526;text-decoration:none;transition:.3s;padding:10px 30px;border-radius:50px}a.btn-contactus:hover{background:#1d1910;border:1px solid #f7b526;color:#f7b526}.banner .description{position:absolute;top:9%;left:50%;width:45%}.banner .description p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:26px;letter-spacing:0;font-size:16px;color:#a1a1a1}.banner .count-project{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;position:relative;bottom:100px;border-top:1px solid #a1a1a1;width:90%;margin:0 auto;padding:2% 0}.banner .count-project .item h3{font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:40px;letter-spacing:0;font-size:36px;color:#f7b526}.banner .count-project .item p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:20px;letter-spacing:0;font-size:14px;color:#a1a1a1}.services-photo{background:#0f0f0f;padding:128px 68px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.services-photo .card-main{background-image:linear-gradient(rgba(24,24,24,0.5),rgba(24,24,24,0.5)),url(../images/bg-card-photo.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:38%;padding:2%;display:grid;place-items:center;border-radius:10px}.services-photo .list-card{width:60%;display:flex;flex-direction:row;flex-wrap:wrap}.services-photo .list-card .item{width:48%;height:130px;background-image:linear-gradient(rgba(24,24,24,0.8),rgba(24,24,24,0.8)),url(../images/bg-list-card.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:2%;margin:5px;border-radius:10px;display:grid;place-items:center}.services-photo .card-main .title{display:flex;text-align:left;align-items:center;margin-bottom:20px}.services-photo .card-main .title img{width:15%;margin-right:20px}.services-photo .card-main .title p{margin:0;font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:16px;letter-spacing:0;font-size:14px;color:#f7b526}.services-photo .card-main h3{font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:48px;letter-spacing:-1.2px;font-size:48px;color:#fff;justify-self:left}.services-photo .card-main p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:26px;letter-spacing:0;font-size:16px;color:#a1a1a1}.services-photo .list-card .item h4{font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:28px;letter-spacing:0;font-size:18px;color:#fff;justify-self:left}.services-photo .list-card .item p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:20px;letter-spacing:0;font-size:14px;color:#a1a1a1;justify-self:left}.services-video{background:#000;padding:128px 68px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.services-video .card-main{background-image:linear-gradient(rgba(24,24,24,0.5),rgba(24,24,24,0.5)),url(../images/bg-card-photo.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:38%;padding:2%;display:grid;place-items:center;border-radius:10px}.services-video .list-card{width:60%;display:flex;flex-direction:row;flex-wrap:wrap}.services-video .list-card .item{width:48%;height:130px;background-image:linear-gradient(rgba(24,24,24,0.8),rgba(24,24,24,0.8)),url(../images/bg-list-card.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:2%;margin:5px;border-radius:10px;display:grid;place-items:center}.services-video .card-main .title{display:flex;text-align:left;align-items:center;margin-bottom:20px}.services-video .card-main .title img{width:15%;margin-right:20px}.services-video .card-main .title p{margin:0;font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:16px;letter-spacing:0;font-size:14px;color:#f7b526}.services-video .card-main h3{font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:48px;letter-spacing:-1.2px;font-size:48px;color:#fff;justify-self:left}.services-video .card-main p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:26px;letter-spacing:0;font-size:16px;color:#a1a1a1}.services-video .list-card .item h4{font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:28px;letter-spacing:0;font-size:18px;color:#fff;justify-self:left}.services-video .list-card .item p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:20px;letter-spacing:0;font-size:14px;color:#a1a1a1;justify-self:left}.area-title-contact{background:#0f0f0f;padding:5%;height:400px;display:flex;align-items:center}.area-title-contact .text h1{font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:20px;letter-spacing:4.2px;font-size:14px;color:#f7b526}.area-title-contact .text h2{font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:72px;letter-spacing:-1.8px;font-size:72px;color:#fff}.area-title-contact .text p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:28px;letter-spacing:0;font-size:18px;color:#a1a1a1}.contact-container{width:100%;overflow:hidden}.contact-wrapper{display:grid;grid-template-columns:1.5fr 1fr;background:#000}.form-section{padding:40px}.form-section h2{margin-bottom:25px;font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:36px;letter-spacing:-0.75px;font-size:30px;color:#fff}.input-group{display:flex;gap:15px;margin-bottom:15px}.input-group input,.input-group select{flex:1}input,select,textarea{width:100%;padding:12px 15px;border:1px solid #2a2a2a;border-radius:8px;outline:0;font-size:14px;background:#181818;color:#fff}textarea{resize:none;margin-bottom:20px}input:focus,select:focus,textarea:focus{border-color:#2a2a2a;color:#fff}select,::picker(select){appearance:base-select}::picker(select){background-color:#f0f0f0;border:1px solid #2a2a2a;padding:10px}option:checked{background-color:#f7b526;color:white}a.btn-contact{padding:10px;background:#f7b526;color:#000;border:0;border-radius:2px;cursor:pointer;transition:.3s;font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:20px;letter-spacing:.7px;font-size:14px;text-decoration:none}a.btn-contact:hover{background:#1d1910;color:#f7b526}.info-section{padding:40px;background:#000;display:flex;flex-direction:column;gap:30px}.info-section h2{margin-bottom:15px;font-family:'Outfit-Bold',sans-serif;font-weight:700;line-height:36px;letter-spacing:-0.75px;font-size:30px;color:#fff}.info-section h3{font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:24px;letter-spacing:-0.4px;font-size:16px;color:#fff}.item-contact{display:flex;align-items:center;margin:10px 0}.item-contact a{text-decoration:none;transition:.3s}.item-contact a:hover{color:#f7b526}.item-contact i{font-size:30px;border:1px solid #2a2a2a;color:#f7b526;width:60px;background:#181818;padding:10px}.item-contact .text{margin-left:10px}.item-contact .text h4{font-family:'Outfit-Medium',sans-serif;font-weight:500;line-height:20px;letter-spacing:0;font-size:14px;color:#fff;margin:0}.item-contact .text p{font-family:'Outfit-Regular',sans-serif;font-weight:400;line-height:20px;letter-spacing:0;font-size:14px;color:#a1a1a1;margin:0}.social-icons{display:flex;gap:10px}.social-icons a{text-decoration:none;padding:8px 15px;background:#2a2a2a;border-radius:5px;color:#a1a1a1;font-size:20px;transition:.3s}.social-icons a:hover{background:#000;color:#fff}.map-container{width:100%;height:200px;border-radius:10px;overflow:hidden;margin-top:auto}.map-container iframe{width:100%;height:100%;border:0}button:focus{outline:0}@media(min-width:1720px){.mini-title{width:15%}.banner .text{top:16%}.banner .description{top:16%}header nav .logo{width:13%;left:4%}footer .text-footer img{width:55%}header nav{padding:35px 0}.modal-content-reel{width:100%;max-width:450px}.banner img{height:1110px}a.btn-contactus{padding:10px 30px}.btn-open-popup{bottom:35px}.slider-container-manual{max-width:1350px}.prev-btn{left:-100px}.next-btn{right:-100px}.nav-btn{width:55px;height:55px}.videotron{position:relative;bottom:20px}}@media(max-width:992px){.gallery-container{column-count:2}.photo-layout-wrapper{flex-direction:column;gap:20px}.photo-sidebar{flex:0 0 100%;width:100%;position:relative;top:0;margin-bottom:20px}.vertical-filter{flex-direction:row;justify-content:center;flex-wrap:wrap}.btn-filter-photo{width:auto;border:1px solid #2a2a2a;border-radius:50px;padding:8px 20px;font-size:11px;color:#a1a1a1}.btn-filter-photo.active{background:#1d1910;border-color:#f7b526}.btn-filter-photo:hover .filter-text,.btn-filter-photo.active .filter-text{color:#f7b526}.filter-line{display:none}.gallery-container{column-count:2}.modal-content{width:80%}}@media(max-width:768px){header nav{justify-content:center;padding:15px 0}.hamburger{display:flex;position:absolute;left:5%}header nav .logo{width:30%;position:static;margin:0 auto}header .quote-area{display:none}header nav .menu{position:fixed;top:0;left:-100%;width:70%;height:100vh;background:rgba(0,0,0,0.95);transition:.4s;padding-top:80px}header nav .menu.active{left:0}header nav .menu ul{flex-direction:column;align-items:center;gap:30px}header nav .menu ul li a{font-size:18px}footer{padding:40px 20px}footer .bg-footer{flex-direction:column;gap:40px}footer .text-footer,footer .menu-footer,footer .menu-service-footer,footer .menu-contact-footer{width:100%;text-align:left}footer .text-footer img{width:150px}footer .sosmed-area .item-sosmed{width:30px;margin:0 15px 0 0}footer .menu-footer .title,footer .menu-service-footer .title,footer .menu-contact-footer .title{margin-bottom:15px;font-family:'Outfit-Bold',sans-serif;letter-spacing:1px}footer .menu-contact-footer .item-menu{align-items:flex-start;margin-bottom:12px}footer .menu-contact-footer .item-menu img{margin-top:4px}.gallery-container{column-count:1;column-gap:10px}.photo-item{margin-bottom:10px}.modal{backdrop-filter:blur(2px)}.modal-content{width:95%;margin:20px auto}.modal-description-container{flex-direction:column;margin-top:0;padding:20px;gap:30px;text-align:left}.modal-gradient-overlay{height:290px;background:linear-gradient(180deg,rgba(24,24,24,0.8) 0,rgba(24,24,24,1) 50%,rgba(24,24,24,1) 100%)}.desc-year{font-size:24px}.desc-text{font-size:14px}.contact-wrapper{grid-template-columns:1fr}.input-group{flex-direction:column;gap:15px}.info-section{border-left:0;border-top:1px solid #eee}.area-porto,.area-ourservice,.area-quote{padding:25px}.title h2{font-size:30px;line-height:30px;margin:10px}.title p{font-size:14px;line-height:20px}.switch-section{margin:30px 0;padding:0 5px}.switch-controls{margin-bottom:15px}.btn-switch{padding:10px;font-size:12px}#video-list.content-item,.video-grid{grid-template-columns:1fr;gap:15px}.modal-content{width:90%;max-width:100%;margin:20px auto}.close-modal{top:5px;right:15px;font-size:35px;z-index:2100;text-shadow:0 0 10px rgba(0,0,0,1)}.desc-left,.desc-right{flex:none;width:100%}.desc-year{font-size:16px;margin-bottom:10px}.desc-text{font-size:14px;line-height:22px}.info-item{padding-bottom:10px;margin-bottom:5px}.info-item .label,.info-item .value{font-size:13px}.video-overlay{gap:0;padding:10px}.list-ourservice{grid-template-columns:1fr;gap:10px;padding:10px}.item-ourservice{padding:10px;flex-direction:column;align-items:flex-end}.numb-shadow{display:none}.mini-title{padding:10px;width:60%;margin-bottom:20px}span.gold{font-size:30px;line-height:30px}.btn-quote{padding:10px;width:60%}.title-line{width:80%}.area-ourstory{padding:10px;flex-direction:column}.banner .text{top:6%;left:2%}.desc-ourstory{width:100%}.banner .text h1{line-height:0}.banner .text h2{line-height:40px;font-size:28px;letter-spacing:0}.desc-ourstory h2{font-size:24px;line-height:24px;letter-spacing:0}.desc-ourstory p{font-size:14px;line-height:20px}.list-ourstory{width:100%;gap:5px}.area-ourvision,.area-chooseus{padding:10px}.area-ourvision .text{padding:0}.area-ourvision .text h2{font-size:24px;line-height:24px;letter-spacing:0}.area-chooseus .title h2{font-size:30px;line-height:24px;letter-spacing:0}.area-chooseus .list-chooseus,.list-ourteam{margin:20px 0;flex-direction:column;gap:10px}.area-chooseus .list-chooseus .item-chooseus,.item-ourteam{width:100%;flex-direction:column;align-items:center}.area-ourteam{padding:10px}.item-ourteam .desc{width:95%;margin:10px auto;text-align:center}.item-ourteam .desc p{text-align:left;font-size:14px}.item-ourteam .desc span{font-size:14px}.item-ourteam .desc ul li{text-align:left;font-size:14px}.area-contactus{padding:30px}.btn-contactus{width:50%;margin:20px 0;padding:15px}.banner .description{position:relative;top:0;left:2%;width:98%}.banner .count-project{position:unset}.count-project .item{width:50%;text-align:center}.services-photo{padding:10px;flex-direction:column}.services-photo .card-main h3,.services-video .card-main h3{line-height:24px;font-size:24px;letter-spacing:0}.services-photo .card-main,.services-photo .list-card,.services-video .list-card{width:100%}.services-photo .list-card .item,.services-video .list-card .item{width:100%;gap:10px}.services-video{padding:10px;flex-direction:column-reverse}.services-video .card-main{width:100%}.area-quote .text{margin:30px 0}.btn-filter-photo .active{background:#f7b526;color:#000;border-color:#f7b526}.area-title-contact{padding:10px;height:400px}.area-title-contact .text h2{font-size:28px;line-height:50px;letter-spacing:0}.form-section,.info-section{padding:20px}a.btn-contact{font-size:12px}button.btn-contact{width:50%}.banner img{height:290px}.nav-btn{display:none !important}.reel-card-manual{flex:0 0 70%}.reels-wrapper-manual{padding:20px 20px}.close-btn-reel{top:-45px;right:-30px}.filter-categories{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:5px 20px 15px 20px;margin-left:-20px;margin-right:-20px}.filter-categories .btn-filter{flex:0 0 auto;padding:10px 20px;font-size:12px}.filter-categories::-webkit-scrollbar{display:none}.filter-categories{-ms-overflow-style:none;scrollbar-width:none}.btn-filter-photo{flex:0 0 auto}.form-section h2{font-size:20px;margin-bottom:10px}.info-section h2{font-size:20px}.item-contact i{font-size:14px;width:40px}.social-icons a{font-size:14px}.slider-container-manual{margin-top:10px}}