header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;position:absolute;top:0;left:0;right:0;z-index:100;width:100%;box-sizing:border-box;transition:all 0.3s ease}header.text-white .hamburger-menu,header.text-white .hamburger-menu i{color:#fff!important}.header-transparent{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}.header-scrolled{position:fixed!important;background:#ECF3FC!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px rgb(0 0 0 / .1);z-index:1000}.nav-transparent{background:#fff0;backdrop-filter:none;-webkit-backdrop-filter:none}.nav-scrolled{background:rgb(255 255 255 / .1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;transition:all 0.3s ease}header.sticky{position:fixed;top:0;z-index:1000;width:100%}.backdrop-blur10px{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}header .logo img{height:50px;transition:opacity 0.3s ease}.header-logo{transition:all 0.3s ease}header .nav-menu{display:flex;list-style:none;padding-left:0;margin:0}header .nav-menu li{position:relative}header .nav-menu li a{text-decoration:none;color:#fff;font-size:16px;font-weight:400;display:block;padding:10px 10px;transition:color 0.3s ease,background-color 0.3s ease}.header-scrolled .nav-menu li a{color:#13132d}.header-scrolled .submenu li a{color:#fff}.ti-chevron-down{color:#fff!important;transition:color 0.3s ease}.header-transparent .ti-chevron-down,header.bg-transparent .ti-chevron-down,header.text-white .ti-chevron-down{color:#fff!important}.header-scrolled .ti-chevron-down,header.header-scrolled .ti-chevron-down,header.header-scrolled.text-white .ti-chevron-down{color:#13132d!important}header .nav-menu li:hover>.submenu{display:block;z-index:99;width:14rem}.submenu{display:none;position:absolute;top:100%;left:0;background:rgb(0 0 0 / .9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 16px rgb(0 0 0 / .3);min-width:180px;z-index:10;border-radius:8px}.submenu li a{padding:10px 15px;font-size:14px}header .nav-menu{margin-right:20px}header .nav-menu li:last-child{margin-right:0}.hamburger-menu{display:none;background:none;border:none;font-size:30px;color:#fff!important;cursor:pointer;z-index:1002;transition:color 0.3s ease}.header-transparent .hamburger-menu,.header-transparent .hamburger-menu i,.header-transparent .hamburger-menu .ti,header.bg-transparent .hamburger-menu,header.bg-transparent .hamburger-menu i,header.bg-transparent .hamburger-menu .ti{color:#fff!important}.header-scrolled .hamburger-menu,.header-scrolled .hamburger-menu i,.header-scrolled .hamburger-menu .ti,header.header-scrolled .hamburger-menu,header.header-scrolled .hamburger-menu i,header.header-scrolled .hamburger-menu .ti,header.header-scrolled.text-white .hamburger-menu,header.header-scrolled.text-white .hamburger-menu i,header.header-scrolled.text-white .hamburger-menu .ti{color:#13132d!important}.hero-section{padding-top:90px}@media (max-width:768px){.hamburger-menu{display:block!important}header.header-transparent .hamburger-menu,header.header-transparent .hamburger-menu i,header.bg-transparent .hamburger-menu,header.bg-transparent .hamburger-menu i{color:#fff!important}header.header-scrolled .hamburger-menu,header.header-scrolled .hamburger-menu i,header.header-scrolled .hamburger-menu .ti,header.header-scrolled.text-white .hamburger-menu,header.header-scrolled.text-white .hamburger-menu i,header.header-scrolled.text-white .hamburger-menu .ti{color:#13132d!important}.header-scrolled{background:rgb(255 255 255 / .98)!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}header.header-scrolled{background:rgb(255 255 255 / .98)!important}.main-nav{display:none;position:absolute;top:90px;left:0;right:0;width:100%;flex-direction:column;z-index:999;transition:all 0.3s ease;max-height:calc(100vh - 90px);overflow-y:auto;overflow-x:hidden}.main-nav.nav-transparent{background:rgb(0 0 0 / .95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgb(255 255 255 / .1)}.main-nav.nav-scrolled{background:rgb(255 255 255 / .98)!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid rgb(19 19 45 / .1)}.main-nav.nav-scrolled .nav-menu li a{color:#13132d!important;border-bottom:1px solid rgb(19 19 45 / .08)}.main-nav.nav-transparent .nav-menu li a{color:#fff!important;border-bottom:1px solid rgb(238 238 238 / .15)}.main-nav.active{display:flex;padding:10px}.main-nav::-webkit-scrollbar{width:4px}.main-nav::-webkit-scrollbar-track{background:rgb(255 255 255 / .1);border-radius:2px}.main-nav::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .3);border-radius:2px}.main-nav::-webkit-scrollbar-thumb:hover{background:rgb(255 255 255 / .5)}.main-nav{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}header .nav-menu{flex-direction:column;width:100%;margin:0}header .nav-menu li a{padding:15px 25px;padding-right:60px;text-align:left;border-bottom:1px solid rgb(238 238 238 / .15);display:flex;align-items:center;position:relative;font-size:15px;font-weight:500}.main-nav.nav-transparent header .nav-menu li a:hover,.main-nav.active.nav-transparent .nav-menu li a:hover{background-color:rgb(255 255 255 / .05)}.main-nav.nav-scrolled header .nav-menu li a:hover,.main-nav.active.nav-scrolled .nav-menu li a:hover{background-color:rgb(19 19 45 / .05)}.main-nav.active.nav-transparent .nav-menu li a{color:#fff}.main-nav.active.nav-scrolled .nav-menu li a{color:#13132d}header .nav-menu li:hover>.submenu{display:none}header .nav-menu li.active>.submenu{display:block;width:calc(100% - 40px);margin-left:20px;margin-right:20px}.submenu{position:relative;top:0;left:0;width:calc(100% - 40px);margin:8px 20px;box-shadow:none;display:none;background:rgb(255 255 255 / .1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgb(255 255 255 / .15)}.main-nav.nav-scrolled .submenu{background:rgb(19 19 45 / .08);border:1px solid rgb(19 19 45 / .12)}.submenu li a{padding:12px 20px;font-size:14px;border-bottom:1px solid rgb(255 255 255 / .08)}.main-nav.nav-scrolled .submenu li a{color:#13132d!important;border-bottom:1px solid rgb(19 19 45 / .08)}.main-nav.nav-transparent .submenu li a{color:#fff!important}.submenu li:last-child a{border-bottom:none}.nav-menu i{position:absolute;right:28px;font-size:18px}.ti-chevron-down{pointer-events:auto;cursor:pointer;position:absolute;right:20px;top:50%;transform:translateY(-50%);padding:8px;background:rgb(255 255 255 / .15);border-radius:6px;transition:all 0.3s ease;z-index:10;color:#fff}.main-nav.nav-scrolled .ti-chevron-down,.main-nav.active.nav-scrolled .ti-chevron-down{background:rgb(19 19 45 / .1);color:#13132d!important}.main-nav.nav-transparent .ti-chevron-down,.main-nav.active.nav-transparent .ti-chevron-down{background:rgb(255 255 255 / .15);color:#fff!important}.ti-chevron-down:hover{background:rgb(255 255 255 / .25)}.main-nav.nav-scrolled .ti-chevron-down:hover,.main-nav.active.nav-scrolled .ti-chevron-down:hover{background:rgb(19 19 45 / .2)}.main-nav.nav-transparent .ti-chevron-down:hover,.main-nav.active.nav-transparent .ti-chevron-down:hover{background:rgb(255 255 255 / .25)}.ti-chevron-down:active{transform:translateY(-50%) scale(.95)}.menu-link{display:flex;align-items:center;width:100%}.menu-item-has-children>.menu-link{padding-right:60px}.menu-item-has-children.active>.menu-link .ti-chevron-down{transform:translateY(-50%) rotate(180deg);background:rgb(255 255 255 / .2)}.hero-section{padding-top:80px}}@media (min-width:769px){.hamburger-menu{display:none}.depth-1{left:14rem;top:0}.depth-0{top:40px}.depth-2{left:14rem;top:0}.header-scrolled{background:#ECF3FC!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all 0.3s ease;box-shadow:0 4px 20px rgb(0 0 0 / .08)}.header-scrolled .nav-menu li a{color:#13132d}.header-scrolled .submenu li a{color:#fff}.main-nav.nav-scrolled{background:#fff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;padding:5px 10px}}.ti-chevron-down-m{position:absolute;right:28px;font-size:18px}header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgb(0 0 0 / .3) 0%,transparent 100%);z-index:-1;pointer-events:none;opacity:0;transition:opacity 0.3s ease}.header-transparent::before{opacity:1}.header-scrolled::before{opacity:0}header .cta-button{background-color:#fff0;border:2px solid #fff;color:#fff;padding:8px 16px;text-decoration:none;transition:all 0.3s ease}.header-scrolled .container{padding-top:.75rem;padding-bottom:.75rem;transition:all 0.3s ease}header{z-index:1000}.main-nav{z-index:1001}.hamburger-menu{z-index:1002}header,.main-nav,.submenu{transition:all 0.3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.main-nav.active.nav-scrolled{background:rgb(255 255 255 / .98)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgb(19 19 45 / .12)}.main-nav.active.nav-transparent::before{content:'';position:sticky;top:0;height:30px;background:linear-gradient(to bottom,rgb(0 0 0 / .95),transparent);z-index:1;pointer-events:none;display:block}.main-nav.active.nav-transparent::after{content:'';position:sticky;bottom:0;height:30px;background:linear-gradient(to top,rgb(0 0 0 / .95),transparent);z-index:1;pointer-events:none;display:block}.main-nav.active.nav-scrolled::before{content:'';position:sticky;top:0;height:30px;background:linear-gradient(to bottom,rgb(255 255 255 / .98),transparent);z-index:1;pointer-events:none;display:block}.main-nav.active.nav-scrolled::after{content:'';position:sticky;bottom:0;height:30px;background:linear-gradient(to top,rgb(255 255 255 / .98),transparent);z-index:1;pointer-events:none;display:block}.main-nav .nav-menu{padding-top:10px;padding-bottom:30px}.main-nav .nav-menu li:first-child a{margin-top:5px}.main-nav .nav-menu li:last-child a{margin-bottom:5px;border-bottom:none}}.liquid-glass{background:linear-gradient(135deg,rgb(255 255 255 / .1),rgb(255 255 255 / .05));backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .18)}.liquid-glass::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgb(59 130 246 / .1) 0%,rgb(147 51 234 / .1) 25%,rgb(236 72 153 / .1) 50%,rgb(245 158 11 / .1) 75%,rgb(34 197 94 / .1) 100%);border-radius:inherit;z-index:-1}.why-choice-juara-swiper .swiper-wrapper{display:flex!important;align-items:stretch!important}.why-choice-juara-swiper .swiper-slide{height:auto!important;display:flex!important;align-items:stretch!important}.why-choice-juara-swiper .liquid-glass{display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:450px!important;height:100%!important}.why-choice-juara-swiper .liquid-glass p{flex:1 1 auto!important;display:flex!important;align-items:center!important}