html {
  overflow-x: hidden;
}

.main-nav-container {
  background-color: #000;
}
.hamburger .hamburger-line {
  background-color: #fff;
}
.main-nav-container .line-below {
  border-bottom: 1px solid #ffffff4d;
}

header .logo-container img {
  filter: invert(1);
}
header .hambureger .hamburger-line {
  height: 1.5px;
  background-color: #fff;
}
header .nav-links a {
  color: #fff;
}

/* banner section  */

.heading_oveline span {
  position: relative;
}

.heading_oveline span:before {
  position: absolute;
  top: 20px;
  left: 0;
  display: flex;
  gap: 18px;
  content: "";
  z-index: 999;
  background: #fff;
  width: 100%;
  height: 8px;
}
.heading_oveline span.fu:before {
  left: 18px;
  top: 19px;
}
.heading_oveline span.br:before {
  width: 66px;
  left: 14px;
  top: 19px;
}
.heading_oveline span.d:before {
  width: 27px;
  left: 4px;
  top: 19px;
}
.heading_oveline span.bu:before {
  width: 85px;
  left: 4px;
  top: 19px;
}

/* <!-- about-banner section  --> */
.about-banner {
  padding: 24px 0px 50px 0px;
  background-color: #000000;
}

.top-border-line {
  height: 14px;
  background-color: #fff;
}
.about-banner-heading {
  padding-top: 20px;
  font-family: "edge";
  font-weight: 500;
  font-size: 115px;
  line-height: 0.9;

  color: #ffffff;
}
.about-banner-text-container {
  margin-top: 155px;
  border-top: 1px solid #ffffff99;
  padding-bottom: 23px;
}
.about-banner-text {
  font-family: Inter;
  font-weight: 300;
  font-size: 30px;
  line-height: 1;
  color: #ffffff;
}
.about-banner-image {
  width: 390px;
  height: auto;
  object-fit: cover;
}
/* <!-- about-banner section end  --> */

/* -----------VISSION SECTION-------- */
.our-vission-section {
  margin-top: 100px;
}

.moments-section {
  margin-top: 108px;
}
.moments-section-heading p {
  font-size: 30px;
  color: #fff;
  font-family: "Inter";
  line-height: 1;
  font-weight: 300;
}
.our-version-section {
  margin-top: 100px;
}
.moments-text {
  color: #fff;
  font-family: Inter;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.22;
}
.vission-border {
  padding-top: 12px;
  border-top: 1px solid #ffffff99;
}
/* -----------VISSION SECTION END-------- */

/* <!-- -----------MISSION SECTION --------- --> */

.mission-section {
  margin-top: 100px;
}
.quick-fact-heading {
  padding-bottom: 8px;
}
.quick-fact-heading p {
  color: #fff;
  font-family: Inter;
  font-weight: 300;
  font-size: 30px;
  line-height: 100%;
}
.facts-box {
  border-top: 1px solid #ffffff99;
  padding-top: 20px;
}
.quick-section-subheading {
  font-family: "Inter";
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
}
.quick-section-text {
  margin-top: 10px;
  color: #fff;
  font-family: Inter;
  font-weight: 300;
  font-size: 20px;
  line-height: 1;
}
/* <!-- -----------MISSION SECTION END --------- --> */

.bridging-gaps-section {
  background-color: #000000;
  padding-top: 43px;
  padding-bottom: 60px;
}
.bridging-heading {
  width: 526px;
}
.bridging-heading p {
  color: #fff;
  font-size: 88px;
  font-family: "edge";
  line-height: 0.9;
  font-weight: 500;
}
.bridging-container {
  display: flex;
  gap: 176px;
}
.brifging-img {
  margin-top: 88px;
}
.bridging-text-container {
  display: flex;
}

.bridging-text-left {
  display: flex;

  flex-direction: column;
  gap: 12px;
}
.bridging-text-right {
  display: flex;
  align-items: end;
  flex-direction: column;
  gap: 12px;
  margin-top: 93px;
}

.bridging-text-left {
  width: 340px;
}

.bridging-text-right {
  width: 1048px;
  justify-content: flex-end; /* right section ka text right align */
}

.bridging-line {
  display: block;
  width: 100%;
  background-color: #fff;
  height: 12px;
}

.bridging-text-left p {
  color: #fff;
  font-size: 39px;
  font-family: "edge";
  line-height: 1;
  font-weight: 500;
}

.bridging-text-right p {
  width: 333px;
  color: #fff;
  font-size: 39px;
  font-family: "edge";
  line-height: 1;
  font-weight: 500;
}

.founded-section {
  padding-top: 77px;
  background-color: #492d2d;
  padding-bottom: 82px;
}

.founded-section-bullet {
  float: left;
  width: 25%;
}
.founded-bullet {
  width: 12px;
  height: 12px;
  background-color: #d0e6f2;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 65px;
}

.founded-text {
  font-size: 30px;
  line-height: 100%;
  color: #d0e6f2;
  font-weight: 300;
  font-family: Inter;
}
.founded-text .subheading {
  font-family: Inter;
  font-weight: 700;
  font-size: 20px;
  line-height: 122%;
  display: block;
  margin-bottom: 32px;
}
.founded-year-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 28px;
  margin-top: 130px;
}
.founded-year-text {
  color: #d0e6f2;
  font-family: Inter;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.22;
}
.founded-year {
  color: #d0e6f2;
  font-family: Inter;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.22;
  margin-top: 8px;
  margin-bottom: 15px;
}
.founded-line {
  display: block;
  width: 100%;

  height: 10px;
  background-color: #d0e6f2;
}

.our-school-section {
  margin-top: 40px;
}
.bt-none {
  border-top: none !important;
}

.our-leadrship-section {
  margin-top: 96px;
}

/*How we think about learning section */
.nested-row-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  row-gap: 40px;
}
.heading-medium {
  font-family: Inter;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.22;
}
.feature-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid #0000004d;
}
.career-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 0px;
}

.margin-top-45 {
  margin-top: 45px;
}
.uppercase {
  text-transform: uppercase;
}
/*How we think about learning section end */

/*------------ Accreditation-section start--------- */

.Accreditation-logo-section {
  margin-top: 113px;
  margin-bottom: 121px;
}
.university-img {
  border-top: 1px solid #000000;
  min-height: 114px;
  align-items: center;
  display: flex;
}
.accreditataion-rowgap {
  row-gap: 32px;
}

/*------------ Accreditation-section start end--------- */

/* ------------------------------------------
            video section\
----------------------------- -------------*/

.mb-157 {
  margin-bottom: 78px;
}

/* core-value-section start */

.core-values-heading {
  font-family: Inter;
  font-weight: 300;
  font-size: 30px;
  line-height: 1;
  padding-bottom: 12px;
  color: #000000;
}
.value-block p {
  font-size: 50px;
  font-family: "edge";
  font-weight: 500;
  line-height: 100%;
  color: #000000;
}

#core-values {
  padding: 48px 0 0;
  min-height: 611px;
  overflow: hidden;
}

#core-values h2 {
  font-size: 28px;
  margin-bottom: 60px;
}

.value-block {
  width: max-content;
}

.line {
  width: 305px;
  height: 10px;
  background: #000;
}

.value-block h3 {
  font-size: 42px;
  margin-top: 12px;
}
.career-intro {
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .heading_oveline span:before {
    height: 4px;
    top: 8px;
  }
  .heading_oveline span.fu:before {
    width: 36px;
    left: 9px;
    top: 8px;
  }
  .heading_oveline span.bu:before {
    width: 38px;
    left: 4px;
    top: 8px;
  }
  .heading_oveline span.d:before {
    width: 17px;
    left: 0px;
    top: 8px;
  }
  .heading_oveline span.br:before {
    width: 29px;
    left: 7px;
    top: 8px;
  }
  /* baneer section  */
  .ed-banner-image {
    grid-column: span 2;
    margin-top: 48px;
    width: 100%;
  }
  .our-vission-section {
    margin-top: 56px;
  }
  .top-border-line {
    height: 8px;
    background-color: #fff;
  }
  .about-banner-heading {
    font-size: 56px;
  }
  .about-banner-text-container {
    margin-top: 56px;
  }
  .about-banner-text {
    font-size: 24px;
  }
  .facts-box {
    padding-bottom: 24px;
  }
  .mission-section {
    margin-top: 48px;
  }
  .moments-text,
  .quick-section-text {
    font-size: 16px;
  }
  .quick-section-subheading {
    font-size: 16px;
  }
  .quick-fact-heading p,
  .moments-section-heading p {
    font-size: 24px;
  }

  /* values  */
  .line {
    width: 100%;
    height: 6px;
  }
  .value-block p {
    padding-top: 8px;
    font-size: 28px;
  }
  .value-block {
    width: 100%;
    margin-bottom: 28px;
  }
  #core-values {
    padding: 35px 0 0px;
    min-height: fit-content;
  }
  .core-values-heading {
    font-size: 24px;
  }

  /* video  */
  .mb-157 {
    margin-bottom: 0px;
  }
  /* bridging */
  .bridging-heading p {
    font-size: 40px;
    width: 60%;
  }
  .bridging-container {
    flex-direction: column;
  }
  .brifging-img {
    display: flex;
    justify-content: flex-end;
  }
  .brifging-img img {
    width: 60%;
  }
  .bridging-container {
    display: flex;
    gap: 24px;
  }
  .brifging-img {
    margin-top: 0px;
  }
  .bridging-text-container {
    margin-top: 56px;
    display: flex;
    gap: 16px;
  }
  .bridging-text-right {
    width: 50%;
    justify-content: start;
    margin-top: 0px;
  }
  .bridging-text-left {
    width: 50%;
  }
  .bridging-text-left p {
    color: #fff;
    font-size: 32px;
  }
  .bridging-text-right p {
    width: fit-content;
    font-size: 32px;
  }
  .bridging-line {
    height: 6px;
  }
  /* founded-year-container  */
  .founded-year-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    row-gap: 40px;
  }
  .founded-bullet {
    width: 10px;
    height: 10px;
  }
  .founded-text .subheading {
    font-size: 16px;
    margin-bottom: 42px;
  }
  .founded-text {
    font-size: 24px;
  }
  .founded-line {
    height: 6px;
  }
  .founded-year {
    font-size: 16px;
  }
  .founded-year-text {
    font-size: 16px;
  }
  .founded-section {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .bridging-gaps-section {
    margin-top: 48px;
    padding-bottom: 48px;
  }
  .founded-section-bullet {
    width: 25%;
  }
  .founded-year-container {
    margin-top: 56px;
  }

  /* our school  */

  .our-school-section {
    margin-top: 48px;
  }
  .cards-container {
    row-gap: 24px;
  }

  /* mentor  */

  .our-leadrship-section {
    margin-top: 73px;
  }

  .career-intro .span-1 {
    grid-column: span 2;
  }

  /* learning  */
  .career-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
  }
  .nested-row-3 {
    row-gap: 40px;
    column-gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
  .thinking-img-wrap {
    grid-column: span 2;
  }

  .margin-top-45 {
    margin-top: 60px;
  }

  .heading-medium {
    font-size: 16px;
  }

  .university-img img {
    max-width: 85%;
    height: auto;
  }
  .Accreditation-logo-section {
    height: fit-content;
    margin-top: 64px;
    margin-bottom: 48px;
  }

  .university-img {
    border-top: 1px solid #000000;
    min-height: 90px;
    align-items: center;
    display: flex;
  }
  .accreditataion-rowgap {
    row-gap: 16px;
  }
}