.helpline {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 10px;
}

.helpline h6 {
  display: flex;
  gap: 8px;
}

.contact {
  display: flex;
  gap: 5px;
  padding: 0px;
}

.contact li {
  list-style: none;
}

.contact li a {
  color: var(--clr-black);
  text-decoration: none;
}

.marquee-item h4 {
  font-size: 16px;
  border-right: 2px solid #000;
  padding: 0px 10px;
}

.marquee-item h4 a {
  color: #000;
  font-weight: 400;
}

.marquee-content {
  display: flex;
  width: 200%;
  height: 22px;
  position: absolute;
  overflow: hidden;
  animation: marquee 5s linear infinite;
  white-space: wrap;
}

.marquee-item {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% {
    left: 0;
  }

  100% {
    left: -50%;
  }
}

.marquee {
  height: 25px;
  width: 100%;

  overflow: hidden;
  position: relative;
  background-color: #FFC72B;
  align-items: center;
  justify-content: center;
  display: flex;
}

.nav-manu li {
  padding-left: 48px;
}

.navbar-nav li a {
  color: #fff;
}

.navbar-nav.nav-manu {
  background-color: #2C2C2C;
  padding: 0px 42px;
  clip-path: polygon(0 2%, 100% 0px, 107% 105%, 7% 100%);
  justify-content: end;
}

.navbar-nav li a {
  color: #fff;
  padding-left: 20px;
  font-size: 20px;
  font-weight: 400;
}

.navbar-nav li a {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  display: block;
  padding: 8px 0px;
}

.nav-manu {
  background-color: #2C2C2C;
}

.head-nav {
  position: absolute;
  z-index: 99;
  top: 0px;
}

.ban-content img {
  height: 500px;
  object-fit: cover;
}

.counter-box {
  position: relative;
}

.count {
  background: rgb(255, 199, 43);
  background: linear-gradient(90deg, rgba(255, 199, 43, 1) 9%, rgba(217, 217, 217, 1) 95%);
  padding: 8px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  position: absolute;
  top: 8px;
  width: 58%;
  right: 0px;

}

.counter {
  display: table-cell;
  margin: 1.5%;
  font-size: 30px;
  width: 200px;
  border-radius: 50%;
  vertical-align: middle;
  font-weight: 600;
}

.counter1 {
  text-align: center;
}

.count-text {
  font-size: 20px;
  font-weight: 600;
}

.counter-text {
  padding: 21px;
  text-align: center;
  position: absolute;
  top: -24px;
  z-index: 9;
  width: 47%;
}

.counter-text::after {
  padding: 21px;
  text-align: center;
  position: absolute;
  content: "";
  top: -24px;
  z-index: 9;
  width: 47%;
  background-color: #d9d9d9;
}

.counter-text::after {
  padding: 21px;
  text-align: center;
  position: absolute;
  content: "";
  top: 0px;
  z-index: -1;
  width: 100%;
  background-color: #d9d9d9;
  left: 0px;
  height: 100%;
  opacity: 0.8;
}

.counter-text h6 span {
  font-size: 32px;
  font-weight: 600;
}

.campus-life-text {
  text-align: center;
  position: absolute;
  top: 50%;
  z-index: 999;
  right: 0%;
  transform: translate(-50%, -50%);
  width: 22%;
}

.campus-life {
  position: relative;
}

.campus-life-text h4 {
  font-size: 45px;
  font-weight: 600;
}

.lab-text,
.lab-text-3 {
  background-color: #F6F4F4;
}

.lab-text-2:hover,
.lab-text-4:hover {
  background-color: #F6F4F4;
}

.lab-text-2:hover .lab-text {
  background-color: #fff;
}

.lab-text,
.lab-text-2,
.lab-text-3,
.lab-text-4 {
  padding: 51px 30px;

}

.lab-text h4,
.lab-text-2 h4,
.lab-text-3 h4,
.lab-text-4 h4 {
  padding: 16px 0px;
}

.lab-text p,
.lab-text-2 p,
.lab-text-3 p,
.lab-text-4 p {
  padding-bottom: 16px;
}

.lab-image-wrap {
  position: relative;
}

.lab-image-2,
.lab-image-4 {
  position: absolute;
  top: 0px;
  z-index: 999;
}

.lab-wrap {
  margin-bottom: 40px;
}

.lab-image-1 img,
.lab-image-2 img,
.lab-image-3 img,
.lab-image-4 img {
  height: 328px;
}

.partner-image-wrap {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.partner-image-wrap .image-box img {
  height: 60px;
  width: 80%;
  object-fit: contain;
}

.image-box::before {
  position: absolute;
  content: "";
  height: 2px;
  left: 0px;
  border-bottom: 2px solid #e6e6e6;
  width: 240px;
  bottom: -32px;
}
.image-box::after {
  position: absolute;
  content: "";
  border-right: 2px solid #e6e6e6;
  height: 197px;
  left: 0px;
  right: 0px;
  top: 0px;
}


.image-box {
  position: relative;
}

.expert-1st {
  display: flex;
  align-items: center;
  padding: 20px;
  box-shadow: 2px -2px 18px #e5e4e4;
  width: 90%;
  text-align: center;
  width: 86%;
  text-align: center;
  margin-left: 38px;
}

.expert-para h6 {
  color: var(--clr-primary);

}

.expert-para h4 {
  font-size: 14px;
  padding-bottom: 6px;
  font-weight: bold;

}

.experts-wrap p {
  text-align: center;
  background-color: var(--clr-white-200);
  padding: 40px;
  border-radius: 23px;
  width: 538px;
  position: relative;
}

.experts-wrap p::after {
  position: absolute;
  content: "";
  top: 26px;
  left: 14px;
  background-image: url(../images/Tabpanel\ →\ quote.png\ \(1\).png);
  height: 20px;
  width: 25px;
}

.experts-wrap p::before {
  position: absolute;
  content: "";
  bottom: 35px;
  right: 30px;
  background-image: url(../images/Tabpanel\ →\ quote.png\ \(2\).png);
  height: 20px;
  width: 25px;

}


.expert-1st img {
  border-radius: 50%;
  border: 3px solid var(--clr-secondary);
}


.visit-campus-wrap {
  padding: 94px 100px;
}

.visit-campus-wrap h6 {
  color: var(--clr-white);
  border-bottom: 2px solid #fff;
  width: 10%;
}

.visit-campus-wrap h3 {
  font-size: 46px;
  color: var(--clr-secondary);
  padding: 30px 0px;

}

.visit-campus-wrap h3 span {
  color: var(--clr-white);
}

.visit-campus {
  background-position: center;
  background-repeat: no-repeat;
}

.internship-box {
  border: 1.5px solid var(--clr-white-200);
  padding: 30px;
}

.inter-log img {
  box-shadow: 2px 5px 10px var(--clr-white-200);
  height: 75px;
  width: 75px;
}

.inter-log {
  position: absolute;
  top: -32px;
  left: 14px;
}

.internship-box {
  border: 1.5px solid var(--clr-white-200);
  padding: 30px;
  margin-bottom: 40px;
  position: relative;
}

.inter-image {
  align-items: end;
  display: flex;
  justify-content: end;
}

.inter-image img {
  height: 100px;
}

.intern-caption {
  padding: 16px 0px;
}

.intern-caption h5 {
  font-weight: 600;
}

.intern-caption h5 span {
  font-weight: 400;
}

.intern-text p {
  font-size: 14px;
}

.col-lg-4:nth-child(2) .internship-box {
  margin-top: 60px;
}

.almuni-cap {
  display: flex;
  align-items: center;
  gap: 14px;
}

.almuni-box {
  background-color: var(--clr-white);
  padding: 27px 19px;
  margin-right: 30px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 91%, 35% 91%, 23% 100%, 24% 91%, 1% 92%);
}

.almuni-cap-text h5 {
  font-size: 16px;
  font-weight: 600;
  font-family: var(--ff-primary);
}

.almuni-cap-text h6 {
  font-size: 14px;
  color: var(--clr-primary);
  font-family: var(--ff-secondary);
}

.almuni-box p {
  padding-top: 16px;
  font-size: 14px;
}

.almuni .custom-heading h3 {
  color: #fff
}

.student .custom-heading h3 {
  color: #fff
}


.ksms-box img {
  height: 50px;
}

.ksms-box-1,
.ksms-box-2,
.ksms-box-3,
.ksms-box-4,
.ksms-box-5,
.ksms-box-6,
.ksms-box-7,
.ksms-box-8,
.ksms-box-9,
.ksms-box-10 {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0px;
  padding: 12px;
}

.ksms-box-1 {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-121%, -546%);
  width: 38%;
}


.ksms-box-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-133%, -419%);
  width: 38%;
}

.ksms-box-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-141%, -298%);
  width: 38%;
}

.ksms-box-4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-133%, -176%);
  width: 38%;

}

.ksms-box-5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-120%, -57%);
  width: 38%;
}

.ksms-box-6 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(19%, -548%);
  width: 38%;
}

.ksms-box-7 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(32%, -429%);
  width: 38%;
}

.ksms-box-8 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(41%, -313%);
  width: 38%;
}

.ksms-box-9 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(35%, -183%);
  width: 38%;
}

.ksms-box-10 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(20%, -65%);
  width: 38%;
}

.ksms-part {
  position: relative;
}

.flip-container .front {
  display: flex;
  align-items: center;
  color: var(--clr-secondary);
  border: 1px solid transparent;
  border-radius: 5px;
  transition: all .5s ease-in-out;
  background-color: var(--clr-white);
  padding: 10px 24px;
  z-index: 2;
  transform: rotateY(0);
  box-shadow: 3px 4px 10px #d1d1d1;
}

.flip-container .back {
  transition: all .5s ease-in-out;
  color: var(--clr-white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  border-radius: 5px;
  transform: rotateY(-180deg);
  text-align: center;
  line-height: 1.4em;
  box-shadow: 3px 4px 10px #d1d1d1;
}

.flip-container:hover .back {
  transform: rotateY(0);
}

.flip-container:hover .front {
  transform: rotateY(180deg);
}

.flipper {
  transition: .6s;
  transform-style: preserve-3d;
  position: relative;
}

.flip-container {
  perspective: 1000px;
  transform-style: preserve-3d;
  width: 100%;
  height: 67px;
}

.back,
.front {
  backface-visibility: hidden;
  transition: .6s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  height: 75px;
  width: 100%;
}

.ksms-logo img {
  height: 450px;
}

.front img,
.back img {
  height: 50px;
  padding-right: 20px;
}



.ksms-part-wrap {
  margin-top: 60px;
}

.footer-box h5 {
  font-size: 14px;
}

.footer-box p {
  font-size: 12px;
}

.footer-box {
  background-color: var(--clr-secondary);
  margin-bottom: 12px;
  padding: 15px;
}


.footer-col-1 {
  border: 2px solid var(--clr-secondary);
  padding: 12px;
  background-color: var(--clr-white);
  margin-top: -94px;
}

.footer-box:nth-last-child(1) {
  margin: 0px;
}

.footer-list li a {
  color: #000;
  font-family: var(--ff-primary);
  line-height: 2.9;
  font-size: 12px;
  font-weight: 500;
}

.footer-col .custom-heading {
  text-align: left !important;
}

.custom-heading h5 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 9px;
}

.social {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 20px;
}

.social li a {
  color: #000;
  font-size: 24px;
}

.footer-to-last {
  display: grid;
  gap: 80px;
}

.copyright {
  background-color: var(--clr-secondary);
  text-align: center;
  padding: 6px;
}

.footer {
  background-color: var(--clr-white-200);
  margin-top: -28px;
}

.footer-top {
  padding: 50px 0px;
}

.copyright p {
  font-weight: 600;
}



.infa-wrap {
  display: grid;
  grid-column-gap: 7px;
  grid-row-gap: 12px;
}

.infa-box-1 {

  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}

.infa-box-2 {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 3;
}

.infa-box-3 {
  grid-column-start: 5;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 3;
}

.infa-box-4 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 5;
}

.infa-box-5 {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 5;
}

.infa-box-6 {
  grid-column-start: 5;
  grid-column-end: 6;
  grid-row-start: 3;
  grid-row-end: 4;
}


.infa-box-7 {
  grid-column-start: 5;
  grid-column-end: 6;
  grid-row-start: 4;
  grid-row-end: 6;

}

.infa-box-8 {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 5;
  grid-row-end: 5;
}

.infa-box-9 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 4;
  grid-row-end: 6;
}

.infa-box-9 img {
  height: 265px;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.infa-box-4 img {
  height: 226px;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.infa-box-7 img {
  height: 267px;
}

.infa-box-1 img,
.infa-box-2 img,
.infa-box-3 img,
.infa-box-4 img,
.infa-box-5 img,
.infa-box-6 img,
.infa-box-7 img,
.infa-box-8 img,
.infa-box-9 img {
  border-radius: 12px;
}

.upper-details-wrap {
  display: flex;
  align-items: center;
  gap: 30px;
}

.upper-details {
  display: flex;
  align-items: flex-start;
}

.bg-details {
  padding: 30px;
}

.bg-details p {
  padding: 16px 0px;
}

.award-item img {
  height: 300px;
}

.academic-part p {
  padding: 16px 0px;
}

.academic-part {
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
}

.academic-part::before {
  position: absolute;
  content: "";
  border-right: 2px solid #ababab;
  height: 212px;
  width: 100px;
  top: 0px;
  right: -10px;
}

.academic-part::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ababab;
  height: 2px;
  width: 361px;
  bottom: 0px;
  right: 0px;
}

.academy-main {
  position: sticky;
  top: 0px;
}

.col-lg-6:nth-child(even) .academic-part:before {
  border-right: none
}

.col-lg-6:nth-last-child(1) .academic-part:after {
  border-bottom: none
}

.col-lg-6:nth-child(7) .academic-part:after {
  border-bottom: none
}

.academy-main-text p {
  padding: 16px 0px;
}

.academy-main-text {
  padding-top: 20px;
}

.product-part {
  margin-right: 30px;
}

.upper-part {
  margin-left: 30px;
}

.upper-slide-wrap {
  margin-left: 30px;
  height: 230px;
}

.upper-corner-logo img {
  border-radius: 0px 0px 0px 270px;
  height: 120px;
  width: 200px;
}

.student-sname {
  display: flex;
  gap: 16px;
  align-items: center;
}

.student .custom-heading-wrap {
  margin-top: 0px;
}

.student-wrap p {
  padding: 20px 0px;
  color: var(--clr-white)
}

.student-image img {
  border-radius: 32px;

}

.student-sname img {
  border-radius: 50%;
  height:60px;
  width:60px;
  object-fit: contain;
}

.student-sname h5 {
  color: var(--clr-white)
}

.student-sname h6 {
  color: var(--clr-primary)
}

.quote img {
  height: 30px;
}

.placement-wrap h4 {
  padding: 20px 0px;
}

.placement-wrap h5 {
  border-bottom: 2px solid var(--clr-secondary);
  width: 206px
}

.placement-wrap h6 {
  padding-top: 12px;
}

.placement-wrap p {
  padding-bottom: 16px;
}

.award-item::after {
  position: absolute;
  content: "";
  top: -20px;
  right: -61px;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  background-color: var(--clr-secondary);
  height: 140px;
  width: 140px;

}

.award-item {
  position: relative;
}

.award-item::before {
  position: absolute;
  content: "";
  top: -37px;
  right: -77px;
  clip-path: polygon(100% 0, 100% 2%, 100% 100%, 95% 99%, 95% 6%, 0 5%, 0 0);
  background-color: var(--clr-white-200);
  height: 157px;
  width: 160px;

}

.bg-details {
  position: relative;
}


.bg-details::before {
  position: absolute;
  content: "";
  bottom: -80px;
  left: -101px;
  clip-path: polygon(5% 0, 5% 96%, 100% 96%, 100% 100%, 0 100%, 0 61%, 0 0);
  background-color: var(--clr-white-200);
  height: 157px;
  width: 160px;

}

.bg-details::after {
  position: absolute;
  content: "";
  bottom: -62px;
  left: -82px;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: var(--clr-secondary);
  height: 140px;
  width: 140px;

}

.rating {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  padding-bottom: 6px;
  color: var(--clr-secondary);
  font-size: 12px;
}

.rating-2 {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: flex-start;
  padding: 16px 0px;
  color: var(--clr-secondary);
  font-size: 12px;
}

.trans3d
{
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform-style: preserve-3d;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform-style:preserve-3d;
  -ms-transform: translate3d(0, 0, 0);
  transform-style:preserve-3d;
  transform: translate3d(0, 0, 0);

  /*-webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;*/
}

#contentContainer
{
  position:absolute;
  margin-left:-500px;
  margin-top:-500px;
  left:50%;
  top:50%;
  width:1000px;
  height:1000px;
}

#carouselContainer
{
  position:absolute;
  margin-left:-500px;
  margin-top:-500px;
  left:50%;
  top:50%;
  width:1000px;
  height:1000px;
}

.carouselItem
{
  width:320px;
  height:130px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-160px;
  margin-top:-90px;
  visibility:hidden;
}

.carouselItemInner
{
  width:320px;
  height:130px;
  position:absolute;
  background-color:rgba(255, 255, 255, .75);
  border:10px solid rgba(255, 255, 255, .5);
  color:aqua;
  font-size:72px;
  left:50%;
  top:50%;
  margin-left:-160px;
  margin-top:-90px;
  text-align:center;
  padding-top:50px;
  
}