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;
}
.career-intro {
  border: none;
}
.open_course img {
  filter: invert(1);
  scale: 1.2;
}
.hamburger-container {
  color: #fff;
}
.ud-dropdown-links {
  border: 1px solid #ffffff4d;
  border-top: none;
  overflow: hidden;
  max-height: 50px;
}
.course-dropdown-inner {
  border-bottom: 1px solid #ffffff4d;
  border-top: 1px solid #ffffff4d;
}

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

/* banner section  */

.heading_oveline span {
  font-family:
    "uad-edge",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
}

.ed-banner-image {
  margin-left: auto;
}
.masked-hero {
  clip-path: url(#clipShape);
  width: 100%;
  aspect-ratio: 287 / 294;
  display: block;
  max-width: 287px;
}

.masked-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* <!-- 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 h2 {
  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 h2 {
  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;
}
.masked-bridge {
  clip-path: url(#bridgingClipShape);
  width: 100%;
  aspect-ratio: 474 / 478;
  display: block;
}

.masked-bridge img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.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; */
  border: none;
}
.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;
}
.masked-think {
  clip-path: url(#thinkclipShape);
  width: 100%;
  aspect-ratio: 327 / 327;
  display: block;
}
.masked-think img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*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 !important;
  line-height: 1;
  padding-bottom: 12px;
  color: #000000;
  margin-bottom: 0 !important;
}
.value-block h3 {
  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;
}

/* ------------------------------
        slider in the popup
---------------------------------*/

.slide {
  max-width: 1306px;
  width: 100%;
  background-color: #eabe64;
  /* padding: 26px 0 56px; */
  padding: 80px 0 56px;
  overflow-x: auto;
  scrollbar-width: thin;
  /* height: 95vh; */
  height: 100vh;
}

.profile-name p {
  font-family: "edge";
  font-weight: 500;
  font-size: 88px;
  line-height: 90%;
  width: 80%;
}

.profile-container .profile-image-c img {
  width: 294px;
  height: 385px;
  object-fit: cover;
}

.profile-container .profile-name-c {
  display: flex;
  align-items: flex-end;
  position: relative;
}

/* Designation */
.designation-tab {
  padding-top: 49px;
}

.designation-tab .span-1 {
  border-top: 1px solid #000000;
}

.linkedin a {
  text-decoration: none;
  color: #000;
  font-family: "Inter";
  font-weight: 700;
  font-size: 20px;
  line-height: 122%;
  padding-top: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.linkedin a span img {
  width: 12px;
}

.des-head {
  font-family: "Inter";
  font-weight: 800;
  font-size: 16px;
  line-height: 120%;
  padding-top: 6px;
}

.des-content {
  font-family: "Inter";
  font-weight: 300;
  font-style: Light;
  font-size: 24px;
  line-height: 122%;
  padding-top: 5.37px;
}

/* education container */
.education-container {
  padding-top: 41.8px;
}

.education-container .span-3 {
  border-top: 1px solid #000000;
}

/* more dec container */
.more-dec-container {
  padding-top: 52px;
}

.more-dec-container .more-dec {
  border-top: 1px solid #000000;
}

.bold-more-dec {
  font-family: "Inter";
  font-weight: 300;
  font-size: 30px;
  line-height: 100%;
  padding-top: 4px;
}

.small-more-dec {
  font-family: "Inter";
  font-weight: 300;
  font-size: 20px;
  line-height: 122%;
  padding-top: 20px;
}


/* leadership-section new  */
.leadership-section {
  padding-top: 148px;
}

.leadership-section .head-h3 {
  padding-bottom: 15px;
}

.leadership-section .leadership-card {
  row-gap: 68px;
  padding-top: 0;
}

/* ---------------------------
             popup
 --------------------------*/
.leader-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgb(255 255 255 / 77%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999999;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all .6s ease;
}

.leader-popup-overlay.show {
  /* display: flex; */
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

.leader-popup-overlay {
  cursor:
    url(../assets/new-courser.png) 0 0,
    pointer;
}

.leaders-popup-box {
  position: fixed;
  /* top: 53px; */
  top: 0;
  right: 0;
  max-width: 1306px;
  width: 100%;
  background: #fff;
  overflow: hidden;
  transition: all 0.6s ease-in-out;
  transform: translateX(120%);
  z-index: 9999999999;
}

.leaders-popup-box.show {
  transform: translateX(0);
}

.leaders-popup-close {
  position: absolute;
  right: 29px;
  top: 21px;
  font-family: "Inter";
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  text-align: right;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 20;
}

.leaders-popup-prev,
.leaders-popup-next,
.leaders-popup-close {
  position: absolute;
  top: 80px;
  /* transform: translateY(-50%); */
  background: transparent;
  border: 1px solid #000000;
  padding: 10px 14px;
  width: 41px;
  height: 41px;
  cursor: pointer;
  z-index: 20;
  background-repeat: no-repeat;
  background-position: center;
}

.leaders-popup-prev {
  right: 149px;
  background-image: url("https://quintero-solutions.com/udit/assets/arrow_left.svg");
}

.leaders-popup-next {
  right: 99px;
  background-image: url("https://quintero-solutions.com/udit/assets/arrow_right.svg");
}

.leaders-popup-close {
  right: 30px;
  background-image: url("https://quintero-solutions.com/udit/assets/people_close.svg");
}

.mySwiper {
  width: 100%;
  height: 100%;
}

.leaders-card-contain {
  cursor: pointer;
}

.leaders-img {
  width: 100%;
  height: 380px;
  overflow: hidden;
}

.leaders-img img,
.leaders-img2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.leaders-text .leaders-head {
  font-family: "Inter";
  font-weight: 700;
  font-size: 20px;
  line-height: 122%;
  margin-top: 12px;
}

.leaders-text .leaders-deginaton {
  font-family: "Inter";
  font-weight: 300;
  font-size: 20px;
  line-height: 122%;
  margin-top: 4px;
}

.leaders-text .leaders-dec {
  font-family: "Inter";
  font-weight: 300;
  font-size: 20px;
  line-height: 122%;
  margin-top: 14px;
}

.linkedin-top-border {
  border-top: 1px solid #000000;
}

.linkdin-none {
  display: none !important;
}

/* leaders new end  */
@media only screen and (max-width: 767px) {
  /* baneer section  */
  .ed-banner-image {
    grid-column: span 2;
    margin-top: 48px;
    width: 100%;
    height: auto;
  }
  .masked-hero {
    aspect-ratio: 343 / 352;
    max-width: 100%;
  }
  .ed-banner-image img {
    width: 100%;
    height: auto;
  }
  .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 h2,
  .moments-section-heading h2 {
    font-size: 24px;
  }

  /* values  */
  .line {
    width: 100%;
    height: 6px;
  }
  .value-block h3 {
    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 !important;
  }

  /* 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;
  }
  .masked-bridge {
    width: 60%;
    aspect-ratio: 323 / 325;
  }
  .brifging-img img {
    width: 100%;
    height: auto;
  }
  .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;
  }

  .masked-think img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .masked-think {
    aspect-ratio: 343 / 343;
  }

  .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;
  }
  
   /*---------- mentor pop up -------*/

  .profile-container .profile-name-c {
    grid-column: span 1;
  }

  .profile-name p {
    font-size: 32px;
    width: auto;
  }

  .popup-box {
    max-width: 100%;
  }

  .profile-container .profile-image-c img {
    width: 182px;
    height: 238px;
    object-fit: cover;
  }

  .linkedin-tab-mob {
    border-top: 1px solid #000;
    margin-top: 36px;
  }

  .linkedin a {
    font-size: 16px;
    line-height: 100%;
  }

  .des-head {
    font-size: 12px;
    line-height: 100%;
    padding-top: 3px;
  }

  .des-content {
    font-size: 20px;
    padding-right: 10px;
    padding-top: 3px;
  }

  .mob-mb-5 {
    margin-bottom: 5px;
  }

  .des-content p {
    padding-top: 8px;
  }

  .des-content p:nth-child(1) {
    padding-top: 0;
  }

  .designation-tab {
    padding-top: 44px;
    row-gap: 20px;
  }

  .education-container {
    padding-top: 20px;
  }

  .bold-more-dec {
    font-size: 24px;
  }

  .small-more-dec {
    font-size: 16px;
  }

  .more-dec-container .more-dec {
    border: none;
  }

  .more-dec-container {
    padding-top: 33px;
  }

  .popup-close {
    font-family: "Inter";
    font-weight: 800;
    font-size: 14px;
    line-height: 120%;
  }

  .popup-box {
    top: 0;
  }

  .slide {
    height: 100vh;
    padding: 16px 0 88px;
  }

  .popup-close, .leaders-popup-close {
    right: 16px;
    top: 16px;
  }
}