@import url('https://fonts.googleapis.com/css2?family=Belleza&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');*{margin: 0;padding: 0;box-sizing: border-box}html{overflow-x: hidden}::-webkit-scrollbar{width: 2px}::-webkit-scrollbar-track{background: #0088ff}::-webkit-scrollbar-thumb{background: #3654fc;border-radius: 10px}::-webkit-scrollbar-thumb:hover{background: #0099ff}*{scrollbar-width: thin;scrollbar-color: #0d84d3 #474747}html{scrollbar-width: thin;scrollbar-color: #0d84d3 #474747}.modal-open{padding-right: 0 !important}.modal-content{scrollbar-width: thin;scrollbar-color: #0d84d3 #474747}:root{--primary-color: #42C0E8;--secondary-color: #64A304;--c-glass: #bbbbbc;--c-light: #fff;--c-dark: #000;--c-content: #224;--c-action: #0052f5;--c-bg: #E8E8E9;--glass-reflex-dark: 1;--glass-reflex-light: 1;--saturation: 150%;--card-gap: 16px;--side-scale: 0.65}a,p,li,span,h1,h2,h3,h4,h5,h6{text-decoration: none;color: #fff;font-family: 'Noto Sans',sans-serif}p{font-weight: 300}body{overflow: hidden;height: 100vh;scrollbar-width: thin;scrollbar-color: #0d84d3 #474747}body.scroll-page{overflow-y: auto;overflow-x: hidden;height: auto}ul{padding: 0;margin: 0}li{list-style: none}.gradient-text{background: linear-gradient(to right,#42C0E8,#0084F0);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-family: 'Belleza',sans-serif;font-size: 40px}.social-pills{position: fixed;bottom: 8vh;right: 10%;display: flex;gap: 25px;border: 1px solid #42c0e86e;border-radius: 30px;padding: 10px 25px;z-index: 98;background-color: color-mix(in srgb,var(--c-glass) 12%,transparent);backdrop-filter: blur(10px) url(#switcher) saturate(var(--saturation));-webkit-backdrop-filter: blur(8px) saturate(var(--saturation))}.social-pills a{color: #fff;font-size: 24px;transition: color 0.3s ease}.social-pills a:hover{color: var(--primary-color)}.mobile-only{display: none !important}.hamburger-menu{width: 30px;height: 23px;position: relative;cursor: pointer;z-index: 1001;flex-direction: column;justify-content: space-between}.ham-bar{width: 100%;height: 3px;background-color: #fff;border-radius: 4px;transition: all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55)}header.menu-open .bar-top{transform: translateY(10.5px) rotate(45deg)}header.menu-open .bar-mid{opacity: 0;transform: scaleX(0)}header.menu-open .bar-bot{transform: translateY(-10.5px) rotate(-45deg)}body.no-scroll{overflow: hidden !important}header{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000}header .header-container{border-radius: 16px;padding: 15px 20px;background-color: color-mix(in srgb,#092234 40%,transparent);backdrop-filter: blur(10px) url(#switcher) saturate(var(--saturation));-webkit-backdrop-filter: blur(8px) saturate(var(--saturation));box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 1.8px 3px 0px -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),#00000000),inset -2px -2px 0px -1px color-mix(in srgb,#ffffff6e calc(var(--glass-reflex-light) * 80%),transparent),inset -3px -12px 1px -15px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -0.3px -1px 4px 0px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 11%),transparent),inset -0.5px -0.5px 0px -4px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0px 4px 1px -13px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 2px 0.5px 6px 3px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0px 1px 10px 0px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),0px 40px 60px 0px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent);transition: background-color 400ms cubic-bezier(1,0.0,0.4,1),box-shadow 400ms cubic-bezier(1,0.0,0.4,1);margin: 40px auto}header nav{height: 55px;display: flex;align-items: center;justify-content: center}.enquiry-btn{height: 55px;display: flex;align-items: center;justify-content: end}.enquiry-btn a button{background: linear-gradient(to right,#7EB924,#64A304,#7EB924,#64A304);background-size: 300% 100%;border-radius: 10px;padding: 8px 30px;border: none;color: #fff;font-size: 16px;cursor: pointer;transition: all 0.5s ease-in-out}.enquiry-btn a button:hover{background-position: 100% 0}header .logo img{width: 250px}.SMN_effect-31 a{position: relative;overflow: hidden;display: block;text-align: start;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;padding: 0}.SMN_effect-31 a span{display: block;-webkit-transition: -webkit-transform 500ms cubic-bezier(0.68,-0.55,0.265,1.55);transition: -webkit-transform 500ms cubic-bezier(0.68,-0.55,0.265,1.55);transition: transform 500ms cubic-bezier(0.68,-0.55,0.265,1.55);transition: transform 500ms cubic-bezier(0.68,-0.55,0.265,1.55),-webkit-transform 500ms cubic-bezier(0.68,-0.55,0.265,1.55)}.SMN_effect-31 a:after{position: absolute;top: 100%;left: 0;right: 0;content: attr(data-hover);display: inline;text-align: center;-webkit-transition: top 500ms cubic-bezier(0.68,-0.55,0.265,1.55);transition: top 500ms cubic-bezier(0.68,-0.55,0.265,1.55)}.SMN_effect-31 a:hover{color: #42C0E8;font-weight: 400}.SMN_effect-31 a:hover span{color: #42C0E8;-webkit-transform: translateY(-100%);transform: translateY(-100%)}.SMN_effect-31 a:hover:after{top: 0}.SMN_effect-31 a:active{-webkit-animation-name: rubberBand;animation-name: rubberBand}nav ul{list-style: none;display: flex;gap: 30px}nav ul li{position: relative}nav ul li a{font-weight: 300;gap: 5px;color: #ffffffcf}.active-header a{color: #fff;font-weight: 500}.unactive-header a{color: #ffffffcf;font-weight: 300}.arrow{font-size: 10px;display: inline-block;transition: transform 0.25s ease}.has-dropdown .dropdown{display: flex;flex-direction: column;position: absolute;top: calc(100% + 10px);left: 0;min-width: 160px;background: rgb(0 20 33 / 73%);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);border: 1px solid #e5e7eb87;border-radius: 8px;box-shadow: 0 8px 24px rgba(0,0,0,0.12);padding: 6px 0;gap: 0;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-6px);transition: opacity 0.25s ease,transform 0.25s ease,visibility 0.25s ease;z-index: 1000}.has-dropdown .dropdown::before{content: '';position: absolute;top: -15px;left: 0;width: 100%;height: 15px}.has-dropdown:hover .dropdown{opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0)}.has-dropdown:hover .arrow{transform: rotate(180deg)}.has-dropdown .dropdown li a{display: block;padding: 10px 18px;color: #ffffff;font-size: 14px;white-space: nowrap;transition: background 0.2s ease,color 0.2s ease}.has-dropdown .dropdown li a:hover{background: #ffffff56;color: #ffffff}.has-dropdown i{font-size: 12px}.hero-section{position: absolute;top: 0;left: 0;background-image: url(../images/hero-bg.webp);background-size: cover;background-position: center;background-repeat: no-repeat;height: 100vh;width: 100%;z-index: 1}.hero-content{height: 93dvh;display: flex;align-items: flex-end}.hero-content h1{font-size: 40px;font-weight: 400;line-height: 1.2;color: #fff}.hero-content h1 .hero-reveal{display: block}.hero-content h1 span{color: #fff}.hero-content h1 .hero-reveal.gradient-text{font-size: 65px}.about-slider-section{position: absolute;top: 0;left: 0;width: 100%;background-color: #060e15;background-image: linear-gradient(to right,rgb(255 255 255 / 2%) 2px,transparent 2px),linear-gradient(to bottom,rgba(255,255,255,0.02) 2px,transparent 2px);background-size: 50px 50px;color: #fff;height: 100dvh;padding-top: 25vh;overflow: hidden;z-index: 2;clip-path: circle(0% at 50% 50%)}.about-slider-section .badge-tag{display: inline-block;border: 1px solid rgb(100 163 4);border-radius: 30px;padding: 6px 16px;font-size: 15px;font-weight: 400;margin-bottom: 50px;color: rgb(255 255 255)}.images-container{display: flex;align-items: center;justify-content: center;position: relative}.img-1,.img-2{margin: 10px;rotate: 2deg;position: relative}.img-1::before{content: "";position: absolute;bottom: -10px;left: -10px;width: 180px;height: 180px;background-color: var(--primary-color);z-index: -1;border-radius: 10px 10px 10px 25px}.img-2::before{content: "";position: absolute;top: -10px;right: -10px;width: 180px;height: 180px;background-color: var(--secondary-color);z-index: -1;border-radius: 10px 25px 10px 10px}.img-1 img,.img-2 img{border-radius: 20px}.img-box img{width: 100%;height: 100%;object-fit: cover;border-radius: 12px}.mv-text{height: 70px}.text-content p{color: rgba(255,255,255,0.85);font-size: 16px;line-height: 1.6;margin-bottom: 20px;max-width: 95%}.bottom-nav-container{position: absolute;bottom: 8dvh;width: 100%;display: flex;justify-content: space-between;align-items: flex-end;left: 0}.bottom-nav-links{display: flex;gap: 40px}.nav-item{font-size: 16px;color: rgba(255,255,255,0.5);cursor: pointer;position: relative}.nav-item.active{color: #ffffff}.nav-item .loader-track{position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: rgb(255,255,255);display: none}.nav-item.active .loader-track{display: block}.nav-item .loader-line{width: 0%;height: 100%;background-color: #64a304;transition: width 0.1s linear;position: relative}.nav-item.is-completed{color: #fff}.nav-item.is-completed .loader-track{display: block}.nav-item.is-completed .loader-line{width: 100% !important}.nav-item.is-completed .loader-plane{display: none}.loader-plane{position: absolute;right: -10px;top: 50%;transform: translateY(-50%) rotate(0deg);font-size: 14px;color: #fff}.vision-img img,.mission-img img{height: 250px;border-radius: 25px}.img-1-mob{rotate: 0deg !important}.course-gradient{z-index: 0;pointer-events: none;transform: scale(1)}.courses-section{position: relative;width: 100%;background-color: #060e15;background-image: linear-gradient(to right,rgb(255 255 255 / 2%) 2px,transparent 2px),linear-gradient(to bottom,rgba(255,255,255,0.02) 2px,transparent 2px);background-size: 50px 50px;color: #fff;height: 100vh;padding-top: 22vh;overflow: hidden}.courses-title{margin-bottom: 0}.courses-slider{position: relative;width: 100%;height: 52vh;margin-top: 4vh;overflow: visible}.courses-track{position: relative;width: 100%;height: 100%}.course-card{position: absolute;top: 0;left: 50%;width: 55vw;height: 100%;border-radius: 25px;overflow: hidden;transition: all 0.65s cubic-bezier(0.23,1,0.32,1);will-change: transform,opacity}.course-card img{width: 100%;height: 100%;object-fit: cover;display: block}.course-card::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 55%;background: linear-gradient(to top,rgba(0,0,0,0.85) 0%,transparent 100%);pointer-events: none;z-index: 1}.card-overlay{position: absolute;bottom: 30px;left: 35px;z-index: 2;opacity: 0;transform: translateY(10px);transition: opacity 0.4s ease 0.25s,transform 0.4s ease 0.25s}.card-label{font-family: 'Noto Sans',sans-serif;font-size: 20px;font-weight: 300;margin-bottom: 2px;color: #fff}.card-title{font-family: 'Belleza',sans-serif;font-size: 35px;font-weight: 400;margin: 0;color: #fff}.card-duration{position: absolute;top: 25px;right: 33px;font-family: 'Belleza',sans-serif;font-size: 18px;font-weight: 400;color: #ffffff;background-color: rgb(0 0 0 / 40%);backdrop-filter: blur(10px);padding: 5px 20px;border-radius: 20px;z-index: 3;opacity: 0;transform: translateY(8px);transition: opacity 0.4s ease 0.25s,transform 0.4s ease 0.25s;border: 1px solid #64a30457}.course-card.is-active .card-duration{opacity: 1;transform: translateY(0)}.course-card.is-prev .card-duration,.course-card.is-next .card-duration{opacity: 0.7;transform: translateY(0);font-size: 18px}.course-card.is-active{transform: translateX(-50%) scale(1);opacity: 1;z-index: 5}.course-card.is-active .card-overlay{opacity: 1;transform: translateY(0)}.course-card.is-prev{transform: translateX(calc(-50% - 51.4vw - 16px)) scale(0.85);transform-origin: center top;opacity: 0.7;z-index: 3}.course-card.is-prev .card-overlay{opacity: 1;transform: translateY(0)}.course-card.is-next{transform: translateX(calc(-50% + 51.4vw + 16px)) scale(0.85);transform-origin: center bottom;opacity: 0.7;z-index: 3}.course-card.is-next .card-overlay{opacity: 1;transform: translateY(0)}.course-card.is-hidden-left{transform: translateX(calc(-50% - 120vw)) scale(0.6);transform-origin: center top;opacity: 0;z-index: 1}.course-card.is-hidden-right{transform: translateX(calc(-50% + 120vw)) scale(0.6);transform-origin: center bottom;opacity: 0;z-index: 1}.cs-nav-btn{position: absolute;width: 42px;height: 42px;border-radius: 50%;border: none;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;color: #fff;font-size: 15px;transition: transform 0.25s ease,opacity 0.3s}.cs-nav-btn:hover{transform: scale(1.12)}.cs-nav-btn.is-hidden{opacity: 0;pointer-events: none}.cs-prev{background-color: #2196F3;left: calc(50% - 27.5vw - 40px - 21px);bottom: 0}.cs-next{background-color: var(--secondary-color);right: calc(50% - 27.5vw - 40px - 21px);top: 0}.cs-counter{position: absolute;bottom: 6vh;left: 4vw;font-family: 'Noto Sans',sans-serif;font-size: 16px;font-weight: 400;color: rgba(255,255,255,0.7)}.cs-counter #cs-current{color: #fff;font-weight: 600}.opportunities-section{position: relative;width: 100vw;background-color: #060e15;background-image: linear-gradient(to right,rgb(255 255 255 / 2%) 2px,transparent 2px),linear-gradient(to bottom,rgba(255,255,255,0.02) 2px,transparent 2px);background-size: 50px 50px;color: #fff;height: 100vh;overflow: hidden}.opp-image-wrap{position: relative;width: 100%;height: 100vh;border-radius: 0;overflow: hidden}.opp-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity 0.6s ease}.opp-img.is-visible{opacity: 1}.opp-img-label{position: absolute;bottom: 80px;left: 100px;font-family: 'Belleza',sans-serif;font-size: 35px;font-weight: 400;color: #fff;z-index: 2;transition: opacity 0.3s ease}.opp-image-wrap::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 45%;background: linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 100%);pointer-events: none;z-index: 1}.opp-points-wrapper{height: 100vh;overflow: hidden;position: relative;max-width: 800px}.opp-points-scroll{padding: 0px 30px;transition: transform 0.5s cubic-bezier(0.23,1,0.32,1);padding-top: 130px}.opp-item{display: flex;align-items: flex-start;gap: 10px;padding: 28px 0;cursor: pointer;transition: opacity 0.3s ease;position: relative;flex-direction: column}.opp-item:not(.is-active){opacity: 0.5}.opp-item.is-active{opacity: 1}.opp-item::after{content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 1px;background-color: #b3b3b3}.opp-item.is-active::after{width: 100%;animation: oppLineLoad 0.4s linear forwards}@keyframes oppLineLoad{from{width: 0%}to{width: 100%}}.opp-item-icon{flex-shrink: 0;width: 42px;height: 42px;border-radius: 12px;display: flex;align-items: center;justify-content: flex-start;color: var(--secondary-color);font-size: 25px;margin-top: 4px}.opp-cnt{display: flex;align-items: center;justify-content: space-between;margin-bottom: 5px}.opp-item-content{flex: 1}.opp-item-title{font-family: 'Belleza',sans-serif;font-size: 25px;font-weight: 400;color: #fff;margin: 0 0 6px 0}.opp-item-desc{color: rgba(255,255,255,0.6);margin: 0}.opp-item-arrow{flex-shrink: 0;align-self: flex-start;margin-top: 4px}.opp-item-arrow span{display: flex;align-items: center;justify-content: center;width: 33px;height: 33px;border-radius: 50%;background-color: #d3ff8f33;color: #fff;font-size: 15px;transition: transform 0.3s ease,background-color 0.3s ease;transform: rotate(90deg)}.opp-item:hover .opp-item-arrow span{transform: scale(1.1)}.opp-item.is-active .opp-item-arrow span{background-color: var(--secondary-color);transform: rotate(-135deg)}.opp-divider{height: 1px;background: linear-gradient(to right,rgba(255,255,255,0.08),rgba(255,255,255,0.15),rgba(255,255,255,0.08));margin: 0}.oppo-gradient{height: 100%;pointer-events: none;z-index: 1}.alumni-banner{position: relative;background-color: #060e15;background-image: linear-gradient(to right,rgb(255 255 255 / 2%) 2px,transparent 2px),linear-gradient(to bottom,rgba(255,255,255,0.02) 2px,transparent 2px);background-size: 50px 54px;min-height: 100vh;padding-bottom: 80px;overflow: hidden}.alumni-banner-inner{padding-top: 210px;z-index: 1}.alumni-bg-gradient{position: absolute;top: 0;right: 0;height: 100%;pointer-events: none;z-index: 0}.alumni-header-row{margin-bottom: 35px}.alumni-desc-col{display: flex;align-items: center}.alumni-desc{font-size: 18px;line-height: 1.75}.alumni-slider-wrap{position: relative;border-radius: 20px;overflow: hidden}.slide-inner{position: relative;border-radius: 20px;overflow: hidden;line-height: 0}.slide-inner img{width: 100%;height: 500px;object-fit: cover;display: block;border-radius: 20px;object-position: top}.slide-overlay{position: absolute;bottom: 0;left: 0;width: 100%;height: 45%;background: linear-gradient(to top,rgba(0,0,0,0.80) 0%,transparent 100%);pointer-events: none;z-index: 1}.slide-info{position: absolute;bottom: 48px;left: 28px;z-index: 2;overflow: hidden}.batch-name{display: block;color: #fff;font-size: 25px;margin-bottom: 10px;font-weight: 400;font-family: 'Belleza',sans-serif;line-height: 1.4;transform: translateY(110%);transition: transform 0.55s cubic-bezier(0.23,1,0.32,1)}.slick-current .batch-name{transform: translateY(0)}.alumni-slider-wrap .slick-dots{position: absolute;bottom: 60px;left: 28px;display: flex !important;gap: 6px;list-style: none;padding: 0;margin: 0;z-index: 3;width: auto;text-align: left}.alumni-slider-wrap .slick-dots li{width: auto;height: auto;margin: 0}.alumni-slider-wrap .slick-dots li button{width: 8px;height: 8px;border-radius: 50%;background: rgba(255,255,255,0.35);border: none;padding: 0;font-size: 0;cursor: pointer;transition: all 0.3s ease}.alumni-slider-wrap .slick-dots li button::before{display: none}.alumni-slider-wrap .slick-dots li.slick-active button{width: 22px;border-radius: 4px;background: var(--secondary-color)}@media (max-width: 991px){.slide-inner img{height: 340px}}@media (max-width: 767px){.alumni-banner-inner{padding-top: 130px}.alumni-desc{font-size: 14px}.slide-inner img{height: 260px}.slide-info{bottom: 44px;left: 18px}.alumni-slider-wrap .slick-dots{left: 18px;bottom: 65px}}.jb-training-section{position: relative;background-color: #060e15;background-image: linear-gradient(to right,rgb(255 255 255 / 2%) 2px,transparent 2px),linear-gradient(to bottom,rgba(255,255,255,0.02) 2px,transparent 2px);background-size: 50px 50px;min-height: 100vh;width: 100vw;overflow: hidden;display: flex;align-items: center;justify-content: center}.jb-training-section::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 800px;height: 800px;background: radial-gradient(circle,rgba(66,192,232,0.08) 0%,transparent 60%);pointer-events: none;z-index: 0}.jb-training-content{position: relative;z-index: 10}.jb-training-title{font-family: 'Belleza',sans-serif;font-size: 45px;color: #fff}.jb-training-subtitle{font-size: 50px}.jb-floating-images{position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 1}.f-img{position: absolute;border-radius: 10px;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.5);transition: transform 0.4s ease;animation: floatAnim 8s ease-in-out infinite alternate}.f-img:nth-child(even){animation-duration: 9s;animation-delay: -3s}.f-img:nth-child(3n){animation-duration: 11s;animation-delay: -5s}@keyframes floatAnim{0%{transform: translateY(0px) rotate(0deg)}100%{transform: translateY(-15px) rotate(1deg)}}.f-img img{width: 100%;height: 100%;object-fit: cover;display: block}.f-img-1{top: 23%;left: 14%;width: 120px;aspect-ratio: 1}.f-img-2{top: 34%;left: 28%;width: 130px;aspect-ratio: 4/3}.f-img-3{top: 18%;left: 42%;width: 120px;aspect-ratio: 1}.f-img-4{top: 25%;left: 56%;width: 100px;aspect-ratio: 3/4}.f-img-5{top: 22%;left: 70%;width: 110px;aspect-ratio: 1}.f-img-6{top: 32%;left: 81%;width: 100px;aspect-ratio: 4/3}.f-img-7{top: 50%;left: 20%;width: 110px;aspect-ratio: 1}.f-img-8{top: 45%;left: 72%;width: 105px;aspect-ratio: 3/4}.f-img-9{top: 60%;left: 86%;width: 130px;aspect-ratio: 4/3}.f-img-11{top: 78%;left: 16%;width: 110px;aspect-ratio: 1}.f-img-12{top: 80%;left: 32%;width: 140px;aspect-ratio: 16/9}.f-img-13{top: 76%;left: 50%;width: 110px;aspect-ratio: 1}.f-img-14{top: 74%;left: 65%;width: 120px;aspect-ratio: 1}.f-img-15{top: 76%;left: 80%;width: 120px;aspect-ratio: 4/3}@media (max-width: 1200px){.f-img{transform: scale(0.85)}.jb-training-title{font-size: 40px}.jb-training-subtitle{font-size: 46px}.f-img-1{top: 23%;left: 14%;width: 110px;aspect-ratio: 1}.f-img-2{top: 34%;left: 26%;width: 120px;aspect-ratio: 4/3}.f-img-3{top: 18%;left: 42%;width: 110px;aspect-ratio: 1}.f-img-4{top: 25%;left: 56%;width: 90px;aspect-ratio: 3/4}.f-img-5{top: 22%;left: 70%;width: 100px;aspect-ratio: 1}.f-img-6{top: 32%;left: 81%;width: 90px;aspect-ratio: 4/3}.f-img-7{top: 50%;left: 20%;width: 100px;aspect-ratio: 1}.f-img-8{top: 45%;left: 72%;width: 95px;aspect-ratio: 3/4}.f-img-9{top: 60%;left: 86%;width: 120px;aspect-ratio: 4/3}.f-img-11{top: 78%;left: 16%;width: 100px;aspect-ratio: 1}.f-img-12{top: 80%;left: 32%;width: 130px;aspect-ratio: 16/9}.f-img-13{top: 76%;left: 50%;width: 100px;aspect-ratio: 1}.f-img-14{top: 74%;left: 65%;width: 110px;aspect-ratio: 1}.f-img-15{top: 76%;left: 80%;width: 110px;aspect-ratio: 4/3}}@media (max-width: 991px){.f-img{transform: scale(0.7)}.f-img-1,.f-img-5,.f-img-9,.f-img-12{display: none}.jb-training-title{font-size: 32px}.jb-training-subtitle{font-size: 38px}}@media (max-width: 767px){.f-img{transform: scale(0.6);opacity: 0.6}.jb-training-title{font-size: 28px}.jb-training-subtitle{font-size: 30px}}.jb-life-section{position: relative;background-color: #060e15;background-image: linear-gradient(to right,rgb(255 255 255 / 2%) 2px,transparent 2px),linear-gradient(to bottom,rgba(255,255,255,0.02) 2px,transparent 2px);background-size: 50px 50px;padding-top: 18vh;padding-bottom: 10vh;overflow: hidden}.jb-life-title h1{margin: 50px 0}.jb-life-grid{display: grid;grid-template-columns: repeat(9,1fr);grid-gap: 10px;width: 100%}.jb-life-grid .tile{aspect-ratio: 1;border-radius: 12px;background-color: #1a1a1a;background-repeat: no-repeat}.bg-slice-3x3{background-size: 300% 300%}.bg-slice-3x2{background-size: 300% 200%}.bg-x-0{background-position-x: 0%}.bg-x-1{background-position-x: 50%}.bg-x-2{background-position-x: 100%}.bg-y-0{background-position-y: 0%}.bg-y-1{background-position-y: 50%}.bg-y-2{background-position-y: 100%}.bg-y2-0{background-position-y: 0%}.bg-y2-1{background-position-y: 100%}.t1{background-image: url('../images/jb-life.webp')}.t2{background-image: url('../images/jb-life-c.webp')}.t3{background-image: url('../images/jb-life-b.webp')}.t-mid-top{background-image: url('../images/jb-life-c.webp');background-size: cover;background-position: center}.bg-solid-blue{background-color: #0070bc !important}.bg-solid-green{background-color: #64A304 !important}@media (max-width: 991px){.jb-life-title h1{font-size: 35px}.jb-life-title h1{margin: 30px 0 30px 0}.jb-life-grid{grid-gap: 8px}.jb-life-grid .tile{border-radius: 8px}}@media (max-width: 767px){.jb-life-title h1{font-size: 28px}.jb-life-grid{grid-template-columns: repeat(6,1fr)}.jb-life-grid .t1.bg-slice-3x3,.jb-life-grid .t3.bg-slice-3x3{background-size: 300% 300%}.jb-life-grid{grid-gap: 4px}.jb-life-grid .tile{border-radius: 5px}}.contact-sec{position: relative;background-color: #060e15;background-image: linear-gradient(to right,rgb(255 255 255 / 2%) 2px,transparent 2px),linear-gradient(to bottom,rgba(255,255,255,0.02) 2px,transparent 2px);background-size: 50px 50px;padding: 100px 0;padding-top: 30vh;overflow: hidden;display: flex;align-items: center;z-index: 1}.contact-bg-gradient{position: absolute;bottom: 0;left: 15%;width: 70%;pointer-events: none;z-index: 0;filter: blur(60px);opacity: 0.6}.contact-watermark{position: absolute;top: 41%;left: 50%;transform: translate(-50%,-100%);font-size: 200px;font-family: 'Times New Roman',Times,serif;color: rgb(255 255 255 / 8%);z-index: 0;pointer-events: none;letter-spacing: 10px;white-space: nowrap}.contact-container{position: relative;z-index: 2}.contact-left-card,.contact-form-card{background-color: color-mix(in srgb,var(--c-glass) 0%,transparent);backdrop-filter: blur(100px) url(#switcher) saturate(var(--saturation));-webkit-backdrop-filter: blur(100px) saturate(var(--saturation));box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 1.8px 3px 0px -3px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),#00000000),inset -1px 1px 0px -4px color-mix(in srgb,#ffffff6e calc(var(--glass-reflex-light) * 80%),transparent),inset -4px -15px 1px -15px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -0.3px -1px 4px 0px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 11%),transparent),inset -0.5px -0.5px 0px -4px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0px 4px 1px -13px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 2px 0.5px 6px 3px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0px 1px 10px 0px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),0px 40px 60px 0px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent);transition: background-color 400ms cubic-bezier(1,0.0,0.4,1),box-shadow 400ms cubic-bezier(1,0.0,0.4,1);border-radius: 15px;padding: 40px;height: 100%}.touch-title{font-size: 35px;margin-bottom: 5px}p.touch-desc{margin-bottom: 20px;max-width: 95%}.contact-method{display: flex;align-items: center;border: 1px solid hsl(0deg 0% 100% / 20%);border-radius: 12px;padding: 12px 20px;margin-bottom: 15px;transition: all 0.3s ease}.address-method{align-items: start !important}.contact-method:hover{background-color: rgba(255,255,255,0.05)}.contact-method:hover .cm-arrow{background-color: var(--secondary-color);transform: rotate(-45deg)}.cm-icon{width: 35px;color: #fff;font-size: 18px;text-align: left}.cm-text{flex: 1}.cm-text h4{font-size: 16px;color: #fff;margin: 0 0 3px 0;font-weight: 400}.cm-text p{font-size: 14px;color: rgb(255 255 255 / 81%);margin: 0;font-weight: 200}.address-head h4{margin: 0 0 10px 0;font-weight: 500 !important}.address-head p{font-weight: 300 !important;line-height: 18px}.cm-arrow{width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;background-color: rgba(255,255,255,0.1);transition: 0.3s}.contact-map{margin-top: 50px;border-radius: 15px;overflow: hidden;height: 150px;width: 100%}.contact-map iframe{width: 100%;height: 100%;border: none}.contact-form-card{padding: 30px;display: flex;flex-direction: column}.contact-form{display: flex;flex-direction: column;flex: 1}.cf-input,.cf-textarea{width: 100%;background-color: transparent;border-radius: 10px;border: 1px solid hsl(0deg 0% 100% / 20%);font-size: 15px;padding: 14px 18px;margin-bottom: 14px;transition: all 0.3s ease;font-family: 'Noto Sans',sans-serif;font-weight: 200;color: #fff}.cf-input:focus,.cf-textarea:focus{outline: none;border-color: rgba(66,192,232,0.4);background-color: rgba(255,255,255,0.03)}.cf-input::placeholder,.cf-textarea::placeholder{color: rgba(255,255,255,0.3)}.textarea-wrapper{position: relative;width: 100%;flex: 1;display: flex;flex-direction: column;margin-bottom: 18px;color: #fff}.textarea-wrapper .cf-textarea{flex: 1;margin-bottom: 0;min-height: 120px;resize: none;padding-bottom: 50px;color: #fff}.cf-submit{width: 100%;background: linear-gradient(to right,#79c900,#589000);border: none;border-radius: 15px;color: #fff;font-size: 16px;font-weight: 400;padding: 15px 0;cursor: pointer;transition: all 0.3s ease}.cf-submit:hover{transform: translateY(-2px);box-shadow: 0 5px 15px rgba(100,163,4,0.3)}@media (max-width: 991px){.contact-sec{height: auto;padding-top: 15vh}.contact-watermark{font-size: 120px;top: 15%}.contact-left-card,.contact-form-card{margin-bottom: 20px;padding: 25px}}@media (max-width: 767px){.contact-watermark{font-size: 70px;letter-spacing: 0px}}.training-galelry{position: relative;background-color: #060e15;background-image: linear-gradient(to right,rgb(255 255 255 / 2%) 2px,transparent 2px),linear-gradient(to bottom,rgba(255,255,255,0.02) 2px,transparent 2px);background-size: 50px 50px;padding: 100px 0;min-height: 100vh;padding-top: 210px}.gallery-tabs-container{display: flex;justify-content: center;margin-bottom: 50px}.gallery-tabs{background-color: transparent;border: 1px solid rgba(255,255,255,0.4);border-radius: 50px;padding: 10px;display: inline-flex}.gallery-tabs .nav-link{color: rgba(255,255,255,0.7);border-radius: 50px;padding: 10px 25px;font-size: 16px;font-weight: 300;transition: all 0.3s ease;background: transparent}.gallery-tabs .nav-link:hover{color: #fff;background: rgba(255,255,255,0.05)}.gallery-tabs .nav-link.active{background-color: var(--secondary-color);color: #fff}.gallery-title{font-family: 'Belleza',sans-serif;font-size: 40px;color: var(--primary-color);margin-bottom: 30px;font-weight: 400}.gallery-item{border-radius: 12px;overflow: hidden;height: 250px;position: relative}.gallery-item img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;object-position: bottom}.gallery-item:hover img{transform: scale(1.05)}.gallery-play-btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 50px;height: 50px;background-color: var(--secondary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 20px;cursor: pointer;z-index: 2;transition: transform 0.3s ease}.gallery-play-btn:hover{transform: translate(-50%,-50%) scale(1.1)}@media (max-width: 991px){.gallery-item{height: 200px}.gallery-title{font-size: 32px}}@media (max-width: 767px){.gallery-tabs{flex-wrap: wrap;justify-content: center;border: none;gap: 10px}.gallery-tabs .nav-link{border: 1px solid rgba(255,255,255,0.4)}}.convo-gallery{padding: 200px 0 100px 0}.convo-head h1{margin-bottom: 40px}.convo-gallery .gallery-title{color: var(--primary-color);font-family: 'Belleza',sans-serif;font-size: 40px;margin-bottom: 0;font-weight: 400}@media (max-width: 767px){.convo-gallery .col-lg-3{width: 50%}}.alumnees-sec{background-color: #060e15;background-image: linear-gradient(to right,rgb(255 255 255 / 2%) 2px,transparent 2px),linear-gradient(to bottom,rgba(255,255,255,0.02) 2px,transparent 2px);background-size: 50px 50px;padding: 80px 0 60px}.alumnees-header{margin-bottom: 50px}.alumni-grid-wrapper{width: 100%}.alumni-group{display: none;grid-template-columns: repeat(7,1fr);gap: 14px;width: 100%}.alumni-group.active{display: grid}.alumni-card{position: relative;border-radius: 50px;overflow: hidden;aspect-ratio: 1;background: #111;cursor: pointer}.alumni-card img{width: 100%;height: 100%;object-fit: cover;display: block;filter: grayscale(100%);transition: filter 0.35s ease,transform 0.35s ease}.alumni-card:hover img{filter: grayscale(0%);transform: scale(1.05)}.alumni-bottom-bar{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center}.alumni-dots-wrap{display: flex;align-items: center;justify-content: center;gap: 8px}.alumni-dot{width: 28px;height: 8px;border-radius: 4px;background: #444;border: none;padding: 0;cursor: pointer;transition: background 0.3s,width 0.3s}.alumni-dot.active{background: var(--secondary-color);width: 36px}.alumni-nav{display: flex;justify-content: flex-end;gap: 10px}.alumni-nav-btn{width: 44px;height: 44px;border-radius: 13px;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 18px;transition: opacity 0.2s}.alumni-nav-btn.prev{background: var(--primary-color);color: #fff}.alumni-nav-btn.next{background: var(--secondary-color);color: #fff}.alumni-nav-btn:hover{opacity: 0.85}@media (max-width: 1200px){.alumni-group{grid-template-columns: repeat(6,1fr);gap: 12px}}@media (max-width: 992px){.alumnees-sec{padding: 60px 0 50px}.alumnees-header{margin-bottom: 35px}.alumni-group{grid-template-columns: repeat(5,1fr);gap: 10px}.alumni-card{border-radius: 40px}.alumni-nav-btn{width: 38px;height: 38px;font-size: 15px}}@media (max-width: 768px){.alumnees-sec{padding: 50px 0 35px}.alumnees-header{margin-bottom: 28px}.alumni-group{grid-template-columns: repeat(4,1fr);gap: 8px}.alumni-card{border-radius: 30px}.alumni-bottom-bar{grid-template-columns: 1fr auto 1fr}.alumni-nav-btn{width: 34px;height: 34px;font-size: 13px;border-radius: 10px}.alumni-dot{width: 22px;height: 7px}.alumni-dot.active{width: 30px}}@media (max-width: 480px){.alumnees-sec{padding: 40px 0 25px}.alumnees-header{margin-bottom: 20px}.alumni-group{grid-template-columns: repeat(3,1fr);gap: 6px}.alumni-card{border-radius: 35px}.alumni-bottom-bar{grid-template-columns: 1fr auto 1fr;margin-top: 12px !important}.alumni-nav-btn{width: 30px;height: 30px;font-size: 12px;border-radius: 8px}.alumni-dot{width: 18px;height: 6px;border-radius: 3px}.alumni-dot.active{width: 24px}.alumni-nav{gap: 6px}}.next-page-bar{background-color: #0b0b0b;padding-top: 25px}.next-page-link{display: flex;align-items: center;justify-content: flex-end;gap: 14px;text-decoration: none;color: #fff;transition: gap 0.3s ease}.next-page-link:hover{gap: 20px;color: #fff}.next-page-label{font-size: 12px;text-transform: uppercase;letter-spacing: 2px;color: #888}.next-page-name{font-size: 18px;color: #fff}.next-page-link i{width: 36px;height: 36px;border-radius: 50%;background: var(--secondary-color);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 15px;flex-shrink: 0;transition: transform 0.3s ease}.next-page-link:hover i{transform: translateX(4px)}.next-container{width: fit-content;margin: auto}.tab-nav-wrapper{width: fit-content;margin: 20px auto 0}.tab-next-btn{display: flex;align-items: center;justify-content: flex-end;gap: 14px;background: transparent;color: #fff;border: none;cursor: pointer;text-decoration: none;transition: gap 0.3s ease}.tab-next-btn:hover{gap: 20px;color: #fff}.tab-next-btn span{font-size: 18px;color: #fff}.tab-next-btn i{width: 36px;height: 36px;border-radius: 50%;background: var(--secondary-color);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 15px;flex-shrink: 0;transition: transform 0.3s ease}.tab-next-btn:hover i{transform: translateX(4px)}.gallery-tab-nav{display: flex;justify-content: flex-end;margin-top: 20px;opacity: 0;visibility: hidden;transition: opacity 0.3s ease,visibility 0.3s ease}.gallery-tab-nav.visible{opacity: 1;visibility: visible}.gallery-tab-prev,.gallery-tab-next{display: flex;align-items: center;gap: 8px;background: var(--secondary-color);color: #fff;border: none;padding: 10px 20px;border-radius: 8px;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.3s ease}.gallery-tab-prev:hover,.gallery-tab-next:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(61,220,132,0.3)}.gallery-tab-prev i,.gallery-tab-next i{font-size: 14px}.page-header-sec{background: linear-gradient(135deg,#0d47a1 0%,#1e88e5 100%);padding: 80px 0 60px;position: relative;padding-top: 200px}.page-header-inner{text-align: center}.page-title{color: #fff;font-size: clamp(32px,5vw,48px);font-weight: 700;margin: 0}.policy-content-sec{padding: 80px 0 100px;background-color: #060e15;background-image: linear-gradient(to right,rgb(255 255 255 / 2%) 2px,transparent 2px),linear-gradient(to bottom,rgba(255,255,255,0.02) 2px,transparent 2px);background-size: 50px 50px}.policy-wrapper{max-width: 900px;margin: 0 auto}.policy-section{background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: 20px;padding: 40px;margin-bottom: 40px}.policy-section:last-child{margin-bottom: 0}.policy-title{color: #3ddc84;font-size: 28px;font-weight: 700;margin-bottom: 8px;border-bottom: 2px solid rgba(61,220,132,0.3);padding-bottom: 12px}.policy-effective-date{color: #888;font-size: 14px;margin-bottom: 20px}.policy-intro{color: #ccc;font-size: 16px;line-height: 1.8;margin-bottom: 30px}.policy-content h3{color: #fff;font-size: 20px;font-weight: 600;margin: 30px 0 12px}.policy-content h3:first-child{margin-top: 0}.policy-content p{color: #bbb;font-size: 15px;line-height: 1.8;margin-bottom: 16px}.policy-content ul{margin: 0 0 16px 24px;padding: 0}.policy-content li{color: #bbb;font-size: 15px;line-height: 1.8;margin-bottom: 8px;list-style-type: disc}.policy-content li:last-child{margin-bottom: 0}@media (max-width: 992px){.page-header-sec{padding: 60px 0 50px;padding-top: 120px}.policy-content-sec{padding: 60px 0 80px}.policy-section{padding: 32px}.policy-title{font-size: 24px}}@media (max-width: 768px){.page-header-sec{padding: 50px 0 40px;padding-top: 110px}.policy-content-sec{padding: 50px 0 60px}.policy-section{padding: 24px;border-radius: 16px}.policy-title{font-size: 22px}.policy-content h3{font-size: 18px}.policy-content p,.policy-content li{font-size: 14px}}@media (max-width: 480px){.page-header-sec{padding: 40px 0 30px;padding-top: 100px}.policy-content-sec{padding: 40px 0 50px}.policy-section{padding: 20px;border-radius: 12px}.policy-title{font-size: 20px}.policy-content h3{font-size: 16px}.policy-content p,.policy-content li{font-size: 13px}}.footer-sec{background-color: #0b0b0b;padding: 20px 40px 40px 40px;position: relative;z-index: 99}.footer-logo img{width: 300px}.footer-inner{background-color: #011828;border-radius: 25px;padding: 50px;overflow: hidden}.footer-watermark{position: absolute;bottom: -17%;left: 50%;transform: translateX(-50%);width: 90%;max-height: 50%;object-fit: cover;opacity: 0.25;pointer-events: none;z-index: 0}.footer-desc{color: #c6c6c6;font-size: 16px;line-height: 1.6;font-weight: 200;max-width: 450px}.footer-heading{color: #5b6e79;font-size: 13px;font-weight: 600;margin-bottom: 25px;letter-spacing: 0.5px;font-family: 'Noto Sans',sans-serif;text-transform: uppercase}.footer-links li{margin-bottom: 10px}.footer-links a{font-weight: 200;transition: color 0.3s ease}.footer-links a:hover{color: var(--primary-color)}.footer-btn{background: linear-gradient(to right,#7EB924,#64A304);border: none;border-radius: 10px;color: #fff;padding: 10px 20px;cursor: pointer;transition: all 0.3s ease;display: inline-block}.footer-btn:hover{transform: translateY(-2px);box-shadow: 0 5px 15px rgba(100,163,4,0.3)}.footer-contact p{color: #d8e6ef;font-size: 14px;margin-bottom: 6px;font-weight: 200}.footer-social{display: flex;gap: 20px;justify-content: flex-end}.footer-social a{color: #d8e6ef;font-size: 18px;transition: color 0.3s ease}.footer-social a:hover{color: var(--primary-color)}.footer-bottom{padding: 15px 0 25px 0}.copyright-text{color: #b0c2ce;font-size: 14px;font-weight: 300}.footer-highlight{color: #c9aa00;font-weight: 400}.career-modal-content{background: linear-gradient(72deg,#111111 0%,#141414 100%);border: 1px solid #cacaca38;border-radius: 20px;box-shadow: 0 25px 50px rgba(0,0,0,0.5);padding: 30px 0}.career-modal-title{font-family: 'Belleza',sans-serif;font-size: 24px;color: #fff;font-weight: 400}.career-form-label{color: #fff;font-family: 'Noto Sans',sans-serif;font-size: 14px;font-weight: 300;margin-bottom: 8px}.career-form-input{background: rgb(255 255 255 / 3%);border: 1px solid #ffffff12;color: #fff;border-radius: 10px;padding: 12px;font-size: 14px;transition: all 0.3s ease}.career-form-input:focus{background: rgba(255,255,255,0.15);border-color: #64a30424;box-shadow: 0 0 0 0px rgba(66,192,232,0.2);color: #fff;outline: none}.career-form-input::placeholder{color: rgba(255,255,255,0.5)}.career-form-input[type="file"]{padding: 10px 12px;font-size: 13px}.career-form-input[type="file"]::-webkit-file-upload-button{background:#64A304;border: none;border-radius: 6px;color: #fff;padding: 8px 16px;margin-right: 12px;cursor: pointer;font-size: 13px;transition: all 0.3s ease}.career-form-input[type="file"]::-webkit-file-upload-button:hover{transform: translateY(-2px);background-color: #5a9303 !important}.career-submit-btn{background: #64a304;color: #fff;font-weight: 500;font-family: 'Noto Sans',sans-serif;padding: 14px 24px;border-radius: 8px;border: none;transition: all 0.3s ease;font-size: 15px;margin-top: 10px}.career-submit-btn:hover{transform: translateY(-2px);background-color: #5a9303;color: #fff}.career-submit-btn:active{transform: translateY(0)}@media (max-width: 767px){.career-modal-title{font-size: 20px}.career-form-input{padding: 10px 12px;font-size: 13px}.career-submit-btn{padding: 12px 20px;font-size: 14px}#careerModal .modal-dialog{margin: 20px}}@media (max-width: 575px){.career-modal-content{border-radius: 8px}.career-modal-title{font-size: 18px}.career-form-label{font-size: 13px}.career-form-input{padding: 8px 10px;font-size: 12px}.career-submit-btn{padding: 10px 16px;font-size: 13px}#careerModal .modal-body{padding: 15px}}@media (min-width: 992px){#careerModal .modal-dialog{max-width: 500px}}.alumnees-sec{background-color: #060e15;background-image: linear-gradient(to right,rgba(255,255,255,0.02) 2px,transparent 2px),linear-gradient(to bottom,rgba(255,255,255,0.02) 2px,transparent 2px);background-size: 50px 50px;padding: 10px 0 60px}.alumnees-header{margin-bottom: 48px}.alumnees-badge{display: inline-block;border: 1px solid var(--secondary-color);border-radius: 30px;padding: 8px 10px;font-size: 13px;font-weight: 400;color: rgba(255,255,255,0.85);margin-bottom: 18px;letter-spacing: 0.03em}.alumnees-title{font-size: 42px !important;line-height: 1.15;margin: 0}.alumnees-grid{display: grid;grid-template-columns: repeat(5,1fr);gap: 18px;margin-bottom: 40px}.alumnee-card{border-radius: 18px;overflow: hidden;background: #fff;cursor: pointer;transition: transform 0.28s ease,box-shadow 0.28s ease}.alumnee-card:hover{transform: translateY(-4px);box-shadow: 0 16px 40px rgba(0,0,0,0.45)}.alumnee-img-wrap{position: relative;width: 100%;aspect-ratio: 3 / 4;overflow: hidden}.alumnee-img-wrap img{width: 100%;height: 100%;object-fit: cover;object-position: top center;display: block;transition: transform 0.4s ease}.alumnee-card:hover .alumnee-img-wrap img{transform: scale(1.04)}.alumnee-name-bar{position: absolute;bottom: 0;left: 0;width: 100%;background: rgb(5 18 30 / 85%);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);padding: 10px 14px}.alumnee-name{font-size: 14px;font-weight: 500;color: #ffffff;letter-spacing: 0.01em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block}.alumnees-pagination{display: flex;align-items: center;justify-content: flex-end;gap: 6px;padding: 0 4px}.alum-page-btn{width: 34px;height: 34px;border-radius: 50%;border: 1px solid rgba(66,192,232,0.35);background: transparent;color: #fff;font-size: 13px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.2s ease,border-color 0.2s ease}.alum-page-btn:hover:not(:disabled){background: rgba(66,192,232,0.15);border-color: var(--primary-color)}.alum-page-btn:disabled{opacity: 0.3;cursor: default}.alum-page-numbers{display: flex;align-items: center;gap: 4px}.alum-page-num{width: 30px;height: 30px;border-radius: 50%;border: none;background: transparent;color: rgba(255,255,255,0.7);font-size: 14px;font-family: 'Noto Sans',sans-serif;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 0.2s ease,color 0.2s ease}.alum-page-num:hover{color: #fff}.alum-page-num.active{background: var(--primary-color);color: #fff;font-weight: 600}.alum-page-dots{font-size: 13px;color: rgba(255,255,255,0.45);letter-spacing: 1px;padding: 0 2px;user-select: none}