/**
 * Bootstrap 5.3.8 is loaded, but this theme was designed for Bootstrap 3
 * (same as https://www.abglp.adityabirla.com/). Restore BS3 grid, containers,
 * navbar, and link defaults so existing templates/CSS keep live-site layout.
 */

/* --- Reboot: match Bootstrap 3 defaults the theme expects --- */
a {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: none;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

p {
  margin: 0 0 10px;
}

/* --- Containers: Bootstrap 3 widths --- */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: none;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/* --- Grid: Bootstrap 3 float columns (not Bootstrap 5 flex + 768px md) --- */
.row {
  display: block !important;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  margin-left: -15px;
  margin-right: -15px;
}

.row::before,
.row::after {
  display: table;
  content: " ";
}

.row::after {
  clear: both;
}

.row > * {
  flex: none !important;
  max-width: none !important;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: none;
  width: auto;
  flex: none !important;
  max-width: none !important;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
  .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
  .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
  .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
}

.pull-left { float: left !important; }
.pull-right { float: right !important; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (max-width: 767.98px) {
  .hidden-xs { display: none !important; }
}

@media (min-width: 768px) {
  .visible-xs { display: none !important; }
}

/* --- Navbar: keep Bootstrap 3 header structure with Bootstrap 5 --- */
#nav.navbar,
.navbar-default {
  display: block !important;
  flex-wrap: nowrap;
  align-items: stretch;
  overflow: visible !important;
  padding: 0;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999 !important;
}

header,
.navWrapper {
  position: relative;
  z-index: 9999;
}

#nav.navbar .container {
  display: block !important;
  overflow: visible !important;
  position: relative;
}

.navbar-header {
  display: block;
}

.navbar-toggle {
  display: none;
  border: 0;
  background: transparent;
  float: right;
}

.navbar-nav,
#nav .navbar-nav,
#nav .nav.navbar-nav {
  display: block !important;
  flex-direction: unset;
  float: right;
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.navbar-nav > li,
#nav .navbar-nav > li {
  list-style: none;
  float: left;
  display: block !important;
  position: relative;
}

#nav .navbar-nav > li > a,
#nav .navbar-nav > li > .nav-link,
.navbar-default .navbar-nav > li > a,
.navbar-nav > li > a {
  display: block !important;
  float: none;
  padding: 15px 18px !important;
  white-space: nowrap;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
}

#nav .navbar-nav > li > a:hover,
#nav .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ff762b;
  background-color: transparent;
}

/* Hide Bootstrap 5 caret; keep only fas fa-chevron-down */
#nav .dropdown-toggle::after,
#nav .navbar-nav .dropdown-toggle::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  margin: 0 !important;
}

#nav .navbar-nav > li > a .fa-chevron-down,
#nav .navbar-nav > li > a .fas {
  margin-left: 8px;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  float: none;
  line-height: 1;
}

#nav .navbar-collapse,
#nav .region-header-menu,
#nav .block-menu,
#nav .navbar-nav {
  overflow: visible !important;
}

#nav .navbar-nav > li.dropdown:hover > .dropdown-menu,
#nav .navbar-nav > li.open > .dropdown-menu,
#nav .navbar-nav > li.show > .dropdown-menu {
  display: block !important;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10000 !important;
  float: none;
  margin-top: 0;
}

.indexBannerContainer,
.bannerWrapper,
.bannerContainer,
.bannerContainer .bannerSlideWrapper {
  position: relative;
  z-index: 1;
}

.bannerWrapper .bannerSlider {
  z-index: 2;
}

#nav .searchWrapper {
  float: left;
  position: relative;
  z-index: 30;
  cursor: pointer;
}

#nav .search-box {
  position: absolute;
  top: 49px;
  right: -80%;
  width: 450px;
  z-index: 40;
}

#nav .search-box.is-open {
  display: block !important;
}

.navbar-right,
.navbar-nav.navbar-right {
  float: right !important;
  margin-left: 0;
}

@media (max-width: 767.98px) {
  #nav.navbar,
  #nav.navbar.navbar-default {
    min-height: 72px;
    /* background-color: #6a1b9a; */
  }

  #nav .navbar-header {
    min-height: 72px;
    float: none;
  }

  #nav .navbar-brand {
    float: left;
    width: auto;
    max-width: 30%;
    margin: 12px 0 12px 12px;
    padding: 0;
  }

  #nav .navbar-brand img {
    max-width: 100%;
    height: auto;
  }

  .navbar-toggle,
  .navbar-expand-md .navbar-toggler {
    display: block;
    float: right;
    position: relative;
    z-index: 10002;
    margin: 12px 8px 0 0;
    padding: 0;
  }

  #nav .searchWrapper {
    position: absolute;
    top: 18px;
    right: 15px;
    float: none;
    margin: 0;
    z-index: 10001;
  }

  #nav .searchWrapper .fa-search,
  #nav .searchWrapper .fa-magnifying-glass {
    width: 22px;
    height: 22px;
    background-size: contain;
  }

  #nav .search-box {
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;
    width: auto;
    margin: 0;
    padding: 12px 16px;
    background: #2c0b5a;
    box-sizing: border-box;
  }

  #nav.navbar {
    transition: background-color 0.35s ease;
  }

  #nav .navbar-collapse.collapse,
  #nav .navbar-collapse.collapsing {
    display: block !important;
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto !important;
    max-height: calc(100vh - 72px);
    margin: 0;
    padding: 8px 20px 48px;
    background: transparent;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    z-index: 9998;
    box-shadow: none;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-12px);
    pointer-events: none;
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
  }

  #nav.navbar.addheightnBg {
    overflow: hidden !important;
    height: 100vh;
    max-height: 100vh;
    background: url(../common/images/mobile_navbg.jpg) bottom center no-repeat #2c0b5a !important;
    background-size: 100% !important;
  }

  #nav .navbar-collapse.collapse.show,
  #nav .navbar-collapse.collapse.in,
  .navbar-collapse.collapse.show,
  .navbar-collapse.collapse.in {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .navbar-nav,
  .navbar-nav.navbar-right,
  #nav .navbar-nav,
  #nav .nav.navbar-nav {
    float: none !important;
    width: 100%;
    margin: 0;
  }

  #nav .navbar-nav > li,
  .navbar-nav > li {
    float: none;
    display: block !important;
    width: 100%;
    border-bottom: 1px solid #5e1185;
  }

  #nav .navbar-nav > li > a,
  #nav .navbar-nav > li > .nav-link,
  .navbar-default .navbar-nav > li > a {
    font-size: 22px !important;
    line-height: 1.3 !important;
    padding: 16px 0 !important;
    white-space: normal;
  }

  /* Cancel the desktop hover rule. SmartMenus opens the item and adds .open. */
  #nav .navbar-nav > li.dropdown:hover > .dropdown-menu {
    display: none !important;
    position: static !important;
  }

  #nav .navbar-nav > li.open > .dropdown-menu,
  #nav .navbar-nav > li.show > .dropdown-menu,
  #nav .navbar-nav > li.dropdown.open:hover > .dropdown-menu,
  #nav .navbar-nav > li.dropdown.show:hover > .dropdown-menu {
    display: block !important;
    position: static !important;
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 12px;
    padding: 0 0 8px;
    background: transparent;
    border: 0;
    box-shadow: none;
    left: auto !important;
    top: auto !important;
    padding-left: 20px;
  }

  #nav .navbar-nav > li.open > a .fa-chevron-down,
  #nav .navbar-nav > li.show > a .fa-chevron-down {
    transform: rotate(180deg);
  }

  #nav .navbar-nav .dropdown-menu a,
  #nav .navbar-nav .dropdown-menu .headingPrimary,
  #nav .navbar-nav .dropdown-menu .parentHeading {
    display: block;
    padding: 8px 0;
    /* color: #fff; */
    font-size: 16px;
    white-space: normal;
  }

  #nav .navbar-nav .dropdown-menu .floatleft,
  #nav .navbar-nav .dropdown-menu .floatright,
  #nav .navbar-nav .dropdown-menu .rowNav {
    float: none;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }

  #nav .navbar-collapse,
  #nav .navbar-collapse.collapse,
  .navbar-expand-md .navbar-collapse,
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 0;
    flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler,
  .navbar-expand-md .navbar-toggle,
  .navbar-toggle {
    display: none;
  }

  .navbar-nav > li {
    float: left;
  }

  #nav .navbar-nav > li > a {
    transition: color 0.25s ease;
  }

  #nav .navbar-nav > li > a .fa-chevron-down {
    transition: transform 0.25s ease;
  }

  #nav .navbar-nav > li.dropdown:hover > a .fa-chevron-down,
  #nav .navbar-nav > li.open > a .fa-chevron-down,
  #nav .navbar-nav > li.show > a .fa-chevron-down {
    transform: rotate(180deg);
  }

  #nav .navbar-nav > li.dropdown:hover > .dropdown-menu,
  #nav .navbar-nav > li.open > .dropdown-menu,
  #nav .navbar-nav > li.show > .dropdown-menu {
    animation: desktopMenuIn 0.28s ease;
  }
}

@keyframes desktopMenuIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --- Components used across homepage and inner pages --- */
.fade.in { opacity: 1; }

.collapse.in,
.collapse.show {
  display: block;
}

.tab-pane {
  display: none;
}

.tab-pane.in,
.tab-pane.active {
  display: block;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.groupInternshipTabWrapper .nav-tabs,
.fhTabSliderWrapper .fhTabSlider.nav-tabs {
  display: block;
  flex-wrap: unset;
  border-bottom: 0;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  list-style: none;
}

.nav-tabs > li > a {
  display: block;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  background: transparent;
  border: 0;
  opacity: 0.5;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.embed-responsive-item,
.embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.modal {
  --bs-modal-width: 80%;
}

.modal.aboutVid {
  z-index: 20000;
}

.modal-backdrop {
  z-index: 19990;
}

.modal.aboutVid.show,
.modal.aboutVid.in {
  display: block;
}

.modal.aboutVid .modal-dialog {
  max-width: 80%;
  margin: 30px auto;
}

ul.successSliderProgram,
.successSliderProgram {
  list-style: none;
  margin: 0;
  padding: 0;
}

.successSliderProgram.slick-initialized .slick-list {
  overflow: hidden;
  display: block;
}

.successSliderProgram.slick-initialized .slick-track {
  display: block;
}

.successSliderProgram.slick-initialized .slick-slide {
  display: block;
  float: left;
  height: auto;
  width: 510px !important;
  max-width: 510px !important;
}

@media (max-width: 480px) {
  .successSliderProgram.slick-initialized .slick-slide {
    width: 380px !important;
    max-width: 380px !important;
  }
}

.outerSlideContent ul.latestBeatSlider {
  float: right;
  width: 86.5%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.outerSlideContent .latestBeatSlider.slick-initialized .slick-list {
  overflow: hidden;
}

.outerSlideContent .latestBeatSlider.slick-initialized .slick-track {
  display: block !important;
  white-space: nowrap;
}

.outerSlideContent .latestBeatSlider.slick-initialized .slick-slide,
.outerSlideContent ul.latestBeatSlider > li.item {
  display: block !important;
  float: left !important;
  width: 510px !important;
  max-width: 510px !important;
  height: auto !important;
  margin-right: 0;
  white-space: normal;
  vertical-align: top;
}

@media (max-width: 480px) {
  .outerSlideContent ul.latestBeatSlider {
    float: none;
    width: 96%;
  }

  .outerSlideContent .latestBeatSlider.slick-initialized .slick-slide {
    width: 380px !important;
    max-width: 380px !important;
  }
}

.successStoriesWrapper.wow {
  visibility: visible;
}

.outerSlideContent .slick-current .thumbPosition {
  display: block !important;
  visibility: visible !important;
  z-index: 20;
}

.outerSlideContent .slick-slide:not(.slick-current) .thumbPosition {
  display: none !important;
}

.dropdown-menu {
  display: none;
}

.open > .dropdown-menu,
.show > .dropdown-menu,
.dropdown-menu.show {
  display: block;
}

.bannerWrapper .bannerSlider.slick-initialized,
.bannerWrapper .bannerSlider .slick-list,
.bannerWrapper .bannerSlider .slick-track {
  height: 95px;
}

.bannerWrapper .bannerSlider .slick-slide {
  height: 80px;
  float: left;
}

.bannerWrapper .bannerSlider .slick-arrow {
  display: none !important;
}

.loader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100000 !important;
  display: block;
  background: #1d0a3b;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

.loader.page-loader-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}