body{font-family:Roboto}header{position:fixed;top:0;width:100%;z-index:9999;transition:all .3s ease}header.sticky{background-color:#ffffff7f}header ul.navbar-nav .nav-item .nav-link{font-size:20px;color:#fff9;padding:10px 0;display:inline-block;line-height:normal;text-transform:uppercase}header ul.navbar-nav .nav-item .nav-link:hover{color:#fff}header ul.navbar-nav{padding-left:32px}header .navbar-brand{z-index:9999}header .menu-icon{width:36px;height:18px;position:relative;cursor:pointer;z-index:99999}header .menu-icon div{width:100%;height:3px;background-color:#fff;position:absolute;transition:all .6s ease}header .menu-icon .line1{top:0}header .menu-icon .line2{bottom:0}header .menu-icon.open .line1{top:6px}header .menu-icon.open .line1{transform:rotate(145deg)}header .menu-icon.open .line2{transform:rotate(-145deg);bottom:10px}.header-element{display:flex;gap:10px;align-items:center}.header-element .dropdown .btn.btn-secondary{padding:0 20px 0 0;background-color:transparent;border:0;color:#333;width:40px}.header-element .dropdown .btn.btn-secondary:after{vertical-align:middle;color:#fff}.header-element .dropdown img{width:20px}.header-element .dropdown .dropdown-item.active,.header-element .dropdown .dropdown-item:hover{background-color:#333;color:#fff}#menuOffcanvas{width:50%;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #0000009a;z-index:9999;border:0}#menuOffcanvas .offcanvas-body{display:flex;align-items:center;padding:0}.bar{height:160px;width:4px;border-radius:10px;background:#ffffff7a}footer{padding:30px 0;background-color:#fff;border-top:1px solid #ccc;position:relative}footer .footer-info p{max-width:70%}footer .footer-menu ul.navbar-nav li .nav-link{color:#02b546;padding-top:0;padding-bottom:0;margin-bottom:15px;display:inline-block}footer .footer-menu ul.navbar-nav li .nav-link:hover{color:#000}footer .footer-project ul.navbar-nav li .nav-link{padding-top:0;padding-bottom:0}footer .footer-project ul.navbar-nav li .nav-link:hover{color:#02b546}footer .footer-bottom{text-align:center;margin-top:15px}footer .footer-bottom p{margin-bottom:0}footer .footer-bottom a{color:#02b546;text-decoration:none}footer .footer-bottom a:hover{color:#000}.split-container{position:relative;width:100%;height:100vh;display:flex;overflow:hidden}.split-container .left-side,.split-container .right-side{width:50%;height:100%;position:relative}.split-container .left-side:before,.split-container .right-side:before{content:"";position:absolute;width:114%;height:100%;background-size:cover;background-position:center;z-index:1;transition:all .3s ease}.split-container .left-side:before{background-image:var(--bg-image-left);clip-path:polygon(-8% 0,100% 0,160% 100%,0% 100%)}.split-container .right-side:before{background-image:var(--bg-image-right);clip-path:polygon(0% 0,100% 0,100% 100%,22% 100%);width:120%;margin-left:-13%}.split-container .left-side:after,.split-container .right-side:after{content:"";position:absolute;top:0;width:114%;height:100%;transition:all .3s ease;background-size:cover;background-position:center;z-index:1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.split-container .left-side:after{left:-114%;clip-path:polygon(-8% 0,100% 0,160% 100%,0% 100%)}.split-container .left-side:hover:after{left:0}.split-container .right-side:after{right:-111.5%;clip-path:polygon(-1.5% 0,100% 0,100% 100%,22% 100%);width:111.3%;margin-left:-13%}.split-container .right-side:hover:after{right:0}.split-container .divider{position:absolute;top:0;bottom:0;left:50%;width:4px;background:white;transform:skew(21deg);z-index:2;display:none}.split-container .label{position:absolute;bottom:30px;z-index:3;color:#fff;font-size:24px;font-weight:700;text-shadow:1px 1px 4px rgba(0,0,0,.8);transition:all .3s ease;text-transform:uppercase}.split-container .right-side .label{right:-100%}.split-container .left-side .label{left:-100%}.split-container .left-side:hover .label{left:30px}.split-container .right-side:hover .label{right:30px}.about{position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.about .about-bg-content{background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transform-origin:center;transition:transform 4s ease;position:absolute;overflow-x:hidden;overflow-y:hidden;transform:scale(1.5)}.about .about-content{padding-top:60px;padding-bottom:40px;width:100%;position:relative;z-index:9}.about .about-content .about-img{width:100%;position:relative;height:60vh}@property --a{syntax: "<angle>"; initial-value: 0deg; inherits: false}svg.border-animation[aria-hidden=true]{position:fixed}@keyframes a{to{--a: 1turn }}.about .about-content .about-img .image-box{border-radius:calc(2 * var(--b));box-sizing:border-box;border:solid var(--b) #0000;padding:3px;background:transparent;aspect-ratio:1;object-fit:cover;background:repeating-conic-gradient(from var(--a, 0deg),var(--l, #0000 0% 70%, #fefeff7f)) border-box;filter:var(--f, url(#glow-0));animation:a 3.5s linear infinite}.about .about-content .about-img .right-image{position:absolute;width:48%;left:0;top:180px;-webkit-animation:rightImgMover 2s infinite alternate;animation:rightImgMover 2s infinite alternate}.about .about-content .about-img .left-image{position:absolute;right:0;width:48%;-webkit-animation:mover 2s infinite alternate;animation:mover 2s infinite alternate}.about .about-content .about-img .left-image img,.about .about-content .about-img .right-image img{width:100%}@-webkit-keyframes mover{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes mover{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@-webkit-keyframes rightImgMover{0%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes rightImgMover{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.about .about-content .logo-content{padding:10px 20px 0;display:flex;gap:30px;align-items:center}.about .about-content .logo-content a{display:block;width:20%}.about .about-content .logo-content img{width:100%}.about .about-content .content{color:#fff;padding-right:25px}.about .about-content .content .title{font-size:46px;font-weight:700;padding-bottom:40px;text-transform:uppercase;color:#02b546}.about .about-content .content .title span{color:#fff}.about .about-content .logo_title{font-size:34px;font-weight:700;padding:20px 20px 0;color:#fe0100}.about .about-content .logo-list{width:90%;margin:auto}footer .footer-project{display:flex}.contact{background-color:#fafafa;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden;height:100vh}.contact .contact-bg-content{background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;transform-origin:center;transition:transform 4s ease;position:relative;overflow-x:hidden;overflow-y:hidden}.contact .contact-bg-content .contact-connect{font-size:2.5rem;text-transform:uppercase;margin:auto;text-align:center;position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(100%);transition:color 2s ease,transform 2s ease}.contact .contact-content-main{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0}.contact .contact-details{width:30%;height:100%;padding:80px 40px 80px 80px;background-color:#000c;display:flex;flex-direction:column;transform:translate(-100%)}.contact-details-mob{display:none}.contact .contact-form{width:70%;height:100%;background-color:#00000080;padding:80px 80px 80px 40px;display:flex;justify-content:center;align-items:center;transform:translate(100%)}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.contact .title{color:#02b546;font-size:34px;font-weight:700;margin-bottom:30px}.contact .address{color:#fff;padding-top:30px}.contact .address p{font-weight:300;line-height:normal}.contact .address a{font-size:16px;color:#fff;text-decoration:none;font-weight:300}.contact .content-info input::placeholder,.contact .content-info textarea::placeholder{color:#ffffffb1;text-transform:uppercase}.contact .content-info{padding:30px 30px 100px;background-color:transparent;width:55%}.contact .content-info .contact-form-title{margin-bottom:40px;color:#fff}.contact .content-info .form-control{background-color:transparent;border-radius:0;border:0;border-bottom:1px solid white;color:#fff;padding:15px 0}.contact .content-info .btn{border:1px solid rgba(255,255,255,.8);background-color:transparent;padding:5px 35px;width:100%;height:50px;text-transform:uppercase;letter-spacing:3px;border-radius:4px;background-position:center;background-repeat:repeat-x}.contact .content-info .btn:hover{border:1px solid #02b546;background-color:#02b546;border-radius:4px;padding:5px 35px;background-image:none!important}.form-control:focus{box-shadow:none}section.page-title{height:600px;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}section.page-title h1{font-size:60px}.project-list{position:relative;width:100%}.project-list .project-menu{position:absolute;z-index:99;display:flex;justify-content:center;height:100%;gap:15px;align-items:center;margin-left:15px}.project-list .project-menu .nav-link{text-align:left;border-radius:0;border-left:3px solid #02b546;padding-top:3px;padding-bottom:3px;color:#fff;font-size:18px;background-color:transparent;width:auto}.project-list .project-menu .nav-link.active{background-color:#333}.project-list .project-menu .project-title-slider{position:relative;display:flex;flex-direction:column;gap:10px}.project-menu-swiper{height:130px;min-width:110px;position:relative}.swiper-slide button{width:100%;padding:10px;background:#f1f1f1;border:none;cursor:pointer}.swiper-button-next,.swiper-button-prev{background:#333;width:30px;height:30px;color:#fff;opacity:1;position:relative;right:unset;top:unset;left:15px;bottom:unset;margin:0}.swiper-button-next:after,.swiper-button-prev:after{font-size:16px;rotate:90deg}.project-list .tab-pane,.project-list .tab-content,.project-list .tab-content .carousel-inner .carousel-item,.project-list .tab-content .carousel-inner .carousel-item img{width:100%}.project-list .tab-content .slider-arrow{position:sticky;width:100%;display:flex;justify-content:center;gap:5px;z-index:99;margin-top:-120px;padding-bottom:30px;bottom:0}.project-list .tab-content .slider-arrow div{display:flex;justify-content:space-between;gap:5px;width:90%}.project-list .tab-content .slider-arrow button.carousel-control-prev,.project-list .tab-content .slider-arrow button.carousel-control-next{position:relative;left:unset;top:unset;bottom:unset;width:auto;background-color:transparent;opacity:1;padding:5px}.carousel-control-prev-icon,.carousel-control-next-icon{width:5rem;height:5rem}.carousel-control-prev-icon:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2302b546'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2302b546'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.hero-banner{width:100%;height:100vh;display:flex}.hero-banner>div{width:100%;position:relative;overflow:hidden}.hero-banner>div.left-image{border-right:2px solid #fff}.hero-banner>div.right-image{border-left:2px solid #fff}.hero-banner>div:hover img{transform:scale(1.2)}.hero-banner img{width:100%;height:100vh;object-fit:cover;transition:all 1s ease}.hero-banner a{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-decoration:none;font-size:30px;display:flex;align-items:flex-end;padding:15px;cursor:pointer;text-transform:uppercase}.hero-banner .right-image a{justify-content:flex-end}@media (min-width: 1600px) and (max-width: 1920px){header ul.navbar-nav .nav-item .nav-link{font-size:24px}header .navbar-brand img{max-height:70px!important}}@media (min-width:1401px){.frontend .container{max-width:90%}}@media (min-width: 1280px){.about{height:100vh}}@media (max-width: 1199px){.about .about-content .about-img{height:auto}.about .about-content .logo-list{margin-top:80px}.contact .content-info{width:70%}}@media (max-width: 991px){.contact .content-info{padding-bottom:30px}.about .about-content .content{padding-right:25px}.about .about-content .content .title{padding-top:40px;text-align:center}section.page-title{height:400px}.about .about-content .about-img{height:550px}.about .about-content .logo-list{margin-top:0}.contact .contact-details{padding:80px 40px}}@media (max-width: 767px){.split-container{height:100vh;display:flex;flex-direction:column;gap:5px}.split-container .left-side,.split-container .right-side{height:50vh;width:100%}.split-container .divider{display:none}.split-container .left-side:before,.split-container .right-side:before{clip-path:unset}.split-container .left-side:after,.split-container .right-side:after{display:none}.entertainments header,.constructions header{position:sticky;background-color:#333}.entertainments header.sticky,.constructions header.sticky{background-color:#333}.carousel-control-prev-icon,.carousel-control-next-icon{width:40px;height:40px}.project-list .project-menu .nav-link{font-size:12px}.project-menu-swiper{height:80px;min-width:80px}.swiper-button-next,.swiper-button-prev{width:25px;height:25px}.swiper-button-next:after,.swiper-button-prev:after{font-size:14px}.project-list .tab-content .slider-arrow{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;gap:5px;z-index:99;margin-top:unset;padding-bottom:0}.about .about-content .content .title{padding-top:40px}.about .about-content .logo_title{text-align:center}.about .about-content{padding-bottom:80px}header .navbar-collapse{position:absolute;top:77px;width:100%;background-color:#fff;left:0;padding-left:15px;padding-right:15px}.contact .title,.contact .address{text-align:center}.contact .address{padding-top:0;margin-bottom:40px}footer .footer-info p{max-width:100%;font-size:13px;margin-top:25px!important}footer .footer-project{justify-content:flex-start}footer .footer-project .project-menu{margin-top:20px}footer .footer-menu .navbar-nav{margin-top:20px}section.page-title{height:300px}section.page-title h1{font-size:36px}.about .about-content .about-img{height:450px}.about .about-content .about-img .right-image{top:150px}.about .about-content .logo-content{flex-wrap:wrap;justify-content:center}.about .about-content .logo-content a{width:40%}.contact{height:auto}.contact-details-mob{display:block}.contact .content-info{max-width:500px;width:100%;padding:0}.contact .contact-details{display:none}.contact .contact-form{width:100%;flex-direction:column;padding:40px 20px}.contact .contact-bg-content{position:absolute;top:0;left:0;width:100%}.contact .contact-content-main{position:relative}.contact .contact-bg-content .contact-connect{font-size:32px}.hero-banner{height:auto}.hero-banner>div{height:100vh}.hero-banner>div.left-image{position:fixed}.hero-banner>div.right-image{margin-top:100vh;z-index:9}.hero-banner a,.hero-banner .right-image a{justify-content:center}}@media (max-width: 575px){.project-list .project-menu .nav-link{max-width:200px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.project-list .project-menu .swiper-button-next,.project-list .project-menu .swiper-button-prev{display:none}}@media (max-width: 480px){#menuOffcanvas{width:70%}.about .about-content .logo_title{font-size:24px}}@media (max-width: 375px){.about .about-content .about-img{height:250px}.about .about-content .about-img .right-image{top:100px}}