:root{--body-font: "Roboto", sans-serif;--heading-font: "Yantramanav", sans-serif;--theme-color: #0684D8;--theme-color2: #4CAF2F;--theme-color-light: rgb(17, 110, 99, 0.09);--theme-bg-light: #F2F3F5;--body-text-color: #29235c;--bs-body-color: #29235c;--color-white: #ffffff;--color-dark: #19232B;--hero-overlay-color: #000000;--slider-arrow-bg: rgba(255, 255, 255, 0.2);--box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);--box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);--transition: all .5s ease-in-out;--transition2: all .3s ease-in-out;--border-info-color: rgba(0, 0, 0, 0.08);--border-info-color2: rgba(0, 0, 0, 0.05);--border-white-color: rgba(255, 255, 255, 0.08);--border-white-color2: rgba(255, 255, 255, 0.05);--footer-bg: #29235c;--footer-bg2: #ef7c00;--footer-text-color: #F5FAFF}.preloader-box{width:150px;height:150px;background:url(../images/preloader.png) no-repeat;background-size:cover;animation:spriteAnimation 5s steps(40) infinite;animation-duration:5s;animation-timing-function:steps(40);animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:spriteAnimation;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal}@keyframes spriteAnimation{0%{background-position:0 0}100%{background-position:-12000px 0}}.header-top{padding:4px 0 5px 0}.header-top::before{width:300px}.header-top-social span{font-size:13px}.header-top-social a{width:24px;height:24px;line-height:24px;font-size:12px}.header-top-social a svg{width:12px;fill:#fff}.header-top-social a:hover svg{fill:orange}.navbar-brand img{width:200px}.menu-about-logo img{width:220px}.navbar .nav-item .nav-link{padding:24px 0;font-size:14px;text-transform:uppercase}.navbar .nav-item .nav-link.active{color:var(--theme-color2)}@media(min-width: 992px){.navbar .nav-item .nav-link{font-size:10px}}@media(min-width: 1200px){.navbar .nav-item .nav-link{font-size:14px}}.navbar .nav-item .dropdown-item{background:rgba(0,0,0,0);font-weight:300;white-space:normal}.navbar .nav-item .dropdown-item.active{color:var(--theme-color2)}.nav-right{margin-left:24px}.navbar.fixed-top{background:hsla(0,0%,100%,.9) !important}.more_link{display:flex;justify-content:end;color:var(--theme-color);text-transform:uppercase;font-size:12px}.hero-slider .hero-single{padding:0;height:calc(100vh - 110px)}@media(max-width: 991.98px){.hero-slider .hero-single{height:100vh}}.hero-slider .hero-single::before{display:none}.hero-section{position:relative}.hero-section .hero-global-content{z-index:100;position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:24px;color:#fff;font-size:13px;background:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8))}.hero-section .hero-global-content .img-title{width:100%}@media(max-width: 767.98px){.hero-section .hero-global-content .img-title{width:320px}}.hero-section .hero-center{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.hero-section .hero-center ul{flex:1;display:flex;justify-content:center;color:#fff;gap:10px}@media(min-width: 768px){.hero-section .hero-center ul{display:none}}.hero-section .hero-center ul li{position:relative}.hero-section .hero-center ul li:not(:first-child){padding-left:10px}.hero-section .hero-center ul li:not(:first-child)::before{z-index:1;content:"|";position:absolute;left:0;top:0;color:#fff}.hero-section .hero-center ul a{text-transform:uppercase;color:#fff}.hero-section .hero-left{flex:1;display:flex;align-items:flex-start;flex-direction:column;color:#fff}@media(max-width: 767.98px){.hero-section .hero-left{display:none}}.hero-section .hero-left a{color:#fff;font-size:13px}.hero-section .hero-left a:hover{color:var(--theme-color2)}.hero-section .hero-left ul{display:flex;gap:10px}.hero-section .hero-left ul li{position:relative}.hero-section .hero-left ul li:not(:first-child){padding-left:10px}.hero-section .hero-left ul li:not(:first-child)::before{z-index:1;content:"|";position:absolute;left:0;top:0;color:#fff}.hero-section .hero-left ul a{text-transform:uppercase}.hero-section .hero-right{flex:1;display:flex;justify-content:flex-end;text-transform:uppercase;line-height:20px}@media(max-width: 767.98px){.hero-section .hero-right{display:none}}@media(max-width: 767.98px){.hero-slider.owl-theme .owl-nav{display:none}}@media(max-width: 1199px){.hero-slider.owl-theme .owl-nav .owl-prev,.hero-slider.owl-theme .owl-nav .owl-next{bottom:80px !important}}.toggle-menu{cursor:pointer}.mega-menu .mega-content h6{color:var(--theme-color2);font-size:16px;text-transform:uppercase}.navbar .nav-item.mega-menu .dropdown-menu{background:rgba(41,35,92,.98) !important;border-radius:0 0 24px 24px}.video-container{position:relative;z-index:1}.video-container iframe{width:100%;height:340px}@media(min-width: 576px){.video-container iframe{height:340px}}@media(min-width: 768px){.video-container iframe{height:340px}}@media(min-width: 992px){.video-container iframe{height:460px}}@media(min-width: 1200px){.video-container iframe{height:680px}}@media(min-width: 1400px){.video-container iframe{height:900px}}.video-container:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(41,35,92,.8)}.video-container:after{z-index:1000;content:"";width:100%;height:20px;position:absolute;left:0;top:0;background:#181c21;background:linear-gradient(0deg, rgba(41, 35, 92, 0) 0%, #29235c 55%)}@media(min-width: 576px){.video-container:after{height:20px}}@media(min-width: 768px){.video-container:after{height:40px}}@media(min-width: 992px){.video-container:after{height:70px}}@media(min-width: 1200px){.video-container:after{height:100px}}@media(min-width: 1400px){.video-container:after{height:100px}}.video-container .vidoe-txt-container{width:95%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}@media(min-width: 992px){.video-container .vidoe-txt-container{width:80%}}@media(min-width: 1200px){.video-container .vidoe-txt-container{width:60%}}.video-container .vidoe-txt-container .lead{font-size:14px}@media(min-width: 768px){.video-container .vidoe-txt-container .lead{font-size:18px}}.video-container .theme-btn{display:flex;width:180px;justify-content:center;margin:32px auto;position:absolute;left:20px;bottom:-40px}@media(min-width: 576px){.video-container .theme-btn{bottom:-10px}}@media(min-width: 768px){.video-container .theme-btn{width:200px;left:20px;bottom:0}}@media(min-width: 992px){.video-container .theme-btn{left:40px;bottom:16px}}@media(min-width: 1200px){.video-container .theme-btn{width:280px;left:56px;bottom:41px}}@media(min-width: 1400px){.video-container .theme-btn{left:56px;bottom:56px}}.footer-logo img{width:260px}.footer-widget-title{margin-bottom:8px;padding-bottom:8px}.footer-list{gap:0}.footer-list li a{font-size:14px}.footer-list li ul{padding-left:24px}.footer-list li li{position:relative}.footer-list li li::before{content:"•";position:absolute;left:-1.2em;top:0;color:#fff}.copyright .copyright-text{font-size:12px}.footer-social li a i{display:block;width:24px;height:24px;line-height:24px;border-radius:50%;font-size:12px;background:var(--theme-color2);color:#fff}.footer-social li a i img{width:12px}.footer-social li a svg{width:12px;fill:#fff}.footer-social li a:hover svg{width:12px;fill:var(--theme-color)}.footer-social li a:hover i{color:var(--theme-color)}.key-links{border-top:1px solid var(--border-white-color);padding-top:56px}.key-links h6{color:#fff;text-align:center;text-transform:uppercase}@media(max-width: 575.98px){.key-links h6{text-align:left}}.key-links ul{margin:0;padding:0;list-style:none;display:flex;gap:24px;justify-content:center;flex-wrap:wrap}@media(max-width: 575.98px){.key-links ul{gap:0;flex-direction:column;margin:24px}}.key-links a{color:#fff;font-size:13px}.key-links a:hover{color:var(--theme-color2)}#scroll-top.active{bottom:60px}a{color:var(--theme-color2)}.widget .category-list a{color:var(--theme-color)}.feature-item{height:100%}.site-title{text-transform:uppercase;font-size:48px}h3.site-title{font-size:36px}.search-active .search-popup .close-search{top:60%}.site-title,.choose-item-info h4{color:var(--theme-color)}.site-title-tagline{font-size:16px}.team-content{text-align:center}.team-bio h5{font-size:18px;margin-bottom:0}.team-bio h5 span{font-size:10px;text-transform:none}.team-bio span{font-size:12px;letter-spacing:0;text-transform:none}.cta-area p a{color:#fff;font-weight:bold}.cta-area p a:hover{text-decoration:underline}@media(max-width: 991.98px){.department-sidebar{display:none}}.widget .category-list a.active{color:var(--theme-color2);padding-left:16px}.widget .category-list a.active::before{content:"";color:var(--theme-color2);font-family:"Font Awesome 6 Pro";position:relative;left:-16px;font-weight:600}.faq-area .accordion-item i.num{display:block;font-style:normal}.faq-area .accordion-item .content-list i{width:20px;height:20px;line-height:20px;border-radius:50px;background:rgba(0,0,0,0);text-align:center;color:var(--theme-color2)}a i.normal{width:20px !important;height:20px !important;line-height:20px !important;background:rgba(0,0,0,0) !important;text-align:center;color:var(--theme-color2) !important}.content-list li{position:relative;padding-left:32px;margin-bottom:16px}.content-list li>i{position:absolute;left:0;top:5px;font-size:20px;line-height:24px;border-radius:50px;background:rgba(0,0,0,0);text-align:center;color:var(--theme-color2);margin-right:8px}.site-breadcrumb{padding:0}.custom-breadcrumb{position:relative}.custom-breadcrumb .breadcrumb-title{position:absolute;left:0;top:0;width:100%;text-align:center;color:#fff;padding:16px 0 120px 0;background:#29235c;background:linear-gradient(180deg, rgb(41, 35, 92) 0%, rgba(41, 35, 92, 0) 100%)}@media(max-width: 991.98px){.custom-breadcrumb .breadcrumb-title{padding-top:70px;padding-bottom:60px}}.custom-breadcrumb img{width:100% !important}@media(max-width: 575.98px){.site-title{font-size:28px}}@media(max-width: 767.98px){.site-title{font-size:38px}}@media(max-width: 991.98px){.site-title{font-size:40px}}@media(max-width: 991.98px){.department-single-area.py-120{padding:48px 0}}.department-sidebar{position:sticky;top:100px}.department-sidebar .sub-menu{border-bottom:1px solid #ced4da}.department-sidebar .sub-menu .sub-menu-title{text-transform:uppercase;border-bottom:none;font-weight:700;font-size:12px}.department-sidebar .sub-menu .accordion-button{padding:10px 0;font-size:16px;font-weight:500}.department-sidebar .sub-menu .accordion-button::after{background-size:1rem 1rem}.department-sidebar .sub-menu .accordion-collapse{padding-left:24px}.department-sidebar .sub-menu .accordion-button:not(.collapsed){background:rgba(0,0,0,0)}.department-sidebar .sub-menu li{list-style:circle}#accordionEnquiry .accordion-button::after{display:none}#accordionEnquiry .theme-btn{padding:8px 32px}.sticky-left{position:sticky;top:300px}.our-values .col{margin-bottom:24px}.our-values .choose-item{height:100%}.testimonial-slider .testimonial-item{padding:12px}.testimonial-slider img{width:80% !important;margin:0 auto 8px auto;border-radius:24x 24px 24px 0;box-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px}.testimonial-slider .more_link{justify-content:center}.video-content.no-radius{border-radius:0}.cal-yr-title{background:var(--theme-color);color:#fff;padding:4px;text-align:center;margin-bottom:16px}.month-box{display:flex}.month-box .date-box{display:flex;flex-direction:column;background:var(--theme-color);color:#fff;padding:8px;border-radius:4px 0 0 4px;text-align:center;text-transform:uppercase}.month-box .date-box .date{font-size:36px;line-height:32px}.month-box .date-box .month{font-size:14px;line-height:14px}.month-box .day{flex:1;background:#eaeaea;border-radius:0 4px 4px 0;padding:18px;font-size:20px;font-weight:500}.time-info{display:flex;padding-left:70px;font-size:14px;margin-top:8px}.time-info .time{font-style:italic;width:160px}.time-info .info{flex:1;font-weight:500}.date-field{position:relative}.date-field i{position:absolute;right:8px;top:8px;z-index:1;pointer-events:none}.choose-item-icon.custom{background:rgba(0,0,0,0);margin-left:10px}.choose-item-icon.custom img{filter:none;width:100%}.sitemap-con .col{margin-bottom:24px}.sitemap-con h4{margin-bottom:16px}.sitemap-con h4 a{color:var(--theme-color)}.sitemap-con h4 a::hover{color:var(--theme-color2)}.sitemap-con li ul{margin-left:24px}.sitemap-con li ul li{list-style:circle}@media(max-width: 767.98px){.about-left{margin-right:0}}.about-img .img-1,.about-img .img-3{width:100%}.about-experience .text-start{flex:1;margin-left:24px}.logo-icon{display:block;width:100px;height:100px;position:relative;background:#f6f6fd;border-radius:50%;overflow:hidden}.logo-icon::before{content:"";width:100%;height:100%;background:url(../images/logo-icon-color.svg) no-repeat center center;background-size:80%;position:absolute;left:0;top:0}.logo-icon.color{background:var(--theme-color)}.logo-icon.color::before{background:url(../images/logo-icon-white.svg) no-repeat center center;background-size:80%}.admissionsEnquiry .panel-group .formfield .panel-heading .panel-title span.text-muted::before,.admissionsEnquiry .panel-group .panel-heading .text-muted{color:#fff !important}.all-menu{z-index:1000000;position:fixed;left:0;top:0;width:100vw;height:100vh;padding-top:0;background:var(--theme-color);background-size:cover;color:#fff;overflow-y:auto;transform:translateX(100%);transition:transform .5s ease-out}.all-menu .container{position:relative;z-index:100}.all-menu.show{transform:translateX(0)}.all-menu .close-menu{z-index:999;position:sticky;left:96%;top:24px;cursor:pointer}@media(min-width: 576px){.all-menu .close-menu{left:92%;top:24px}}@media(min-width: 768px){.all-menu .close-menu{left:94%;top:24px}}@media(min-width: 992px){.all-menu .close-menu{left:95%;top:24px}}@media(min-width: 1200px){.all-menu .close-menu{left:96%;top:24px}}@media(min-width: 1400px){.all-menu .close-menu{left:97%;top:24px}}.all-menu .close-menu i{font-size:2rem}.all-menu .menu-sec-img{border-radius:16px 16px 16px 0;margin:16px 0}.all-menu .menu-title{position:relative;font-size:20px;color:#fff;text-transform:uppercase;margin-bottom:16px;padding-bottom:8px}.all-menu .menu-title:before{content:"";position:absolute;width:90px;height:3px;background:hsla(0,0%,100%,.2);bottom:0;left:0;z-index:-1}.all-menu .menu-title:after{content:"";position:absolute;width:30px;height:3px;background:#0684D8;bottom:0;left:18px;z-index:-1}.all-menu a{color:#fff;font-size:14px}.all-menu a:hover,.all-menu a.active{color:#0684D8 !important}.all-menu li>ul{padding-left:32px;list-style-position:outside}.all-menu li>ul li{position:relative}.all-menu li>ul li::before{content:"•";position:absolute;left:-1.2em;top:0;color:#fff}.all-menu .bdr-v{border-left:1px solid hsla(0,0%,100%,.2);padding-left:48px}@media(max-width: 991.98px){.all-menu .bdr-v{border-left:0;padding-left:16px}}.all-menu .bdr-h{border-top:1px solid hsla(0,0%,100%,.2);padding-top:48px}/*# sourceMappingURL=custom-web.css.map */


/* ========================================================
   SUBMENU NAVIGATION STYLING
   Submenu blue bg with white text; Hover white bg with black text
   ======================================================== */
.navbar .dropdown-menu,
.navbar .nav-item .dropdown-menu,
.navbar-nav .dropdown-menu {
  background: #0684D8 !important;
  background-color: #0684D8 !important;
  border: none !important;
  border-top: 3px solid #0684D8 !important;
  border-radius: 6px !important;
  padding: 6px 0 !important;
  min-width: 250px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18) !important;
  overflow: hidden !important;
}

.navbar .dropdown-menu li,
.navbar .nav-item .dropdown-menu li,
.navbar-nav .dropdown-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.navbar .dropdown-menu li:last-child,
.navbar .nav-item .dropdown-menu li:last-child,
.navbar-nav .dropdown-menu li:last-child {
  border-bottom: none !important;
}

.navbar .dropdown-menu .dropdown-item,
.navbar .nav-item .dropdown-menu .dropdown-item,
.navbar .dropdown-menu a.dropdown-item,
.navbar .dropdown-menu li > a,
.navbar-nav .dropdown-menu a.dropdown-item,
.navbar-nav .dropdown-menu li > a {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  padding: 10px 24px !important;
  display: block !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: all 0.2s ease-in-out !important;
}

.navbar .dropdown-menu .dropdown-item::before,
.navbar .nav-item .dropdown-menu .dropdown-item::before {
  display: none !important;
  content: "" !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus,
.navbar .dropdown-menu .dropdown-item:active,
.navbar .nav-item .dropdown-menu .dropdown-item:hover,
.navbar .nav-item .dropdown-menu .dropdown-item:focus,
.navbar .dropdown-menu li > a:hover,
.navbar .dropdown-menu li > a:focus,
.navbar-nav .dropdown-menu a.dropdown-item:hover,
.navbar-nav .dropdown-menu a.dropdown-item:focus,
.navbar-nav .dropdown-menu li > a:hover,
.navbar-nav .dropdown-menu li > a:focus {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  font-weight: 600 !important;
  padding-left: 28px !important;
}


/* ========================================================
   LATEST UPDATES: Yellow YouTube Play Icons & Blue Arrows
   ======================================================== */
.gallery-area .play-btn,
.department-slider .play-btn {
  background: #FFB800 !important;
  background-color: #FFB800 !important;
  color: #ffffff !important;
}

.gallery-area .play-btn i::after,
.department-slider .play-btn i::after {
  background-color: #FFB800 !important;
}

.gallery-area .play-btn:hover,
.department-slider .play-btn:hover {
  background: #e5a600 !important;
  background-color: #e5a600 !important;
  color: #ffffff !important;
}

.department-slider .owl-nav button,
.department-slider .owl-nav button.owl-prev,
.department-slider .owl-nav button.owl-next {
  background: #0684D8 !important;
  background-color: #0684D8 !important;
  color: #ffffff !important;
}

.department-slider .owl-nav button:hover,
.department-slider .owl-nav button.owl-prev:hover,
.department-slider .owl-nav button.owl-next:hover {
  background: #0465a6 !important;
  background-color: #0465a6 !important;
  color: #ffffff !important;
}


/* ========================================================
   COMPANIES HIRING SECTION (Roller Coaster Arc Showcase)
   ======================================================== */
.companies-hiring-section {
  position: relative;
  background: #ffffff;
  padding: 45px 0 0 0;
  margin-bottom: 0;
  overflow: hidden;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}

.hiring-title {
  font-size: 38px;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.5px;
  margin-bottom: 6px;
}

.hiring-subtitle {
  font-size: 17px;
  color: #475569;
  margin-bottom: 0;
}

.hiring-view-btn {
  display: inline-block;
  padding: 10px 26px;
  border: 1.5px solid #0684D8;
  color: #0684D8 !important;
  background: #ffffff;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(6, 132, 216, 0.08);
}

.hiring-view-btn:hover {
  background: #0684D8;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(6, 132, 216, 0.25);
  transform: translateY(-2px);
}

/* Arc Stage Wrapper (Clips bottom half completely) */
.hiring-arc-wrapper {
  position: relative;
  width: 100%;
  max-width: 1100px;
  height: 500px;
  margin: 20px auto 0 auto;
  overflow: hidden; /* Bottom half is 100% invisible! */
  -webkit-mask-image: linear-gradient(to top, transparent 0px, black 32px, black 100%);
  mask-image: linear-gradient(to top, transparent 0px, black 32px, black 100%);
}

.hiring-arc-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Center Statistics Pillar */
.hiring-stats-pillar {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  z-index: 10;
  text-align: center;
  width: 300px;
  pointer-events: auto;
}

.hiring-stat-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hiring-stat-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}

.hiring-stat-icon.icon-blue {
  background: #e0f2fe;
}
.hiring-stat-icon.icon-orange {
  background: #ffedd5;
}
.hiring-stat-icon.icon-green {
  background: #dcfce7;
}

.hiring-stat-num {
  font-size: 24px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.1;
  margin-bottom: 2px;
  letter-spacing: -0.5px;
}

.hiring-stat-label {
  font-size: 12.5px;
  color: #64748b;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.3;
}

/* Roller Coaster Orbit Track */
.hiring-coaster-track {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 80%;
  max-width: 880px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  transform-origin: center center;
  transform: translate(-50%, 50%) rotate(0deg);
  animation: coasterTrackRotate 30s linear infinite;
  z-index: 20;
  will-change: transform;
}

/* Pause on hover */
.hiring-arc-wrapper:hover .hiring-coaster-track,
.hiring-arc-wrapper:hover .hiring-coaster-bubble {
  animation-play-state: paused;
}

@keyframes coasterTrackRotate {
  0% {
    transform: translate(-50%, 50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, 50%) rotate(360deg);
  }
}

/* Orbiting Company Bubbles */
.hiring-coaster-bubble {
  position: absolute;
  width: 94px;
  height: 94px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transform: translate(-50%, -50%) rotate(0deg);
  animation: coasterBubbleUpright 30s linear infinite;
  transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  will-change: transform;
}

.hiring-coaster-bubble:hover {
  box-shadow: 0 16px 35px rgba(6, 132, 216, 0.28);
  border-color: #0684D8;
}

@keyframes coasterBubbleUpright {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

.hiring-coaster-bubble .bubble-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 6px;
  width: 100%;
}

.hiring-coaster-bubble .company-logo {
  display: block;
  width: 90%;
  height: 90%;
  object-fit: contain;
}

/* Eliminate gap between Companies Hiring and footer */
.companies-hiring-section + .footer-area {
  margin-top: 0 !important;
}

.companies-hiring-section + .footer-area .footer-widget > .container {
  padding-top: 45px !important;
}

/* Global Mobile Friendly Enhancements */
@media (max-width: 991px) {
  .hiring-arc-wrapper {
    height: 420px;
  }
  .hiring-coaster-track {
    width: 84%;
  }
  .hiring-coaster-bubble {
    width: 78px;
    height: 78px;
  }
  .hiring-stat-num {
    font-size: 20px;
  }
  .hiring-stat-label {
    font-size: 11.5px;
  }
  .hero-section .hero-global-content .img-title {
    max-width: 85%;
    width: 280px;
  }
}

@media (max-width: 767px) {
  .companies-hiring-section {
    padding: 35px 0 0 0;
  }
  .hiring-title {
    font-size: 26px;
  }
  .hiring-subtitle {
    font-size: 14px;
  }
  .hiring-arc-wrapper {
    height: 330px;
    margin-top: 15px;
  }
  .hiring-coaster-track {
    width: 88%;
  }
  .hiring-coaster-bubble {
    width: 64px;
    height: 64px;
  }
  .hiring-coaster-bubble .bubble-inner span {
    transform: scale(0.9);
  }
  .hiring-stats-pillar {
    bottom: 12px;
    gap: 10px;
    width: 250px;
  }
  .hiring-stat-icon {
    width: 34px;
    height: 34px;
    margin-bottom: 2px;
  }
  .hiring-stat-num {
    font-size: 17px;
  }
  .hiring-stat-label {
    font-size: 10px;
  }
  .companies-hiring-section + .footer-area .footer-widget > .container {
    padding-top: 35px !important;
  }
  
  /* Mobile friendly floating admissions badge */
  .floating-admissions-tab {
    top: auto !important;
    bottom: 75px !important;
    right: 0 !important;
  }
  .floating-admissions-tab a {
    padding: 10px 4px !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
    border-radius: 6px 0 0 6px !important;
    transform: rotate(0deg) !important;
    writing-mode: vertical-rl !important;
  }
  
  /* Hero & content overflow prevention */
  .hero-section .hero-global-content {
    padding: 12px 10px !important;
  }
  .hero-section .hero-global-content .img-title {
    max-width: 80% !important;
    width: 240px !important;
  }
}

@media (max-width: 480px) {
  .hiring-arc-wrapper {
    height: 290px;
  }
  .hiring-coaster-track {
    width: 92%;
  }
  .hiring-coaster-bubble {
    width: 52px;
    height: 52px;
  }
  .hiring-coaster-bubble .bubble-inner span {
    transform: scale(0.78);
  }
  .hiring-stats-pillar {
    bottom: 8px;
    gap: 8px;
    width: 210px;
  }
  .hiring-stat-icon {
    width: 28px;
    height: 28px;
  }
  .hiring-stat-num {
    font-size: 15px;
  }
  .hiring-stat-label {
    font-size: 9px;
  }
}
/* MENU BLUE OVERRIDES */
.all-menu a:hover, .all-menu a.active { color: #0684D8 !important; }
.all-menu .menu-title::after { background: #0684D8 !important; }
.all-menu i { color: #0684D8 !important; }
.main-navigation .navbar .nav-item .nav-link:hover, .main-navigation .navbar .nav-item .nav-link.active { color: #0684D8 !important; }

/* ========================================================
   HERO FULL VIEWPORT FIT (No Navbar Disruption)
   ======================================================== */
:root {
  --header-total-height: 85px;
}

@media (min-width: 992px) {
  :root {
    --header-total-height: 85px;
  }
}

@media (max-width: 991px) {
  :root {
    --header-total-height: 70px;
  }
}

.hero-section {
  position: relative;
  width: 100%;
  height: calc(100vh - var(--header-total-height));
  min-height: 480px;
  max-height: calc(100vh - var(--header-total-height));
  overflow: hidden;
}

.hero-slider {
  height: 100%;
}

.hero-single {
  padding: 0 !important;
  width: 100% !important;
  height: calc(100vh - var(--header-total-height)) !important;
  min-height: 480px !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.hero-section .hero-global-content {
  z-index: 100;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 16px 24px;
  color: #fff;
  font-size: 13px;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
}

.hero-section .hero-global-content .img-title {
  max-width: 260px;
  width: 100%;
  height: auto;
}

.hero-section .hero-right {
  display: block !important;
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  color: #ffffff;
}

/* Navbar Brand Logo Polish */
.navbar-brand img {
  max-height: 52px !important;
  width: auto !important;
  max-width: 240px !important;
  object-fit: contain !important;
}

.footer-logo img {
  max-height: 65px !important;
  width: auto !important;
  max-width: 260px !important;
  object-fit: contain !important;
}

/* ========================================================
   OUR FACILITIES SECTION
   Theme: Blue (#0684D8) & Green (#4CAF2F)
   ======================================================== */
.facilities-area {
  background-color: #ffffff;
  padding: 70px 0;
  position: relative;
}
.facilities-area .site-title {
  font-family: var(--heading-font, "Yantramanav", sans-serif);
  font-weight: 800;
  text-transform: uppercase;
  color: var(--theme-color, #0684D8);
  letter-spacing: -0.5px;
}
.facilities-area .site-title span {
  color: var(--theme-color2, #4CAF2F);
}
.facility-card {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 18px rgba(6, 132, 216, 0.08);
  padding: 18px 18px 22px;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}
.facility-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(6, 132, 216, 0.16);
}
.facility-card.border-blue {
  border-top: 5px solid var(--theme-color, #0684D8);
}
.facility-card.border-green {
  border-top: 5px solid var(--theme-color2, #4CAF2F);
}
.facility-img-wrap {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 16px;
}
.facility-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.facility-card:hover .facility-img-wrap img {
  transform: scale(1.05);
}
.facility-btn {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--theme-color, #0684D8);
  color: #ffffff !important;
  font-family: var(--heading-font, "Yantramanav", sans-serif);
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 10px 16px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.25s ease;
  margin-top: auto;
}
.facility-btn:hover {
  background: var(--theme-color2, #4CAF2F) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(76, 175, 47, 0.35);
}
.facility-btn.btn-green {
  background: var(--theme-color2, #4CAF2F);
}
.facility-btn.btn-green:hover {
  background: var(--theme-color, #0684D8) !important;
  box-shadow: 0 4px 12px rgba(6, 132, 216, 0.35);
}

/* ========================================================
   SECTION: MOMENTS & MEMORIES (GALLERY BENTO)
   Theme: Blue (#0684D8) & Green (#4CAF2F)
   ======================================================== */
.moments-memory-section {
  background-color: #ffffff;
  padding: 80px 0 60px;
}
.moments-memory-section .site-title {
  font-family: var(--heading-font, "Yantramanav", sans-serif);
  font-weight: 800;
  text-transform: uppercase;
  color: var(--theme-color, #0684D8);
  line-height: 1.15;
}
.moments-memory-section .site-title span {
  color: var(--theme-color2, #4CAF2F);
}
.explore-gallery-btn {
  display: inline-flex;
  align-items: center;
  border: 2px solid var(--theme-color, #0684D8);
  border-radius: 50px;
  padding: 10px 24px;
  color: #ffffff;
  background: var(--theme-color, #0684D8);
  font-family: var(--heading-font, "Yantramanav", sans-serif);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: all 0.25s ease;
}
.explore-gallery-btn:hover {
  border-color: var(--theme-color2, #4CAF2F);
  background: var(--theme-color2, #4CAF2F);
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(76, 175, 47, 0.35);
  transform: translateY(-2px);
}
.moment-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
  background: #1e293b;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.moment-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(6, 132, 216, 0.18);
}
.moment-card-large {
  height: 480px;
}
.moment-card-small {
  height: 228px;
}
@media (max-width: 991.98px) {
  .moment-card-large {
    height: 380px;
  }
}
.moment-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.moment-card:hover .moment-img {
  transform: scale(1.05);
}
.moment-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: var(--theme-color, #0684D8);
  color: #ffffff;
  font-family: var(--heading-font, "Yantramanav", sans-serif);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 50px;
  z-index: 2;
  box-shadow: 0 2px 8px rgba(6, 132, 216, 0.3);
}
.moment-badge.badge-green {
  background: var(--theme-color2, #4CAF2F);
  box-shadow: 0 2px 8px rgba(76, 175, 47, 0.3);
}
.moment-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 20px 18px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);
  color: #ffffff;
  z-index: 2;
}
.moment-item-title {
  font-family: var(--heading-font, "Yantramanav", sans-serif);
  font-size: 21px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 3px;
  line-height: 1.25;
}
.moment-card-large .moment-item-title {
  font-size: 25px;
}
.moment-item-sub {
  font-family: var(--body-font, "Roboto", sans-serif);
  font-size: 13px;
  color: rgba(255, 255, 255, 0.88);
  margin-bottom: 0;
}

/* ========================================================
   SECTION: VIDEO TESTIMONIALS SLIDER
   Theme: Blue (#0684D8) & Green (#4CAF2F)
   ======================================================== */
.video-testimonials-section {
  background-color: #f8fafc;
  padding: 70px 0 80px;
}
.video-testimonials-section .site-title {
  font-family: var(--heading-font, "Yantramanav", sans-serif);
  font-weight: 800;
  text-transform: uppercase;
  color: var(--theme-color, #0684D8);
  letter-spacing: -0.5px;
}
.video-testimonials-section .site-title span {
  color: var(--theme-color2, #4CAF2F);
}
.video-heading-bar {
  width: 60px;
  height: 4px;
  background: var(--theme-color2, #4CAF2F);
  border-radius: 2px;
  margin: 14px auto 35px;
}
.video-card-item {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #000000;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  height: 380px;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 2px solid transparent;
}
.video-card-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(6, 132, 216, 0.22);
  border-color: var(--theme-color, #0684D8);
}
.video-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.video-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
.video-card-item:hover .video-card-overlay {
  background: rgba(6, 132, 216, 0.15);
}
.video-play-icon {
  width: 52px;
  height: 52px;
  background: var(--theme-color, #0684D8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 18px;
  box-shadow: 0 4px 15px rgba(6, 132, 216, 0.4);
  transition: transform 0.3s ease, background 0.3s ease;
}
.video-card-item:hover .video-play-icon {
  transform: scale(1.15);
  background: var(--theme-color2, #4CAF2F);
  box-shadow: 0 4px 15px rgba(76, 175, 47, 0.5);
}
.video-controls-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 14px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  font-size: 11px;
}
.video-controls-bar .video-play-mini {
  color: var(--theme-color2, #4CAF2F);
  font-size: 11px;
}
.video-controls-bar .video-time {
  font-family: monospace;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
}
.video-controls-bar .video-timeline {
  flex: 1;
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  position: relative;
}
.video-controls-bar .video-timeline-progress {
  width: 30%;
  height: 100%;
  background: var(--theme-color2, #4CAF2F);
  border-radius: 2px;
}
.video-controls-bar .video-icons {
  display: flex;
  gap: 8px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 11px;
}

/* Video Slider Arrow Controls */
.video-testimonials-carousel .owl-nav {
  margin-top: 30px;
  text-align: center;
}
.video-testimonials-carousel .owl-nav button.owl-prev,
.video-testimonials-carousel .owl-nav button.owl-next {
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: var(--theme-color, #0684D8) !important;
  box-shadow: 0 4px 14px rgba(6, 132, 216, 0.15) !important;
  margin: 0 8px !important;
  font-size: 15px !important;
  transition: all 0.25s ease !important;
  border: 2px solid var(--theme-color, #0684D8) !important;
}
.video-testimonials-carousel .owl-nav button.owl-prev:hover,
.video-testimonials-carousel .owl-nav button.owl-next:hover {
  background: var(--theme-color2, #4CAF2F) !important;
  border-color: var(--theme-color2, #4CAF2F) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(76, 175, 47, 0.35) !important;
}

/* ========================================================
   SECTION: STUDENT COMMUNITY SLIDER
   Theme: Blue (#0684D8) & Green (#4CAF2F)
   ======================================================== */
.student-community-section {
  background-color: #ffffff;
  padding: 70px 0 90px;
}
.student-community-section .site-title {
  font-family: var(--heading-font, "Yantramanav", sans-serif);
  font-weight: 800;
  text-transform: uppercase;
  color: var(--theme-color, #0684D8);
  letter-spacing: -0.5px;
}
.student-community-section .site-title span {
  color: var(--theme-color2, #4CAF2F);
}
.student-speech-card {
  display: flex;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(6, 132, 216, 0.1);
  background: #ffffff;
  border: 1px solid rgba(6, 132, 216, 0.12);
}
@media (max-width: 767.98px) {
  .student-speech-card {
    flex-direction: column;
  }
}
.student-portrait-side {
  background: linear-gradient(135deg, var(--theme-color2, #4CAF2F), #388e3c);
  width: 290px;
  min-width: 290px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding-top: 30px;
}
.student-portrait-side.side-blue {
  background: linear-gradient(135deg, var(--theme-color, #0684D8), #0267aa);
}
@media (max-width: 767.98px) {
  .student-portrait-side {
    width: 100%;
    min-width: 100%;
    height: 260px;
  }
}
.student-portrait-side img {
  width: auto;
  max-width: 85%;
  max-height: 270px;
  object-fit: contain;
  display: block;
}
.student-quote-bubble {
  flex: 1;
  background: var(--theme-color, #0684D8);
  color: #ffffff;
  padding: 45px 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) {
  .student-quote-bubble::before {
    content: "";
    position: absolute;
    left: -16px;
    top: 40px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 16px solid var(--theme-color, #0684D8);
  }
}
.student-quote-author {
  font-family: var(--heading-font, "Yantramanav", sans-serif);
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
}
.student-quote-author span {
  color: #bbf7d0;
  font-weight: 500;
  font-size: 18px;
}
.student-quote-text {
  font-family: var(--body-font, "Roboto", sans-serif);
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.95);
  margin-bottom: 0;
}
.student-arrows-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.student-arrow-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid var(--theme-color, #0684D8);
  background: #ffffff;
  color: var(--theme-color, #0684D8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  cursor: pointer;
  margin-left: 10px;
  transition: all 0.25s ease;
}
.student-arrow-btn:hover {
  background: var(--theme-color2, #4CAF2F);
  border-color: var(--theme-color2, #4CAF2F);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(76, 175, 47, 0.35);
}

/* ========================================================
   MOBILE NAVIGATION ENHANCEMENTS
   - Visible close button in all-menu
   - Yellow Apply Now button after logo on mobile only
   ======================================================== */
.all-menu .close-menu {
  position: fixed !important;
  right: 20px !important;
  top: 20px !important;
  left: auto !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #E1306C !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  z-index: 10000005 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.25s ease !important;
}
.all-menu .close-menu:hover {
  background: #be185d !important;
  transform: rotate(90deg) scale(1.08) !important;
}
.all-menu .close-menu i {
  color: #ffffff !important;
  font-size: 22px !important;
}

/* Mobile Apply Now Button */
.mobile-apply-now-btn {
  display: none;
  background: #FFB802;
  color: #000000 !important;
  font-weight: 400;
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 20px;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(255, 184, 2, 0.45);
  margin-left: 10px;
  margin-right: auto;
  white-space: nowrap;
  letter-spacing: 0.3px;
  transition: all 0.2s ease;
  line-height: 1.2;
}
.mobile-apply-now-btn:hover {
  background: #e6a600;
  color: #000000 !important;
  transform: translateY(-1px);
}
@media (max-width: 991.98px) {
  .mobile-apply-now-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 991.98px) {
  .main-navigation .navbar .container-fluid {
    display: flex;
    flex-wrap: nowrap;
  }

  .main-navigation .navbar-brand {
    flex: 0 0 auto;
  }

  .mobile-apply-now-btn {
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: 12px;
  }

  .mobile-menu-right {
    flex: 0 0 auto;
    margin-left: 0;
  }
}

@media (max-width: 767.98px) {
  .about-area .about-img > .row {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
  }

  .about-area .about-img > .row > .col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .about-area .about-img > .row > .col-md-6 > img {
    width: 100%;
    max-width: 420px;
    height: auto;
  }

  .team-area .team-bio h5 {
    font-size: 20px;
    line-height: 1.25;
  }

  .team-area .team-bio span {
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 1px;
  }

  .hiring-arc-wrapper {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .hiring-arc-svg {
    display: none;
  }

  .hiring-stats-pillar {
    position: relative;
    inset: auto;
    transform: none;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 6px;
    width: 100%;
    margin-bottom: 20px;
  }

  .hiring-stat-block {
    min-width: 0;
  }

  .hiring-stat-icon {
    width: 30px;
    height: 30px;
  }

  .hiring-stat-num {
    font-size: 14px;
  }

  .hiring-stat-label {
    font-size: 10px;
  }

  .hiring-coaster-track {
    position: relative;
    inset: auto;
    width: max-content;
    max-width: none;
    height: auto;
    aspect-ratio: auto;
    display: flex;
    gap: 14px;
    animation: hiringLogosSideToSide 18s ease-in-out infinite alternate;
    animation-play-state: running;
  }

  .hiring-logo-viewport {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    padding: 8px 0;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
  }

  .hiring-coaster-bubble {
    position: relative;
    inset: auto !important;
    transform: none !important;
    animation: none;
    width: 56px;
    height: 56px;
    max-width: 100%;
    flex: 0 0 56px;
    margin: 0;
    will-change: auto;
  }

  .hiring-coaster-bubble .bubble-inner {
    padding: 3px;
  }

  .hiring-coaster-bubble .bubble-inner span {
    transform: none;
  }

  @keyframes hiringLogosSideToSide {
    from { transform: translateX(0); }
    to { transform: translateX(calc(100vw - 100%)); }
  }
}

@media (max-width: 575.98px) {
  .all-menu .col-lg-12.mb-4 {
    margin-bottom: 12px !important;
  }

  .all-menu .col-lg-12 > .row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }

  .all-menu .col-lg-12 > .row > .col-md-4,
  .all-menu .col-lg-12 > .row > .col-md-8 {
    width: 100%;
    max-width: none;
    margin-top: 0 !important;
  }

  .all-menu .col-lg-12 > .row > .col-md-4 img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    margin-top: 6px !important;
  }

  .all-menu .col-lg-12 > .row > .col-md-8 ul {
    display: block;
    margin: 0;
    padding: 0;
  }

  .all-menu .col-lg-12 > .row > .col-md-8 ul li {
    margin: 0 0 6px !important;
    padding: 0;
  }

  .all-menu .col-lg-12 > .row > .col-md-8 ul a {
    color: #ffffff !important;
    font-size: 12px;
    line-height: 1.25;
  }

  .all-menu .col-lg-12 > .row > .col-md-8 ul i {
    color: #ffb800 !important;
  }

  .all-menu .col-lg-12 h5 {
    color: #ffffff !important;
    font-size: 14px !important;
    margin-bottom: 6px;
    padding-bottom: 4px !important;
    border-bottom-color: #ffb800 !important;
  }

  .all-menu .col-lg-4 > div {
    padding: 16px !important;
    margin-bottom: 12px !important;
  }
}

@media (max-width: 359.98px) {
  .hiring-coaster-bubble {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  .mobile-apply-now-btn {
    font-size: 12px;
    padding: 6px 10px;
  }
}

@media (min-width: 768px) {
  .all-menu {
    padding: 84px 0 32px;
    background: linear-gradient(135deg, #f8fbff 0%, #eaf4fb 100%) !important;
    color: #1e293b;
  }

  .all-menu .container {
    min-height: calc(100vh - 116px);
  }

  .all-menu .container > .row {
    width: 100%;
    align-items: center;
  }

  .all-menu .col-lg-12.mb-4 {
    padding: 20px 22px !important;
    margin-bottom: 18px !important;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.07);
  }

  .all-menu .col-lg-12 > .row {
    align-items: center;
  }

  .all-menu .col-lg-12 h5 {
    color: #12304a !important;
    font-size: 17px !important;
    letter-spacing: 0.06em;
  }

  .all-menu .col-lg-12 > .row > .col-md-4 img {
    display: block;
    width: 100%;
    max-height: 142px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 12px !important;
    margin-top: 12px !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
  }

  .all-menu .col-lg-12 > .row > .col-md-8 {
    margin-top: 0 !important;
  }

  .all-menu .col-lg-12 > .row > .col-md-8 ul {
    row-gap: 8px;
  }

  .all-menu .col-lg-12 > .row > .col-md-8 ul li {
    margin-bottom: 4px !important;
  }

  .all-menu .col-lg-12 > .row > .col-md-8 ul a {
    color: #334155 !important;
    display: inline-flex;
    align-items: flex-start;
    line-height: 1.45;
    transition: color 0.2s ease, transform 0.2s ease;
  }

  .all-menu .col-lg-12 > .row > .col-md-8 ul a:hover {
    color: #0684d8 !important;
    transform: translateX(3px);
  }

  .all-menu .col-lg-4 > div {
    padding: 24px !important;
    margin-bottom: 18px !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
  }

  .all-menu .col-lg-4 > div:first-child {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
  }

  .all-menu .col-lg-4 > div:first-child .menu-title {
    color: #12304a !important;
  }

  .all-menu .col-lg-4 > div:first-child a {
    color: #334155 !important;
    transition: color 0.2s ease, transform 0.2s ease;
  }

  .all-menu .col-lg-4 > div:first-child a:hover {
    color: #0684d8 !important;
    transform: translateX(3px);
  }

  .all-menu .col-lg-4 > div:first-child i {
    color: #0684d8 !important;
  }

  .all-menu .close-menu {
    background: #0684d8 !important;
    box-shadow: 0 8px 24px rgba(6, 132, 216, 0.28) !important;
  }

  .all-menu .close-menu:hover {
    background: #0465a6 !important;
  }
}

@media (min-width: 992px) {
  .all-menu .container {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 767.98px) {
  .companies-hiring-section {
    margin-bottom: 24px;
  }
}