@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body {
  line-height: 1.4;
}
.main-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.main-wrapper img {
  display: block;
}
.main-wrapper a {
  color: #000;
  text-decoration: none;
}
.main-wrapper ul li {
  list-style-type: none;
}
.navbar {
  background: #fafafa;
  padding: 0 1rem;
  /* position: fixed; */
  position: relative;
  /* top: 0; */
  /* left: 0; */
  width: 100%;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  z-index: 99;
  align-items: unset !important;
  flex-wrap: nowrap;
}
.brand-and-icon:nth-of-type(2) {
    padding: 0;
}
.brand-and-icon {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px solid #ddd;
}
.mbl-bottom {
  padding: 0;
  height: 0;
  align-items: center;
}
.navbar-collapse[style*="display: block"] + .mbl-bottom {
  padding: 1rem 0;
  height: max-content;
}
.navbar-collapse[style*="display: block"] + .mbl-bottom  .requestBtn{
  opacity: 1;
}

/* Mobile: keep the logo left, and group the demo CTA + hamburger on the right. */
.navbar-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
/* The header CTA reuses .requestBtn, which is opacity:0 below 768px (it fades in
   only when the menu opens). Higher specificity than `.navbar .requestBtn` so it
   stays visible without !important. */
.navbar .mbl-header-cta .requestBtn {
  position: relative;
  bottom: unset;
  width: max-content;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.5px;
  white-space: nowrap;
  opacity: 1;
}
/* Below the hamburger breakpoint the CTA lives in the header, so drop the copy
   that used to appear at the bottom of the opened menu.
   991.98px (not 991px) so fractional viewport widths from browser zoom cannot
   fall between this and the 992px rule below and show both CTAs at once. */
@media screen and (max-width: 991.98px) {
  .mbl-bottom {
    display: none;
  }
}
/* From 992px up the desktop CTA in .mbl-bottom takes over. */
@media screen and (min-width: 992px) {
  .mbl-header-cta {
    display: none;
  }
}
.navbar-brand {
  font-size: 1.8rem;
  letter-spacing: 3px;
  font-weight: 700;
}
.navbar-toggler {
  display: block;
  border: none;
  background: transparent;
  font-size: 1.8rem;
  cursor: pointer;
  padding: 0.2rem 0.5rem;
  transition: all 0.4s ease;
  border: 0px solid #000;
  border-radius: 4px;
}
.navbar-toggler:hover {
  opacity: 0.7;
}

.sub-menu-item h4 a:hover {
  color: #e94f1c;
}
.navbar-collapse {
  overflow-y: scroll;
  display: none;
}
.navbar-nav > li > a {
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
  display: block;
  padding: 0.6rem 0;
  margin: 0.2rem 0;
  border-bottom: 1px solid #ddd;
  border-radius: 1px;
  position: relative;
  transition: all 0.4s ease;
}
.drop-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.navbar-nav > li > a:hover {
  opacity: 0.7;
}
.sub-menu h4 {
  text-transform: none;
  font-size: 1.3rem;
  padding: 0.5rem 0;
}
.sub-menu ul li {
  text-transform: capitalize;
  padding: 0.1rem 0;
  margin: 0.2rem 0;
  font-size: 0.95rem;
}
.sub-menu ul li a {
  opacity: 0.8;
  transition: all 0.5s ease;
}
.sub-menu ul li a:hover {
  padding-left: 14px;
  opacity: 0.9;
  color: #e94f1c;
}
.sub-menu {
  display: none;
}

.sub-menu-item {
  padding-left: 1.2rem;
}
.sub-menu-item {
  /*background: #ddd;*/
  display: inline-block;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.sub-menu-item:nth-child(3) h2 {
  text-transform: capitalize;
  margin: 1.5rem 0;
}
.sub-menu-item:nth-child(3) .btn {
  border: 1px solid #000;
  text-transform: uppercase;
  font-size: 0.9rem;
  padding: 0.6rem 1rem;
  cursor: pointer;
  background: #000;
  color: #fff;
  transition: all 0.5s ease;
}
.sub-menu-item:nth-child(3) .btn:hover {
  background: transparent;
  color: #000;
}
.sub-menu-item:nth-child(4) {
  /*width: 50%;
    margin: 0 auto;
    padding: 2rem 0;*/
}

/* header */
.header {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://source.unsplash.com/g-kNBpqMIs4/1920x1400) center/cover no-repeat;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.header h2 {
  margin: 1rem;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: 2px;
}
.header p {
  margin: 1rem auto;
  color: #fff;
  width: 60%;
  opacity: 0.8;
  font-weight: 300;
  font-size: 1.2rem;
  text-align: center;
}
.header button {
  margin: 1rem;
  font-size: 1rem;
  text-transform: uppercase;
  background: #000;
  color: #fff;
  border: none;
  padding: 0.8rem 1.5rem;
  transition: all 0.5s ease;
  cursor: pointer;
}
.header button:hover {
  background: #fff;
  color: #000;
}

.company-item {
  padding-left: 8rem !important;
}

.resources-item {
  padding-left: 0rem !important;
}

/* Media Queries */
@media screen and (min-width: 992px) {
  .navbar {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center !important;
    border-bottom: 1px solid #ddd;
    padding: 0 5rem;
    position: relative;
  }
  .navbar-toggler {
    display: none;
  }
  .brand-and-icon {
    flex: 0 0 100px;
    border-bottom: none;
    padding: 0;
    height: max-content;
  }
  .navbar-collapse {
    display: block !important;
    overflow-y: hidden;
    flex: 1 0 auto;
  }
  .navbar-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: unset;
  }
  .navbar-nav > li > a {
    border-bottom: none;
    margin: 0 0.4rem;
    padding: 1.7rem 1.8rem 1.7rem 0.8rem;
    font-size: 0.8rem;
  }
  .sub-menu {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    background: #f8f8f8;
  }
  .navbar-nav > li:hover .sub-menu {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 5rem;
  }
  .navbar-nav > li {
    border-bottom: 2px solid transparent;
    transition: border-bottom 0.4s ease;
  }
  .navbar-nav > li:hover .drop-icon {
    transform: translateY(-50%) rotate(180deg);
    transform-origin: center;
  }
  .navbar-nav > li:hover .drop-icon .fa-chevron-down {
    color: #e94f1c;
  }
  .navbar-nav > li:hover > a {
    color: #e94f1c;
  }
  .navbar-nav > li:hover {
    border-bottom-color: #e94f1c;
  }
  .sub-menu-item {
    padding-left: 0;
  }
  .sub-menu-item:nth-child(2) {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  /* header */
  .header {
    height: calc(100vh - 75px);
  }
  .header h2 {
    font-size: 6rem;
  }
  .header p {
    width: 40%;
  }
}

@media screen and (max-width: 991.98px) {
  .navbar-collapse {
    max-height: 1000px;
  }
  .navbar .requestBtn {
    position: relative;
    bottom: unset;
    width: auto;
    background-color: #e94f1c;
    opacity: 0;
    transition: 0.2s opacity linear !important;
  }
  .company-item {
    padding-left: 1.2rem !important;
  }
  .resources-item {
    padding-left: 1.2rem !important;
  }

  /* Drop the decorative imagery/spacer columns from the dropdown panels in
     the mobile drawer so only the clickable links remain, in one compact
     stacked column instead of the desktop's grid layout. */
  .menu-visual,
  .menu-spacer {
    display: none;
  }
  .sub-menu-item {
    display: block;
    width: 100%;
    padding: 0.35rem 1rem;
  }
  .sub-menu h4 {
    padding: 0.35rem 0;
  }

  .navbar-nav .-activeMenuLink .drop-icon {
    transform: translateY(-50%) rotate(180deg);
    transform-origin: center;
  }
  .navbar-nav .-activeMenuLink .drop-icon .fa-chevron-down {
    color: #e94f1c;
  }
  .navbar-nav .-activeMenuLink {
    color: #e94f1c;
  }
  .navbar-nav .-activeMenuLink {
    border-bottom-color: #e94f1c;
  }
  .navbar-toggler .fa-bars {
    display: block;
  }
  .navbar-toggler .fa-xmark {
    display: none;
  }
  .navbar-toggler.-activeCollapse .fa-bars {
    display: none;
  }
  .navbar-toggler.-activeCollapse .fa-xmark {
    display: block;
  }
}

.scaiTabs__btn
{
    margin-bottom: 30px;
    margin-top: 30px;
}
/* @media only screen and (max-width: 768px) {
  .menu-link.-activeMenuLink + .sub-menu {
    display: block !important;
  }
} */

.ibpBanner {
  margin-top: 74px;
}

.blog__banner {
  margin-top: 73px;
}

.video>.c-fullBanner {
  margin-top: 74px;
}

.eBook__banner {
  margin-top: 74px;
}

.newsroom__banner {
  margin-top: 74px;
}

.webinar>.c-fullBanner {
  margin-top: 74px;
}

.aboutUs>.c-fullBanner {
  margin-top: 74px;
  margin-bottom: 0;
}

.leadership .c-banner {
  margin-top: 74px;
}

.currentOpenings__banner {
  margin-top: 74px;
}

.scaiTabs__para
{
  margin-bottom: 40px;
  margin-top: 0;
}

.c-fullBanner__imgContainer
{
  padding-top: 0;
}

strong{
    color: #e94f1c !important;
}

.text-danger
{
    font-size: 18px;
}

.countings__statPre
{
    text-align: center;
}
body.-scrollLock {
  overflow: hidden;
}