/* ========================================

   Shared

   ======================================== */


:root {

  --o: #ff5e15;

  --w: #fffaf8;

  --l: #fff6f2;

  --d: #222;

  --orange: #ff5e15;

  --white: #fffaf8;

  --cream: #fff6f2;

  --dark: #222;

}



.btn.btn-base {

  appearance: none;

  -webkit-appearance: none;

  display: inline-block;

  padding: 10px 16px;

  border: 2px solid var(--main-color-one);

  border-radius: 5px;

  background: var(--main-color-one);

  color: #fff !important;

  font-family: inherit;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.5;

  height: auto;

  cursor: pointer;

  text-align: center;

  text-decoration: none;

  box-shadow: none;

  vertical-align: middle;

}



.new_head {

  text-align: center;

  margin: 0 auto 42px;

}

.new_head b {

  display: inline-block;

  padding: 10px 15px;

  border-radius: 22px;

  background: #fff6f2;

  color: #ff5e15;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 1px;

}

.new_head h2 {

  margin: 10px 0 10px;

  letter-spacing: 1px;

  font-size: 40px;

  line-height: 53px;

}

.new_head h2 span,

.new_head.reveal.show span {

  color: #ff5e15;

}

.new_head p {

  margin: 0;

  color: #555;

  font-size: 17px;

  text-align: center !important;

}



.icon {

  width: 58px;

  height: 58px;

  border-radius: 50%;

  background: var(--cream);

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 17px;

}

.icon img {

  width: 30px;

}



.reveal {

  opacity: 0;

  transform: translateY(32px);

  transition:

    opacity 0.7s,

    transform 0.7s;

}

.reveal.show {

  opacity: 1;

  transform: none;

}



/* ========================================

   Header / Navigation

   ======================================== */

.navbar-top .topbar-right {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 14px;

  margin: 0;

  padding: 0;

}



.navbar-top .topbar-right li {

  margin: 0;

}



.navbar-top .Main-color-top {

  color: #ff5e15;

  font-size: 15px;

  font-weight: 700;

  line-height: 1.3;

}



.navbar-top + nav.navbar-area {

  margin-top: 0;

}



@keyframes lpApplyShine {

  0% {

    background-position: 120% 0;

  }

  45%,

  100% {

    background-position: -20% 0;

  }

}

@keyframes lpApplyRing {

  0% {

    box-shadow: 0 0 0 0 rgba(255, 94, 21, 0.75);

  }

  100% {

    box-shadow: 0 0 0 10px rgba(255, 94, 21, 0);

  }

}

@keyframes lpApplyPop {

  0%,

  100% {

    transform: translateY(0);

  }

  50% {

    transform: translateY(-2px);

  }

}

.navbar-top .topbar-right .btn.btn-base {

  margin: 0;

  font-size: 16px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  position: relative;

  overflow: visible;

  background-color: var(--main-color-one);

  background-image: linear-gradient(

    100deg,

    transparent 38%,

    rgba(255, 255, 255, 0.45) 50%,

    transparent 62%

  );

  background-repeat: no-repeat;

  background-size: 220% 100%;

  border-radius: 5px;

  transform-origin: center;

  animation:

    lpApplyPop 2.4s ease-in-out infinite,

    lpApplyRing 1.8s ease-out infinite,

    lpApplyShine 2.6s ease-in-out infinite;

  transition:

    filter 0.25s ease,

    transform 0.25s ease,

    box-shadow 0.25s ease;

}

.navbar-top .topbar-right .btn.btn-base:hover {

  color: #fff;

  animation: none;

  filter: brightness(1.08);

  transform: translateY(-2px);

  box-shadow: 0 0 0 4px rgba(255, 94, 21, 0.35);

}

.navbar-top .topbar-right .btn.btn-base::after {

  content: none;

}

.navbar-top .topbar-right .btn.btn-base i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  color: #fff;

  font-size: 13px;

  line-height: 1;

  position: static;

}

@media (prefers-reduced-motion: reduce) {

  .navbar-top .topbar-right .btn.btn-base {

    animation: none;

  }

}



.navbar-top.sticky-active {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 10000;

  background: #222;

}



nav.navbar.navbar-area.navbar-area-2.navbar-expand-lg.bg-gray.box-shadow-2.sticky-active {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 10001;

  overflow: visible;

}



@media (min-width: 992px) {

  nav.navbar.navbar-area.navbar-area-2.navbar-expand-lg.bg-gray.box-shadow-2.sticky-active {

    top: var(--lp-topbar-height, 0px);

  }

}



.navbar-top-mobile {

  display: none;

}

@media (max-width: 990px) {

  .navbar-top-mobile {

    display: block !important;

  }

  .navbar-top-mobile .row {

    justify-content: space-between;

    flex-wrap: nowrap;

  }

  .navbar-top-mobile .col-6 {

    width: auto;

    max-width: none;

    flex: 0 1 auto;

  }

  .navbar-top-mobile .logo img {

    width: 120px;

    height: auto;

  }

  .navbar-top-mobile .topbar-right {

    justify-content: flex-end;

    width: auto;

    margin: 0;

  }

  .navbar-top-mobile .topbar-right .btn.btn-base {

    margin-right: 0 !important;

  }

}

@media (max-width: 991px) {

  .navbar-top.p-0.d-lg-block.d-none {

    display: block !important;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 10002;

    background: #222;

  }

  .navbar-top .row {

    justify-content: flex-end;

  }

  .navbar-top .col-lg-6.text-lg-end {

    width: 100%;

  }

  .navbar-top .topbar-right {

    justify-content: space-between;

    width: 100%;

    gap: 8px;

  }

  .navbar-top .Main-color-top {

    font-size: 13px;

    flex: 1 1 auto;

  }

  .navbar-top .topbar-right .btn.btn-base {

    flex: 0 0 auto;

    margin-right: 0 !important;

    font-size: 14px;

    padding: 8px 14px;

  }

  .navbar-area {

    position: fixed;

    top: var(--lp-topbar-height, 56px);

    left: 0;

    width: 100%;

    margin-top: 0;

  }

  nav.navbar.navbar-area.navbar-area-2.navbar-expand-lg.bg-gray.box-shadow-2.sticky-active {

    top: var(--lp-topbar-height, 56px);

    margin-top: 0;

  }

  nav.navbar.navbar-area.navbar-area-2.navbar-expand-lg.bg-gray.box-shadow-2,

  .navbar-area {

    display: flex !important;

    flex-wrap: wrap;

    align-items: center;

    z-index: 10003;

    overflow: visible;

    background: #fff;

  }

  .navbar-area .nav-container {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    position: relative;

    overflow: visible;

  }

  .navbar-area .logo {

    order: 1;

    margin-right: auto;

    position: relative;

    z-index: 10002;

  }

  .navbar-area .responsive-mobile-menu {

    display: flex !important;

    align-items: center;

    justify-content: center;

    position: relative;

    width: auto;

    height: auto;

    order: 2;

    z-index: 10002;

  }

  .navbar-area .menu.toggle-btn {

    display: flex !important;

    align-items: center;

    justify-content: center;

    position: relative !important;

    top: auto;

    right: auto;

    left: auto;

    width: 44px;

    height: 44px;

    padding: 0;

    border: 0;

    background: transparent;

    color: #222222;

    font-size: 22px;

    line-height: 1;

    cursor: pointer;

    z-index: 10002;

  }

  .navbar-area .menu.toggle-btn .fa-bars,

  .navbar-area .menu.toggle-btn .fa-times {

    margin: 0;

    padding: 0;

    float: none;

    position: static;

    font-size: 22px;

    line-height: 1;

    color: inherit;

    width: 22px;

    height: 22px;

  }

  .navbar-area .menu.toggle-btn .fa-times {

    display: none !important;

  }

  .navbar-area .menu.toggle-btn .fa-bars {

    display: inline-block !important;

  }

  .navbar-area .menu.toggle-btn.open .fa-bars {

    display: none !important;

  }

  .navbar-area .menu.toggle-btn.open .fa-times {

    display: inline-block !important;

  }

  .navbar-area .menu.toggle-btn:hover,

  .navbar-area .menu.toggle-btn.open {

    color: var(--main-color-one);

  }

  .navbar-area .nav-container .navbar-collapse {

    display: none;

  }

  .navbar-area .nav-container .navbar-collapse.sopen {

    display: block !important;

    position: fixed;

    top: calc(var(--lp-topbar-height, 56px) + var(--lp-nav-height, 72px));

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: auto;

    max-height: none;

    overflow-y: auto;

    margin: 0;

    padding: 16px 24px 32px;

    border-radius: 0;

    background: #fff;

    box-shadow: none;

    z-index: 10000;

  }

  body.lp-menu-open {

    overflow: hidden;

  }

  .navbar-area .navbar-collapse .navbar-nav {

    display: block;

    width: 100%;

    text-align: left;

    margin: 0;

    padding: 0;

  }

  .navbar-area .navbar-collapse .navbar-nav > li {

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    line-height: 1.4;

  }

}

@media (max-width: 990px) {

  .navbar-top.p-0.d-lg-block.d-none {

    display: none !important;

  }

  .navbar-top-mobile .row {

    justify-content: space-between !important;

  }

  .navbar-top-mobile .topbar-right {

    justify-content: flex-end;

    width: auto;

  }

}



/* ========================================

   Hero

   ======================================== */

.lp-hero {

  position: relative;

  overflow: hidden;

  padding: 70px 0;

}

.lp-hero-copy {

  min-width: 0;

}

.lp-badge {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 22px;

  padding: 8px 16px;

  border-radius: 5px;

  background: var(--main-color-one);

  color: #fff;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  line-height: 1.3;

}

.lp-badge i {

  font-size: 12px;

}

.lp-hero-title {

  margin: 0 0 18px;

  color: var(--heading-color);

  font-family: var(--heading-font);

  font-size: 48px;

  font-weight: 800;

  line-height: 1.12;

  letter-spacing: -0.03em;

}

.lp-hero-title span {

  color: var(--main-color-one);

}

.lp-hero-text {

  margin: 0 0 28px;

  color: var(--paragraph-color);

  font-size: 17px;

  line-height: 1.7;

}

.lp-hero-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  margin-bottom: 28px;

}

.lp-hero-actions-space {

  margin: 0 0 28px;

}

.lp-hero-actions .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

}

.lp-hero-actions .btn i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

.lp-social-proof {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 14px;

  margin-bottom: 22px;

}

.lp-avatars {

  display: flex;

  align-items: center;

  padding-left: 10px;

}

.lp-avatars img {

  width: 38px;

  height: 38px !important;

  max-width: none;

  margin-left: -10px;

  border: 2px solid #fff;

  border-radius: 50%;

  object-fit: cover;

  box-shadow: 0 4px 10px rgba(34, 34, 34, 0.1);

}

.lp-proof-copy p {

  margin: 0;

  color: var(--paragraph-color);

  font-size: 14px;

}

.lp-stars {

  display: flex;

  gap: 3px;

  margin-bottom: 4px;

  color: #ffc107;

  font-size: 13px;

  line-height: 1;

}

.lp-locations {

  display: inline-flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 10px;

  padding: 8px 16px;

  border-radius: 999px;

  background: #fff;

  border: 1px solid #e3e3e3;

  box-shadow: 0 8px 18px rgba(0, 33, 71, 0.06);

  color: var(--paragraph-color);

  font-size: 14px;

  font-weight: 600;

}

.lp-locations span + span::before {

  content: "|";

  margin: 0px 0px 0px 7px;

  color: #a2a2a2;

  font-weight: 500;

}

.lp-hero-visual {

  position: relative;

  min-width: 0;

}

.lp-hero-stats {

  margin-top: 48px;

  padding-top: 32px;

}



/* Hero banner image */

.slide_img {

  width: 100%;

  height: auto;

  display: block;

  /* entrance + continuous floating */

  animation:

    imageEntry 0.9s ease-out forwards,

    imageFloat 5s ease-in-out 0.9s infinite;

  transition: filter 0.4s ease;

}

@keyframes imageEntry {

  0% {

    opacity: 0;

    transform: translateY(25px) scale(0.96);

  }

  100% {

    opacity: 1;

    transform: translateY(0) scale(1);

  }

}

@keyframes imageFloat {

  0%,

  100% {

    transform: translateY(0);

  }

  50% {

    transform: translateY(-8px);

  }

}

.slide_img:hover {

  filter: drop-shadow(0 15px 20px rgba(255, 90, 18, 0.15));

}

@media (max-width: 768px) {

  @keyframes imageFloat {

    0%,

    100% {

      transform: translateY(0);

    }

    50% {

      transform: translateY(-5px);

    }

  }

}

@media (prefers-reduced-motion: reduce) {

  .slide_img {

    animation: none;

  }

}



.lp-locations {

  align-items: center;

  gap: 0;

  margin: 0 0 28px;

}

.lp-locations span img {

  width: 22px;

  height: 22px;

  object-fit: contain;

  flex-shrink: 0;

}

@media (max-width: 768px) {

  .lp-locations {

    flex-wrap: wrap;

    gap: 12px;

  }

  .lp-locations span {

    padding: 0 12px 0 0;

    font-size: 14px;

  }

  .lp-locations span img {

    width: 20px;

    height: 20px;

  }

}



/* Hero stats */

.lp-hero-stats {

  margin-top: 48px;

  padding: 20px 0px;

  border-radius: 10px;

  background: #fff6f2;

}

.stats {

  position: relative;

  z-index: 2;

  width: 100%;

  margin: auto;

}

.stat {

  text-align: center;

  padding: 0 36px;

  position: relative;

  box-sizing: border-box;

}

.stat:not(:last-child):after {

  content: "";

  position: absolute;

  right: 0;

  top: 18%;

  height: 68%;

  width: 1px;

  background: #e8e4e1;

}

.icon-ring {

  width: 72px;

  

  margin: 0 auto 24px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(255, 246, 240, 0.9);

  border: 1px solid #ffe1d1;

  box-shadow: 0 12px 28px rgba(255, 90, 18, 0.1);

  position: relative;

	padding: 13px;

}

.icon-ring:after {

  content: "";

  position: absolute;

  top: -7px;

  right: -7px;

  bottom: -7px;

  left: -7px;

  border: 2px solid #ff5a12;

  border-left-color: transparent;

  border-bottom-color: transparent;

  border-radius: 50%;

  transform: rotate(-18deg);

}

.icon-ring img {

  width: 100%;

}

.stat strong {

  display: block;

  color: #ff5a12;

  font-size: 27px;

  line-height: 1;

  font-weight: 700;

  margin-bottom: 14px;

}

.stat p {

  margin: 0;

  font-size: 16px;

  line-height: 1.35;

  font-weight: 600;

}

@media (max-width: 991px) {

  .stat {

    padding: 24px 20px;

  }

  .stat:nth-child(2):after,

  .stat:nth-child(even):after {

    display: none;

  }

  .stat strong {

    font-size: 36px;

  }

}



@media (max-width: 1199px) {

  .lp-hero {

    padding: 70px 0;

  }

  .lp-hero-title {

    font-size: 40px;

  }

}

@media (max-width: 991px) {

  .lp-hero-text {

    max-width: none;

  }

  .lp-hero-visual,

  .lp-hero-slide {

    height: auto;

  }

}

@media (max-width: 575px) {

  .lp-hero {

    padding: 70px 0;

  }

  .lp-hero-title {

    font-size: 32px;

  }

  .lp-badge {

    font-size: 10px;

    padding: 7px 12px;

  }

  .lp-hero-actions {

    width: 100%;

  }

  .lp-hero-actions .btn {

    width: 100%;

  }

  .lp-hero-stats {

    margin-top: 28px;

    padding-top: 24px;

  }

}



/* ========================================

   Top Rated Courses

   ======================================== */

.lp-courses {

  padding-top: 0;

  padding-bottom: 70px;

}

.lp-paths {

  padding-top: 70px;

  padding-bottom: 70px;

}

.lp-impact {

  position: relative;

  background-image: url(Our_Library/images/Notsure.png);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  padding: 70px 0;

}

.lp-impact .new_head {

  max-width: 760px;

  margin: 0 auto 8px;

}

.lp-impact .new_head b {

  background: #fff;

}

.lp-impact .new_head h2 {

  color: #fff;

}

.lp-impact .new_head p {

  color: #e8e8e8;

}

.lp-impact-panel {

  text-align: center;

}

.lp-impact-panel > .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

}

.lp-impact-panel > .btn i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

.lp-vlsi-domains {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  margin-top: 28px;

  border-top: 1px solid rgba(255, 255, 255, 0.12);

}

.lp-vlsi-domain {

  position: relative;

  padding: 26px 14px 22px;

  text-align: center;

  border-right: 1px solid rgba(255, 255, 255, 0.12);

  transition: background 0.35s ease;

}

.lp-vlsi-domain:last-child {

  border-right: 0;

}

.lp-vlsi-domain:hover {

  background: rgba(255, 94, 21, 0.12);

}

.lp-vlsi-domain .icon {

  width: 72px;

  height: 72px;

  margin: 0 auto 14px;

  background: rgba(255, 255, 255, 0.06);

  border: 1px solid rgba(255, 94, 21, 0.45);

  transition:

    background 0.35s ease,

    border-color 0.35s ease;

}

.lp-vlsi-domain .icon i {

  color: #ff5e15;

  font-size: 30px;

  line-height: 1;

  transition: color 0.35s ease;

}

.lp-vlsi-domain:hover .icon {

  background: #ff5e15;

  border-color: #ff5e15;

}

.lp-vlsi-domain:hover .icon i {

  color: #fff;

}

.lp-vlsi-domain strong {

  display: block;

  color: #fff;

  font-size: 16px;

  font-weight: 700;

  line-height: 1.35;

}

.lp-vlsi-paths {

  text-align: center;

  max-width: 860px;

  margin: 0 auto 28px;

  padding-top: 0;

  border-top: 0;

}

.lp-vlsi-paths h2 {

  line-height: 1.35;

}

.lp-vlsi-paths p {

  text-align: center !important;

  max-width: 820px;

  margin-left: auto;

  margin-right: auto;

}

.lp-vlsi-scroll {

  display: inline-flex;

  margin-top: 22px;

}

.lp-vlsi-scroll .icon {

  margin: 0;

  background: #fff;

  border: 1px solid #ffd7c4;

  box-shadow: 0 8px 18px rgba(255, 94, 21, 0.12);

  color: #ff5e15;

  animation: lp-scroll-pulse 1.6s ease-in-out infinite;

}

.lp-vlsi-scroll .icon i {

  font-size: 16px;

  line-height: 1;

  color: #ff5e15;

}

@keyframes lp-scroll-pulse {

  0%,

  100% {

    transform: translateY(0);

    box-shadow: 0 8px 18px rgba(255, 94, 21, 0.12);

  }

  50% {

    transform: translateY(8px);

    box-shadow: 0 2px 8px rgba(255, 94, 21, 0.18);

  }

}

@media (prefers-reduced-motion: reduce) {

  .lp-vlsi-scroll .icon {

    animation: none;

  }

}

.lp-impact #career-paths,

.lp-courses #courses,

.lp-courses #course-cards {

  scroll-margin-top: 120px;

}

@media (max-width: 991px) {

  .lp-vlsi-domains {

    grid-template-columns: repeat(6, 1fr);

    gap: 12px;

    border-top: 0;

  }

  .lp-vlsi-domain,

  .lp-vlsi-domain:last-child {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    grid-column: span 2;

    border: 1px solid rgba(255, 255, 255, 0.12);

    border-radius: 16px;

  }

  .lp-vlsi-domain:nth-child(4) {

    grid-column: 2 / span 2;

  }

  .lp-vlsi-domain:nth-child(5) {

    grid-column: 4 / span 2;

  }

}

@media (max-width: 650px) {

  .lp-impact {

    padding: 56px 0;

  }

  .lp-vlsi-domains {

    grid-template-columns: 1fr;

    gap: 10px;

  }

  .lp-vlsi-domain,

  .lp-vlsi-domain:nth-child(4),

  .lp-vlsi-domain:nth-child(5) {

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

    grid-column: auto;

    gap: 16px;

    padding: 16px 18px;

    text-align: left;

  }

  .lp-vlsi-domain .icon {

    width: 64px;

    height: 64px;

    margin: 0;

    flex-shrink: 0;

  }

  .lp-vlsi-domain:hover {

    transform: none;

  }

}

@media (prefers-reduced-motion: reduce) {

  .lp-vlsi-domain,

  .lp-vlsi-domain .icon,

  .lp-vlsi-domain .icon i {

    transition: none;

  }

}

.lp-vlsi-follow {

  margin-top: 65px;

}

.lp-vlsi-unsure {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 16px 24px;

  background: #fff6f2;

  border-radius: 22px;

  padding: 28px 32px;

  margin-bottom: 0;

}

.lp-vlsi-unsure h3 {

  margin: 0;

  color: #1b1b2f;

  font-family: var(--heading-font);

  font-size: 28px;

  font-weight: 800;

  line-height: 1.3;

}

.lp-vlsi-unsure .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  white-space: nowrap;

}

.lp-vlsi-unsure .btn i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

.lp-chip-flow-head {

  margin-bottom: 28px;

}

.lp-chip-flow-head h2 {

  font-size: 28px;

  line-height: 1.35;

}

.lp-chip-track {

  list-style: none;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  position: relative;

  margin: 8px 0 0;

  padding: 0;

}

.lp-chip-track:before {

  content: "";

  position: absolute;

  left: 8%;

  right: 8%;

  top: 23px;

  height: 2px;

  background: linear-gradient(90deg, #ffd7c4, #ff5e15);

}

.lp-chip-track li {

  position: relative;

  z-index: 1;

  flex: 1;

  min-width: 0;

  padding: 0 8px;

  text-align: center;

  cursor: pointer;

}

.lp-chip-track li span {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 48px;

  height: 48px;

  margin: 0 auto 14px;

  background: #fff;

  border: 2px solid #ff5e15;

  border-radius: 50%;

  color: #ff5e15;

  font-size: 13px;

  font-weight: 800;

  letter-spacing: 0.4px;

  box-shadow: 0 8px 18px rgba(255, 94, 21, 0.12);

  transition:

    background 0.25s,

    color 0.25s,

    box-shadow 0.25s,

    transform 0.25s;

}

.lp-chip-track li strong {

  display: block;

  color: #1b1b2f;

  font-size: 15px;

  font-weight: 700;

  line-height: 1.35;

  transition: color 0.25s;

}

.lp-chip-track li:hover span {

  background: #ff5e15;

  color: #fff;

  box-shadow: 0 10px 22px rgba(255, 94, 21, 0.28);

  transform: scale(1.06);

}

.lp-chip-track li:hover strong {

  color: #ff5e15;

}

.lp-chip-track li > i {

  position: absolute;

  top: 23px;

  right: 0;

  z-index: 2;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 22px;

  height: 22px;

  margin: 0;

  padding: 0;

  float: none;

  background: #fff;

  border: 1px solid #ffd7c4;

  border-radius: 50%;

  color: #ff5e15;

  font-size: 11px;

  line-height: 1;

  transform: translate(50%, -50%);

}

.lp-vlsi-stages-note {

  margin: 22px 0 0;

  color: #555;

  font-size: 15px;

  line-height: 1.55;

  text-align: center;

}

@media (max-width: 991px) {

  .lp-vlsi-unsure {

    padding: 24px 22px;

  }

  .lp-vlsi-unsure h3 {

    font-size: 22px;

  }

  .lp-chip-track {

    flex-direction: column;

    gap: 0;

    padding-left: 8px;

  }

  .lp-chip-track:before {

    left: 23px;

    right: auto;

    top: 12px;

    bottom: 12px;

    width: 2px;

    height: auto;

    background: linear-gradient(#ffd7c4, #ff5e15);

  }

  .lp-chip-track li {

    display: flex;

    align-items: center;

    gap: 16px;

    padding: 12px 0;

    text-align: left;

  }

  .lp-chip-track li span {

    margin: 0;

    flex-shrink: 0;

  }

  .lp-chip-track li strong {

    max-width: none;

  }

  .lp-chip-track li > i {

    top: auto;

    right: auto;

    left: 24px;

    bottom: 0;

    transform: translate(-50%, 50%) rotate(90deg);

  }

}

@media (max-width: 650px) {

  .lp-vlsi-unsure {

    border-radius: 18px;

  }

  .lp-vlsi-unsure .btn {

    width: 100%;

  }

  .lp-chip-flow-head h2 {

    font-size: 22px;

  }

}

.lp-courses .row {

  --bs-gutter-x: 22px;

  --bs-gutter-y: 22px;

}

.lp-courses .card {

  display: flex;

  flex-direction: column;

  border: 1px solid rgba(255, 94, 21, 0.18);

  border-radius: 22px;

  overflow: hidden;

  background: #fff;

  box-shadow: 0 12px 35px rgba(34, 34, 34, 0.07);

  transition:

    transform 0.35s,

    box-shadow 0.35s;

}

.card:hover {

  transform: translateY(-9px);

  box-shadow: 0 22px 50px rgba(34, 34, 34, 0.12);

}

.hero {

  /* height: 237px; */

  background: #fff6f2;

  position: relative;

  overflow: hidden;

}

.hero img {

  position: absolute;

  width: 50%;

  right: -6%;

  bottom: 3%;

  transition: transform 0.5s;

}

.card:hover .hero img {

  transform: translateY(-5px) scale(1.04);

}

.grid_title {

  position: relative;

  z-index: 2;

  padding: 25px 0px 0px 25px;

  width: 60%;

}

.grid_title h3 {

  font-size: 34px;

  line-height: 1.02;

  margin: 0;

  letter-spacing: -1px;

}

.grid_title h3 em {

  display: block;

  color: var(--o);

  font-style: normal;

}

.grid_title small {

  display: block;

  font-size: 22px;

  margin-top: 5px;

}

.grid_title i {

  display: block;

  width: 48px;

  height: 3px;

  background: var(--o);

  margin: 20px 0;

}

.grid_body {

  padding: 20px;

  display: flex;

  flex-direction: column;

  flex: 1;

}

.grid_body > p {

  font-size: 16px;

  line-height: 1.55;

  margin: 0 0 22px;

  color: #3e3e3e;

}

.lp-card-tags {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  margin-bottom: 22px;

}

.lp-card-tags span {

  padding: 5px 10px;

  border-radius: 5px;

  background: var(--light-orange-color-one);

  color: var(--main-color-one);

  font-size: 13px;

  font-weight: 600;

  border-radius: 30px;

  padding: 8px 12px;

}

.lp-card-roles {

  margin-bottom: 22px;

}

.lp-card-roles small {

  display: block;

  margin-bottom: 8px;

  color: #ff5e15;

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 0.8px;

  text-transform: uppercase;

}

.lp-card-roles .camp-story-tags {

  margin-top: 0;

}

.lp-courses .grid_body .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  white-space: nowrap;

  margin-top: auto;

}

.lp-courses .grid_body .btn i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

.lp-courses .row > [class*="col-"]:nth-child(2) .card {

  transition-delay: 0.12s;

}

.lp-courses .row > [class*="col-"]:nth-child(3) .card {

  transition-delay: 0.24s;

}

@media (max-width: 700px) {

  .hero {

    height: 245px;

  }

  .grid_title {

    padding: 30px 0 0 22px;

  }

  .grid_title h3 {

    font-size: 29px;

  }

  .grid_body {

    min-height: 0;

  }

}

@media (prefers-reduced-motion: reduce) {

  .reveal {

    opacity: 1;

    transform: none;

  }

  .card,

  .hero img,

  .grid_body a {

    transition: none;

  }

}



/* ========================================

   Who Can Build a Career in VLSI

   ======================================== */

.lp-eligible {

  padding: 70px 0;

  background: #fff6f2;

}

.lp-eligible .new_head b {

  background: #fff;

}

.lp-eligible-layout {

  display: grid;

  grid-template-columns: minmax(260px, 0.85fr) minmax(320px, 1.15fr);

  gap: 32px 48px;

  align-items: center;

}

.lp-eligible-intro h3 {

  margin: 0 0 10px;

  color: #1b1b2f;

  font-family: var(--heading-font);

  font-size: 22px;

  font-weight: 800;

  line-height: 1.3;

}

.lp-eligible-intro p {

  margin: 0;

  max-width: 420px;

  color: #555;

  font-size: 15px;

  line-height: 1.7;

}

.lp-eligible-intro small {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  margin-top: 18px;

  color: #555;

  font-size: 15px;

  font-weight: 600;

  line-height: 1.4;

}

.lp-eligible-intro small i {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  width: 32px;

  height: 32px;

  margin: 0;

  padding: 0;

  float: none;

  border-radius: 50%;

  background: #fff;

  color: #ff5e15;

  font-size: 13px;

  line-height: 1;

}

.lp-eligible-majors {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 12px;

  list-style: none;

  margin: 0;

  padding: 0;

}

.lp-eligible-majors li {

  display: flex;

  align-items: center;

  gap: 12px;

  min-height: 64px;

  padding: 12px 16px;

  background: #fff;

  border-radius: 16px;

  box-shadow: 0 8px 22px rgba(34, 34, 34, 0.05);

}

.lp-eligible-majors li.is-wide {

  grid-column: 1 / -1;

}

.lp-eligible-majors li span {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  background: #fff6f2;

}

.lp-eligible-majors li i {

  float: none;

  margin: 0;

  padding: 0;

  color: #ff5e15;

  font-size: 14px;

  line-height: 1;

}

.lp-eligible-majors li strong {

  color: #1b1b2f;

  font-size: 15px;

  font-weight: 700;

  line-height: 1.35;

}

.lp-ready-strip {

  margin-top: 0px;

  padding-top: 0px;

}

.lp-ready-strip > h3 {

  margin: 0 0 28px;

  color: #1b1b2f;

  font-family: var(--heading-font);

  font-size: 28px;

  font-weight: 800;

  line-height: 1.3;

  text-align: center;

}

.lp-ready-steps {

  position: relative;

  display: grid;

  grid-template-columns: repeat(6, 1fr);

  gap: 18px;

  list-style: none;

  margin: 0;

  padding: 0;

}

.lp-ready-steps:before {

  content: "";

  position: absolute;

  top: 21px;

  left: 8%;

  right: 8%;

  height: 2px;

  background: #ffd7c4;

}

.lp-ready-steps li {

  position: relative;

  z-index: 1;

  text-align: center;

}

.lp-ready-steps span {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 44px;

  height: 44px;

  margin: 0 auto 14px;

  background: #fff;

  border: 2px solid #ff5e15;

  border-radius: 50%;

  color: #ff5e15;

  font-size: 13px;

  font-weight: 800;

  letter-spacing: 0.04em;

}

.lp-ready-steps strong {

  display: block;

  color: #1b1b2f;

  font-size: 15px;

  font-weight: 700;

  line-height: 1.35;

}

.lp-eligible-actions {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 12px;

  margin-top: 32px;

}

.lp-eligible-actions .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  white-space: nowrap;

}

.lp-eligible-actions .btn i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

@media (max-width: 991px) {

  .lp-eligible-layout {

    grid-template-columns: 1fr;

    gap: 22px;

  }

  .lp-ready-steps {

    grid-template-columns: repeat(3, 1fr);

    row-gap: 28px;

  }

  .lp-ready-steps:before {

    display: none;

  }

}

@media (max-width: 650px) {

  .lp-ready-strip > h3 {

    font-size: 22px;

  }

  .lp-ready-steps {

    grid-template-columns: 1fr;

    gap: 0;

  }

  .lp-ready-steps li {

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 14px 0;

    text-align: left;

    border-bottom: 1px solid #ffd7c4;

  }

  .lp-ready-steps li:last-child {

    border-bottom: 0;

  }

  .lp-ready-steps span {

    margin: 0;

    flex-shrink: 0;

  }

  .lp-eligible-actions .btn {

    width: 100%;

  }

}



/* ========================================

   SIT's Structured Approach

   ======================================== */

.sit-approach {

  background: #fff6f2;

  padding: 70px 0;

}

.sit-approach .new_head b {

  background: #fff;

}

.reveal {

  opacity: 0;

  transform: translateY(25px);

  transition:

    opacity 0.65s,

    transform 0.65s;

}

.sit-path {

  display: flex;

  flex-wrap: wrap;

  align-items: stretch;

}

.sit-path-card {

  flex: 0 0 calc((100% - 132px) / 7 * 2 + 22px);

  width: calc((100% - 132px) / 7 * 2 + 22px);

  box-sizing: border-box;

  min-height: 182px;

  background: #fff;

  border-radius: 18px;

  padding: 26px 24px 24px;

  box-shadow: 0 14px 32px rgba(34, 34, 34, 0.08);

}

.sit-path-card small {

  display: block;

  margin-bottom: 8px;

  color: #ff5e15;

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 0.8px;

  text-transform: uppercase;

}

.sit-path-card h3 {

  margin: 0 0 8px;

  color: #1b1b2f;

  font-family: Geist, sans-serif;

  font-size: 22px;

  font-weight: 800;

  line-height: 1.25;

}

.sit-path-card p {

  margin: 0;

  color: #6d6d6d;

  font-size: 15px;

  line-height: 1.55;

}

.sit-path-s1 {

  order: 1;

  align-self: flex-end;

  margin-right: 22px;

  margin-bottom: 18px;

}

.sit-path-s2 {

  order: 5;

  align-self: flex-start;

  margin-top: 18px;

  margin-left: calc((100% - 132px) / 7 + 22px);

  margin-right: 22px;

}

.sit-path-s3 {

  order: 2;

  align-self: flex-end;

  margin-right: 22px;

  margin-bottom: 18px;

}

.sit-path-s4 {

  order: 6;

  align-self: flex-start;

  margin-top: 18px;

  margin-right: 22px;

}

.sit-path-s5 {

  order: 3;

  align-self: flex-end;

  margin-bottom: 18px;

}

.sit-path-s6 {

  order: 7;

  align-self: flex-start;

  margin-top: 18px;

}

.sit-path-rail {

  order: 4;

  flex: 0 0 100%;

  width: 100%;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  height: 22px;

  padding: 0 calc(100% / 7);

  overflow: visible;

  box-sizing: border-box;

}

.sit-path-rail:before {

  content: "";

  position: absolute;

  left: 6%;

  right: 6%;

  top: 50%;

  height: 2px;

  background: #eadfd8;

  transform: translateY(-50%);

}

.sit-path-rail b {

  position: relative;

  z-index: 2;

  width: 10px;

  height: 9px;

  background: #ff5e15;

  border: none;

  border-radius: 0;

  box-shadow: none;

  clip-path: polygon(0 0, 100% 0, 50% 100%);

  transform: translateY(calc(-50% - 3px));

}

.sit-path-rail b:nth-child(even) {

  clip-path: polygon(50% 0, 100% 100%, 0 100%);

  transform: translateY(calc(50% + 3px));

}

@media (max-width: 991px) {

  .sit-path {

    flex-direction: column;

    flex-wrap: nowrap;

    gap: 16px;

  }

  .sit-path-card,

  .sit-path-s1,

  .sit-path-s2,

  .sit-path-s3,

  .sit-path-s4,

  .sit-path-s5,

  .sit-path-s6 {

    order: 0;

    flex: 0 0 100%;

    width: 100%;

    min-height: 0;

    margin: 0;

  }

  .sit-path-rail {

    display: none;

  }

}

@media (max-width: 650px) {

  .sit-approach {

    padding: 70px 18px;

  }

}

@media (prefers-reduced-motion: reduce) {

  .reveal {

    opacity: 1;

    transform: none;

    transition: none;

  }

}



/* ========================================

   Why Choose SIT

   ======================================== */

.sit-adv {

  background: #fff;

  padding: 70px 0;

}

.sit-adv-intro {

  background: #fff6f2;

  border-radius: 34px;

  padding: 42px 36px 40px;

}

.sit-adv-intro .new_head b {

  background: #fff;

}

.sit-adv-intro .new_head {

  text-align: left;

  margin-left: 0;

  margin-right: 0;

}

.sit-adv-intro .new_head p {

  text-align: left !important;

  font-size: 17px;

  color: #555;

}

.sit-adv-intro .btn,

.sit-adv-actions .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  white-space: nowrap;

}

.sit-adv-intro .btn i,

.sit-adv-actions .btn i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

.sit-adv-item {

  display: flex;

  flex-wrap: nowrap;

  gap: 14px;

  align-items: flex-start;

  height: 100%;

}

.sit-adv-item .icon {

  flex-shrink: 0;

  margin-bottom: 0;

}

.sit-adv-item h3 {

  margin: 0 0 6px;

  color: #1b1b2f;

  font-family: var(--heading-font);

  font-size: 18px;

  font-weight: 800;

  line-height: 1.3;

}

.sit-adv-item p {

  margin: 0;

  color: #667085;

  font-size: 14px;

  line-height: 1.55;

}

.sit-adv-card {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  background: #fff;

  border-radius: 18px;

  padding: 16px 16px 18px;

  text-align: left;

  box-shadow: 0 10px 24px rgba(34, 34, 34, 0.06);

}

.sit-adv-card-top {

  display: flex;

  align-items: flex-start;

  width: 100%;

  margin-bottom: 16px;

}

.sit-adv-card .icon {

  width: 58px;

  height: 58px;

  margin: 0;

  background: #fff6f2;

}

.sit-adv-card .icon img {

  width: 34px;

 

}

.sit-adv-card h3 {

  margin: 0 0 10px;

  color: #1b1b2f;

  font-family: var(--heading-font);

  font-size: 18px;

  font-weight: 800;

  line-height: 1.3;

}

.sit-adv-card p {

  margin: 0;

  color: #555;

  font-size: 14px;

  line-height: 1.5;

}

.sit-adv-side {

  display: flex;

  flex-direction: column;

  gap: 14px;

  width: 100%;

  height: 100%;

}

.sit-adv-visual {

  position: relative;

  flex: 1 1 auto;

  margin: 0;

  min-height: 280px;

  border-radius: 28px 78px 28px 78px;

  overflow: hidden;

}

.sit-adv-visual img {

  position: absolute;

  inset: 0;

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.sit-adv-banner {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  width: auto;

  margin-left: auto;

  margin-right: auto;

  border-radius: 16px;

  white-space: normal;

  text-align: center;

}

.sit-adv-banner i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

.sit-adv-actions .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

}

.sit-adv-actions .btn i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

@media (max-width: 992px) {

  .sit-adv-intro {

    padding: 36px 28px 32px;

  }

  .sit-adv-intro .btn {

    white-space: normal;

  }

}

@media (min-width: 992px) {

  #sit-advantage .col-lg-5 {

    display: flex;

    padding-left: 36px;

  }

}

@media (max-width: 991px) {

  .sit-adv-visual {

    height: 280px;

    min-height: 0;

    border-radius: 24px;

  }

}

@media (max-width: 650px) {

  .sit-adv {

    padding: 70px 0;

  }

  .sit-adv-intro {

    padding: 28px 22px;

    border-radius: 24px;

  }

}



/* ========================================

   CEO Message

   ======================================== */

.camp-ceo {

  position: relative;

  background-image: url(Our_Library/images/Notsure.png);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  padding: 70px 0;

}

.camp-ceo .custom-container {

  position: relative;

  z-index: 2;

}

.camp-ceo .new_head b {

  background: #fff;

}

.camp-ceo .new_head {

  text-align: left;

  margin-left: 0;

  margin-right: 0;

}

.camp-ceo .new_head h2 {

  color: #fff;

}

.camp-ceo-photo img {

  display: block;

  width: 100%;

 

  object-fit: cover;

  object-position: top;

  border-radius: 24px;

  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.35);

}

.camp-ceo-mark {

  display: block;

  margin-bottom: 8px;

  font-size: 36px;

  line-height: 0.8;

  color: #ff5e15;

}

.camp-ceo-quote {

  margin:0px;

  color: #e8e8e8;

  font-size: 20px;

  line-height: 1.75;

}

.camp-ceo .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  white-space: nowrap;

}

.camp-ceo .btn i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

.camp-ceo-sign {

  padding-top: 22px;

  border-top: 1px solid #3a3a3a;

}

.camp-ceo-sign strong {

  display: block;

  font-family: Geist, sans-serif;

  font-size: 20px;

  font-weight: 800;

  color: #fff;

}

.camp-ceo-sign span {

  display: block;

  margin-top: 4px;

  color: #c8c8c8;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.45;

}

@media (max-width: 991px) {

  .camp-ceo {

    padding: 70px 0;

  }

  .camp-ceo-photo {

    max-width: 360px;

    margin: 0 auto;

  }



}



/* ========================================

   Career and Placement Support

   ======================================== */

.lp-place {

  background: #fff6f2;

  padding: 70px 0;

}

.lp-place-board {

  display: grid;

  grid-template-columns: minmax(280px, 0.9fr) 1.15fr;

  gap: 48px 64px;

  align-items: center;

  background: #fff;

  border-radius: 34px;

  padding: 48px 44px;

  box-shadow: 0 16px 40px rgba(34, 34, 34, 0.08);

}

.lp-place-intro .new_head {

  text-align: left;

  margin: 0px;

}

.lp-place-intro .new_head b {

  background: #fff6f2;

}

.lp-place-intro .new_head h2 {

  line-height: 1.28;

  letter-spacing: 0;

}

.lp-place-intro .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  white-space: nowrap;

}

.lp-place-intro .btn i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

.lp-place-flow {

  list-style: none;

  position: relative;

  margin: 0;

  padding: 0;

}

.lp-place-flow:before {

  content: "";

  position: absolute;

  left: 23px;

  top: 24px;

  bottom: 24px;

  width: 2px;

  background: linear-gradient(#ffd7c4, #ff5e15);

}

.lp-place-flow li {

  position: relative;

  display: grid;

  grid-template-columns: 48px 1fr;

  gap: 18px;

  align-items: flex-start;

  padding: 14px 0;

  cursor: pointer;

}

.lp-place-flow li span {

  position: relative;

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 48px;

  height: 48px;

  background: #fff;

  border: 2px solid #ff5e15;

  border-radius: 50%;

  color: #ff5e15;

  font-family: var(--heading-font);

  font-size: 13px;

  font-weight: 800;

  letter-spacing: 0.4px;

  box-shadow: 0 8px 18px rgba(255, 94, 21, 0.12);

  transition:

    background 0.25s,

    color 0.25s,

    box-shadow 0.25s,

    transform 0.25s;

}

.lp-place-flow li div {

  padding-top: 4px;

}

.lp-place-flow h3 {

  margin: 0 0 6px;

  color: #1b1b2f;

  font-family: var(--heading-font);

  font-size: 18px;

  font-weight: 800;

  line-height: 1.3;

  transition: color 0.25s;

}

.lp-place-flow p {

  margin: 0;

  color: #667085;

  font-size: 14px;

  line-height: 1.55;

}

.lp-place-flow li:hover span {

  background: #ff5e15;

  color: #fff;

  box-shadow: 0 10px 22px rgba(255, 94, 21, 0.28);

  transform: scale(1.06);

}

.lp-place-flow li:hover h3 {

  color: #ff5e15;

}

a.btn.btn-base.get_guidence_btn2 {

  display: none;

}

@media (max-width: 991px) {

  .lp-place-board {

    grid-template-columns: 1fr;

    gap: 32px;

    padding: 36px 28px;

  }

  .lp-place-intro .new_head h2 {

    font-size: 28px;

  }

}

@media (max-width: 767px) {

  .lp-place-intro .get_guidence_btn1 {

    display: none;

  }

  a.btn.btn-base.get_guidence_btn2 {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    white-space: nowrap;

  }

  .get_guidence_btn2 i {

    float: none;

    display: inline-block;

    margin: 0;

    padding: 0;

    font-size: 13px;

    line-height: 1;

    position: static;

  }

}

@media (max-width: 650px) {

  .lp-place-board {

    padding: 28px 18px;

    border-radius: 24px;

  }

  .lp-place-intro .btn,

  .get_guidence_btn2 {

    width: 100%;

    white-space: normal;

  }

  .logo{

    display: flex;

    justify-content: center;

  }

}



/* ========================================

   Student Experiences

   ======================================== */

.camp-stories {

  background: #fff;

  padding: 70px 0;

}

.camp-story {

  display: flex;

  flex-direction: column;

  height: 100%;

  background: #fffaf8;

  border-radius: 22px;

  padding: 28px 26px 24px;

}

.camp-story-quote {

  margin: 0 0 22px;

  color: #3a3a3a;

  font-size: 16px;

  line-height: 1.7;

}

.camp-story-quote i {

  display: block;

  color: #ff5e15;

  font-size: 22px;

  margin-bottom: 12px;

}

.camp-story-person {

  display: flex;

  align-items: center;

  margin-top: auto;

  padding-top: 20px;

  border-top: 1px solid #ffd3bc;

}

.camp-story-person img {

  width: 64px;

  height: 64px;

  border-radius: 50%;

  object-fit: cover;

  margin-right: 14px;

  border: 3px solid #fff;

}

.camp-story-person strong {

  display: block;

  font-family: Geist, sans-serif;

  font-size: 18px;

  font-weight: 800;

  color: #222;

}

.camp-story-person span {

  display: block;

  margin-top: 2px;

  color: #ff5e15;

  font-size: 13px;

  font-weight: 800;

}

.camp-story-tags {

  margin-top: 16px;

}

.camp-story-tags em {

  display: inline-block;

  margin: 0 8px 8px 0;

  padding: 6px 12px;

  background: #fff;

  border: 1px solid #ffd3bc;

  border-radius: 30px;

  font-style: normal;

  font-size: 12px;

  font-weight: 700;

  color: #222;

}

.camp-stories-foot {

  margin-top: 8px;

}

.camp-stories-foot.mt-4 {

  text-align: center;

}

.camp-stories .camp-stories-foot .btn,

.lp-faq .camp-stories-foot .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  white-space: nowrap;

}

.camp-stories .camp-stories-foot .btn i,

.lp-faq .camp-stories-foot .btn i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

@media (max-width: 991px) {

  .camp-stories {

    padding: 70px 0;

  }

}



/* ========================================

   Industry and Academic Associations

   ======================================== */

.lp-career {

  padding-top: 0;

  padding-bottom: 70px;

}

.lp-career .recruiters-intro {

  justify-content: center;

  gap: 28px;

  padding: 36px 32px !important;

}

.lp-partner-note + .lp-partner-note {

  padding-top: 24px;

  border-top: 1px solid #ffd7c4;

}

.lp-career .recruiters-intro .lp-partner-note h3 {

  margin: 0 0 8px;

  color: #1b1b2f;

  font-family: var(--heading-font);

  font-size: 28px;

  font-weight: 800;

  line-height: 1.3;

}

.lp-career .recruiters-intro .lp-partner-note p {

  margin: 0;

  color: #667085;

  font-size: 15px;

  line-height: 1.6;

}

.lp-career .recruiters-intro .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  align-self: flex-start;

  white-space: nowrap;

}

.lp-career .recruiters-intro .btn i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

.lp-career .logo-grid {

  display: flex !important;

  flex-wrap: wrap;

  min-height: 0;

}

.lp-career .logo-cell {

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  box-sizing: border-box;

  border: 0;

  min-height: 145px;

}

.lp-career .logo-cell img {

  max-width: 72%;

  max-height: 68px;

  width: auto;

  height: auto;

  object-fit: contain;

}

.lp-career .logo-cell::before,

.lp-career .logo-cell::after {

  content: "";

  display: block;

  position: absolute;

  background: #eee4df;

  pointer-events: none;

}

.lp-career .logo-cell::after {

  top: 22%;

  right: 0;

  width: 1px;

  height: 56%;

}

.lp-career .logo-cell::before {

  bottom: 0;

  left: 14%;

  width: 72%;

  height: 1px;

}

@media (min-width: 992px) {

  .lp-career .logo-cell:nth-child(4n)::after,

  .lp-career .logo-cell:nth-child(n + 9)::before {

    display: none;

  }

}

@media (min-width: 768px) and (max-width: 991.98px) {

  .lp-career .logo-cell:nth-child(3n)::after,

  .lp-career .logo-cell:nth-child(n + 10)::before {

    display: none;

  }

}

@media (max-width: 767.98px) {

  .lp-career .logo-cell {

    min-height: 125px;

  }

  .lp-career .logo-cell:nth-child(2n)::after,

  .lp-career .logo-cell:nth-child(n + 11)::before {

    display: none;

  }

}

@media (max-width: 992px) {

  .lp-career .recruiters-intro .btn {

    width: 100%;

    white-space: normal;

  }

}



.lp-delay-0 {

  --delay: 0ms;

}

.lp-delay-60 {

  --delay: 60ms;

}

.lp-delay-70 {

  --delay: 70ms;

}

.lp-delay-120 {

  --delay: 120ms;

}

.lp-delay-130 {

  --delay: 130ms;

}

.lp-delay-140 {

  --delay: 140ms;

}

.lp-delay-190 {

  --delay: 190ms;

}

.lp-delay-200 {

  --delay: 200ms;

}

.lp-delay-210 {

  --delay: 210ms;

}

.lp-delay-260 {

  --delay: 260ms;

}

.lp-delay-270 {

  --delay: 270ms;

}

.lp-delay-330 {

  --delay: 330ms;

}



/* ========================================

   SIT Learning Environment

   ======================================== */

.camp-labs {

  background: #fff;

  padding-top: 0;

  padding-bottom: 70px;

}

.camp-labs-mosaic {

  display: flex;

  gap: 16px;

}

.camp-labs-side {

  display: flex;

  flex: 1;

  min-width: 0;

  gap: 16px;

}

.camp-labs-col {

  display: flex;

  flex-direction: column;

  flex: 1;

  min-width: 0;

  gap: 16px;

}

.camp-labs-shot {

  position: relative;

  display: block;

  overflow: hidden;

  border-radius: 18px;

  height: 220px;

  cursor: default;

  color: #fff;

  text-decoration: none;

}

.camp-labs-lg {

  flex: 1;

  min-width: 0;

  height: 456px;

}

.camp-labs-shot img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  transition: transform 0.45s ease;

}

.camp-labs-shot:hover img {

  transform: scale(1.08);

}

.camp-labs-shot em {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  padding: 48px 18px 16px;

  font-style: normal;

  font-size: 14px;

  font-weight: 800;

  color: #fff;

  background: linear-gradient(to top, rgba(34, 34, 34, 0.72), transparent);

  transform: translateY(100%);

  transition: transform 0.4s ease;

}

.camp-labs-shot:hover em {

  transform: translateY(0);

}

.camp-labs-foot {

  margin-top: 28px;

  text-align: center;

}

.camp-labs-foot .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

}

.camp-labs-foot .btn i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

.mfp-bg {

  z-index: 11000;

}

.mfp-wrap {

  z-index: 11001;

}

.mfp-content {

  z-index: 11002;

}

@media (max-width: 991px) {

  .camp-labs {

    padding-top: 0;

    padding-bottom: 70px;

  }

  .camp-labs-mosaic,

  .camp-labs-side {

    flex-wrap: wrap;

  }

  .camp-labs-col,

  .camp-labs-lg,

  .camp-labs-side {

    flex: none;

    width: 100%;

  }

  .camp-labs-lg,

  .camp-labs-shot {

    height: 220px;

  }

}



/* ========================================

   Approach panel

   ======================================== */

.lp-approach {

  background: #fff;

  padding: 0 0 70px;

}

.lp-approach-panel {

  display: grid;

  grid-template-columns: minmax(260px, 0.78fr) minmax(0, 1.22fr);

  gap: 22px;

  padding: 18px;

  background: #fff;

  border: 1px solid #f3e7e1;

  border-radius: 28px;

  box-shadow: 0 16px 40px rgba(34, 34, 34, 0.05);

}

.lp-approach-intro {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  padding: 28px 26px;

  background: #fff6f2;

  border-radius: 22px;

}

.lp-approach-badge {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 58px;

  height: 58px;

  margin-bottom: 18px;

  background: #ff5e15;

  border-radius: 16px;

}

.lp-approach-badge img {

  width: 28px;

  height: 28px;

  filter: brightness(0) invert(1);

}

.lp-approach-intro h2 {

  margin: 0 0 12px;

  color: #1b1b2f;

  font-family: var(--heading-font);

  font-size: 28px;

  font-weight: 800;

  line-height: 1.25;

}

.lp-approach-intro p {

  margin: 0 0 22px;

  color: #555;

  font-size: 15px;

  line-height: 1.7;

}

.lp-approach-btn {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  margin-top: auto;

}

.lp-approach-intro .new_head {

  margin-bottom: 28px;

}

.lp-approach-btn i {

  float: none;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

.lp-approach-main {

  display: flex;

  flex-direction: column;

  gap: 16px;

  min-width: 0;

  padding: 8px 8px 8px 4px;

  justify-content: center;

}

.lp-approach-bar {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  min-height: 54px;

  padding: 8px 10px 8px 18px;

  border: 1.5px solid #ffd0bc;

  border-radius: 14px;

}

.lp-approach-bar > span {

  color: #ff5e15;

  font-size: 22px;

  font-weight: 800;

}

.lp-approach-bar > div {

  display: flex;

  gap: 8px;

}

.lp-approach-nav {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 34px;

  height: 34px;

  padding: 0;

  border: 1px solid #ffd7c4;

  border-radius: 50%;

  background: #fff;

  color: #1b1b2f;

  cursor: pointer;

}

.lp-approach-nav i {

  font-size: 12px;

  line-height: 1;

}

.lp-approach-cards {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 12px;

}

.lp-approach-card {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 14px;

  padding: 18px 16px;

  border: 1px solid #ffd7c4;

  border-radius: 16px;

  background: #fff;

  text-align: center;

}

.lp-approach-card[hidden] {

  display: none;

}

.lp-approach-card span {

  display: block;

  flex: 0 0 auto;

  width: auto;

  height: auto;

  margin: 0;

  padding: 0;

  border: 0;

  border-radius: 0;

  background: transparent;

  color: #ff5e15;

  font-size: 28px;

  font-weight: 800;

  line-height: 1;

  letter-spacing: -0.03em;

}

.lp-approach-card img {

  width: 22px;

  height: 22px;

}

.lp-approach-card h3 {

  margin: 0;

  color: #1b1b2f;

  font-size: 16px;

  font-weight: 800;

  line-height: 1.35;

  text-align: center;

}

.lp-approach-card p {

  margin: 0;

  color: #667085;

  font-size: 13px;

  line-height: 1.5;

}

@media (max-width: 1400px) {

  .lp-approach-panel {

    grid-template-columns: 1fr;

  }

  .lp-approach-main {

    width: 100%;

    padding: 0;

  }

  .lp-approach-bar,

  .lp-approach-cards {

    width: 100%;

  }

  .lp-approach-cards {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

  .lp-approach-card {

    width: 100%;

    height: 100%;

    justify-content: center;

  }

}

@media (max-width: 1200px) {

  .lp-approach-cards {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

}



/* ========================================

   FAQ

   ======================================== */

.lp-faq {

  padding-top: 0;

  padding-bottom: 70px;

}

.lp-faq-animate {

  visibility: visible;

  animation-duration: 1.5s;

  animation-delay: 0.3s;

  animation-name: fadeInRight;

}



/* ========================================

   Get Expert Guidance

   ======================================== */

.lp-guidance {

  background: #fff;

  padding-top: 0;

  padding-bottom: 70px;

}

.lp-guidance .new_head {

  background: none;

  max-width: 1024px;

  margin-left: auto;

  margin-right: auto;

}

.lp-guide,

.lp-guide-panel {

  max-width: 1024px;

  width: 100%;

  margin: 0 auto;

  overflow: hidden;

  padding: 0;

  background: #fff;

  border-radius: 34px;

  box-shadow: 0 14px 32px rgba(34, 34, 34, 0.08);

}

.lp-guide-panel > .row {

  display: flex !important;

  flex-wrap: wrap;

  margin-left: 0;

  margin-right: 0;

}

.lp-guide .lp-guide-form-col,

.lp-guide .lp-guide-contacts {

  flex: 0 0 50%;

  max-width: 50%;

  width: 50%;

  box-sizing: border-box;

}

.lp-guide .lp-book-form {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  height: 100%;

  max-width: none;

  padding: 0;

  background: none;

  border-radius: 0;

  box-shadow: none;

}

.lp-guide .lp-book-form form {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  width: 100%;

  height: 100%;

  padding: 0;

  margin: 0;

}

.lp-guide .lp-guide-form-col {

  padding: 32px;

  background: #fff;

}

.lp-guide .lp-book-fields {

  display: block;

  width: 100%;

  margin: 0;

  padding: 0;

  background: none;

}

.lp-guide .lp-book-fields .single-input-inner {

  width: 100%;

  padding: 0;

}

.lp-guide .lp-book-fields .single-input-inner:last-child {

  margin-bottom: 0;

}

.lp-guide .lp-book-actions {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  gap: 10px;

  position: static;

  width: 100%;

  margin-top: auto;

  padding: 24px 0 0;

  background: none;

}

.lp-guide .lp-book-actions .btn,

.lp-guide .lp-book-actions .formsubmit {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  margin: 0 !important;

}

.lp-guide .lp-book-actions .btn i,

.lp-guide .lp-book-actions .formsubmit i {

  float: none;

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 1;

  position: static;

}

.lp-guide .lp-guide-contacts {

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  gap: 14px;

  box-sizing: border-box;

  padding: 28px 24px;

  background: #fff6f2;

}

.lp-guide .student_div {

  display: flex;

  align-items: center;

  flex: 1 1 auto;

  gap: 16px !important;

  min-height: 0;

  margin: 0;

  padding: 18px 20px;

  background: #fff;

  border-radius: 14px;

  box-shadow: none;

  border: none;

}

.lp-guide .student_div:last-child {

  border-right: none;

}

.lp-guide .student_div:hover {

  transform: none;

  box-shadow: none;

  background: #fff;

}

.lp-guide .student_icon {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  width: 52px;

  height: 52px;

  min-width: 52px;

  margin: 0;

  padding: 0;

  border-radius: 50%;

  background: #fff6f2;

}

.lp-guide .student_icon i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: auto;

  height: auto;

  margin: 0;

  color: #ff5e15;

  font-size: 20px;

  line-height: 1;

}

.lp-guide .student_content {

  display: block;

  flex: 1;

  min-width: 0;

  width: auto;

  padding: 0;

}

.lp-guide .student_con_h6 {

  margin: 0 0 4px;

  color: var(--heading-color);

  font-size: 15px;

  font-weight: 800;

  letter-spacing: 0.4px;

  line-height: 1.3;

  text-transform: uppercase;

}

.lp-guide .student_content p {

  margin: 0;

  padding-left: 0;

  color: #555;

  font-size: 16px;

  line-height: 1.5;

}

.lp-guide .student_content a {

  color: var(--heading-color);

}

.lp-book-form {

  display: flex;

  flex-direction: column;

  height: 515px;

  padding: 40px 44px 32px;

  background: #fff;

  border-radius: 10px;

  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);

}

.lp-book-form form {

  display: flex;

  flex-direction: column;

  flex: 1;

  width: 100%;

}

.lp-book-fields {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -10px;

}

.lp-book-fields .single-input-inner {

  display: flex;

  flex-direction: column;

  width: 50%;

  margin-bottom: 22px;

  padding: 0 10px;

}

.lp-book-fields .single-input-inner label {

  display: block;

  margin-bottom: 8px;

  color: var(--heading-color);

  font-size: 13px;

  font-weight: 600;

  line-height: 1.4;

}

.lp-book-fields .single-input-inner label span {

  color: var(--main-color-one);

}

.lp-book-input {

  position: relative;

  display: block;

  width: 100%;

  height: 58px;

  border: 1px solid #e3e3e3;

  border-radius: 8px;

  background: #f8f9fc;

}

.lp-book-input i {

  position: absolute;

  top: 50%;

  left: 16px;

  z-index: 2;

  width: 16px;

  height: 16px;

  margin: 0;

  color: var(--main-color-one);

  font-size: 14px;

  line-height: 1;

  transform: translateY(-50%);

  pointer-events: none;

}

.lp-book-fields .single-input-inner input,

.lp-book-fields .single-input-inner select {

  display: block;

  width: 100%;

  height: 58px;

  margin: 0;

  border: 0 !important;

  border-radius: 8px;

  background: transparent !important;

  background-image: none !important;

  padding: 0 40px 0 42px !important;

  color: var(--heading-color);

  font-size: 14px;

  font-weight: 400;

  line-height: 58px;

  text-align: left;

  outline: none;

  box-shadow: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

.lp-book-fields .single-input-inner select {

  cursor: pointer;

}

.lp-book-fields .single-input-inner select::-ms-expand {

  display: none;

}

.lp-book-select:after {

  content: "";

  position: absolute;

  top: 25px;

  right: 16px;

  z-index: 2;

  width: 12px;

  height: 8px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23FF5E15' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  pointer-events: none;

}

.lp-book-fields .single-input-inner input:focus,

.lp-book-fields .single-input-inner select:focus {

  border: 0 !important;

  background: transparent !important;

  outline: none;

  box-shadow: none;

}

.lp-book-actions {

  margin-top: auto;

  padding-top: 10px;

}

.lp-hidden-field {

  display: none;

}

@media (max-width: 992px) {

  .lp-guide,

  .lp-guide-panel {

    padding: 0;

    border-radius: 24px;

  }

  .lp-guide .lp-guide-form-col,

  .lp-guide .lp-guide-contacts {

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

  }

  .lp-guide .lp-guide-form-col {

    padding: 28px 22px 24px;

  }

  .lp-guide .lp-book-form {

    padding: 0;

  }

  .lp-guide .student_div {

    border: none;

  }

  .lp-book-form {

    height: auto;

    padding: 32px 22px;

  }

  .lp-book-fields .single-input-inner {

    width: 100%;

  }

}



/* ========================================

   Footer

   ======================================== */

.footer-area {

  margin-top: 0;

  padding-top: 90px;

}



/* ========================================

   Shared section spacing

   ======================================== */

.lp-hero,

.sit-approach,

.sit-adv,

.camp-ceo,

.lp-place,

.camp-stories {

  padding-top: 70px;

  padding-bottom: 70px;

}



@media (min-width: 991px) and (max-width: 1199px) {

  .sit-path-card {

    min-height: 209px;

  }

}



@media (max-width: 1199px) {

  .grid_title h3 {

    font-size: 28px;

  }

  .lp-place-flow:before {

    bottom: 45px;

  }

}

@media (max-width: 992px) {

  .camp-ceo .new_head {

    text-align: center;

  }

  .camp-ceo-copy {

    text-align: center;

  }

}

@media (max-width: 768px) {

  .grid_title h3 {

    font-size: 34px;

  }



  .lp-locations {

    border: none !important;

    box-shadow: none !important;

    padding: 0px;

    gap: 3px;

  }

  .lp-locations span {

    padding: 0px;

  }

  .stat strong {

    font-size: 30px;

  }

}



@media (max-width: 667px) {

  .grid_title h3 {

    font-size: 38px;

  }

  .lp-place-flow:before {

    bottom: 45px;

  }

}

@media (max-width: 650px) {

  .container {

    padding-left: 20px;

    padding-right: 20px;

  }

  .new_head h2 {

    font-size: 28px;

    line-height: 1.3;

  }

  .lp-approach-cards {

    grid-template-columns: 1fr;

  }

  .lp-approach-bar,

  .lp-approach-card,

  .lp-vlsi-domain,

  .lp-hero-stats,

  .lp-vlsi-unsure,

  .sit-adv-card,

  .lp-place-board,

  .recruiters-intro,

  .camp-labs-shot {

    border-radius: 22px;

  }

}

@media (max-width: 575px) {

}

article.lp-approach-card span {

  display: block;

  flex: 0 0 auto;

  width: auto;

  height: auto;

  margin: 0;

  padding: 0;

  background: transparent;

  border: 0;

  border-radius: 0;

  color: #ff5e15;

  font-size: 28px;

  font-weight: 800;

  line-height: 1;

  letter-spacing: -0.03em;

}

nav.navbar.navbar-area.navbar-area-2.navbar-expand-lg.bg-gray.box-shadow-2.sit-landing.sticky-active {

  position: relative;

}

/* SIT landing page Faq*/

.accordion button .icon.sit_icon::before {

  background: #ff5e15 !important;

}

.accordion button .icon.sit_icon::after {

  background: #ff5e15 !important;

}

.accordion button .icon.sit_icon {

  border: 1px solid #ff5e15 !important;

}



@media (max-width: 475px) {

  .hero img {

    width: 60%;

  }

  .grid_title h3 {

    font-size: 36px;

  }

}

@media (max-width: 400px) {

  .grid_title h3 {

    font-size: 32px;

  }

}

@media (max-width: 360px) {

  .grid_title h3 {

    font-size: 30px;

  }

  .hero img {

    width: 70%;

  }

}







/* ------------------------------ */



.lp-approach-intro .new_head.recent_grad_section{

		  text-align: left; 

		  margin-bottom: 0px !important;

	  }

	  .lp-approach-intro .new_head .recent_grad_h2{

		  margin: 10px 0 10px;

    letter-spacing: 1px;

    font-size: 40px;

    line-height: 53px;

	  }

.lp-approach-intro .new_head p.recent_grad_section_p {

  color: #555;

  font-size: 17px;

  text-align: left !important;

  margin-bottom: 0;

}

@media (max-width: 768px) {

  .stat strong {

    font-size: 26px;

  }

  .lp-approach-intro .new_head.recent_grad_section,

  .lp-approach-intro .new_head p.recent_grad_section_p {

    text-align: center !important;

  }

	.lp-approach-intro,.sit-adv-card{

		align-items: center;

	}

  .sit-adv-card-top{

    display: block;

    text-align: center;

  }

  .sit-adv-card .icon {

    width: 58px;

    height: 58px;

    margin: auto;

    background: #fff6f2;

}

.sit-adv-card{

  text-align: center;

}

.lp-place-board{

  gap: 5px;

}

.new_head h2,.lp-approach-intro .new_head .recent_grad_h2{

  font-size: 33px;

}

.lp-approach-intro .new_head .recent_grad_h2{

  line-height: 37px;

}



.camp-ceo-quote{

  font-size: 18px;

}

.icon-ring {

  width: 80px;

 

}

.stat p {

  font-size: 17px;

}

}



@media(max-width:400px){

  .hero {

    height: 150px;

}

.grid_title h3 {

  font-size: 26px;

}

.hero img {

  width: 52%;

}

.grid_title {

  padding: 18px 0 0 17px;

}

}

.lp-career .recruiters-intro {

    justify-content: center;

    gap: 28px;

    padding: 36px 32px !important;

}

.reveal-left.is-visible {

    opacity: 1;

    transform: none;

}

.recruiters-intro {

    background: #FFF6F2;

    border-radius: 34px;

    padding: 62px 46px;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

}



.reveal-left {

    opacity: 0;

    transform: translateX(-35px);

    transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1);

}







@media (max-width: 575px) {

  .stat:not(:last-child) {

    border-bottom: 1px solid #e8e4e1;

  }

  .stat:not(:last-child):after {

    display: none;

  }

  .stat p {

    font-size: 19px;

  }

  .icon-ring {

   

  }

  .icon-ring img {

    width: 50px;

    height: 50px;

  }

	

	.navbar-top.navbar-top-mobile.p-0 .container {

    padding: 0px !important;

}

	.row.align-items-center.flex-nowrap.justify-content-between {

    padding-left: 15px !important;

    padding-right: 15px !important;

}

	.icon-ring{      width: 50px !important;margin-bottom: 6px !important;}

	

	    .icon-ring img {

        width: 50px !important;

        height: auto !important;

    }

	ul.topbar-right li {

    background: #FFF6F2;

    text-align: center !important;

}

    .stat strong {

        padding-top: 10px;

        font-size: 18px;

    }

.new_head h2, .lp-approach-intro .new_head .recent_grad_h2 {

        font-size: 25px;

    }

.stat p {

        font-size: 16px;

    }	

	

}



@media (max-width: 660px) {

	.sit-adv-visual img {

    position: absolute;

    inset: 0;

    display: block;

    width: 100%;

    height: 171%;

    object-fit: cover;

    object-position: center;

}

	.lp-approach-bar {

    text-align: CENTER;

}

	.hero {

        height: auto !important;

    }

    .grid_title h3 {

        font-size: 27px;

    }

	a.btn.btn-base.me-2 {

    margin-right: 0px !important;

}

	.lp-locations span + span::before{ display:none !important}

	

	    .lp-locations span {

        padding: 0px;

        display: block;

        width: 100%;

    }

	.lp-hero {

        padding: 37px 0 !important;

	}}



ul.details.text-white { height:auto !important}



.details {

    padding: 30px;

    min-height: auto !important  ;  padding-bottom: 30px !important;

}

.footer-area {

    margin-top: 0;

    padding-top: 33px;

}

.lp-locations {

  font-synthesis: none;

}


/* 28-9-2026 */
@media(max-width: 1680px){
		.camp-labs-shot.camp_ls_2 img{
		height: auto !important;
	}
}
@media(max-width: 992px){

	.lp-hero{
		padding-top: 180px;
	}

	.sit-adv-visual img{
		height: 160%;
	}
}

@media(max-width: 768px){
	
	
	.lp-hero {
        margin-top: 0px !important;
    }
	
}
@media(max-width: 760px){
	
	
	.lp-hero {
        margin-top: 0px !important;
    }
	
}

@media(max-width: 753px){
	
	
	.lp-hero {
        margin-top: 0px !important;
    }
	
}







@media(max-width: 660px){
	
	
	.lp-hero {
        margin-top: 140px !important;
    }
	
}

/* 29-9-26 */

@media (max-width: 992px) {
    nav.navbar.navbar-area.navbar-area-2.navbar-expand-lg.bg-gray.box-shadow-2, .navbar-area {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        z-index: 10003;
        overflow: visible;
        background: #fff;
    }

   
	  .navbar-area .nav-container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        position: relative;
        overflow: visible;
    }
	    .navbar-area .responsive-mobile-menu{
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: relative;
        width: auto;
        height: auto;
        order: 2;
        z-index: 10002;
    }
	    .navbar-area .menu.toggle-btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: relative !important;
        top: auto;
        right: auto;
        left: auto;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #222222;
        font-size: 22px;
        line-height: 1;
        cursor: pointer;
        z-index: 10002;
    }
	     .navbar-area .nav-container .navbar-collapse.sopen {
        display: block !important;
        position: fixed;
        top: calc(var(--lp-topbar-height, 56px) + var(--lp-nav-height, 72px));
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        max-height: none;
        overflow-y: auto;
        margin: 0;
        padding: 16px 24px 32px;
        border-radius: 0;
        background: #fff;
        box-shadow: none;
        z-index: 10000;
    }
	    .navbar-area .nav-container .navbar-collapse .navbar-nav {
        margin: 0;
    }
	    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        font-size: 14px;
    }
	    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        display: block;
        text-align: left;
        line-height: 30px;
        padding: 10px 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
	.navbar-area .nav-container .navbar-collapse .navbar-nav > li {
        margin-right: 0px;
        
    }
	 nav.navbar.navbar-area.navbar-area-2.navbar-expand-lg.bg-gray.box-shadow-2 {
        position: fixed !important;
        top: 53px;
        width: 100%;
    }

}
@media (min-width: 900px) and (max-width: 992px) {
	    .navbar-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1000;
    }
	 .navbar-top .topbar-right{
		
        justify-content: space-between;
        width: 100%;
        gap: 8px;
    }
    nav.navbar.navbar-area.navbar-area-2.navbar-expand-lg.bg-gray.box-shadow-2 {
        position: fixed !important;
        top: 58px !important;
        width: 100%;
    }
}