@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";
@import "https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css";
/* [project]/public/css/custom.css [app-client] (css) */
.img-fluid {
  max-width: 100%;
  height: auto;
}

.w-100 {
  width: 100% !important;
}

.m-auto {
  margin: 0 auto;
}

.ms-auto {
  margin-left: auto;
}

.me-auto {
  margin-right: auto;
}

.mx-auto {
  margin-inline: auto !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.me-0 {
  margin-right: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.pe-0 {
  padding-right: 0 !important;
}

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

.align-items-center {
  align-items: center !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-end {
  justify-content: end !important;
}

.text-center {
  text-align: center;
}

.text-end {
  text-align: right;
}

.text-start {
  text-align: start;
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-block {
    display: block !important;
  }

  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }
}

@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }
}

hr {
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25;
  margin: 1rem 0;
}

abbr[title] {
  cursor: help;
  text-decoration-skip-ink: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem;
}

ol, ul {
  padding-left: 2rem;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b, strong {
  font-weight: bolder;
}

.small, small {
  font-size: .875em;
}

.mark, mark {
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
  padding: .1875em;
}

sub, sup {
  vertical-align: baseline;
  font-size: .75em;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}

a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

.g-0, .gy-0, .row {
  --bs-gutter-y: 0;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-left: auto;
  margin-right: auto;
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
  flex-wrap: wrap;
  display: flex;
}

.row > * {
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
  flex-shrink: 0;
}

.col {
  flex: 1 0;
}

.col-auto, .row-cols-auto > * {
  flex: none;
  width: auto;
}

.col-12, .row-cols-1 > * {
  flex: none;
  width: 100%;
}

.col-6, .row-cols-2 > * {
  flex: none;
  width: 50%;
}

.col-4, .row-cols-3 > * {
  flex: none;
  width: 33.3333%;
}

.col-3, .row-cols-4 > * {
  flex: none;
  width: 25%;
}

.row-cols-5 > * {
  flex: none;
  width: 20%;
}

.col-2, .row-cols-6 > * {
  flex: none;
  width: 16.6667%;
}

.col-1, .col-5 {
  flex: none;
}

.col-1 {
  width: 8.33333%;
}

.col-5 {
  width: 41.6667%;
}

.col-7, .col-8 {
  flex: none;
}

.col-7 {
  width: 58.3333%;
}

.col-8 {
  width: 66.6667%;
}

.col-9 {
  flex: none;
  width: 75%;
}

.col-10 {
  flex: none;
  width: 83.3333%;
}

.col-11 {
  flex: none;
  width: 91.6667%;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.6667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333%;
}

.offset-5 {
  margin-left: 41.6667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333%;
}

.offset-8 {
  margin-left: 66.6667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333%;
}

.offset-11 {
  margin-left: 91.6667%;
}

.g-0, .gx-0 {
  --bs-gutter-x: 0;
}

.g-1, .gx-1 {
  --bs-gutter-x: .25rem;
}

.g-1, .gy-1 {
  --bs-gutter-y: .25rem;
}

.g-2, .gx-2 {
  --bs-gutter-x: .5rem;
}

.g-2, .gy-2 {
  --bs-gutter-y: .5rem;
}

.g-3, .gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5, .gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5, .gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }

  .col-sm {
    flex: 1 0;
  }

  .col-sm-auto, .row-cols-sm-auto > * {
    flex: none;
    width: auto;
  }

  .col-sm-12, .row-cols-sm-1 > * {
    flex: none;
    width: 100%;
  }

  .col-sm-6, .row-cols-sm-2 > * {
    flex: none;
    width: 50%;
  }

  .col-sm-4, .row-cols-sm-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .col-sm-3, .row-cols-sm-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: none;
    width: 20%;
  }

  .col-sm-2, .row-cols-sm-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-sm-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-sm-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-sm-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-sm-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-sm-9 {
    flex: none;
    width: 75%;
  }

  .col-sm-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-sm-11 {
    flex: none;
    width: 91.6667%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2 {
    margin-left: 16.6667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333%;
  }

  .offset-sm-5 {
    margin-left: 41.6667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333%;
  }

  .offset-sm-8 {
    margin-left: 66.6667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333%;
  }

  .offset-sm-11 {
    margin-left: 91.6667%;
  }

  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x: .25rem;
  }

  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y: .25rem;
  }

  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x: .5rem;
  }

  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: .5rem;
  }

  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px;
  }

  .col-md {
    flex: 1 0;
  }

  .col-md-auto, .row-cols-md-auto > * {
    flex: none;
    width: auto;
  }

  .col-md-12, .row-cols-md-1 > * {
    flex: none;
    width: 100%;
  }

  .col-md-6, .row-cols-md-2 > * {
    flex: none;
    width: 50%;
  }

  .col-md-4, .row-cols-md-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .col-md-3, .row-cols-md-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: none;
    width: 20%;
  }

  .col-md-2, .row-cols-md-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-md-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-md-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-md-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-md-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-md-9 {
    flex: none;
    width: 75%;
  }

  .col-md-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-md-11 {
    flex: none;
    width: 91.6667%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2 {
    margin-left: 16.6667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333%;
  }

  .offset-md-5 {
    margin-left: 41.6667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333%;
  }

  .offset-md-8 {
    margin-left: 66.6667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333%;
  }

  .offset-md-11 {
    margin-left: 91.6667%;
  }

  .g-md-0, .gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0, .gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1, .gx-md-1 {
    --bs-gutter-x: .25rem;
  }

  .g-md-1, .gy-md-1 {
    --bs-gutter-y: .25rem;
  }

  .g-md-2, .gx-md-2 {
    --bs-gutter-x: .5rem;
  }

  .g-md-2, .gy-md-2 {
    --bs-gutter-y: .5rem;
  }

  .g-md-3, .gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3, .gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4, .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4, .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5, .gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5, .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
  }

  .col-lg {
    flex: 1 0;
  }

  .col-lg-auto, .row-cols-lg-auto > * {
    flex: none;
    width: auto;
  }

  .col-lg-12, .row-cols-lg-1 > * {
    flex: none;
    width: 100%;
  }

  .col-lg-6, .row-cols-lg-2 > * {
    flex: none;
    width: 50%;
  }

  .col-lg-4, .row-cols-lg-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .col-lg-3, .row-cols-lg-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: none;
    width: 20%;
  }

  .col-lg-2, .row-cols-lg-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-lg-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-lg-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-lg-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-lg-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-lg-9 {
    flex: none;
    width: 75%;
  }

  .col-lg-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-lg-11 {
    flex: none;
    width: 91.6667%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.6667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333%;
  }

  .offset-lg-5 {
    margin-left: 41.6667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333%;
  }

  .offset-lg-8 {
    margin-left: 66.6667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333%;
  }

  .offset-lg-11 {
    margin-left: 91.6667%;
  }

  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: .25rem;
  }

  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: .25rem;
  }

  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: .5rem;
  }

  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: .5rem;
  }

  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }

  .col-xl {
    flex: 1 0;
  }

  .col-xl-auto, .row-cols-xl-auto > * {
    flex: none;
    width: auto;
  }

  .col-xl-12, .row-cols-xl-1 > * {
    flex: none;
    width: 100%;
  }

  .col-xl-6, .row-cols-xl-2 > * {
    flex: none;
    width: 50%;
  }

  .col-xl-4, .row-cols-xl-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .col-xl-3, .row-cols-xl-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: none;
    width: 20%;
  }

  .col-xl-2, .row-cols-xl-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-xl-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-xl-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-xl-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-xl-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-xl-9 {
    flex: none;
    width: 75%;
  }

  .col-xl-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-xl-11 {
    flex: none;
    width: 91.6667%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333%;
  }

  .offset-xl-2 {
    margin-left: 16.6667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333%;
  }

  .offset-xl-5 {
    margin-left: 41.6667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333%;
  }

  .offset-xl-8 {
    margin-left: 66.6667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333%;
  }

  .offset-xl-11 {
    margin-left: 91.6667%;
  }

  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x: .25rem;
  }

  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y: .25rem;
  }

  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x: .5rem;
  }

  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: .5rem;
  }

  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }

  .col-xxl {
    flex: 1 0;
  }

  .col-xxl-auto, .row-cols-xxl-auto > * {
    flex: none;
    width: auto;
  }

  .col-xxl-12, .row-cols-xxl-1 > * {
    flex: none;
    width: 100%;
  }

  .col-xxl-6, .row-cols-xxl-2 > * {
    flex: none;
    width: 50%;
  }

  .col-xxl-4, .row-cols-xxl-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .col-xxl-3, .row-cols-xxl-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: none;
    width: 20%;
  }

  .col-xxl-2, .row-cols-xxl-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-xxl-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-xxl-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-xxl-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-xxl-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-xxl-9 {
    flex: none;
    width: 75%;
  }

  .col-xxl-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-xxl-11 {
    flex: none;
    width: 91.6667%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333%;
  }

  .offset-xxl-2 {
    margin-left: 16.6667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.3333%;
  }

  .offset-xxl-5 {
    margin-left: 41.6667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.3333%;
  }

  .offset-xxl-8 {
    margin-left: 66.6667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.3333%;
  }

  .offset-xxl-11 {
    margin-left: 91.6667%;
  }

  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x: .25rem;
  }

  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y: .25rem;
  }

  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x: .5rem;
  }

  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: .5rem;
  }

  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

/* [project]/public/css/header.css [app-client] (css) */
.main_header {
  z-index: 90;
  -o-transition: all .5s ease;
  background: linear-gradient(#00000082 0%, #0000 100%) no-repeat padding-box padding-box;
  width: 100%;
  padding-top: 2.4rem;
  transition: all .5s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.main_header:before {
  content: "";
  z-index: -1;
  background: linear-gradient(to bottom,
    var(--color-100) 0%,
    var(--color-100) 20%,
    var(--color-29) 20%,
    var(--color-29) 40%,
    var(--color-4e) 40%,
    var(--color-4e) 100%);
  width: 8px;
  height: 618px;
  position: absolute;
  top: 0;
  left: 0;
}

.main_header.sticky {
  background-color: var(--color-4e);
  padding: 1rem 0;
  box-shadow: 2px 4px 13px #0003;
}

.main_header > .container-fluid {
  justify-content: space-between;
  align-items: center;
  padding-inline: 9.8rem;
  display: flex;
}

.site_brand {
  max-width: 29.9rem;
  display: block;
}

.main_header.sticky .site_brand {
  max-width: 20.9rem;
}

.main_header li {
  list-style: none;
}

.site_nav {
  align-items: center;
  display: flex;
}

.site_nav > ul {
  gap: 0 6rem;
  margin: 0;
  padding: 0;
  display: flex;
}

.site_nav > ul > li > a {
  font: var(--font-20);
  text-transform: uppercase;
  letter-spacing: .8px;
  color: var(--color-white);
  font-weight: 600;
  font-family: var(--font-Condensed);
  padding: 1.4rem 0 1.2rem;
  display: block;
}

.site_nav > ul {
  background-color: #16344ec7;
  padding: 0 2.8rem;
}

.active_head .site_nav > ul {
  background-color: #0000;
}

.active_head .site_nav > ul > li > a {
  color: var(--color-4e);
}

.active_head .site_nav > ul > li.drop-menu:hover > a:after {
  background-color: var(--color-29);
  content: "";
  width: 7.5rem;
  height: 3px;
  margin: auto;
  position: absolute;
  bottom: -.5rem;
  left: 0;
  right: 0;
}

.active_head .site_nav > ul > li > a {
  position: relative;
}

.site_nav > ul.admission {
  margin: 0 .5rem;
  padding: 0;
}

.site_nav > .hamb_bar {
  -webkit-backdrop-filter: blur();
  background-color: #16344ec7;
  height: 100%;
  padding: 1.8rem 1.5rem 1.6rem;
}

.site_nav > ul.admission > li > a {
  color: var(--color-black);
  letter-spacing: .8px;
  background-color: var(--color-100);
  padding: 1.4rem 2rem 1.2rem;
  font-weight: bold;
}

.main_header.sticky .site_nav > ul, .main_header.sticky .site_nav > .hamb_bar {
  background-color: #0000;
}

.site_nav > ul > li:hover > a {
  color: var(--color-29);
}

.site_nav > ul.admission > li:hover > a {
  color: var(--color-black);
}

.hamburger_menu {
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  max-width: 100%;
  min-height: 75.6rem;
  transition: all .5s;
  -webkit-transition: all .5 ease;
  -o-transition: all .5s ease;
  background-color: #ffffffe6;
  gap: 3rem;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  display: grid;
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
}

.hamburger_menu.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.hamburger_menu > .ham_close {
  cursor: pointer;
  z-index: 99;
  position: absolute;
  top: 6.5rem;
  right: 6%;
}

.hamb_grid {
  grid-template-columns: 23.2% 77%;
  display: grid;
}

.hambsub_panel {
  display: grid;
  position: relative;
}

.hambmenu {
  margin: 0;
  padding: 0;
}

.hambmenu > li {
  list-style: none;
}

.hambmenu > li > a {
  font: var(--font-21);
  color: var(--color-white);
  padding: 1rem 0;
  margin: 0;
  padding-left: 14rem;
  font-weight: normal;
  display: block;
  position: relative;
}

.hambsub_panel > * {
  grid-area: 1 / 1;
}

.hamb_dropmenu {
  opacity: 0;
  visibility: hidden;
  -o-transition: all .5s;
  z-index: 9;
  width: 100%;
  transition: all .5s;
  position: absolute;
  transform: scale(.9);
}

.hamb_dropmenu.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.hamb_menu_item > ul {
  margin: 0;
  padding: 0;
}

.hamb_menu_item > ul > li {
  margin-bottom: 1.2rem;
  list-style: none;
}

.hamb_menu_item > ul > li > a {
  font: var(--font-21);
  color: var(--color-white);
  font-weight: 300;
  display: block;
}

.hambmenu_panel {
  background-color: var(--color-e8);
  z-index: 1;
  padding: 10.2rem 0 0;
}

.mega-menu.active-hover .hambmenu_panel {
  padding: 16rem 0 0;
}

.hambmenu > li.dropmenu.active > a, .hambmenu > li:hover > a {
  background-color: var(--color-100);
  color: var(--color-4e);
  font-weight: bold;
}

.hamb_menu_item {
  grid-template-columns: 22.5% 72%;
  padding: 12rem 9.3rem;
  display: grid;
}

.items-menu_link > a img {
  width: 22px;
  height: 22px;
}

.ham-grp {
  position: relative;
}

.items-menu > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.items-menu > ul > li > a {
  font: var(--font-21);
  color: var(--color-black);
  font-family: var(--font-Condensed);
  padding-bottom: 1.6rem;
  font-weight: bold;
  display: block;
}

.items-menu > ul > li > a:hover {
  color: var(--color-e8);
}

.items-menu > ul.custom_bullet {
  margin: 1.4rem 0 0;
}

.items-menu > ul.custom_bullet > li > a {
  font: var(--font-16);
  margin-bottom: .6rem;
  padding-bottom: 0;
  padding-left: 1.5rem;
  font-weight: normal;
  position: relative;
}

.items-menu > ul.custom_bullet > li > a:before {
  content: "";
  background-color: var(--color-e8);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 8px;
  left: 0;
}

.items-menu_ttl h3 {
  font: var(--font-36);
  color: var(--color-4e);
  letter-spacing: -.58px;
  text-transform: uppercase;
  font-family: var(--font-Condensed);
  max-width: 80%;
  padding-bottom: 2rem;
  font-weight: bold;
  line-height: 1;
}

.items-menu_ttl h3 span {
  color: var(--color-e8);
}

.mega-menu.active-hover .items-menu_ttl h3 {
  font: var(--font-45);
  letter-spacing: -2.16px;
  font-family: var(--font-Condensed);
  color: var(--color-4e);
  line-height: .9;
}

.items-menu_ttl p {
  font: var(--font-15);
  color: var(--color-black);
  max-width: 75%;
  padding-bottom: 1.2rem;
  font-weight: 300;
  line-height: 1.6;
}

.items-menu_img-grp {
  border-left: 1px solid #7070702a;
  grid-template-columns: 35% 53%;
  gap: 0 3.1rem;
  padding-left: 6.5rem;
  display: grid;
}

.items-menu_ttl {
  padding-top: 2rem;
}

.items-menu_img {
  margin: 5.6rem 0 0;
  position: relative;
}

.vid-thumb {
  position: relative;
}

.vid-thumb figure {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.mega-menu .vid-thumb figure {
  -moz-border-radius-topleft: 50px;
  border-top-left-radius: 50px;
  position: relative;
  overflow: hidden;
}

.vid-thumb figure img {
  transition: transform .5s;
}

.vid-thumb:hover figure img {
  transform: scale(1.2);
}

.vid-thumb figure:before {
  content: "";
  opacity: .85;
  background: transparent
    linear-gradient(0deg, var(--unnamed-color-000000) 0%, #0000 100%) 0% 0%
    no-repeat padding-box;
  z-index: 9;
  background: linear-gradient(0deg, #000 0%, #0000 100%) no-repeat padding-box padding-box;
  height: 207px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.vid-thumb-icon {
  cursor: pointer;
  border: 2.5px solid #ffc100;
  border-radius: 100%;
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.vid-thumb-icon:before {
  content: "";
  border: 10px solid #0000;
  border-left-color: var(--color-100);
  border-width: 8px 0 9px 13px;
  display: inline-block;
  position: absolute;
  top: 29%;
  left: 41%;
}

.vid-thumb-grp {
  z-index: 9;
  gap: 0 2.4rem;
  padding: 0 0 3rem 1.8rem;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.vid-thumb-cont h6 {
  font: var(--font-16);
  color: var(--color-white);
  font-family: var(--font-Condensed);
  padding-bottom: .3rem;
}

.vid-thumb-cont h4 {
  font: var(--font-21);
  color: var(--color-white);
  font-family: var(--font-Condensed);
  font-weight: bold;
}

.hambsub_panel, .hamb_grid {
  position: relative;
}

.hamb_grid:before {
  content: "";
  opacity: .9;
  -webkit-backdrop-filter: blur(4px);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.hambsub_panel:after {
  content: "";
  background-color: #ffffffe6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.vid-thumb-cont {
  padding-right: 5rem;
}

.menu-counter blockquote span {
  font: var(--font-51);
  letter-spacing: -2.35px;
  color: var(--color-4e);
  font-family: var(--font-Condensed);
  display: block;
}

.menu-counter blockquote {
  font: var(--font-100);
  font-family: var(--font-Condensed);
  letter-spacing: -4.6px;
  color: var(--color-e8);
  font-weight: bold;
  line-height: .7;
}

.menu-counter {
  align-items: flex-start;
  margin: 4rem 0 0 4rem;
  display: flex;
}

.menu-counter p {
  font: var(--font-15);
  border-bottom: 3px solid var(--color-100);
  max-width: 46%;
  color: var(--color-black);
  margin-left: 2rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
  font-weight: 300;
  line-height: 1.6;
}

.items-menu_img figure {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.items-menu_img figure:before {
  content: "";
  opacity: .85;
  background: transparent
    linear-gradient(0deg, var(--unnamed-color-000000) 0%, #0000 100%) 0% 0%
    no-repeat padding-box;
  background: linear-gradient(0deg, #000 0%, #0000 100%) no-repeat padding-box padding-box;
  height: 202px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.items-menu_grp {
  z-index: 9;
  gap: 0 2.4rem;
  padding: 0 0 2rem 1.8rem;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.items-menu_grp_cont h4 {
  font: var(--font-18);
  color: var(--color-white);
  font-family: var(--font-Geist);
  letter-spacing: -.18px;
  font-weight: 900;
}

.items-menu_grp_cont p {
  letter-spacing: -.23px;
  font: var(--font-15);
  color: var(--color-white);
  font-family: var(--font-Geist);
  max-width: 100%;
  font-weight: 200;
}

.site_nav > ul > li.drop-menu .mega-menu {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.site_nav > ul > li {
  position: static;
}

.site_nav > ul > li.drop-menu .mega-menu.active-hover {
  opacity: 1;
  visibility: visible;
  background-color: #fff;
  display: block;
}

.site_nav > ul > li.drop-menu:hover a:before {
  content: "";
  width: 100%;
  height: 8rem;
  position: absolute;
  top: 0;
  left: 0;
}

.site_nav > ul.hambmenu > li.drop-menu:hover a:before {
  content: none;
}

.hamb_grid_menus {
  grid-template-columns: 22.5% 78%;
  min-height: 78vh;
  display: grid;
  position: relative;
}

.hamb_grid_menus .hamb_menu_item {
  grid-template-columns: 17% 79%;
  align-items: center;
  gap: 3rem;
  padding: 15rem 8rem 0 6rem;
  display: grid;
}

.hamb_grid_menus .items-menu_img-grp {
  border: none;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 2.5rem;
  padding-left: 0;
}

.hamb_grid_menus .hamb_menu_item p {
  max-width: 100%;
  font: var(--font-16);
  color: var(--color-4e);
  font-weight: 300;
}

.hamb_grid_menus .items-menu_ttl > span {
  font: var(--font-13);
  color: var(--color-e8);
  padding-bottom: 1rem;
  font-weight: bold;
  display: inline-block;
}

.mega-menu .items-menu_link a {
  border: 1px solid var(--color-4e);
  color: var(--color-4e);
  font: var(--font-13);
  font-family: var(--font-Condensed);
  white-space: nowrap;
  align-items: center;
  gap: 4rem;
  margin-top: 6.3rem;
  padding: 1rem 2rem;
  font-weight: 700;
  display: inline-flex;
}

.mega-menu.active-hover .items-menu_link a:hover {
  background-color: var(--color-4e);
  color: var(--color-white);
}

.mega-menu.active-hover .items-menu_link a:hover img {
  filter: invert() brightness(2);
}

.items-menu_link_apply a {
  color: var(--color-black);
  background-color: var(--color-100);
  font: var(--font-14);
  font-weight: bold;
  font-family: var(--font-Condensed);
  margin-top: 1.5rem;
  padding: 1rem 2rem;
  line-height: 1.5;
  display: inline-block;
}

.items-menu_link_apply a:hover {
  background-color: var(--color-4e);
  color: var(--color-white);
}

.vid_text {
  z-index: 9;
  justify-content: space-between;
  width: 100%;
  padding: 0 3rem 0 2rem;
  display: flex;
  position: absolute;
  bottom: 2rem;
}

.vid_text h5 {
  font: var(--font-30);
  color: var(--color-white);
  font-family: var(--font-Condensed);
  font-weight: 600;
}

.arrow_btn {
  background-color: #0000;
  border: 0;
}

ul.admission {
  position: unset;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.admission > li {
  position: unset;
  display: inline-block;
}

.dropdown {
  z-index: 100;
  background: #fff;
  min-width: 300px;
  max-width: 1640px;
  display: none;
  position: absolute;
  top: 100%;
  left: auto;
  right: 10rem;
  box-shadow: 0 4px 8px #00000026;
}

.dropdown:after {
  content: "";
  filter: drop-shadow(0 -2px 2px #0000001a);
  z-index: 101;
  border: 8px solid #0000;
  border-top-width: 14px;
  border-bottom: 14px solid #fff;
  position: absolute;
  top: -2.8rem;
  right: 11rem;
  transform: translateX(-50%);
}

.admission > li > a {
  position: relative;
}

.admission > li:hover > a:before {
  content: "";
  width: 100%;
  height: 8rem;
  position: absolute;
  top: 0;
  left: 0;
}

.dropdown .dropdown-box:first-child {
  background-color: var(--color-ff);
  flex-direction: column;
  justify-content: space-between;
  padding: 6rem 0 6rem 6rem;
  display: flex;
}

.admission_nav {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

ul.admission li:hover .dropdown {
  grid-template-columns: 34% 31% 35%;
  display: grid;
}

.admission_left {
  padding-right: 7rem;
}

.admission_left h4 {
  font: var(--font-16);
  font-family: var(--font-Condensed);
  color: var(--color-white);
  margin-bottom: 1rem;
}

.admission_left h5 {
  font: var(--font-48);
  font-family: var(--font-Condensed);
  color: var(--color-white);
  letter-spacing: -2.3px;
  font-weight: 700;
  line-height: 1;
}

.admission_left p {
  font: var(--font-16);
  color: var(--color-white);
  margin-top: 1rem;
  padding-right: 6rem;
  font-weight: 300;
}

.admission_details img {
  max-width: 1.6rem;
}

.dropdown-box:hover {
  background: #e0f0ff;
}

.admission_details {
  border-top: 1px solid #ffffff30;
  margin-top: 6.5rem;
  padding-top: 6.5rem;
}

.admission_details p {
  font: var(--font-16);
  color: var(--color-white);
  font-family: var(--font-Condensed);
}

.admission_details > a {
  font: var(--font-24);
  letter-spacing: -.24px;
  color: var(--color-white);
  gap: 1rem;
  padding-block: .7rem;
  font-weight: 500;
  display: flex;
}

.admission_details > a:hover {
  color: var(--color-4e);
}

.apply_button {
  gap: 1.2rem;
  padding-top: 1rem;
  display: flex;
}

.apply_button a.apply_now {
  color: var(--color-black);
  background-color: var(--color-100);
  font: var(--font-18);
  font-family: var(--font-Condensed);
  letter-spacing: .72px;
  padding: 1rem 2rem;
  font-weight: bold;
}

.apply_button a.apply_now:hover {
  background-color: var(--color-4e);
  color: var(--color-white);
}

.apply_button a.download_btn {
  color: var(--color-white);
  font: var(--font-18);
  font-family: var(--font-Condensed);
  letter-spacing: .72px;
  background-color: #0000;
  border: 1px solid #ffffff40;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem 2rem;
  font-weight: bold;
  display: flex;
}

.apply_button a.download_btn:hover {
  background-color: var(--color-white);
  color: var(--color-4e);
}

.dropdown .dropdown-box:nth-child(2n) {
  background-color: var(--color-white);
  padding: 6rem;
}

.admission_nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.admission_nav ul li a {
  font: var(--font-21);
  color: var(--color-4e);
  border-bottom: 1px dashed #16344e33;
  padding-block: 1rem;
  display: block;
  position: relative;
}

.admission_nav ul li a:hover {
  color: var(--color-e8);
}

.admission-list li a:after {
  content: "›";
  color: #000;
  font-size: 1.2rem;
  transition: transform .3s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.admission-list li a:hover:after {
  color: var(--color-100, #07c);
  transform: translateY(-50%)translateX(5px);
}

.admission_nav ul li:last-child a {
  border-bottom: 0;
}

.view_prog a {
  border: 1px solid var(--color-4e);
  color: var(--color-4e);
  font: var(--font-18);
  font-family: var(--font-Condensed);
  white-space: nowrap;
  align-items: center;
  gap: 1.5rem;
  margin-top: 2.7rem;
  padding: 1rem 1.5rem;
  font-weight: 700;
  display: inline-flex;
}

.view_prog a:hover {
  background-color: var(--color-4e);
  color: var(--color-white);
}

.view_prog a:hover img {
  filter: invert() brightness(2);
}

.admission_nav h3 {
  font: var(--font-36);
  font-family: var(--font-Condensed);
  color: var(--color-4e);
  letter-spacing: -1.01px;
  margin-top: 5rem;
  padding-right: 6rem;
}

.admission_nav p {
  font: var(--font-16);
  font-family: var(--font-Condensed);
  color: var(--color-4e);
  margin-top: 1rem;
}

@media screen and (max-width: 1799px) {
  .hamb_grid_menus {
    grid-template-columns: 21% 79%;
  }

  .site_nav > ul {
    gap: 0 4rem;
  }

  .main_header > .container-fluid {
    padding-inline: 6rem;
  }

  .mega-menu .items-menu_link a {
    gap: 2rem;
  }

  .hamb_grid_menus .hamb_menu_item {
    grid-template-columns: 19% 80%;
  }

  .mega-menu .items-menu_link a {
    margin-top: 3.3rem;
  }

  .dropdown {
    left: 15rem;
    right: 6rem;
  }

  .hamb_menu_item {
    padding: 12rem 6.3rem;
  }

  .items-menu_img-grp {
    grid-template-columns: 35% 56%;
  }

  .hamburger_menu > .ham_close {
    right: 4%;
  }

  .items-menu_ttl h3 {
    max-width: 85%;
  }

  .menu-counter p {
    max-width: 48%;
  }
}

@media screen and (max-width: 1600px) {
  .items-menu_ttl h3 {
    max-width: 91%;
  }

  .items-menu_ttl p {
    max-width: 80%;
  }
}

@media screen and (max-width: 1550px) {
  .main_header > .container-fluid {
    padding-inline: 4.8rem;
  }

  .site_brand {
    max-width: 23rem;
  }

  .site_nav > ul {
    gap: 0 3rem;
  }

  .hamb_grid_menus .hamb_menu_item {
    grid-template-columns: 19% 77%;
    padding: 12rem 4.6rem 0 5rem;
  }

  .items-menu_ttl h3 {
    max-width: 93%;
  }

  .menu-counter p {
    border-bottom: 2px solid var(--color-100);
    max-width: 50%;
    padding-bottom: 2rem;
  }

  .mega-menu .items-menu_link a {
    gap: 2rem;
    margin-top: 2rem;
    padding: .7rem 1rem;
  }

  .hamb_grid_menus {
    grid-template-columns: 18.5% 82.4%;
    min-height: 60.6rem;
  }

  .hambmenu > li > a {
    padding-left: 9rem;
  }

  .mega-menu.active-hover .hambmenu_panel {
    padding: 13rem 0 0;
  }

  .dropdown .dropdown-box:nth-child(2n) {
    padding: 5rem;
  }

  .dropdown .dropdown-box:last-child figure {
    height: 100%;
  }

  .dropdown .dropdown-box:last-child figure img {
    object-fit: cover;
    height: 100%;
  }

  .dropdown .dropdown-box:first-child {
    padding: 5rem 0 5rem 5rem;
  }

  .dropdown {
    left: 11rem;
    right: 5rem;
  }

  .items-menu_ttl p {
    max-width: 88%;
  }

  .mega-menu.active-hover .items-menu_ttl h3 {
    max-width: 80%;
  }

  .items-menu_img-grp {
    grid-template-columns: 35% 58%;
  }

  .hamburger_menu > .ham_close {
    right: 3%;
  }
}

@media screen and (max-width: 1400px) {
  .site_brand {
    max-width: 20rem;
  }

  .hamb_grid_menus .hamb_menu_item {
    padding: 12rem 4rem 0;
  }

  .vid_text {
    padding: 0 1.6rem;
  }

  .mega-menu .items-menu_link a {
    margin-top: 1rem;
  }

  .admission_left {
    padding-right: 2rem;
  }

  .dropdown .dropdown-box:first-child {
    padding: 4rem 0 4rem 4rem;
  }

  .dropdown .dropdown-box:nth-child(2n) {
    padding: 4rem;
  }
}

/* [project]/public/css/inner.css [app-client] (css) */
.inner-title {
  background-color: var(--color-f5);
  padding-top: 20rem;
  padding-bottom: 2.4rem;
}

.inner-title.faculty_tabs {
  background: none;
  padding-top: 0;
}

.inner-title .innnr_head {
  text-align: center;
}

.inner-title .innnr_head h2 {
  font: var(--font-18);
  letter-spacing: .72px;
  color: var(--color-4e);
  font-weight: 600;
  font-family: var(--font-Condensed);
  padding-bottom: 2rem;
}

.inner-title .innnr_head h3 {
  font: var(--font-45);
  letter-spacing: -1.35px;
  color: var(--color-4e);
  font-family: var(--font-Condensed);
  text-transform: uppercase;
  margin-bottom: 3.8rem;
}

.ombudsperson .about_one .abt_cntnt p {
  padding-bottom: 0;
}

.academic-audit-process .grid_group {
  background-color: var(--color-white);
  padding: 5rem;
}

.institutional-development-plan .about_one .abt_cntnt p {
  padding-bottom: 0;
}

.institutional-development-plan .vision_mission_section + .amenities_section .right_col li:before {
  display: none;
}

.institutional-development-plan .vision_mission_section + .amenities_section .right_col li {
  padding-left: 0;
}

.institutional-development-plan .vision_mission_section + .amenities_section .right_col ul {
  margin: 0;
  padding: 0;
}

.institutional-development-plan .grid_group {
  background-color: var(--color-white);
  padding: 5rem;
}

.institutional-development-plan .vision_mission_section + .amenities_section .left_col ul li {
  position: relative;
}

.institutional-development-plan .vision_mission_section + .amenities_section .left_col ul li:before {
  content: "";
  background: #ffc100;
  border-radius: 50%;
  width: .7rem;
  height: .7rem;
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  transform: translateY(-50%);
}

.jssmvp .about_fost_sec .learn_more:hover {
  background-color: var(--color-4e);
  color: var(--color-white);
}

.institutional-development-plan .grid_group h5 {
  font: var(--font-24);
  font-family: var(--font-Roboto);
  color: #16344e;
  margin-bottom: 2.2rem;
  font-weight: bold;
  line-height: 1.7;
}

.institutional-development-plan .grid_group.left_col ul li, .institutional-development-plan .grid_group .left_col ul {
  padding-left: 0;
}

.institutional-development-plan .grid_group .left_col ul li:before {
  display: none;
}

.institutional-development-plan .about_subtitle {
  text-align: left;
}

.institutional-development-plan .placement_proSec {
  padding: 0;
}

.academic-audit-process .grid_group h5 {
  font: var(--font-24);
  font-family: var(--font-Roboto);
  color: #16344e;
  margin-bottom: 2.2rem;
  font-weight: bold;
  line-height: 1.7;
}

.labs_group_section.about_two .about_two.reverse .image_col img, .labs_group_section.about_two .about_two.reverse .image_col video {
  border-radius: 6rem .8rem .8rem;
}

.accreditations-and-rankings .about_one .estblish {
  padding: 0;
}

.accreditations-and-rankings .about_one .abt_cntnt p {
  padding-bottom: 2rem;
}

.accreditations-and-rankings .about_top {
  padding-top: 0;
}

.academic-audit-process .amenities_section {
  padding: 0;
}

.department-pharmaceutical-chemistry-research .image_content_repeat_section {
  padding-top: 0;
}

.academic-audit-process .grid_group .left_col ul li, .academic-audit-process .grid_group .left_col ul {
  padding-left: 0;
}

.academic-audit-process .grid_group .left_col ul li:before {
  display: none;
}

.academic-audit-process .about_one .abt_cntnt p {
  padding-bottom: 0;
}

.procedure_heading p {
  color: #444;
}

.inner-title .innnr_head h3 > span {
  color: var(--color-e8);
  font-family: var(--font-Condensed);
}

.department-master-of-computer-applications-about-us .grid_card_design1_section {
  padding-block: 10rem;
}

.team-iqac .inner-title .innnr_head ul {
  display: none;
}

.inner-title .innnr_head ul {
  border-top: 1px solid #ccc;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
}

.inner-title .innnr_head ul li {
  font: var(--font-14);
  color: #0000008c;
  border-top: 2px solid #0000;
  padding-top: 2rem;
  font-weight: bold;
}

.inner-title .innnr_head ul li.active, .inner-title .innnr_head ul li:hover {
  color: var(--color-e8);
  border-top: 2px solid #ffc100;
}

.inner-title .innnr_head ul li a {
  color: #333;
  font: var(--font-16);
  font-weight: 500;
}

.inner-title .innnr_head ul li.active a {
  color: #018ce8;
  font-weight: bold;
}

.about_one {
  background-color: var(--color-f6);
}

.about_top {
  padding-top: 6rem;
}

.about_top.organogram_page {
  padding-block: 10rem;
}

.about_top.organogram_page .overlap_contents:before {
  content: none;
}

.about_one .about_top.organogram_page .abt_cntnt {
  padding-top: 0;
}

.about_one .about_top.organogram_page .abt_cntnt figure img {
  border-radius: .8rem;
}

.about_top.padding-bottom {
  padding-bottom: 13rem;
}

.about_bottom {
  padding-bottom: 10rem;
}

.about_one .abt_cntnt {
  text-align: center;
  padding-top: 4rem;
}

.about_one .abt_cntnt figure {
  border-radius: 6rem .8rem .8rem;
}

.step-and-startups-in-campus .about_one .estblish {
  padding-block: 4rem;
}

.about-jssmvp .about_jsstwo {
  padding-top: 10rem;
}

.scholarship-and-eligibility .about_one .estblish {
  padding-block: 4rem;
}

.team-iqac .table_section .table-lab tbody td:first-child {
  width: 30%;
}

.about_one .abt_cntnt p {
  padding: 0;
  font: var(--font-24);
  text-align: center;
  margin: 0 auto;
  padding-bottom: 5rem;
  font-weight: 300;
  line-height: 1.4;
}

.about_one .estblish {
  text-align: center;
  max-width: 90%;
  margin: auto;
  padding-block: 4rem 10rem;
}

.about_one .estblish p {
  font: var(--font-16);
  color: #444;
  line-height: 2.8rem;
}

.about_one .top_log_grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.9rem;
  display: grid;
}

.about_one .top_log_grid figure {
  border: 1px solid var(--color-d4);
  padding: 2.2rem 4.8rem;
}

.about_one .top_log_grid figure img {
  width: auto;
  margin-inline: auto;
}

.about_one .top_log_grid figure figcaption {
  text-align: center;
  padding-top: .3rem;
}

.about_one .top_log_grid figure figcaption p {
  font: var(--font-16);
  color: var(--color-21);
}

.about_one .btm_log_grid {
  margin-inline: 9%;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 1.5rem;
  display: grid;
}

.about_one .btm_log_grid figure {
  border: 1px solid var(--color-d4);
  padding: 2.2rem 3.8rem;
}

.about_one .btm_log_grid figure img {
  width: auto;
  margin-inline: auto;
}

.about_one .btm_log_grid figure figcaption {
  text-align: center;
  padding-top: 0;
}

.about_one .btm_log_grid figure figcaption h4 {
  letter-spacing: -1.9px;
  font: var(--font-48);
  color: var(--color-73);
  font-weight: 400;
}

.about_one .btm_log_grid figure figcaption h4 sup {
  letter-spacing: -1.15px;
  top: -.2em;
}

.about_one .btm_log_grid figure figcaption p {
  font: var(--font-14);
  color: var(--color-21);
  margin-bottom: .6rem;
  font-weight: 400;
}

.about_two {
  background-color: var(--color-f6);
  padding-bottom: 14rem;
}

.about_two .early_grid {
  grid-template-columns: repeat(1, 49.4% 34.7%);
  gap: 8rem;
  display: grid;
}

.about_two .early_grid figure img {
  border-radius: .8rem;
}

.about_two .early_grid .early_rgt {
  padding-top: 3.2rem;
}

.about_two .early_grid .early_rgt h4 {
  font: var(--font-24);
  color: var(--color-29);
  margin-bottom: 2.1rem;
}

.about_two .early_grid .early_rgt h5 {
  font: var(--font-24);
  font-weight: 300;
}

.about_two .early_grid .early_rgt .inst-reg {
  padding-top: 4rem;
}

.about_two .early_grid .early_rgt .inst-reg h5 {
  font: var(--font-18);
  color: var(--color-21);
  border-bottom: 1px solid var(--color-d9);
  margin-bottom: 2.1rem;
  padding-bottom: 1.6rem;
}

.about_two .early_grid .early_rgt .inst-reg p {
  font: var(--font-18);
  color: var(--color-21);
  margin-bottom: 1.5rem;
}

.about_two .early_grid .early_rgt .inst-reg h3 {
  font: var(--font-34);
  letter-spacing: -1.02px;
  color: var(--color-4e);
  line-height: 1;
}

.about_two .early_grid .early_rgt .inst-reg h3 > span {
  color: var(--color-ff);
}

.about_two .early_grid .early_rgt .rankbtn {
  gap: .6rem;
  padding-top: 2.4rem;
  display: flex;
}

.about_two .early_grid .early_rgt .rankbtn :is(.swiper-button-prev, .swiper-button-next) {
  width: 2.2rem;
  height: 2.2rem;
  font-size: var(--font-12);
  color: var(--color-55);
  border: .1rem solid var(--color-55);
  background-color: #0000;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 0;
  font-weight: bold;
  transition: all .5s;
  position: relative;
  left: auto;
  right: auto;
}

.about_two .early_grid .early_rgt .rankbtn .swiper-button-prev {
  rotate: 180deg;
}

.about_two .early_grid .early_rgt .rankbtn .swiper-button-next:after, .about_two .early_grid .early_rgt .rankbtn .swiper-button-prev:after {
  display: none;
}

.schools-college-of-pharmacy-research .table_section thead th:nth-child(2), .schools-college-of-pharmacy-research .table_section tbody td:nth-child(2) {
  width: 30%;
}

.department-pharmacognosy-about-us .grid_card_design1_section {
  padding-top: 5rem;
  padding-bottom: 10rem;
}

.department-computer-science-and-engineering-it-research .tableContentSection .grid {
  grid-template-columns: 1fr;
}

.ed_schol_list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.ed_schol_list::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.ed_schol_list::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.ed_schol_list:-webkit-scrollbar-thumb:hover {
  background: #555;
}

.ed_schol_list table th:first-child {
  min-width: 13rem;
}

.ed_schol_list table th:nth-child(2), .ed_schol_list table th:nth-child(3), .ed_schol_list table th:nth-child(4) {
  min-width: 30rem;
}

.ed_schol_list table th:nth-child(5) {
  min-width: 50rem;
}

.ed_schol_list table th:nth-child(6), .ed_schol_list table th:nth-child(7), .ed_schol_list table th:nth-child(8), .ed_schol_list table th:nth-child(9), .ed_schol_list table th:nth-child(10) {
  min-width: 30rem;
}

.department-computer-science-and-engineering-research .tableContentSection .grid_row, .department-computer-science-and-engineering-it-research .tableContentSection .grid_row {
  grid-template-columns: 1fr;
}

.department-civil-engineering-research .about_one .estblish {
  padding-bottom: 0;
}

.department-computer-science-and-engineering-research .about_one .estblish {
  padding-bottom: 4rem;
}

.department-information-technology-placements .about_one .estblish {
  padding-bottom: 0;
}

.grid_card_design1_section .heading {
  text-align: left;
}

.department-engineering-data-science-research .tabs_content_section {
  padding-block: 5rem;
}

.department-engineering-data-science-research .tabs_content_section .table_section:last-child {
  padding-bottom: 8rem;
}

.department-engineering-data-science-research .table_section thead th:nth-child(5) {
  min-width: 30rem;
}

.department-management-studies-facilities .library_section {
  padding-top: 10rem;
}

.department-management-studies-placements .amenities_section {
  padding-top: 0;
}

.department-management-studies-placements .grid_group {
  background-color: var(--color-white);
  padding: 6rem;
}

.department-maths-about-us .image_content_repeat_section {
  padding: 0;
}

.department-chemistry-facilities .image_content_repeat_section {
  padding-top: 10rem;
}

.schools-computer-applications-about-the-school .count_alumni_section {
  padding-top: 0;
}

.btmPlace_para {
  padding-top: 2.5rem;
}

.btmPlace_para p {
  font: var(--font-16);
  color: #444;
  margin-bottom: 1.5rem;
  line-height: 2.8rem;
}

.department-physics-advisory-board .table_section .table-lab tbody td:nth-child(2), .department-maths-advisory-board .table_section .table-lab tbody td:nth-child(2) {
  width: 20%;
}

.academic_labs_next img {
  transform: rotate(180deg);
}

.department-advisory-board .table_section:not(:last-child) {
  padding-bottom: 0;
}

.programs-page .eligib_cont h5 {
  font: var(--font-24);
  margin: 0 auto;
  padding: 0 0 4rem;
  font-weight: 300;
  line-height: 1.4;
}

.programs-page .eligib_cont .growth-item {
  padding-top: 4rem;
  padding-left: 0;
  padding-right: 0;
}

.programs-page .eligi_tab_con {
  padding-left: 0;
}

.programs-page .eligib_cont .growth-item p {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}

.approvals .pdf_list_section:not(:last-child), .fee-structure .table_section:not(:last-child) {
  padding-bottom: 0;
}

.accreditations-and-rankings .ab_estab_slider {
  padding-block: 10rem;
}

.accreditations-and-rankings .estab_slide_item img {
  width: 20rem;
  height: 100%;
}

.national-academic-depository .about_one .estblish, .examination-overview .table_section + .table_section {
  padding-top: 0;
}

.examination-overview .grands_mainsec + .image_content_repeat_section {
  padding-bottom: 0;
}

.fee-structure .table_section p {
  margin-bottom: 2.5rem;
}

.fee-structure .table_section .heading {
  margin-bottom: 3rem;
}

.examination-overview .table_section thead th:first-child {
  min-width: 6rem;
}

.examination-overview .table_section .table-lab tbody td:nth-child(2) {
  width: auto;
}

.phd_duration_section {
  padding-block: 10rem 5rem;
}

.phd_duration_section h5 {
  font: var(--font-26);
  color: #16344e;
  margin-bottom: 2.5rem;
}

.phd_duration_section p {
  margin-bottom: 2.5rem;
}

.phd_duration_section table {
  margin-bottom: 3.5rem;
}

.examination-overview .table_section .sub_heading {
  margin-bottom: 2rem;
}

.tabs_content_section .table_section thead th, .tabs_content_section .table_section tbody td {
  white-space: nowrap;
}

.schools-applied-sciences-academic-committees .table_section:not(:last-of-type) {
  padding-bottom: 0;
}

.schools-applied-sciences-academic-committees .table_section table tbody td:nth-child(2) {
  width: 25rem;
}

.examination-overview .table_section .heading {
  margin-bottom: 2rem;
}

.examination-overview .amenities_section .grid_group {
  background-color: var(--color-white);
  padding: 4rem;
}

.examination-overview .amenities_section .grid_group h5 {
  font: var(--font-22);
  color: #16344e;
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 4rem;
  font-weight: 600;
}

.programs-page .core-sec {
  padding-block: 0 5rem;
}

.exam_link {
  font: var(--font-18);
  color: #16344e;
  background: none;
  margin-top: 2.5rem;
  font-weight: 500;
  display: block;
  border: none !important;
  text-decoration: underline !important;
}

.national-academic-depository .image_content_repeat_section {
  padding-top: 0;
  padding-bottom: 10rem;
}

.national-academic-depository .image_content_repeat_section .singleImageContent {
  padding-bottom: 0;
}

.examination-overview .amenities_section ul {
  padding-left: 0;
}

.res_table_maincms .table_section:first-child {
  padding-block: 5rem;
}

.res_table_maincms .table_section:first-child thead th:nth-child(2) {
  width: 25rem;
}

.res_table_maincms .table_section:last-child {
  padding-block: 5rem 8rem;
}

.department-chemistry-research .res_table_maincms .table_section:last-child {
  padding-block: 0 8rem;
}

.sectable {
  margin-top: 5rem;
}

.res_table_maincms h4 {
  font: var(--font-26);
  margin-bottom: 3rem;
}

.department-chemistry-research .tabs_content_section {
  padding-block: 5rem;
}

.department-chemistry-research.department-research .tabs_content_section .table_section:last-child {
  padding-bottom: 10rem;
}

.about_four {
  padding-bottom: 14rem;
  position: relative;
}

.regulations-policy .pdf_list_section:not(:last-child), .examination-regulations-policies .pdf_list_section:not(:last-child) {
  padding-bottom: 0;
}

.about_four.heritage .about_f_value {
  padding-top: 10rem;
}

.patent_tab_main {
  padding: 12rem 0;
}

.pate_tab_ul {
  border-bottom: 1px solid #e0e0e0;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pate_tab_li {
  border-bottom: 2px solid #0000;
  margin-right: 3rem;
  display: inline-block;
}

.pate_tab_li span {
  cursor: pointer;
  font: var(--font-16);
  color: #333;
  white-space: nowrap;
  padding: 10px 0;
  display: inline-block;
}

.pate_tab_li .active {
  color: #018ce8;
  font-weight: 700;
}

.pate_tab_li:has(.active) {
  border-bottom: 2px solid #b8960c;
}

ul.comon_list {
  padding: 0;
}

ul.comon_list li {
  font: var(--font-16);
  color: var(--color-44);
  margin-bottom: 2.3rem;
  padding-left: 2rem;
  list-style: none;
  position: relative;
}

ul.comon_list li:before {
  content: "";
  background-color: var(--color-100);
  border-radius: 5rem;
  width: .7rem;
  height: .7rem;
  position: absolute;
  top: .4rem;
  left: 0;
}

.about_four .section-title {
  font: var(--font-24);
  color: var(--color-white);
  margin-bottom: 3rem;
  font-weight: 500;
}

.about_four .values-section {
  background-color: var(--color-9a);
  border-radius: 50px 8px;
  padding-block: 5.2rem 8.5rem;
}

.about_four .values-grid {
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.about_four .value-box {
  text-align: center;
  border: 1px solid #ffffff1a;
  border-top: none;
  border-left: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block: 2rem 3rem;
  padding-inline: 2rem 4rem;
  display: flex;
}

.about_f_value {
  grid-template-columns: 43.5% 56.5%;
  align-items: center;
  padding-top: 14rem;
  display: grid;
}

.about_f_value .ab_fo_imgsec {
  border-radius: 60px 8px 8px;
  overflow: hidden;
}

.about_four.heritage .about_f_value {
  grid-template-columns: 50% 50%;
  align-items: start;
}

.about_f_value .ab_f_content {
  padding-left: 10.8rem;
  padding-right: 5rem;
}

.about_four.heritage .about_f_value .ab_f_content {
  padding-left: 7.2rem;
  padding-right: 0;
}

.scholarship-facilities.about_four {
  padding-bottom: 0;
}

.placement_proSec.information {
  padding-top: 5rem;
}

.placement_proSec.information .procedure_heading {
  margin-bottom: 3rem;
}

.placement_proSec.information .procedure_box p {
  font: var(--font-16);
}

.about_f_value .ab_f_content h3 {
  font: var(--font-24);
  color: #333;
  margin: 0 auto;
  padding-bottom: 4rem;
  font-weight: 300;
  line-height: 1.4;
}

.ab_f_content p {
  color: var(--color-44);
}

.about_four.heritage p:not(:last-child) {
  margin-bottom: 3rem;
}

.about_four .values-grid .value-box:nth-child(-n+3) {
  padding-top: 0;
}

.about_four .values-grid > .value-box:nth-last-child(-n+3) {
  padding-bottom: 2rem;
}

.about_four .value-box:nth-child(3n) {
  border-right: none;
}

.about_four .value-box:nth-last-child(-n+3) {
  border-bottom: none;
}

.about_four .value-box h3 {
  font: var(--font-16);
  color: var(--color-white);
  margin-block: 3rem 1rem;
}

.about_four .value-box p {
  font: var(--font-12);
  color: #d8e6fa;
  padding-inline: 3rem;
  line-height: 1.6;
}

.about_subtitle {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 3rem;
}

.about_subHeading {
  font: var(--font-24);
  text-align: center;
  padding-bottom: 5rem;
  max-width: 95%;
  margin: 0 auto;
  padding-inline: 1rem;
  font-weight: 300;
  line-height: 1.4;
}

.about_subHeading.less {
  padding-bottom: 3rem;
}

.about_desc {
  font: var(--font-16);
  color: #444;
  text-align: center;
  max-width: 95%;
  margin: 0;
}

.grid_em_leftsec .para p:not(:last-child) {
  margin-bottom: 3rem;
}

.grid_emaboutjss .empo_rgt_imgsec figure img {
  border-radius: 6rem .8rem .8rem;
}

.ab_jss_c_col p {
  font: var(--font-14);
  color: var(--color-4e);
  margin-bottom: 0;
  font-weight: bold;
}

.ab_fost_lft_col p {
  color: var(--color-white);
  margin-bottom: 3.5rem;
}

.ab_heri_lft_img figure img {
  border-radius: 6rem .8rem .8rem;
}

.ab_heri_rgt_con h3 {
  font: var(--font-24);
  margin-bottom: 0;
  padding-bottom: 4rem;
  font-weight: 300;
  line-height: 1.4;
}

.ab_heri_rgt_con p {
  color: var(--color-44);
  margin-bottom: 3.5rem;
}

.heri_prici_names h5 {
  font: var(--font-34);
  color: var(--color-9a);
  font-family: var(--font-Condensed);
  padding-inline: 5.6rem;
  position: relative;
}

.rea_main h2 {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 3rem;
}

.rea_main h3 {
  font: var(--font-18);
  color: var(--color-4e);
  margin-bottom: 3rem;
  font-weight: 500;
}

.rea_main h4 {
  font: var(--font-21);
  color: var(--color-4e);
  margin-bottom: 2.5rem;
  font-weight: 500;
}

.rea_main .comon_list {
  margin-bottom: 5rem;
}

.patent_boxgrid {
  grid-template-columns: repeat(4, 1fr);
  gap: 3.5rem;
  margin-bottom: 6rem;
  display: grid;
}

.patent_boxgrid .patent_box {
  background-color: var(--color-white);
  font: var(--font-16);
  color: #444;
  border-bottom: 1px solid #ffc100;
  padding: 3rem;
  line-height: 2.8rem;
}

.approvals-recognitions .row.justify-content-center {
  padding-block: 8rem;
  justify-content: start !important;
}

.pate_boxmain h5 {
  font: var(--font-21);
  color: var(--color-4e);
  margin-bottom: 2.5rem;
  font-weight: 500;
}

.awards-and-rankings .estab_slide_item img {
  width: 17rem;
  height: auto;
  margin-bottom: 2.5rem;
}

.awards-and-rankings .estab_slide_item h5 {
  color: var(--color-4e);
  margin-bottom: 2rem;
  font-weight: 600;
}

.awards-and-rankings .row.justify-content-center {
  padding-top: 8rem;
  justify-content: start !important;
}

.awards-and-rankings .placement_proSec {
  padding-top: 5rem;
  padding-bottom: 8rem;
}

.awards-and-rankings .about_one .estblish, .committees .tab_table_multiple_section .pdf_list_section {
  padding: 0;
}

.patent_boxgrid .patent_box h6 {
  font: var(--font-24);
  font-family: var(--font-Roboto);
  color: #333;
  font-weight: 300;
  line-height: 1.3;
}

.central-instrumentation-facilities .about_f_value {
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  padding: 0;
}

.central-instrumentation-facilities .about_f_value .read_more_btn {
  margin-top: 2rem;
  display: inline-block;
}

.central-instrumentation-facilities .about_four, .central-instrumentation-facilities .about_one .estblish {
  padding-bottom: 0;
}

.publications .table_section {
  background: none;
  padding: 0;
}

.publications .pdf_list_section {
  padding-top: 5rem;
}

.publications .table_section .table-lab tbody td:first-child {
  width: 28rem;
}

.heri_pri_btm_text {
  text-align: center;
  max-width: 70%;
  margin: 0 auto;
  padding-top: 4rem;
}

.academic-council .table_section .table-lab thead th:nth-child(2), .academic-council .table_section .table-lab tbody td:nth-child(2), .governance .table_section .table-lab thead th:nth-child(2), .governance .table_section .table-lab tbody td:nth-child(2) {
  width: 25%;
}

.team-iqac .table_section {
  padding: 5rem 0;
}

.governance .table_section .table-lab thead th:nth-child(2), .governance .table_section .table-lab tbody td:nth-child(2) {
  width: 25%;
}

.academic-council .table_section + .table_section {
  padding-top: 0;
}

.ameniti_item_col p {
  color: var(--color-4e);
  font: var(--font-21);
  padding-top: 2rem;
  font-weight: 500;
}

.uni_boa_itemse figcaption p {
  color: var(--color-44);
  padding-top: 2rem;
}

.atm_g_imgsec img {
  object-fit: cover;
  height: 100%;
}

.cafe_gues_mainsec.hostel_campus_facilities {
  padding-top: 8rem;
}

.guest_gridmain .gue_img_rgt img, .cafe_gues_gridone .cafe_imgsec img {
  border-radius: 6rem .8rem .8rem;
}

.acade_lab_slider img {
  object-fit: cover;
  border-radius: 6rem .8rem .8rem;
}

.ac_pagination {
  gap: .8rem;
  margin-top: 2.2rem;
  display: flex;
}

.academic-facilities .research_grid_one .research_cont {
  padding-right: 3rem;
}

.academic-facilities .about_top {
  padding-bottom: 6rem;
}

.academic-facilities .research_grid_two .research_cont {
  padding-left: 0;
}

.academic-facilities .facilities_diffent {
  padding-block: 10rem 13rem;
}

.research_cont p {
  color: var(--color-44);
  margin-bottom: 3.5rem;
}

.re_lab_objective h4 {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 3.1rem;
  font-weight: normal;
}

.library_centre_main .spo_fa_counsec h4, .library_centre_main .spo_fa_counsec p {
  color: var(--color-100);
}

.uni_green_ini_sec {
  padding-block: 12rem 0;
}

.university_sec .containerMD {
  border-bottom: 1px solid #ddd;
  padding-bottom: 12rem;
}

.tansportation_seec {
  padding-bottom: 12rem;
}

.faci_diff_tabs .fac_tab_con .fac_dif_tbimg img {
  border-radius: 8rem .8rem .8rem;
}

.campus-facilities .amenities_gridmain {
  margin-bottom: 3rem;
}

.faci_diff_tabs .faci_accordion {
  padding-left: 14.4rem;
}

.facilities_diffent .grow_tb_contsec, .fac_diff_title p {
  margin-bottom: 5.2rem;
}

.admission-selection-process .ad_sel_col {
  border-bottom: .1rem solid var(--color-100);
}

.admission-selection-process .ad_se_content {
  max-width: 100%;
}

.admission-selection-process .ad_se_content .se_step {
  font: var(--font-24);
  font-family: var(--font-Roboto);
  color: var(--color-4e);
  margin-bottom: 2.3rem;
}

.eligib_grid_ad.programs {
  grid-template-columns: unset;
  padding: 10rem 0;
}

.fee_sturc_admain p:first-child {
  margin-bottom: 1rem;
}

.fee_sturc_admain .description {
  margin-top: 4rem;
}

.ad_offc_contact {
  background-color: var(--color-9a);
  border-radius: 61rem 0 0 .8rem;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  height: 100%;
  display: grid;
}

.ad_of_conimg img {
  border-radius: 6rem 0 0;
}

.hostal_d_btns a {
  font: var(--font-16);
  border-radius: 5rem;
  padding: .8rem 1.2rem;
  font-weight: 500;
}

.mentor_content .ab_jss_c_col h4, .mentor_content .ab_jss_c_col p {
  font-family: var(--font-Condensed);
}

.exten_listyle h4 {
  font: var(--font-21);
  color: var(--color-4e);
  margin-bottom: 2.5rem;
  font-weight: 500;
}

.careers .placement_proSec, .careers .admins_of_con {
  padding-bottom: 10rem;
}

.careers .resea_facili_main {
  background-color: var(--color-white);
  padding-bottom: 2.5rem;
}

.resea_facili_main .exten_grid {
  width: 100%;
}

.rep_border img {
  border-radius: 6rem .8rem .8rem;
}

.flex-row-reverse .rep_border img {
  border-radius: .8rem 6rem .8rem .8rem;
}

.resea_facili_main .exte_mainsec h6 {
  text-align: left;
  font: var(--font-26);
  font-family: var(--font-Roboto);
  color: #16344e;
  font-weight: bold;
  line-height: 1.7;
}

.careers .exten_listyle ul li b {
  font-weight: 500;
}

.careers .exten_listyle ul li, .careers .exten_listyle ul li a {
  font: var(--font-24);
  color: var(--color-4e);
  letter-spacing: -.24px;
  font-family: var(--font-Condensed);
  margin-bottom: 1.4rem;
}

.careers .exten_listyle ul li a:hover {
  color: var(--color-00);
}

.grands_maingrid {
  grid-template-columns: 43.45% 56.5%;
  margin-left: auto;
  display: grid;
}

.grands_content {
  padding-left: 8.3rem;
}

.about_two .early-slide .early_rgt {
  padding-left: 8.4rem;
}

.ab_estab_slider {
  padding: 0 1.5rem;
}

.estab_slide_item {
  text-align: center;
  background-color: var(--color-white);
  border-radius: .8rem;
  height: 100%;
  min-height: 23rem;
  padding: 2.2rem 4rem 3.2rem;
}

.estab_slide_item p {
  color: var(--color-27);
  margin-bottom: .5rem;
}

.estab_slide_item figcaption {
  margin-top: 1rem;
}

.abou_t_sec {
  padding-top: 10rem;
}

.abou_t_sec .about_subtitle {
  margin-bottom: 2.4rem;
}

.abou_t_sec .about_subtitle, .abou_t_sec h2 {
  text-align: center;
}

.ab_estab_slider .swiper-pagination {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 5rem;
  display: flex;
  position: relative;
}

.ab_estab_slider .swiper-pagination-bullet {
  opacity: 1;
  background: #b8b8b8;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin: 0 6px !important;
}

.ab_estab_slider .swiper-pagination-bullet-active {
  border: 2px solid var(--color-29);
  background: none;
  width: 12px;
  height: 12px;
}

.abou_t_sec h2 {
  font: var(--font-24);
  padding-bottom: 5rem;
  margin: 0 auto;
  padding-inline: 1rem;
  font-weight: 300;
  line-height: 1.4;
}

.growth-content .early-slide {
  grid-template-columns: 44% 48%;
  gap: 10.8rem;
  display: grid;
}

.growth-content .early-slide .early_rgt {
  width: 100%;
  min-width: 100%;
  padding-right: 6rem;
}

.growth-content .early-slide figure {
  width: 100%;
}

.growth-tabs {
  text-align: center;
}

.growth-tabs ul {
  clear: left;
  border-bottom: .1rem solid var(--color-d6);
  margin: 0;
  margin-inline: 1.5rem;
  padding: 0;
  position: relative;
}

.growth-tabs ul li {
  padding-bottom: 2rem;
  display: inline-block;
}

.growth-tabs ul li:not(:last-child) {
  margin-right: 3rem;
}

.grow_tb_contsec .growth-item:before {
  display: none;
}

.grow_tb_contsec {
  padding-top: 5rem;
}

.growth-tabs button {
  cursor: pointer;
  font: var(--font-16);
  color: var(--color-33);
  background: none;
  border: none;
  padding: 0;
  font-weight: bold;
}

.growth-tabs button.active {
  color: var(--color-e8);
}

.growth-item {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.growth-item.active {
  opacity: 1;
  visibility: visible;
  width: 100%;
  height: auto;
}

.about_jssmain {
  margin-top: 10rem;
  margin-bottom: 15rem;
  padding-block: 10rem 0;
}

.about_jssmain figure img {
  border-radius: 6rem .8rem .8rem;
}

.about_subtitle {
  text-align: center;
}

.about_subtitle h5 {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 5rem;
}

.about_subtitle p {
  font: var(--font-24);
  margin-bottom: 0;
  padding-bottom: 5rem;
  font-weight: 300;
  line-height: 1.4;
}

.grid_emaboutjss {
  grid-template-columns: 36.7% 56.8%;
  align-items: center;
  gap: 8.8rem;
  display: grid;
}

.grid_em_leftsec .about_subtitle {
  text-align: left;
  margin-bottom: 0;
}

.grid_em_leftsec .about_subtitle p {
  color: var(--color-33);
}

.grid_em_leftsec p {
  color: var(--color-44);
}

.about_subtitle h5 {
  margin-bottom: 2.5rem;
}

.grid_emaboutjss .empo_rgt_imgsec, .grid_emaboutjss .grid_em_rigt {
  border-radius: 6rem .8rem .8rem;
  overflow: hidden;
}

.ab_jss_coutsec {
  margin-top: 2.2rem;
  display: flex;
}

.ab_jss_c_col {
  text-align: center;
  border: 1px solid var(--color-d4);
  flex: 1;
  max-width: 27.4rem;
  padding: 4.3rem 5.5rem;
}

.ab_jss_c_col:last-child {
  border-left: none;
}

.ab_jss_c_col:first-child {
  border: 1px solid var(--color-d4);
}

.ab_jss_c_col h4 {
  font: var(--font-48);
  color: var(--color-4e);
  font-family: var(--font-main);
  letter-spacing: -.12rem;
  font-weight: 600;
}

.ab_jss_c_col p {
  font: var(--font-14);
  color: #000;
  margin-bottom: 0;
}

.about_jsstwo {
  padding-block: 15rem;
}

.about_fost_sec {
  background-color: var(--color-9a);
}

.ab_fost_grid {
  grid-template-columns: 41% 44%;
  align-items: center;
  gap: 17.8rem;
  display: grid;
}

.ab_fost_lft_col h5 {
  font: var(--font-26);
  color: var(--color-white);
  margin-bottom: 4.5rem;
}

.ab_fost_lft_col p:not(:last-child) {
  color: var(--color-white);
  margin-bottom: 3.5rem;
}

.ab_fost_lft_col p:last-child {
  margin-bottom: 0;
}

.ab_fost_lft_col .learn_more {
  background-color: var(--color-100);
  font: var(--font-16);
  color: var(--color-4e);
  font-family: var(--font-notosans);
  border-radius: 5rem;
  padding: .9rem 1.2rem;
  font-weight: 400;
}

.about_heri_one_sec {
  padding-block: 10rem 16rem;
}

.ab_heri_grid {
  grid-template-columns: 52.5% 41.8%;
  align-items: center;
  gap: 8.8rem;
  margin-left: -15.2rem;
  display: grid;
}

.about_four .values-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ab_heri_rgt_con p {
  color: var(--color-44);
  margin-bottom: 3.5rem;
}

.ab_heri_rgt_con p:last-child {
  margin-bottom: 0;
}

.hei__princi_grid h3 {
  font: var(--font-24);
  text-align: center;
  padding-bottom: 5.7rem;
  max-width: 92%;
  margin: 0 auto;
  padding-inline: 1rem;
  font-weight: 300;
  line-height: 1.4;
}

.hei__princi_grid figure img {
  border-radius: 6rem .8rem .8rem;
}

.heri_prici_names {
  justify-content: center;
  margin-bottom: 6.85rem;
  display: flex;
}

.heri_prici_names h5 {
  font: var(--font-34);
  color: var(--color-9a);
  font-family: var(--font-Condensed);
  margin: 0;
  padding: 0;
  position: relative;
}

.heri_prici_names h5.titleOne {
  border-right: 1px solid #ddd;
  padding-right: 5.6rem;
}

.heri_prici_names h5.titleTwo {
  padding-left: 5.6rem;
}

.heri_pri_btm_text {
  text-align: center;
  max-width: 78%;
  margin: 0 auto;
  padding-top: 4rem;
}

.heri_pri_btm_text h3 {
  font: var(--font-24);
  text-align: center;
  max-width: 100%;
  padding-bottom: 3.2rem;
  font-weight: 300;
  line-height: 1.4;
}

.heri_principalmain {
  background-color: var(--color-white);
  padding-block: 12rem;
}

.campu_facilities {
  padding-block: 10rem 0;
}

.campus_titlemain {
  text-align: center;
  width: 80%;
  margin: auto;
}

.campus_titlemain h5 {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 5rem;
}

.campus_titlemain p {
  font: var(--font-24);
  text-align: center;
  padding-bottom: 5rem;
  max-width: 92%;
  margin: 0 auto;
  padding-inline: 1rem;
  font-weight: 300;
  line-height: 1.4;
}

.campu_grid_main {
  grid-template-columns: 49.4% 48.6%;
  align-items: center;
  gap: 2.5rem;
  display: grid;
}

.campu_con_rgt {
  max-width: 60.5rem;
  padding-left: 9.5rem;
}

.campu_con_rgt h2 {
  font: var(--font-34);
  line-height: 3.6rem;
  font-family: var(--font-Condensed);
  color: var(--color-4e);
  margin-bottom: 2.5rem;
}

.campu_con_rgt h2 span {
  color: var(--color-e8);
}

.campu_con_rgt p {
  color: var(--color-44);
  margin-bottom: 2.5rem;
}

.campu_con_rgt .ab_jss_c_col p {
  font: var(--font-14);
  font-family: var(--font-Condensed);
  color: var(--color-black);
  margin-bottom: 0;
  font-weight: bold;
}

.campu_con_rgt .ab_jss_c_col {
  padding: 4.3rem 4.4rem;
}

.capus_grid_one .cumpus_left_img figure img {
  border-radius: 6rem .8rem .8rem;
}

.capus_grid_two .cumpus_left_img figure img {
  border-radius: .8rem 6rem .8rem .8rem;
}

.academic-facilities .campu_grid_main.capus_grid_two {
  border: none;
}

.campu_grid_main.capus_grid_two {
  border-bottom: .1rem solid var(--color-d4);
  padding-bottom: 10rem;
}

.campu_grid_main.capus_grid_two .campu_con_rgt {
  max-width: 70.9rem;
}

.ameminites_listmain {
  padding-block: 10rem;
}

.amenities_title {
  text-align: center;
}

.amenities_title h5 {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 2.4rem;
}

.amenities_title p {
  font: var(--font-24);
  text-align: center;
  max-width: 92%;
  margin: 0 auto;
  padding: 0 0 5rem;
  font-weight: 300;
  line-height: 1.4;
}

.ameminites_listmain .bottom_dec {
  margin-top: 5rem;
  padding: 0 0 5rem;
}

.ameminites_listmain .bottom_dec p {
  font: var(--font-24);
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
  font-weight: 300;
  line-height: 1.4;
}

.amenities_gridmain {
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem 2rem;
  display: grid;
}

.ameniti_item_col {
  text-align: center;
  position: relative;
}

.ameniti_item_col:hover p {
  color: var(--color-4e);
  font-weight: 500;
}

.ameniti_item_col figure img {
  border-radius: .8rem;
}

.page_link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.load_m_btnsec {
  text-align: center;
  padding-block: 7rem;
  position: relative;
}

.load_m_btnsec:before {
  content: "";
  z-index: 1;
  background-color: #d8d8d8;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 7.7rem;
  left: 0;
}

.load_m_btnsec a {
  cursor: pointer;
  font: var(--font-14);
  font-weight: 600;
  font-family: var(--font-Condensed);
  text-transform: uppercase;
  border: .1rem solid var(--color-4e);
  z-index: 9;
  padding: 1rem 1.5rem;
  position: relative;
  color: var(--color-4e) !important;
}

.load_m_btnsec a:before {
  content: "";
  z-index: -1;
  background-color: #f6f6f6;
  width: 20rem;
  height: 40px;
  position: absolute;
  top: 0;
  left: -4rem;
}

.load_m_btnsec a:hover {
  background-color: var(--color-4e);
  color: var(--color-white) !important;
}

.amenities_loadmore p {
  font: var(--font-24);
  text-align: center;
  max-width: 92%;
  margin: 0 auto;
  padding-inline: 1rem;
  font-weight: 300;
  line-height: 1.4;
}

.amenities_loadmore {
  padding-block: 2rem 15rem;
}

.about_three {
  background-color: var(--color-9a);
}

.about_three .vsn_msn_grid {
  z-index: 1;
  grid-template-columns: repeat(1, 44.9% auto);
  align-items: center;
  gap: 9.4rem;
  display: grid;
  position: relative;
}

.sports_fac_slider {
  display: grid;
  position: relative;
}

.sports_fac_slider:after {
  content: "";
  opacity: .64;
  background: linear-gradient(270deg, #0000 0%, #000 100%) no-repeat padding-box padding-box;
  position: absolute;
  inset: 0;
}

.sports_fac_slider .spo_fa_content {
  z-index: 9;
  flex-direction: column;
  gap: 12.6rem;
  max-width: 51.2rem;
  padding-block: 10rem 5rem;
  display: flex;
  position: relative;
}

.spo_fa_content h5 {
  font: var(--font-26);
  color: var(--color-white);
  margin-bottom: 2.4rem;
  font-weight: bold;
}

.academic-facilities .spo_fa_content h6 {
  font: var(--font-16);
  line-height: 2.8rem;
}

.spo_fa_content h6 {
  font: var(--font-24);
  color: var(--color-white);
  font-weight: 300;
}

.spo_fa_counsec {
  text-align: center;
  border: .1rem solid var(--color-white);
  max-width: 23.6rem;
  padding: 3.8rem 0;
}

.academic-facilities .spo_fa_counsec h4, .academic-facilities .spo_fa_counsec p {
  color: var(--color-100);
}

.about-jssmvp .about_one .estblish {
  padding-bottom: 0;
}

.academic-facilities .lib_cen_main .campu_grid_main.capus_grid_two .campu_con_rgt {
  max-width: 56.9rem;
  padding-left: 0;
}

.spo_fa_counsec h4 {
  font: var(--font-48);
  font-family: var(--font-Condensed);
  color: var(--color-white);
  font-weight: 600;
}

.spo_fa_counsec p {
  font: var(--font-14);
  font-family: var(--font-Condensed);
  color: var(--color-white);
  font-weight: bold;
}

.sports_fac_slider > * {
  grid-area: 1 / 1;
}

.sport_fac_swiper .swiper-pagination-bullet {
  z-index: 9;
  opacity: .3;
  background: var(--color-white);
  width: .6rem;
  height: .6rem;
  position: relative;
  top: -10rem;
}

.sport_fac_swiper .swiper-pagination-bullet-active {
  background: var(--color-white);
  opacity: 1;
}

.uni_boasts_rag_sec {
  padding-block: 12rem 15rem;
}

.uni_bo_title {
  text-align: center;
  margin-bottom: 6rem;
}

.uni_bo_title h4 {
  font: var(--font-24);
  text-align: center;
  padding-bottom: 4.5rem;
  font-weight: 300;
  line-height: 1.4;
}

.uni_bo_title p {
  color: var(--color-44);
  max-width: 88%;
  margin: 0 auto;
}

.uni_bo_topsec {
  grid-template-columns: 58% 42%;
  align-items: center;
  display: grid;
}

.uni_bo_text p {
  font: var(--font-16);
  color: var(--color-44);
  line-height: 2.8rem;
}

.uni_bo_text {
  padding-left: 7.8rem;
}

.uni_b_imgsec {
  border-radius: 6rem .8rem .8rem;
}

.uni_boa_grid {
  grid-template-columns: repeat(3, auto);
  gap: 5.2rem 2.6rem;
  margin-top: 6rem;
  display: grid;
}

.uni_boa_itemse figcaption {
  text-align: center;
}

.uni_boa_itemse figcaption p {
  color: var(--color-4e);
  font: var(--font-21);
  padding-top: 2rem;
  font-weight: 500;
}

.uni_boa_itemse:hover p {
  color: var(--color-4e);
  font-weight: 500;
}

.uni_boa_itemse {
  position: relative;
}

.uni_boa_itemse img {
  border-radius: .8rem;
}

.atm_mainsec {
  background-color: var(--color-9a);
}

.atm_mainsec .atm_fac_grid {
  grid-template-columns: 39% 48%;
  align-items: center;
  gap: 17.8rem;
  display: grid;
}

.atm_fac_grid h5 {
  font: var(--font-26);
  color: var(--color-white);
  margin-bottom: 4.5rem;
}

.atm_fac_grid p {
  color: var(--color-white);
  margin-bottom: 3.5rem;
}

.atm_fac_grid p:last-child {
  margin-bottom: 0;
}

.cafe_gues_mainsec {
  padding-block: 14rem 15rem;
}

.cafe_gues_gridone {
  grid-template-columns: 43.45% 56.5%;
  align-items: center;
  margin-bottom: 14rem;
  display: grid;
}

.cafe_contentsec {
  padding-inline: 10.8rem 6rem;
}

.cafe_contentsec p {
  color: var(--color-44);
}

.cafe_contentsec h5, .gue_leftcontent h5 {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 2.4rem;
}

.guest_gridmain {
  grid-template-columns: 42.45% 57.5%;
  align-items: center;
  display: grid;
}

.guest_gridmain .gue_leftcontent {
  padding-right: 7.8rem;
}

.gue_leftcontent h4 {
  font: var(--font-24);
  color: var(--color-33);
  margin-bottom: 0;
  padding-bottom: 4.8rem;
  padding-right: 4rem;
  font-weight: 300;
  line-height: 1.4;
}

.gue_leftcontent p {
  color: var(--color-44);
}

.guest_gridmain .gue_img_rgt img, .cafe_gues_gridone .cafe_imgsec img {
  border-radius: 6rem .8rem .8rem;
}

.aca_clsroom_banner {
  text-align: center;
}

.aca_clsroom_banner h5 {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 4rem;
}

.aca_clsroom_banner h6 {
  font: var(--font-24);
  color: var(--color-33);
  max-width: 92%;
  margin: auto;
  padding-bottom: 4rem;
  font-weight: 300;
  line-height: 1.4;
}

.cls_room_ba_imgsec {
  display: grid;
  position: relative;
}

.cls_room_ba_imgsec > * {
  grid-area: 1 / 1;
}

.cls_room_ba_imgsec img {
  border-radius: 6rem .8rem .8rem;
}

.cls_room_ba_imgsec:after {
  content: "";
  background: linear-gradient(270deg, #0000 0%, #000 100%) no-repeat padding-box padding-box;
  border-radius: 6rem .8rem .8rem;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cls_countsec {
  z-index: 9;
  border: .1rem solid var(--color-white);
  max-width: 27.4rem;
  padding: 4.3rem 4.6rem;
  position: absolute;
  bottom: 3rem;
  left: 5rem;
}

.cls_countsec h5 {
  color: var(--color-white);
  font: var(--font-48);
  font-family: var(--font-Condensed);
  margin-bottom: .5rem;
  font-weight: 600;
}

.cls_countsec p {
  color: var(--color-white);
  font: var(--font-14);
  font-weight: bold;
  font-family: var(--font-Condensed);
  margin-bottom: 0;
}

.cls_room_ba_imgsec {
  margin-bottom: 4rem;
}

.cls_room_ba_imgsec p {
  max-width: 92%;
  margin: auto;
}

.aca_main_clsroom {
  padding-bottom: 10rem;
}

.academic_grid {
  grid-template-columns: 32.35% 65%;
  align-items: start;
  gap: 4.3rem;
  display: grid;
}

.academic_lab_leftsec h5 {
  font: var(--font-26);
  color: var(--color-white);
  margin-bottom: 2.5rem;
  padding-top: 8.2rem;
}

.academic_lab_leftsec h4 {
  font: var(--font-24);
  color: var(--color-white);
  margin-bottom: 0;
  padding-bottom: 3.2rem;
  padding-right: 6rem;
  font-weight: 300;
  line-height: 1.4;
}

.academic_lab_leftsec p {
  color: var(--color-white);
  margin-bottom: 0;
  padding-right: 4rem;
  font-weight: normal;
  line-height: 2.8rem;
}

.academic_labmain {
  background-color: var(--color-9a);
  padding-block: 12rem;
}

.academic_grid .ab_jss_c_col h4 {
  color: var(--color-white);
  font: var(--font-48);
  font-family: var(--font-Condensed);
  margin-bottom: .5rem;
  padding: 0;
  font-weight: 600;
}

.academic_grid .ab_jss_c_col p {
  color: var(--color-white);
  font: var(--font-14);
  font-weight: bold;
  font-family: var(--font-Condensed);
}

.acade_lab_slider img {
  object-fit: cover;
}

.acade_lab_slider figure {
  border-radius: 6rem .8rem .8rem;
}

.academic_grid .ab_jss_coutsec {
  margin-top: 10.4rem;
}

.academic_grid .ab_jss_coutsec p {
  padding-right: 0;
}

.ac_swi_btn {
  background-color: #0000;
  border: none;
}

.ac_swi_btn img {
  border-radius: 0;
  width: 2.5rem;
  height: 2.5rem;
}

.ac_pagination {
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: .8rem;
  margin-top: 2.2rem;
  display: flex;
}

.research_labmain {
  padding-block: 15rem;
}

.research_grid_one, .research_grid_two {
  grid-template-columns: 49.4% 48.6%;
  align-items: center;
  gap: 2.7rem;
  display: grid;
}

.research_grid_one .research_cont {
  padding-left: 9rem;
  padding-right: 1.5rem;
}

.research_labmain .researh_imgsec figure {
  border-radius: 6rem .8rem .8rem;
  display: flex;
}

.research_labmain.second .researh_imgsec figure {
  border-radius: .8rem 6rem .8rem .8rem;
}

.research_cont p {
  color: var(--color-44);
  margin-bottom: 3.5rem;
}

.research_cont p:last-child {
  margin-bottom: 0;
}

.research_grid_one .research_cont {
  padding-right: 17.5rem;
}

.research_grid_two .research_cont {
  padding-left: 11.8rem;
  padding-right: 8.2rem;
}

.research_grid_two .research_cont h2 {
  font: var(--font-34);
  font-family: var(--font-Condensed);
  color: var(--color-4e);
  margin-bottom: 2rem;
  padding-right: 3rem;
}

.research_grid_two .research_cont h2 span {
  color: var(--color-e8);
}

.re_lab_objective h4 {
  font: var(--font-21);
  color: var(--color-4e);
  margin-top: 2rem;
  margin-bottom: 3.1rem;
  font-weight: 500;
}

.re_obj_grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
  display: grid;
}

.re_obj_card {
  background-color: var(--color-white);
  min-height: 15.4rem;
  padding: 3rem 3.2rem;
}

.re_obj_card p {
  color: var(--color-44);
  margin-bottom: 0;
}

.library_centre_main .campu_grid_main {
  border-bottom: .1rem solid var(--color-d4);
}

.library_centre_main .spo_sli_hed p {
  color: var(--color-white);
  margin: 0;
}

.library_centre_main .spo_fa_counsec h4, .library_centre_main .spo_fa_counsec p {
  color: var(--color-100);
}

.lib_cen_main {
  padding-top: 8rem;
}

.lib_cen_main .ab_jss_coutsec {
  margin-top: 7.5rem;
}

.lib_cen_main .cumpus_left_img p {
  max-width: 59rem;
  color: var(--color-44);
  margin: auto;
  padding-top: 6.1rem;
}

.lib_cen_main .cumpus_left_img p .btn {
  font: var(--font-12);
  margin-top: 2rem;
  padding: .7rem 2.5rem;
  display: inline-block;
}

.lib_cen_main .capus_grid_one .campu_con_rgt {
  max-width: 100%;
  padding-right: 13.7rem;
}

.lib_cen_main .campu_grid_main.capus_grid_two .campu_con_rgt {
  max-width: 63.9rem;
  padding-left: 11.8rem;
}

.seminar_main {
  padding-block: 10rem;
}

.semi_gridmain {
  grid-template-columns: auto 1fr;
  align-items: center;
  display: grid;
}

.semi_gridmain .semi_cont_sec {
  min-width: 59rem;
  padding-left: 11.8rem;
}

.semi_cont_sec h5 {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 3rem;
}

.semi_cont_sec p {
  color: var(--color-44);
}

.uni_green_grid {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 14.3rem;
  width: 80.4%;
  margin: auto;
  display: grid;
}

.uni_green_con p {
  color: var(--color-44);
  margin-bottom: 3rem;
}

.uni_green_con p:last-child {
  margin-bottom: 0;
}

.uni_green_con h5 {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 2.4rem;
}

.uni_green_con {
  max-width: 56.5rem;
}

.uni_conte_img img {
  border-radius: .8rem 6rem .8rem .8rem;
}

.uni_green_ini_sec hr {
  border-top: .1rem solid var(--color-d9);
}

.uni_green_ini_sec .uni_green_grid:first-child {
  padding-block: 0 12rem;
}

.uni_green_ini_sec .uni_green_grid:last-child {
  padding-block: 12rem 14rem;
}

.faci_diff_tabs .fac_tab_con {
  grid-template-columns: 49.45% 50.55%;
  align-items: center;
  display: grid;
}

.faci_diff_tabs .faci_accordion {
  padding-inline: 14.4rem 11.8rem;
}

.faci_diff_tabs .faci_acc_item {
  border-bottom: .1rem dashed #b5b5b5;
  margin-bottom: 2.4rem;
  padding-bottom: 2.4rem;
}

.faci_diff_tabs .faci_acc_header {
  cursor: pointer;
  width: 100%;
  font: var(--font-24);
  color: var(--color-4e);
  background: none;
  border: none;
  align-items: center;
  gap: 1rem;
  font-weight: normal;
  display: flex;
}

.faci_diff_tabs .faci_acc_item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.faci_diff_tabs .faci_acc_body {
  max-height: 0;
  transition: all .3s;
  overflow: hidden;
}

.faci_diff_tabs .faci_acc_body.open {
  max-height: 200px;
  padding-top: 1.6rem;
}

.faci_diff_tabs .growth-tabs {
  text-align: left;
}

.faci_diff_tabs .growth-tabs ul {
  margin-left: 0;
}

.facilities_diffent {
  background-color: var(--color-white);
  padding-block: 6.5rem 7.2rem;
}

.facilities_diffent h5 {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 2.4rem;
}

.facilities_diffent p {
  color: var(--color-44);
}

.facilities_diffent .grow_tb_contsec, .fac_diff_title p {
  margin-bottom: 5.2rem;
}

.admin_h_title {
  text-align: center;
}

.admin_h_title h4 {
  font: var(--font-24);
  max-width: 92%;
  margin: auto;
  font-weight: 300;
}

.admin_h_title {
  padding-block: 10rem 6rem;
}

.admission-selection-process.ad_selec_procss {
  padding-top: 12rem;
  padding-bottom: 13rem;
}

.ad_selec_procss {
  padding-block: 10rem;
}

.ad_selec_procss h5 {
  font: var(--font-26);
  color: var(--color-4e);
  text-align: center;
  margin-bottom: 3rem;
}

.ad_selec_grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  display: grid;
}

.ad_selec_grid .ad_sel_col {
  background-color: var(--color-white);
  padding: 3.7rem 3.5rem;
}

.ad_sel_col .se_step {
  font: var(--font-16);
  font-family: var(--font-poppins);
  gap: 1rem;
  margin-bottom: 2.8rem;
  font-weight: 600;
  display: flex;
}

.ad_sel_col .se_step span {
  font: var(--font-45);
  color: var(--color-9d);
  margin-top: -1.1rem;
  font-weight: normal;
}

.ad_sel_col p {
  font-family: var(--font-poppins);
  font: var(--font-16);
  color: var(--color-2e);
  margin-bottom: 2.3rem;
  font-weight: normal;
}

.ad_sel_col ul {
  padding: 0;
}

.ad_sel_col li {
  font: var(--font-14);
  margin-bottom: 1.3rem;
  padding-left: 2rem;
  list-style: none;
  position: relative;
}

.ad_sel_col li:before {
  content: "";
  background-color: var(--color-36);
  border-radius: 5rem;
  width: .7rem;
  height: .7rem;
  position: absolute;
  top: .4rem;
  left: 0;
}

.ad_se_content {
  max-width: 30.6rem;
}

.eligibilty_main {
  background-color: var(--color-9a);
}

.eligib_grid_ad {
  grid-template-columns: 50.5% 49.45%;
  align-items: center;
  display: grid;
}

.eligib_cont h5 {
  font: var(--font-26);
  color: var(--color-white);
  margin-bottom: 1.5rem;
}

.eligib_cont h2 {
  font: var(--font-60);
  color: var(--color-white);
  letter-spacing: -2.88px;
  font-family: var(--font-Condensed);
  margin-bottom: 5.1rem;
}

.eligib_cont h2 span {
  color: var(--color-100);
}

.edigiblity_tabs .growth-tabs {
  text-align: left;
}

.edigiblity_tabs .growth-tabs ul {
  border-bottom: none;
  border-top: .1rem solid var(--color-d6);
  margin-left: 0;
}

.edigiblity_tabs .growth-tabs ul li {
  padding: 0;
}

.edigiblity_tabs .growth-tabs ul li button {
  color: var(--color-white);
  margin-top: -.1rem;
  padding-block: 2rem 0;
  padding-inline: .5rem;
}

.edigiblity_tabs .growth-tabs ul li button.active {
  border-top: .2rem solid var(--color-100);
  color: var(--color-100);
}

.eligib_grid_ad .eligib_cont {
  padding-right: 8.7rem;
}

.eligi_tab_con {
  padding-left: 1.8rem;
}

.edigiblity_tabs .eligi_tab_con p {
  font: var(--font-22);
  color: var(--color-white);
  margin-top: 5rem;
  margin-bottom: 3rem;
  font-weight: 500;
}

.edigiblity_tabs .eligi_tab_con ul {
  padding: 0;
}

.edigiblity_tabs .eligi_tab_con ul li {
  font: var(--font-16);
  color: var(--color-white);
  margin-bottom: 1.3rem;
  padding-left: 2rem;
  font-weight: 300;
  list-style: none;
  position: relative;
}

.edigiblity_tabs .eligi_tab_con ul li:before {
  content: "";
  background-color: var(--color-100);
  border-radius: 5rem;
  width: .7rem;
  height: .7rem;
  position: absolute;
  top: .4rem;
  left: 0;
}

.eligi_tab_con .growth-item {
  padding-right: 3rem;
}

.eligi_tab_con .growth-item .program_tabs {
  margin-bottom: 5rem;
}

.eligi_tab_con .growth-item .program_tabs .program_box {
  text-align: left;
  background: #ffffff12;
  border-radius: .3rem;
  padding: 3rem 4rem;
  position: relative;
}

.eligi_tab_con .growth-item .program_tabs .program_box:not(:first-child) {
  margin-top: 3rem;
}

.eligi_tab_con .growth-item .program_tabs .degree_name {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.eligi_tab_con .growth-item .program_tabs .courses {
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.eligi_tab_con .growth-item .program_tabs .courses li {
  margin-bottom: 2rem;
}

.eligi_tab_con .growth-item .program_tabs .eligibility {
  color: #fff;
  margin-top: 2rem;
  font-size: 1.4rem;
  display: block;
}

.fee_sturc_admain {
  background-color: var(--color-white);
  padding-block: 12rem 8.7rem;
}

.fee_stru_title h5 {
  color: var(--color-4e);
  font: var(--font-26);
  margin-bottom: 1.5rem;
  font-weight: bold;
}

.fee_stru_title p {
  color: var(--color-44);
  margin-bottom: 5rem;
}

.fee_strcu_table .fee_table_wrapper {
  width: 100%;
  overflow-x: auto;
}

.fee_strcu_table .fee_table {
  border-collapse: collapse;
  width: 100%;
  min-width: 900px;
}

.fee_strcu_table .fee_table thead th {
  background: var(--color-29);
  color: var(--color-white);
  font: var(--font-16);
  text-align: left;
  padding: 1.1rem 1.2rem;
  font-weight: 600;
}

.fee_strcu_table .fee_table td {
  font: var(--font-16);
  color: var(--color-44);
  padding: 2.5rem 1.2rem;
  font-weight: normal;
}

.fee_strcu_table .fee_table th {
  font: var(--font-16);
  color: var(--color-44);
  padding: 2.5rem 1.2rem;
  font-weight: 600;
}

.fee_strcu_table .fee_table tbody tr:nth-child(2n) {
  background: var(--color-ef);
}

.scholarship_main {
  padding-block: 10rem 12.9rem;
}

.schol_ad_tgrid {
  grid-template-columns: 57.9% 42.1%;
  align-items: center;
  margin-bottom: 3.2rem;
  display: grid;
}

.schol_contsec {
  padding-left: 11.3rem;
}

.schol_contsec h5 {
  color: var(--color-4e);
  font: var(--font-26);
  margin-bottom: 3rem;
  font-weight: bold;
}

.schol_contsec h4 {
  font: var(--font-24);
  color: var(--color-33);
  margin-bottom: 3rem;
  font-weight: 300;
}

.schol_contsec p {
  color: var(--color-44);
}

.sch_secondsec h6 {
  color: var(--color-44);
  font: var(--font-18);
  margin-bottom: 3rem;
  font-weight: bold;
}

.sch_seb_grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem 2.5rem;
  display: grid;
}

.sch_seb_grid .sch_b_gcol {
  background-color: var(--color-white);
  min-height: 16.5rem;
  padding: 3.1rem 6rem 3.1rem 2.9rem;
  position: relative;
}

.sch_seb_grid .sch_b_gcol p {
  color: var(--color-44);
  margin-bottom: 0;
}

.sch_seb_grid .sch_b_gcol:before {
  content: "";
  background-color: var(--color-100);
  width: 90%;
  height: .1rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.schol_tigsec img {
  border-radius: 6rem .8rem .8rem;
}

.ad_offc_contact {
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  height: 100%;
  display: grid;
}

.add_of_context {
  background-color: var(--color-9a);
  height: 100%;
  max-height: 30.7rem;
  padding: 4.3rem 14.2rem 4.7rem 13.2rem;
}

.add_of_context h5 {
  color: var(--color-white);
  font: var(--font-26);
  margin-bottom: 2.9rem;
}

.add_of_context ul {
  padding: 0;
  list-style: none;
}

.add_of_context ul li {
  color: var(--color-white);
  font: var(--font-16);
  padding-bottom: 1rem;
}

.add_of_context ul li a {
  color: var(--color-white);
  font-weight: normal;
}

.admins_of_con {
  padding-bottom: 12rem;
}

.host_de_grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
  margin-bottom: 3rem;
  display: grid;
}

.hostal_title {
  text-align: center;
  max-width: 76%;
  margin: auto;
}

.hostal_title h5 {
  color: var(--color-4e);
  font: var(--font-26);
  margin-bottom: 3rem;
}

.hostal_title h4 {
  font: var(--font-24);
  color: var(--color-33);
  margin-bottom: 6rem;
  font-weight: 300;
}

.hostal_det_col:first-child img {
  border-radius: 6rem .8rem .8rem;
}

.hostal_det_col:last-child img {
  border-radius: .8rem 6rem .8rem .8rem;
}

.hostal_d_btns {
  text-align: center;
  padding-bottom: 11.2rem;
}

.hostal_d_btns a {
  font: var(--font-16);
  color: var(--color-4e);
  border-radius: 5rem;
  padding: .8rem 1.2rem;
}

.hostal_d_btns a:hover {
  color: var(--color-white);
}

.addmission_faq_main {
  padding-block: 0 5.9rem;
}

.admission_faq_accordion {
  width: 100%;
}

.admission_faq_header {
  width: 100%;
  font-size: 20px;
  font: var(--font-21);
  color: var(--color-4e);
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  height: 5.1rem;
  margin-bottom: 1rem;
  font-weight: bold;
  display: flex;
}

.admission_faq_inner {
  background-color: var(--color-white);
  padding: 2rem;
}

.admission_faq_inner h5 {
  font: var(--font-18);
  margin-bottom: 3rem;
  font-weight: bold;
}

.admission_faq_inner p {
  color: var(--color-44);
  margin-bottom: 2.5rem;
}

.admission_faq_icon {
  transition: transform .3s;
  display: flex;
}

.admission_faq_header.active .admission_faq_icon {
  transform: rotate(180deg);
}

.admission_faq_body {
  height: 0;
  transition: height .35s;
  overflow: hidden;
}

.faq_title {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 3rem;
  font-weight: bold;
}

.student_lifesec {
  padding-block: 10rem;
}

.stuent_life_hero {
  text-align: center;
}

.stuent_life_hero img {
  border-radius: 6rem .8rem .8rem;
}

.studen_title h5 {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 4.2rem;
  font-weight: bold;
}

.studen_title h4 {
  font: var(--font-24);
  color: var(--color-4e);
  font-weight: 300;
}

.studen_title {
  max-width: 77%;
  margin: auto;
  padding-bottom: 7.8rem;
}

.stud_disction {
  max-width: 80%;
  margin: auto;
}

.stud_disction p {
  color: var(--color-44);
  padding-top: 3.7rem;
}

.mentoring_scheme_sec {
  padding-block: 0 14rem;
}

.mentoring_scheme_sec .montor_title {
  border-top: .1rem solid var(--color-d9);
  text-align: center;
  padding-top: 10rem;
}

.mentring_grid {
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
  display: grid;
}

.mentring_grid .mentor_content {
  max-width: 100%;
  padding-left: 7.9rem;
  padding-right: 13.7rem;
}

.mentring_grid.men_gridone .mentor_content {
  padding-top: 3.3rem;
}

.mentring_grid.men_gridtwo {
  align-items: end;
}

.men_gridone .mentring_imlft img {
  border-radius: 6rem .8rem .8rem;
}

.men_gridtwo .mentring_imlft img {
  border-radius: .8rem 6rem .8rem .8rem;
}

.mentring_grid.men_gridtwo .mentor_content {
  padding-right: 6.8rem;
}

.mentring_grid.men_gridtwo .mentor_content p {
  color: var(--color-44);
}

.mentor_content .ab_jss_c_col {
  padding: 4.3rem 4.6rem;
}

.mentor_content .ab_jss_c_col h4, .mentor_content .ab_jss_c_col p {
  font-family: var(--font-Condensed);
}

.mentor_content .ab_jss_coutsec {
  margin-top: 3.3rem;
}

.mentor_content p {
  color: var(--color-44);
  margin-bottom: 3rem;
}

.mentor_content p:last-child {
  margin-bottom: 0;
}

.mento_complist {
  margin-top: 3.3rem;
  padding: 0;
}

.mento_complist li {
  margin-bottom: 2.6rem;
  list-style: none;
}

.mento_complist li a {
  font: var(--font-18);
  color: var(--color-33);
  align-items: center;
  gap: 1rem;
  font-weight: bold;
  display: flex;
}

.mento_complist li a:hover {
  color: var(--color-e8);
}

.mentor_com_main {
  grid-template-columns: 1fr 1fr;
  gap: 2.7rem;
  display: grid;
}

.socio_econo_sec .sedg_row_block {
  grid-template-columns: 44.1% 55.9%;
  align-items: center;
  width: 83.4%;
  margin: auto;
  display: grid;
}

.sedg_content_col {
  padding-left: 10.1rem;
}

.socio_econo_sec .sedg_title {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 2.4rem;
  font-weight: bold;
}

.socio_econo_sec p {
  font: var(--font-16);
  color: var(--color-44);
  margin-bottom: 2.7rem;
  line-height: 1.7;
}

.sedg_text:last-child {
  margin-bottom: 0;
}

.sedg_row_block:first-child {
  padding-block: 14rem 8rem;
}

.sedg_row_block:last-child {
  padding-bottom: 8rem;
}

.border_bottom {
  border-bottom: 1px solid #d9d9d9;
  padding-top: 8rem;
}

.sedg_content_col p {
  padding-right: 4rem;
}

.socio_econo_sec hr {
  border-top: .1rem solid var(--color-d9);
}

.scu_tabs_ul {
  clear: left;
  border-bottom: .1rem solid var(--color-d6);
  margin-inline: 1.5rem;
  margin: 0;
  padding: 0;
  position: relative;
}

.scu_tabs_li {
  display: inline-block;
}

.scu_tabs_li:not(:last-child) {
  margin-right: 3rem;
}

.scu_tabs_li button {
  cursor: pointer;
  font: var(--font-16);
  color: var(--color-33);
  background: none;
  border: none;
  padding: 0 5.6rem 2rem 0;
  font-weight: bold;
}

.scu_tabs_li:last-child button {
  border-right: none;
}

.scu_tabs_li button.active {
  color: var(--color-e8);
}

.scu_tabs_content {
  padding-block: 5rem 4rem;
}

.scu_tab_panel {
  display: none;
}

.scu_tab_panel.active {
  display: block;
}

.student_clubsmain {
  background-color: var(--color-white);
  padding-block: 6.5rem 9rem;
}

.heading_title {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 2.4rem;
  font-weight: bold;
}

.stu_clubs_title p {
  color: var(--color-44);
  margin-bottom: 5.2rem;
}

.scu_gridmain {
  grid-template-columns: 43.5% 46%;
  align-items: center;
  gap: 14.4rem;
  display: grid;
}

.scu_content h4 {
  font: var(--font-26);
  color: var(--color-4e);
  margin-bottom: 1.6rem;
}

.scu_content p {
  color: var(--color-44);
  margin-bottom: 0;
}

.scu_content h6 {
  font: var(--font-21);
  color: var(--color-4e);
  margin-top: 5.2rem;
  margin-bottom: 2.5rem;
}

.scu_content ul {
  padding: 0;
}

.scu_content ul li {
  font: var(--font-16);
  color: var(--color-44);
  margin-bottom: 1.3rem;
  padding-left: 2rem;
  list-style: none;
  position: relative;
}

.scu_content ul li:before {
  content: "";
  background-color: var(--color-100);
  border-radius: 5rem;
  width: .7rem;
  height: .7rem;
  position: absolute;
  top: .4rem;
  left: 0;
}

.scu_imgsec {
  margin-left: -8rem;
}

.scu_imgsec img {
  border-radius: 6rem .8rem .8rem;
}

.scu_benfits h5 {
  font: var(--font-21);
  color: var(--color-4e);
  margin-bottom: 2.2rem;
}

.scu_benift_grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 3.4rem 6rem;
  display: grid;
}

.scu_benifit_col {
  min-height: 10.6rem;
  position: relative;
}

.scu_benifit_col p {
  color: var(--color-44);
  margin-bottom: 0;
}

.scu_benifit_col:before {
  content: "";
  background-color: var(--color-100);
  width: 100%;
  height: .1rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.resea_facili_main {
  padding-block: 5.6rem 0;
}

.rese_title_sec {
  text-align: center;
  max-width: 80%;
  margin: auto;
}

.rese_title_sec h5 {
  margin-bottom: 4.2rem;
}

.rese_title_sec {
  margin-bottom: 7.8rem;
}

.rese_title_sec h4 {
  font: var(--font-24);
  font-weight: 300;
}

.exte_mainsec {
  padding-bottom: 6.5rem;
}

.exte_mainsec h6 {
  font: var(--font-24);
  color: var(--color-44);
  text-align: center;
  padding-block: 0 4.6rem;
  font-weight: 300;
}

.res_bannesec img {
  border-radius: 6rem .8rem .8rem;
}

.step-and-startups-in-campus .exten_grid, .research .exten_grid {
  grid-template-columns: 54.4% 45.5%;
}

.facilities_section.amenities_section {
  padding: 0;
}

.recent-audit-observations .table_section {
  padding-block: 5rem;
}

.recent-audit-observations .table_section .heading {
  margin-bottom: 1rem;
}

.recent-audit-observations .table_section .sub_heading {
  margin-bottom: 3rem;
}

.recent-audit-observations .table_section:nth-child(2n) {
  background-color: var(--color-f6);
}

.recent-audit-observations .ad_selec_procss {
  padding-top: 7rem;
}

.recent-audit-observations .ad_sel_col .se_step {
  font: var(--font-21);
  color: var(--color-4e);
  margin-bottom: 2.5rem;
  font-weight: 500;
}

.careers .procedure_box {
  padding: 2rem;
}

.careers .procedure_box p {
  font: var(--font-16);
  font-family: var(--font-Roboto);
  letter-spacing: 0;
  color: #444;
  font-weight: 400;
  line-height: 1.7;
}

.careers .image_content_repeat_section {
  padding-block: 0 0;
}

.careers .image_content_repeat_section .singleImageContent {
  padding-bottom: 0;
}

.recent-audit-observations .ad_sel_col li:before {
  content: "";
  background-color: var(--color-100);
  border-radius: 5rem;
  width: .7rem;
  height: .7rem;
  position: absolute;
  top: .4rem;
  left: 0;
}

.recent-audit-observations .ad_sel_col li {
  font: var(--font-16);
  color: var(--color-44);
  margin-bottom: 2.3rem;
  padding-left: 2rem;
  list-style: none;
  position: relative;
}

.student-life .cafe_gues_mainsec {
  padding-block: 5rem;
}

.student-life .scu_benifit_col {
  min-height: 100%;
  padding-bottom: 2rem;
}

.student-life .cafe_gues_gridone {
  margin-bottom: 10rem;
}

.student-life .scu_content h6 {
  margin-top: 3.2rem;
}

.student-life .campu_grid_main.capus_grid_two .campu_con_rgt {
  max-width: 57.9rem;
  padding-left: 0;
}

.leadership_two .leadership_grid figure figcaption h3 {
  text-transform: uppercase;
}

.student-life .scu_tab_inner .scu_gridmain {
  grid-template-columns: 41.5% 46%;
  align-items: start;
}

.studends_pdf {
  margin-top: 7.8rem;
}

.student-life .scu_imgsec {
  order: 2;
  margin: 0;
}

.student-life .scu_imgsec img {
  border-radius: .8rem 6rem .8rem .8rem;
}

.careers .ad_offc_contact .learn_more {
  background-color: var(--color-100);
  border: .1rem solid var(--color-100);
  font: var(--font-16);
  color: var(--color-4e);
  font-family: var(--font-notosans);
  border-radius: 5rem;
  margin-top: 2rem;
  padding: .9rem 2rem;
  font-weight: 400;
  display: inline-block;
}

.step-and-startups-in-campus .single_image_content .rep_border {
  order: 2;
}

.step-and-startups-in-campus .single_image_content .content_col {
  padding-left: 0;
  padding-right: 10rem;
}

.careers .add_of_context ul li:last-child span {
  font-style: italic;
}

.careers .add_of_context {
  max-height: 33.7rem;
}

.careers .ad_offc_contact .learn_more:hover {
  color: var(--color-100);
  background-color: #0000;
}

.student-life .lib_cen_main .campu_grid_main {
  border-bottom: none;
  padding-top: 0;
}

.research .exten_grid .exten_listyle {
  padding-right: 0;
}

.research .exten_grid .exten_listyle .downlo_guides {
  margin-top: 4rem;
  display: block;
}

.research .exten_grid .exten_listyle .downlo_guides a {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.research .exten_grid .exten_listyle .downlo_guides a:not(:last-child) {
  margin-bottom: 1.5rem;
}

.step-and-startups-in-campus .amenities_section .grid_group {
  background-color: var(--color-white);
  padding: 6rem;
}

.step-and-startups-in-campus .exten_listyle.below_list {
  width: 92.2%;
  margin-left: auto;
  padding-top: 5rem;
  padding-left: 0;
}

.step-and-startups-in-campus .exte_mainsec h6, .research .exte_mainsec h6 {
  font: var(--font-21);
  color: var(--color-4e);
  text-align: center;
  padding-top: 0;
  padding-bottom: 4.6rem;
  font-weight: 500;
}

.step-and-startups-in-campus .exte_mainsec, .research .exte_mainsec {
  padding-bottom: 10rem;
}

.research .resea_cre_items2 h3 {
  width: 70%;
}

.research .pulication_patent, .research .grands_mainsec {
  padding-block: 12rem 14rem;
}

.research .grands_content {
  padding-left: 12rem;
}

.research .grands_mainsec .publi_title {
  margin: auto;
}

.research .grands_maingrid {
  grid-template-columns: 49.45% 50.5%;
  padding-bottom: 0;
}

.research .grands_mainsec, .regulations .pdf_list_section:not(:last-child) {
  padding-bottom: 0;
}

.outreach .image_content_repeat_section:nth-child(odd) {
  background-color: var(--color-white);
}

.exten_grid {
  grid-template-columns: 48.4% 51.5%;
  align-items: center;
  width: 92.2%;
  margin-left: auto;
  display: grid;
}

.exten_grid .exte_imgsec img {
  border-radius: 6rem .8rem .8rem;
}

.exten_listyle {
  padding-inline: 6.8rem 2rem;
}

.exten_listyle ul {
  padding: 0;
}

.exten_listyle ul li {
  font: var(--font-16);
  color: var(--color-44);
  margin-bottom: 2.3rem;
  padding-left: 2rem;
  list-style: none;
  position: relative;
}

.exten_listyle ul li:before {
  content: "";
  background-color: var(--color-100);
  border-radius: 5rem;
  width: .7rem;
  height: .7rem;
  position: absolute;
  top: .4rem;
  left: 0;
}

.index_res_grid {
  grid-template-columns: 50% 50%;
  width: 92.2%;
  margin-left: auto;
  display: grid;
}

.res_cre_bor {
  border-bottom: 1px solid var(--color-d4);
}

.resea_cre_items {
  border-right: 1px solid var(--color-d4);
  padding: 4.7rem 6.6rem 4.7rem 0;
}

.resea_cre_items2 {
  padding: 4.7rem 0 4.7rem 7.4rem;
}

.resea_cre_items2 .fee_strcu_table .fee_table {
  min-width: 100%;
}

.resea_cre_items2 .fee_strcu_table .fee_table td {
  padding: 1.5rem 2.1rem;
  font-weight: normal;
}

.resea_cre_items2 .fee_strcu_table .fee_table th {
  padding: 1.1rem 2.5rem;
  font-weight: normal;
}

.resea_cre_items .ab_jss_coutsec {
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 0;
  display: grid;
}

.resea_cre_items .ab_jss_coutsec .ab_jss_c_col {
  border: 1px solid var(--color-d4);
  max-width: 100%;
}

.index_res_grid h3 {
  font: var(--font-24);
  color: var(--color-33);
  margin-bottom: 4.3rem;
  font-weight: 300;
}

.pulication_patent {
  padding: 10rem 17.4rem;
}

.publi_title {
  text-align: center;
  max-width: 80%;
  margin: auto;
}

.publi_title h4 {
  font: var(--font-24);
  color: var(--color-33);
  margin-bottom: 4.3rem;
  font-weight: 300;
}

.publi_gridmain {
  grid-template-columns: 46% 54%;
  width: 92.2%;
  margin-left: auto;
  display: grid;
}

.publi_gridmain .publi_content {
  border-right: 1px solid var(--color-d4);
}

.publi_content p {
  color: var(--color-44);
}

.publi_content {
  padding-top: 5.8rem;
  padding-right: 11.2rem;
}

.publi_content h6 {
  font: var(--font-21);
  color: var(--color-4e);
  margin-bottom: 3.3rem;
}

.public_table {
  padding-top: 5.8rem;
  padding-left: 10.1rem;
}

.public_table p {
  color: var(--color-44);
  margin-bottom: 1.4rem;
}

.public_table .fee_strcu_table .fee_table td {
  padding: 1.5rem 2.1rem;
  font-weight: normal;
}

.public_table .fee_strcu_table .fee_table th {
  padding: 1.1rem 2.5rem;
  font-weight: normal;
}

.public_table .fee_strcu_table .fee_table_wrapper {
  padding-bottom: 0;
}

.public_table .fee_table {
  min-width: 100%;
}

.grands_mainsec {
  position: relative;
}

.grands_mainsec:after {
  content: "";
  background-color: #d9d9d9;
  width: 73%;
  height: .1rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.grands_mainsec .publi_title {
  max-width: 100%;
  margin-left: auto;
  margin-right: 0;
}

.grands_mainsec .publi_title h4 {
  margin-bottom: 2.7rem;
}

.grands_mainsec .publi_title p {
  color: var(--color-44);
  margin-bottom: 0;
  padding-bottom: 5.8rem;
}

.grands_maingrid {
  grid-template-columns: repeat(2, 1fr);
  margin-left: auto;
  padding-bottom: 10rem;
  display: grid;
}

.grands_content p {
  color: var(--color-44);
  margin-bottom: 3rem;
}

.grands_content {
  padding-left: 8.3rem;
  padding-right: 6rem;
}

.downlo_guides a {
  font: var(--font-18);
  color: var(--color-33);
  align-items: center;
  gap: 1rem;
  font-weight: bold;
  display: flex;
}

.grands_mainsec {
  padding-block: 9.5rem 0;
}

.grans_tab_mainsec {
  padding-block: 15rem;
}

.grand_tabs_main .growth-tabs {
  text-align: center;
  margin-bottom: 5rem;
}

.grand_tab_panel {
  display: none;
}

.grand_tab_panel.active {
  display: block;
}

.grand_proj_table_wrap {
  width: 100%;
  overflow-x: auto;
}

.grand_proj_table {
  border-collapse: collapse;
  width: 100%;
}

.research .grand_proj_table thead th:nth-child(3) {
  width: 11%;
}

.research .grand_proj_table thead th:last-child {
  width: 13%;
}

.grand_proj_table thead th {
  background: var(--color-29);
  color: var(--color-white);
  font: var(--font-16);
  text-align: left;
  padding: 1.1rem 1.2rem;
  font-weight: 600;
}

.grand_proj_table tbody td {
  font: var(--font-16);
  color: var(--color-44);
  vertical-align: top;
  min-width: 11rem;
  padding: 1.6rem 1.2rem;
  font-weight: normal;
}

.grand_proj_table tbody tr:nth-child(2n) {
  background: var(--color-ef);
}

.grand_proj_table tbody tr:nth-child(odd) {
  background: var(--color-white);
}

.grand_proj_table tbody td:nth-child(2) {
  width: 43.6rem;
}

.grand_proj_table thead th:first-child, .grand_proj_table tbody td:first-child {
  padding-left: 3.7rem;
}

.grand_proj_table thead th:last-child, .grand_proj_table tbody td:last-child {
  padding-right: 2rem;
}

.consultancy_main .downlo_guides {
  padding-top: 7.1rem;
  position: relative;
}

.consultancy_main .downlo_guides:before {
  background-color: var(--color-f33);
  content: "";
  width: 100%;
  height: .1rem;
  position: absolute;
  top: 0;
  left: 0;
}

.consultancy_main .downlo_guides a {
  color: var(--color-white);
}

.consultancy_main .atm_fac_grid {
  grid-template-columns: 41% 49.45%;
  gap: 15.4rem;
}

.sedg_img_col img, .grands_imgsec img {
  border-radius: 6rem .8rem .8rem;
}

.about_two .early-slide .early_rgt h4 {
  font: var(--font-34);
  color: var(--color-4e);
  font-family: var(--font-Condensed);
  margin-bottom: 2.1rem;
}

.about_two .early-slide .early_rgt {
  padding-top: 4rem;
  padding-left: 8.4rem;
}

.alumni_prestigious {
  color: var(--color-4e) !important;
}

.about_two .early-slide .early_rgt h4 span {
  color: var(--color-ff);
}

.early-slide .imgsli_left {
  border-radius: 6rem .8rem .8rem;
}

.about_two .early-slide {
  grid-template-columns: 43.5% 55%;
  display: grid !important;
}

.about_three .vsn_msn_grid .miss-rgt {
  padding-top: 3.8rem;
  padding-right: 0;
}

.about_three .vsn_msn_grid .miss-rgt ul {
  padding-left: 2rem;
}

.about_three .vsn_msn_grid .miss-rgt h4 {
  font: var(--font-60);
  color: var(--color-white);
  letter-spacing: -2.88px;
  margin-bottom: 3.2rem;
}

.about_three .vsn_msn_grid .miss-rgt h4 span {
  color: var(--color-100);
}

.about_three .vsn_msn_grid .miss-rgt p {
  font: var(--font-24);
  color: var(--color-white);
  margin-bottom: 3.2rem;
  font-weight: 300;
}

.about_three .vsn_msn_grid .custom-list li:before {
  background-color: var(--color-100);
  left: -2rem;
}

.about_three .vsn_msn_grid .custom-list li {
  color: var(--color-white);
  padding-bottom: 1.2rem;
  padding-left: 0;
  font-weight: 300;
}

.about_three .vsn_msn_grid .miss-rgt .msn {
  margin-top: 9.5rem;
  position: relative;
}

.about_three .vsn_msn_grid .miss-rgt .msn p {
  font: var(--font-16);
  color: var(--color-21);
  margin-bottom: 4rem;
}

.about_three .vsn_msn_grid .miss-rgt .msn h6 {
  font: var(--font-14);
  margin-bottom: 3rem;
  font-weight: bold;
}

.about_three .vsn_msn_grid .miss-rgt .msn ul {
  gap: 2.5rem 3.9rem;
}

.grands_imgsec img {
  object-fit: cover;
  height: 100%;
}

.not_found {
  font: var(--font-12) !important;
}

@media (min-width: 2550px) {
  .pb_max_4rem {
    padding-bottom: 4rem !important;
  }
}

@media (min-width: 1920px) {
  .grands_content {
    padding-left: 8.3rem;
    padding-right: 5rem;
  }
}

@media (max-width: 1024px) {
  .grands_content {
    padding-left: 5.3rem;
    padding-right: 1rem;
  }
}

@media (max-width: 991px) {
  .inner-title {
    padding-top: 10rem;
  }

  .department-master-of-computer-applications-about-us .grid_card_design1_section {
    padding-block: 5rem;
  }

  .grands_maingrid {
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 4rem;
  }

  .placement_stats.column-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grands_content {
    padding-block: 4rem 0;
    padding-inline: 0;
  }

  .table_section thead th:first-child {
    width: 6rem;
  }

  .student-life .campu_grid_main.capus_grid_two .campu_con_rgt {
    max-width: 100%;
  }

  .department-chemistry-research.department-research .tabs_content_section .table_section:last-child {
    padding-bottom: 5rem;
  }

  .department-chemistry-research .res_table_maincms .table_section:last-child {
    padding-block: 0 0;
  }

  .campu_grid_main {
    display: block;
  }

  .lib_cen_main .ab_jss_coutsec {
    margin-block: 4rem;
  }

  .campu_grid_main.capus_grid_two {
    padding-bottom: 4rem;
  }

  .scu_gridmain {
    display: block;
  }

  .scu_content {
    margin-top: 4rem;
  }

  .student_clubsmain {
    padding-block: 4rem;
  }

  .scu_benift_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.4rem;
  }

  .grands_mainsec {
    padding-block: 4rem 0;
  }

  .about_four .values-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .about_four .value-box {
    border-bottom: 1px solid #ffffff1a;
    border-right: 1px solid #ffffff1a;
  }

  .about_four .value-box:nth-child(2n) {
    border-right: none;
  }

  .about_four .value-box:nth-last-child(-n+2) {
    border-bottom: none;
  }

  .about_two {
    padding-bottom: 8rem;
  }

  .ab_estab_slider {
    padding-top: 3rem;
  }

  .about_two .early-slide .early_rgt {
    padding-top: 0;
    padding-left: 4.4rem;
  }

  .academic-council .table_section + .table_section {
    padding-top: 5rem;
  }

  .campus-facilities .ameminites_listmain {
    padding-block: 5rem;
  }

  .spo_fa_content h6 {
    font: var(--font-18);
  }

  .uni_boa_grid {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }

  .campus-facilities .labs_group_section.about_two .about_two, .academic-facilities .labs_group_section.about_two .about_two {
    padding-bottom: 5rem;
  }

  .grand_tabs_main .growth-tabs {
    margin-bottom: 3rem;
  }

  .amenities_section .grid_group {
    grid-template-columns: 1fr;
  }

  .mentoring-scheme .about_one {
    padding-block: 5rem;
  }

  .alumni .labs_group_section.about_two {
    padding-bottom: 5rem;
  }
}

@media (max-width: 767px) {
  .about_one .estblish {
    max-width: 100%;
  }

  .careers .add_of_context {
    max-height: 30rem;
  }

  .about_two .early-slide {
    grid-template-columns: repeat(1, 1fr);
  }

  .about_two .early-slide .early_rgt {
    padding-left: 0;
  }

  .placement_stats.column-3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .abou_t_sec {
    padding-top: 3rem;
  }

  .scu_benift_grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 3.4rem;
  }

  .growth-tabs ul li:not(:last-child) {
    margin-right: 0;
  }

  .about_two .early-slide .early_rgt h4 {
    font: var(--font-18);
  }

  .grands_content {
    padding-right: 0;
  }

  .uni_boa_grid {
    grid-template-columns: 1fr;
  }

  .phd_duration_section {
    padding-block: 4rem 5rem;
  }

  .tabs_group_section .early-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .about_three .vsn_msn_grid {
    flex-flow: column-reverse wrap;
    gap: 0;
    display: flex;
  }

  .eligi_tab_con .growth-item .program_tabs .courses {
    grid-template-columns: repeat(1, 1fr);
  }

  .eligibilty_main .eligib_grid_ad.programs {
    padding: 0;
    padding-top: 3rem;
  }

  .eligi_tab_con .growth-item .program_tabs .program_box {
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 3rem 0;
  }

  .eligi_tab_con .growth-item .program_tabs .degree_name {
    color: var(--color-4e);
  }

  .eligi_tab_con .growth-item .program_tabs .courses li {
    color: var(--color-2e);
    margin-bottom: .8rem;
  }

  .eligi_tab_con .growth-item .program_tabs .eligibility {
    font: var(--font-16);
    color: var(--color-2e);
  }

  .eligi_tab_con .growth-item {
    padding: 0;
  }

  .eligibilty_main .edigiblity_tabs .eligi_tab_con, .eligi_tab_con .growth-item .program_tabs .program_box:not(:first-child), .eligibilty_main .eligi_tab_con .growth-item .program_tabs {
    margin: 0;
  }

  .eligi_tab_con .growth-item .program_tabs .courses {
    margin: 2rem 0 0;
  }
}

@media (max-width: 600px) {
  .about_four .values-grid {
    grid-template-columns: 1fr;
  }

  .inner-title {
    padding-top: 6rem;
    padding-bottom: 3.5rem;
  }
}

.about_five {
  background-color: var(--color-f6);
  padding-block: 0 14rem;
  position: relative;
}

.about_five .quality_grid {
  grid-template-columns: 44% 48%;
  align-items: center;
  gap: 10.8rem;
  display: grid;
}

.about_five .quality_grid figure img {
  border-radius: 6rem .8rem .8rem;
  width: 100%;
}

.about_five .quality_grid .qty-rgt {
  padding-right: 4.5rem;
}

.about_five .quality_grid .qty-rgt h3 {
  font: var(--font-24);
  color: var(--color-33);
  margin-bottom: 2.5rem;
  font-weight: 300;
  line-height: 3.6rem;
}

.about_five .quality_grid .qty-rgt p {
  font: var(--font-16);
  color: var(--color-44);
  line-height: 2.8rem;
}

.about_five .quality_grid .qty-rgt h5 {
  font: var(--font-14);
  margin-bottom: 3rem;
  font-weight: bold;
}

.about_five .quality_grid .qty-rgt .qlty {
  padding-right: 8rem;
}

.about_five .quality_grid .qty-rgt li {
  border-bottom: 1px dotted #2121215c;
  margin-bottom: 1.6rem;
  padding-bottom: 1.8rem;
  padding-left: 0;
}

.about_five .quality_grid .qty-rgt .custom-list {
  padding-left: 2rem;
}

.about_five .quality_grid .qty-rgt .custom-list li:before {
  left: -2rem;
}

.leadership_one {
  padding-top: .9rem;
  position: relative;
}

.leadership_one:before {
  content: "";
  background: #ddebf5;
  width: 100%;
  height: 16%;
  position: absolute;
  top: 0;
  left: 0;
}

.leadership_one .top_img figure {
  border-radius: 5rem .8rem;
  align-items: end;
  display: grid;
  position: relative;
}

.leadership_one .top_img figure > img {
  border-radius: 5rem .8rem;
}

.leadership_one .top_img figure > * {
  grid-area: 1 / 1;
}

.leadership_one .top_img figure:hover figcaption h3, .leadership_one .top_img figure:hover figcaption p {
  color: var(--color-00);
  transition: all .5s ease-in-out;
}

.leadership_one .top_img figure:hover figcaption p > img {
  opacity: .5;
}

.leadership_one .top_img figure figcaption {
  background: linear-gradient(0deg, #000 0%, #0000 100%) no-repeat padding-box padding-box;
  border-radius: 8px 8px 50px;
  padding-bottom: 4.4rem;
  padding-left: 6.7rem;
}

.leadership_one .top_img figure figcaption h3 {
  font: var(--font-40);
  letter-spacing: -1.2px;
  color: var(--color-white);
  word-break: break-word;
  max-width: 52%;
  line-height: 1;
  font-family: var(--font-Condensed);
}

.leadership_one .top_img figure figcaption h3 > span {
  display: block;
}

.leadership_one .top_img figure figcaption p {
  color: var(--color-white);
  letter-spacing: -.28px;
  font: var(--font-19);
  gap: 1rem;
  display: flex;
  font-weight: 200 !important;
}

.leadership_one .top_img figure figcaption p img {
  filter: invert() brightness(4.5);
  width: 2.2rem;
  height: 2.2rem;
}

.leadership_two {
  padding-block: 5.8rem 10rem;
}

.leadership_two .leadership_grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 4.8rem 3.4rem;
  display: grid;
}

.leadership_two .leadership_grid figure {
  position: relative;
}

.leadership_two .leadership_grid figure figcaption {
  padding-top: 2.2rem;
  padding-left: 4rem;
  position: relative;
}

.leadership_two .leadership_grid figure figcaption:before {
  content: "";
  background-color: var(--color-00);
  width: 6px;
  height: 132%;
  position: absolute;
  bottom: 0;
  left: 2rem;
}

.leadership_two .leadership_grid figure figcaption h3 {
  font: var(--font-29);
  color: var(--color-4e);
  letter-spacing: -.87px;
  font-weight: bold;
  line-height: 1.4;
  font-family: var(--font-Condensed);
  transition: all .5s;
}

.leadership_two .leadership_grid .leadership_grid_Bx:hover figure figcaption h3 {
  color: var(--color-e8);
}

.leadership_two .leadership_grid .leadership_grid_Bx:hover figure figcaption p {
  color: var(--color-100);
}

.leadership_two .leadership_grid .leadership_grid_Bx figure figcaption p {
  transition: all .5s;
}

.leadership_two .leadership_grid figure figcaption p {
  font: var(--font-17);
  color: var(--color-e8);
  font-family: var(--font-Condensed);
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.leadership_two .leadership_grid figure figcaption p > img {
  width: 2.2rem;
  height: 2.2rem;
}

.leadership_two .leadership_grid figure:hover figcaption h3, .leadership_two .leadership_grid figure:hover figcaption p {
  color: var(--color-00);
  transition: all .5s ease-in-out;
}

.leadership_two .leadership_grid figure:hover figcaption p > img {
  opacity: .5;
}

.leadership_dtls_one {
  padding-top: .9rem;
  position: relative;
}

.leadership_dtls_one:before {
  content: "";
  z-index: 1;
  background: #ddebf5;
  width: 100%;
  height: 19%;
  position: absolute;
  top: 0;
  left: 0;
}

.leadership_dtls_one .top_img {
  position: relative;
}

.leadership_dtls_one .top_img figure:after {
  content: "";
  z-index: 2;
  background: linear-gradient(90deg, #0000 0%, #00000073 40%, #000000bf 100%);
  border-radius: 0 .8rem 5rem 0;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.leadership_dtls_one .top_img figure {
  z-index: 2;
  justify-content: end;
  align-items: center;
  margin-top: 0;
  position: relative;
}

.leadership_dtls_one .top_img img {
  border-radius: 5rem .8rem;
}

.leadership_dtls_one .top_img figure > * {
  grid-area: 1 / 1;
}

.leadership_dtls_one .top_img figure figcaption {
  z-index: 9;
  align-items: center;
  max-width: 48rem;
  margin-inline: auto 6.2rem;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.leadership_dtls_one .top_img figure figcaption .desgtn:before {
  content: "";
  background-color: var(--color-00);
  width: 14%;
  height: .5rem;
  position: absolute;
  top: -1.5rem;
  left: 0;
}

.leadership_dtls_one .top_img figure figcaption .desgtn {
  position: relative;
}

.leadership_dtls_one .top_img figure figcaption h3 {
  font: var(--font-40);
  letter-spacing: -1.2px;
  color: var(--color-white);
  font-family: var(--font-Condensed);
  margin-bottom: 1rem;
  line-height: 1;
}

.leadership_dtls_one .top_img figure figcaption h5 {
  color: var(--color-white);
  font: var(--font-19);
  letter-spacing: -.28px;
  border-bottom: 1px solid #ffffff73;
  margin-bottom: 3rem;
  padding-bottom: 1.7rem;
  font-weight: 300;
}

.leadership_dtls_one .top_img figure figcaption h3 > span {
  font: var(--font-40);
  letter-spacing: -1.2px;
  font-family: var(--font-Condensed);
  display: block;
}

.leadership_dtls_one .top_img figure figcaption p {
  color: var(--color-white);
  font: var(--font-20);
  letter-spacing: -.3px;
  padding-right: 3.5rem;
  font-weight: 400;
  line-height: 1.3;
}

.leadership_dtls_two {
  padding-block: 8rem 10rem;
}

.leadership-dr-b-suresh .leadership_dtls_two, .leadership-cmd-bk-gupta-retd .leadership_dtls_two, .leadership-dr-praveen-tk .leadership_dtls_two, .leadership-dr-gayatri-sakya .leadership_dtls_two {
  padding-block: 8rem 0;
}

.leadership_two_cnt {
  position: relative;
}

.testimonials-page .leader_row {
  grid-template-columns: repeat(1, 47% auto);
  gap: 8.6rem;
  display: grid;
}

.leadership_two_cnt:before {
  background-color: var(--color-100);
  content: "";
  width: 60%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

.leadership_two_cnt2 {
  padding-right: 1rem;
  display: none;
  position: relative;
}

.leadership_two_cnt2:before {
  background-color: var(--color-100);
  content: "";
  width: 40%;
  height: 4px;
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
}

.leadership_two_cnt h5 {
  font: var(--font-24);
  color: var(--color-black);
  padding-block: 8rem 3.6rem;
  font-weight: 300;
  line-height: 1.5;
}

.leadership_two_cnt p {
  font: var(--font-16);
  color: var(--color-black);
  line-height: 2.8rem;
}

.leadership_two_cnt p:last-child {
  padding-bottom: 7.2rem;
}

.leadership_two_img figure img {
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  height: auto;
}

.biographi_section {
  border-top: 1px solid #d5d1d1;
  margin-top: 3rem;
  padding-top: 8rem;
}

.biographi_section h3 {
  font: var(--font-24);
  color: var(--color-29);
  margin-bottom: 2.4rem;
  font-weight: 500;
}

.biographi_section p {
  font: var(--font-24);
  color: var(--color-black);
  max-width: 97%;
  font-weight: 300;
  line-height: 1.4;
}

.message_text figure img {
  max-width: 16rem;
}

.message_warpper {
  background-color: var(--color-9a);
  z-index: 2;
  padding-block: 8rem;
  position: relative;
}

.message_warpper figure {
  width: 100%;
  position: absolute;
  top: -4rem;
  left: 0;
}

.message_warpper:before {
  background-color: var(--color-9a);
  content: "";
  z-index: -1;
  border-radius: 50px 0 0 8px;
  width: 14rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -13.8rem;
}

.message_warpper:after {
  background-color: var(--color-9a);
  content: "";
  z-index: -1;
  border-radius: 0 8px 50px 0;
  width: 14rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -13.8rem;
}

.message_footer {
  padding-top: 3rem;
}

.message_text figure {
  width: 100%;
  position: absolute;
  top: -4rem;
  left: 0;
}

.message_text {
  margin-top: 4rem;
}

.message_section {
  padding-block: 5rem 12rem;
}

.message_text h3 {
  font: var(--font-24);
  color: var(--color-100);
  margin-bottom: 3rem;
  font-weight: 500;
}

.message_text h5 {
  font: var(--font-24);
  color: var(--color-white);
  margin-bottom: 2.1rem;
  font-weight: 200;
}

.message_warpper p {
  font: var(--font-16);
  color: var(--color-white);
  font-weight: 300;
  line-height: 2.8rem;
}

.message_img {
  justify-content: center;
  padding-left: 3rem;
}

.message_img figure img {
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 4rem;
}

.message_img-thumb {
  position: relative;
}

.message_img figure {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.message_img-thumb-grp {
  z-index: 9;
  gap: 0 2.4rem;
  padding: 0 0 3rem 1.8rem;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
}

.message_img-thumb-grp p {
  font: var(--font-13);
  color: var(--color-white);
  max-width: 300px;
  line-height: 1.5;
}

.message_img-thumb-icon {
  cursor: pointer;
  background-color: #b08f29;
  border: 2.5px solid #b08f29;
  border-radius: 100%;
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.message_img-thumb-icon:before {
  content: "";
  border: 10px solid #0000;
  border-left-color: var(--color-white);
  border-width: 8px 0 9px 13px;
  display: inline-block;
  position: absolute;
  top: 29%;
  left: 41%;
}

.message_img-thumb-cont h6 {
  font: var(--font-16);
  color: var(--color-white);
  font-family: var(--font-Condensed);
  padding-bottom: .3rem;
}

.message_img-thumb-cont h4 {
  font: var(--font-21);
  color: var(--color-white);
  font-family: var(--font-Condensed);
  font-weight: bold;
}

.message_footer p {
  font: var(--font-13);
  color: var(--color-white);
  border-bottom: 1px solid #ffffff54;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  line-height: 1.5;
}

.message_footer_section {
  border-top: 1px solid #ffffff54;
  margin-top: 3rem;
  padding-top: 2rem;
}

.message_footer_section h4 {
  font: var(--font-24);
  color: var(--color-white);
  text-transform: capitalize;
  font-weight: bold;
  line-height: 1.3;
}

.message_footer h5 {
  font: var(--font-24);
  color: var(--color-white);
  font-weight: 300;
}

.message_footer h5 span {
  font-weight: 700;
  display: block;
}

.message_footer p:last-of-type {
  margin-bottom: 3rem;
}

.department-about-us .hod-message-module__coWbsW__container {
  background-color: var(--color-white);
}

.department-pharmaceutics-about-us .grid_card_design1_section {
  padding-block: 10rem 2rem;
}

.department-research .table_section {
  background-color: #0000;
  padding: 0;
}

.department-pharmacology-facilities .top_section {
  background: var(--color-white);
  margin-top: 0;
  padding-block: 8rem 0;
}

@media screen and (max-width: 1920px) {
  .uni_boa_grid {
    grid-template-columns: repeat(2, auto);
  }

  .uni_boa_grid .uni_boa_itemse img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1599px) {
  .message_warpper:after {
    width: 10rem;
    right: -9.8rem;
  }

  .message_warpper:before {
    width: 10rem;
    left: -9.8rem;
  }

  .department-master-of-computer-applications-about-us .estab_slide_item {
    min-height: 25rem;
  }
}

@media screen and (max-width: 1499px) {
  .message_warpper:after {
    width: 7rem;
    right: -6.8rem;
  }

  .message_warpper:before {
    width: 7rem;
    left: -6.8rem;
  }
}

@media screen and (max-width: 1366px) {
  .message_warpper figure {
    top: -6rem;
    left: 0;
  }

  .tesIcon {
    width: 14%;
  }

  .biographi_section {
    padding-top: 6rem;
  }

  .research_labmain {
    padding-block: 10rem;
  }

  .lib_cen_main .cumpus_left_img p {
    max-width: 100%;
    padding-top: 6.1rem;
  }

  .academic-facilities .lib_cen_main .campu_grid_main.capus_grid_two .campu_con_rgt {
    max-width: 90%;
    padding-left: 0;
  }

  .about_one .estblish {
    max-width: 100%;
    padding-block: 4rem;
  }

  .placement_proSec {
    padding-block: 4rem 6rem;
  }

  .popup-modal {
    width: 80%;
  }
}

@media screen and (max-width: 1100px) {
  .message_warpper:after {
    width: 3rem;
    right: -2.8rem;
  }

  .message_warpper:before {
    width: 3rem;
    left: -2.8rem;
  }

  .tesIcon {
    width: 12%;
  }

  .about_f_value {
    padding-top: 6rem;
  }

  .about_four {
    padding-bottom: 6rem;
  }
}

@media screen and (max-width: 1024px) {
  .leadership_two_cnt p {
    padding-bottom: 2.2rem;
  }

  .about_one .estblish {
    padding-block: 4rem;
  }

  .admission-selection-process.ad_selec_procss {
    padding-top: 6rem;
    padding-bottom: 8rem;
  }

  .eligib_cont h2 {
    font: var(--font-40);
    color: var(--color-white);
    letter-spacing: -1px;
    font-family: var(--font-Condensed);
    margin-bottom: 3.1rem;
    line-height: normal;
  }

  .fee_sturc_admain {
    background-color: var(--color-white);
    padding-block: 8rem 6rem;
  }

  .about_f_value .ab_f_content {
    padding-left: 6.8rem;
    padding-right: 2rem;
  }

  .add_of_context {
    background-color: var(--color-9a);
    height: 100%;
    max-height: 33.7rem;
    padding: 4.3rem 4.2rem 3.7rem 5.2rem;
  }

  .admins_of_con {
    padding-bottom: 8rem;
  }

  .hostal_title h4 {
    font: var(--font-24);
    color: var(--color-33);
    text-align: left;
    margin-bottom: 6rem;
    font-weight: 300;
  }

  .biographi_section {
    padding-top: 4rem;
  }

  .leadership_dtls_two {
    padding-block: 6rem 5rem;
  }

  .leadership-dr-praveen-tk .leadership_dtls_two {
    padding-block: 8rem 0;
  }

  .message_warpper {
    padding-block: 6rem;
  }

  .heri_principalmain {
    padding-block: 8rem;
  }

  .about_four.heritage .about_f_value {
    padding-top: 8rem;
  }

  .about_one .about_top {
    padding-top: 0;
  }

  .about_one .abt_cntnt {
    padding-top: 0;
  }

  .about_one .estblish {
    max-width: 100%;
    padding-block: 4rem 0;
  }

  .placeBottom p {
    max-width: 100%;
    margin-block: 1.2rem 6rem;
  }

  .placement_highlights {
    padding-block: 6rem 8rem;
  }

  .placement_highlights .heading {
    padding-block: 0 2rem;
  }

  .placement_proSec {
    padding-block: 2rem 6rem;
  }

  .placement .placement_procedure {
    margin-bottom: 5.2rem;
    padding-bottom: 5.2rem;
  }

  .place_logos .early-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .placement_procedure {
    grid-template-columns: repeat(2, 1fr);
  }

  .about_two {
    padding-bottom: 10rem;
  }

  .request_Row {
    grid-template-columns: repeat(1, 50% auto);
    gap: 6.3rem;
  }

  .placement_requ {
    padding-bottom: 10.6rem;
  }

  .resea_facili_main .exten_grid {
    gap: 4rem;
  }

  .schools-facilities.schools-page .about_one .estblish {
    padding-block: 4rem 2rem;
  }

  .popup-modal {
    width: 90%;
    top: 5%;
  }
}

@media screen and (max-width: 991px) {
  .leader_row {
    display: block;
  }

  .academic-audit-process .amenities_section {
    padding-block: 5rem;
  }

  .academic-audit-process .amenities_section .grid_group {
    grid-template-columns: 1fr;
  }

  .about_one .estblish p {
    text-align: left;
  }

  .careers .placement_proSec, .careers .admins_of_con {
    padding-bottom: 4rem;
  }

  .testimonials-page .leader_row {
    display: block;
  }

  .testimonials-page .leader_row .leadership_two_img figure {
    max-width: 100%;
  }

  .faci_diff_tabs .faci_accordion {
    padding-inline: 5.4rem 5.8rem;
  }

  .academic-facilities .facilities_diffent {
    padding-block: 8rem;
  }

  .hostal_d_btns {
    padding-bottom: 8.2rem;
  }

  .leadership_two_img figure img {
    width: 100%;
  }

  .leadership_dtls_two {
    padding-block: 4rem;
  }

  .message_warpper {
    padding-top: 3rem;
  }

  .message_text {
    margin-block: 4rem;
    padding-right: 0;
  }

  .message_warpper figure {
    top: -3rem;
  }

  .message_img {
    padding-left: 0;
  }

  .message_section {
    padding-bottom: 4rem;
  }

  .leadership_two_cnt h5 {
    padding-top: 4rem;
  }

  .inner_sub_header {
    margin-top: 0;
  }

  .about_top {
    padding-top: 4rem;
  }

  .consultancy_main .atm_fac_grid {
    display: block;
  }

  .about_f_value {
    display: block;
  }

  .about_f_value .ab_f_content {
    padding-left: 0;
    padding-block: 4rem 0;
    padding-right: 0;
  }

  .consultancy_main .downlo_guides {
    padding-top: 0;
  }

  .atm_g_imgsec img {
    height: 100%;
  }

  .inner-title .innnr_head ul {
    gap: 2rem;
    margin-top: 2.5rem;
  }

  .inner-title .innnr_head ul li {
    padding-top: 1rem;
  }

  .inner-title .innnr_head ul li a {
    font: var(--font-14);
  }

  .programs .inner-title {
    padding-bottom: 2rem;
  }

  .ab_estab_slider .swiper-backface-hidden .swiper-slide {
    height: auto;
  }

  .about_four.heritage .about_f_value .ab_f_content {
    padding-left: 0;
    padding-right: 0;
  }

  .about_four.heritage .about_f_value {
    padding-top: 7rem;
  }

  .heri_principalmain {
    padding-block: 7rem;
  }

  .heri_pri_btm_text, .about_one .abt_cntnt p, .about_one .estblish {
    max-width: 100%;
  }

  .grid_emaboutjss {
    flex-flow: column-reverse wrap;
    display: flex;
  }

  .about_jsstwo, .about_fost_sec {
    padding-block: 7rem;
  }

  .ab_fost_grid {
    flex-flow: column-reverse wrap;
    gap: 3rem;
    display: flex;
  }

  .ab_fost_grid .grid_em_rigt {
    width: 100%;
  }

  .about_top.organogram_page {
    padding-bottom: 5rem;
  }

  .academic-council .table_section {
    padding: 5rem 0 0;
  }

  .academic-council .table_section:last-child {
    padding: 5rem 0;
  }

  .academic_grid {
    flex-direction: column-reverse;
    display: flex;
  }

  .academic_grid .acade_lab_slider {
    order: 1;
    width: 100%;
    overflow: hidden;
  }

  .academic_lab_leftsec h5 {
    padding-top: 0;
  }

  .academic_labmain {
    padding-block: 7rem;
  }

  .academic_grid .ab_jss_coutsec {
    margin-block: 5rem 0;
  }

  .research_labmain {
    padding-block: 7rem;
  }

  .research_grid_one, .research_grid_two {
    flex-wrap: wrap;
    display: flex;
  }

  .research_grid_one .research_cont {
    padding-left: 0;
  }

  .research_grid_two .researh_imgsec {
    order: 1;
  }

  .academic-facilities .research_grid_one .research_cont {
    padding-right: 0;
  }

  .re_obj_grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .research_grid_two .research_cont {
    padding-right: 0;
  }

  .researh_imgsec {
    width: 100%;
  }

  .research_grid_two .research_cont h2 {
    padding-right: 0;
  }

  .academic-facilities .lib_cen_main .campu_grid_main.capus_grid_two .campu_con_rgt {
    max-width: 100%;
  }

  .academic-facilities .campu_grid_main.capus_grid_two {
    flex-wrap: wrap;
    display: flex;
  }

  .lib_cen_main .cumpus_left_img p {
    max-width: 100%;
  }

  .research_grid_two.research_at {
    flex-direction: column-reverse;
    padding-top: 4rem;
  }

  .acade_lab_slider img {
    height: auto;
  }

  .academic-facilities .about_top {
    padding-bottom: 4rem;
  }

  .amenities_loadmore {
    padding-block: 2rem;
  }

  .uni_boasts_rag_sec {
    padding-block: 7em;
  }

  .uni_bo_topsec {
    flex-wrap: wrap;
    display: flex;
  }

  .uni_bo_text {
    padding: 2rem 0 0;
  }

  .uni_boa_itemse figure img {
    height: auto;
  }

  .step-and-startups-in-campus .exten_grid, .research .exten_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .research .exten_grid .exten_listyle {
    padding: 3rem 0 0;
  }

  .step-and-startups-in-campus .exte_mainsec, .research .exte_mainsec {
    padding-bottom: 5rem;
  }

  .index_res_grid {
    width: 100%;
  }

  .resea_cre_items .ab_jss_coutsec .ab_jss_c_col {
    padding: 4rem 1.5rem;
  }

  .publi_title {
    max-width: 100%;
  }

  .publi_gridmain {
    width: 100%;
    margin-left: 0;
  }

  .public_table {
    padding-left: 3rem;
  }

  .publi_content {
    padding-top: 5.8rem;
    padding-right: 4rem;
  }

  .research .pulication_patent, .research .grands_mainsec {
    padding-block: 7rem;
  }

  .research .grands_maingrid {
    grid-template-columns: repeat(1, 1fr);
  }

  .research .grands_content {
    padding: 3rem 0 0;
  }

  .grans_tab_mainsec {
    padding-block: 7rem;
  }

  .atm_g_imgsec {
    padding-top: 4rem;
  }

  .consultancy_main {
    padding-block: 7rem;
  }

  .grands_imgsec figure img {
    width: 100%;
  }

  .pulication_patent {
    padding: 10rem 0;
  }

  .exten_listyle {
    padding-inline: 0;
    padding-top: 3rem;
  }

  .step-and-startups-in-campus .single_image_content .content_col {
    padding: 0;
  }

  .singleImageContent .row {
    flex-direction: column;
    gap: 2rem;
    display: flex;
  }

  .placements_loader {
    padding-block: 2rem 7rem;
    position: relative;
  }

  .placements_loader:after, .placements_loader:before {
    top: 3.8rem;
  }

  .placement_procedure {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }

  .procedure_box p {
    max-width: 100%;
  }

  .imageContent-module__R4BLKG__content_col h4 {
    margin-bottom: 2rem;
  }

  .admins_of_con {
    padding-bottom: 0;
  }

  .schools-about-the-school .about_one .estblish {
    padding-block: 4rem 2rem;
  }
}

@media screen and (max-width: 767px) {
  .message_text {
    padding-inline: 3rem;
  }

  .academic-audit-process .amenities_section {
    padding-block: 2rem;
  }

  .resea_facili_main .exten_grid {
    display: block;
  }

  .about_f_value .ab_f_content h3 {
    padding-bottom: 2rem;
  }

  .ad_selec_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }

  .recent-audit-observations .ad_selec_procss {
    padding-top: 2rem;
  }

  .ad_selec_grid .ad_sel_col {
    padding: 2.7rem 2.5rem;
  }

  .leadership_two_cnt2 {
    margin-top: 2rem;
  }

  .eligib_grid_ad {
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    display: grid;
  }

  .eligib_grid_ad .eligib_cont {
    padding-right: 0;
  }

  .eligibilty_main {
    padding-block: 6rem;
  }

  .edigiblity_tabs .growth-tabs {
    text-align: left;
  }

  .fee_sturc_admain {
    background-color: var(--color-white);
    padding-block: 4rem 6rem;
  }

  .placement_proSec.information {
    padding-top: 3rem;
  }

  .procedure_heading h2 {
    font: var(--font-22);
    font-family: var(--font-Roboto);
    color: #16344e;
    font-weight: bold;
    line-height: normal;
  }

  .procedure_box {
    padding: 3.2rem 3.8rem 3.8rem 3.2rem;
  }

  .ad_offc_contact {
    grid-template-columns: repeat(1, 1fr);
  }

  .hostal_d_btns {
    padding-bottom: 3rem;
  }

  .hostal_title {
    text-align: left;
    max-width: 100%;
  }

  .admission-selection-process.ad_selec_procss {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }

  .host_de_grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.5rem;
  }

  .add_of_context {
    padding: 3.3rem 3.2rem 3.7rem;
  }

  .request_Row {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.3rem;
  }

  .placement_highlights {
    padding-block: 4rem 6rem;
  }

  .placement_highlights .heading {
    padding-block: 0 0;
  }

  .procedure_heading {
    margin-bottom: 3rem;
  }

  .place_logos .early-grid figure {
    padding: 2.7rem 2.3rem;
  }

  .place_logos .early-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .high_box h3 {
    font: var(--font-36);
    letter-spacing: -1.92px;
    font-family: var(--font-Roboto);
    text-transform: uppercase;
    color: var(--color-white);
    margin-bottom: 1rem;
    line-height: 1.1;
  }

  .placement_requ {
    padding-bottom: 6.6rem;
  }

  .consultancy_main {
    padding-block: 5rem;
  }

  .biographi_section {
    padding-top: 2rem;
  }

  .about_one .abt_cntnt {
    padding-top: 0;
  }

  .about_one .abt_cntnt p {
    max-width: 100%;
    padding-bottom: 2rem;
  }

  .consultancy_main .downlo_guides {
    padding-top: 4rem;
  }

  .about_one .abt_cntnt p {
    text-align: left;
    font: var(--font-20);
    max-width: 100%;
    font-weight: 300;
    line-height: 1.4;
  }

  .about_top.padding-bottom {
    padding-bottom: 4rem;
  }

  .hei__princi_grid h3 {
    text-align: left;
    padding-inline: 0;
    max-width: 100%;
    padding-bottom: 2rem;
  }

  .heri_pri_btm_text p {
    margin-bottom: 0;
  }

  .about_four.heritage .about_f_value {
    padding-top: 5rem;
  }

  .ab_f_content p {
    margin-bottom: 0;
  }

  .heri_principalmain {
    padding-block: 3rem;
  }

  .heri_prici_names {
    margin-bottom: 3.85rem;
  }

  .heri_pri_btm_text {
    text-align: left;
  }

  .heri_prici_names h5.titleOne {
    padding-right: 0;
  }

  .grid_emaboutjss {
    gap: 4rem;
  }

  .para p:last-child {
    margin-bottom: 0;
  }

  .about_jsstwo, .about_fost_sec {
    padding-block: 5rem;
  }

  .ab_jss_c_col {
    width: 50%;
    padding: 3.3rem 2.5rem;
  }

  .ab_fost_lft_col h5 {
    margin-bottom: 1.5rem;
  }

  .ab_jss_c_col h4 {
    font: var(--font-30);
  }

  .leadership_two {
    padding-block: 4.8rem 6rem;
  }

  .amenities_title p {
    max-width: 100%;
  }

  .researh_imgsec figure img {
    height: auto;
  }

  .re_obj_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .re_obj_card {
    min-height: auto;
  }

  .sports_fac_slider figure img {
    height: 40rem;
  }

  .sports_fac_slider .spo_fa_content {
    gap: 5rem;
    padding-block: 3rem;
  }

  .spo_fa_counsec {
    padding: 1.8rem 0;
  }

  .lib_cen_main .cumpus_left_img p {
    padding-top: 3rem;
  }

  .admins_of_con {
    padding-bottom: 0;
  }

  .academic-facilities .facilities_diffent {
    padding-block: 5rem;
  }

  .research_grid_two .research_cont h2 {
    font: var(--font-24);
    font-weight: 600;
    font-family: var(--font-Condensed);
  }

  .re_obj_card {
    background-color: var(--color-white);
    padding: 2rem;
  }

  .campu_grid_main.capus_grid_two {
    padding-bottom: 3rem;
  }

  .grow_tb_contsec {
    padding-top: 3rem;
  }

  .facilities_diffent p {
    color: var(--color-44);
    margin-bottom: 0;
  }

  .research_cont p {
    margin-bottom: 2rem;
  }

  .faci_diff_tabs .fac_tab_con {
    grid-template-columns: repeat(1, 1fr);
  }

  .faci_diff_tabs .faci_accordion {
    padding: 2rem 0;
  }

  .facilities_diffent .grow_tb_contsec, .fac_diff_title p {
    margin-bottom: 1.2rem;
  }

  .growth-tabs ul li {
    padding-inline: 0 1rem;
  }

  .lib_cen_main .ab_jss_coutsec {
    margin-top: 4.5rem;
  }

  .campu_con_rgt .ab_jss_c_col {
    padding: 3rem 2.4rem;
  }

  .academic_labmain {
    padding-block: 5rem;
  }

  .academic_lab_leftsec p {
    padding-right: 0;
  }

  .academic_lab_leftsec h4 {
    padding-right: 0;
  }

  .academic_grid .ab_jss_c_col h4 {
    font: var(--font-30);
  }

  .research_labmain {
    padding-block: 5rem;
  }

  .index_res_grid {
    grid-template-columns: repeat(1, 1fr);
    display: block;
  }

  .about_one .overlap_contents:before {
    display: none;
  }

  .ab_jss_c_col {
    width: 100%;
  }

  .resea_cre_items {
    border-right: 0px solid var(--color-d4);
    padding: 4.7rem 0 4.7rem 0;
  }

  .resea_cre_items2 {
    padding: 2rem 0 4.7rem 0;
  }

  .research .pulication_patent, .research .grands_mainsec {
    padding-block: 5rem;
  }

  .publi_gridmain {
    grid-template-columns: repeat(1, 1fr);
    display: block;
  }

  .publi_gridmain .publi_content {
    border-bottom: 1px solid var(--color-d4);
    border-right: 0;
    padding-top: 3rem;
    padding-right: 0;
  }

  .public_table {
    padding-top: 3rem;
    padding-left: 0;
  }

  .grans_tab_mainsec {
    padding-block: 5rem;
  }

  .atm_fac_grid h5 {
    margin-bottom: 2.5rem;
  }

  .research .resea_cre_items2 h3 {
    width: 100%;
  }

  .research .grands_mainsec .publi_title {
    max-width: 100%;
  }

  .popup-modal {
    top: 6%;
  }

  .programs-page .core-sec {
    padding-block: 2rem 5rem;
  }

  .about_two {
    padding-bottom: 5rem;
  }
}

@media (max-width: 768px) {
  .about-jssmvp .about_jsstwo {
    padding-top: 5rem;
  }

  .about-jss .about_three .vsn_msn_grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .about_three .vsn_msn_grid .miss-rgt h4 {
    letter-spacing: -.88px;
    font: var(--font-30);
  }

  .academic-council .table_section thead th:first-child {
    min-width: auto;
  }

  .academic-council .table_section .table-lab tbody td:nth-child(3) {
    min-width: 35rem;
  }

  .tesIcon {
    margin-left: 3rem;
  }

  .leadership_dtls_two {
    padding-block: 1rem;
  }

  .testimonials-page .leadership_dtls_two {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .message_img figure img {
    margin-top: 2rem;
  }

  .message_footer_section {
    padding-top: 2rem;
    margin-top: 1rem;
    padding-inline: 3rem;
  }

  .biographi_section p {
    font: var(--font-16);
    color: var(--color-black);
    font-weight: 300;
    line-height: 1.4;
  }

  .leadership_one .top_img > div {
    align-items: stretch;
    gap: 1rem;
    flex-direction: column !important;
    display: flex !important;
  }

  .leadership_one .top_img figure figcaption h3 {
    font: var(--font-21);
    letter-spacing: -1.2px;
    color: var(--color-white);
    word-break: break-word;
    font-weight: 600;
    line-height: 1.3;
  }

  .leadership_one .top_img figure figcaption {
    padding-bottom: 0;
    padding-left: 1rem;
  }

  .leadership_one .top_img figure figcaption p {
    color: var(--color-white);
    font: var(--font-12);
    gap: 1rem;
    display: flex;
  }

  .arrow-icon {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    top: 1px;
    right: 6px;
  }

  .leadership_grid_Bx .arrow-icon {
    width: 2rem;
    height: 2rem;
    top: 0;
    left: 0;
  }

  .leadership_one .top_img > div > figure {
    flex: none;
    width: 100%;
    margin: 0;
  }

  .leadership_one .top_img > div > figure img, .leadership_one .top_img > div > figure .img-fluid {
    object-fit: cover;
    width: 100% !important;
    height: auto !important;
    margin-top: 0 !important;
  }

  .leadership_one .top_img > div > figcaption {
    text-align: left;
    background: none;
    flex: none;
    width: 100%;
    padding: 1.25rem !important;
  }

  .leadership_one .top_img > div > figcaption h3 {
    font: var(--font-30);
    margin-bottom: .5rem;
    line-height: 1.2;
  }

  .leadership_one .top_img > div > figcaption p {
    font: var(--font-24);
    margin: 0;
  }

  .leadership_one .top_img figure {
    align-items: end;
    margin-top: 0;
    display: grid;
    position: relative;
  }

  .leadership_two .leadership_grid figure figcaption h3 {
    font: var(--font-18);
    color: var(--color-4e);
    font-weight: bold;
  }

  .leadership_two .leadership_grid figure figcaption p {
    font: var(--font-12);
    color: var(--color-e8);
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .leadership_two .leadership_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 3rem;
    display: grid;
  }

  .leadership_dtls_one .top_img figure {
    justify-content: end;
    align-items: center;
    margin-top: 0;
    position: relative;
  }

  .leadership_dtls_one .top_img figure figcaption {
    z-index: 1;
    align-items: center;
    max-width: 24rem;
    margin-inline: auto 3.1rem;
    padding-bottom: 0;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .leadership_dtls_one .top_img figure figcaption h3 {
    font: var(--font-16);
    letter-spacing: -1.2px;
    color: var(--color-white);
    font-family: var(--font-Condensed);
    margin-bottom: .5rem;
  }

  .leadership_dtls_one .top_img figure figcaption h5 {
    color: var(--color-white);
    font: var(--font-10);
    letter-spacing: -.28px;
    border-bottom: 1px solid #ffffff73;
    margin-bottom: 1.7rem;
    padding-bottom: 1.7rem;
  }

  .leadership_dtls_one .top_img figure figcaption .desgtn p {
    font: var(--font-8);
    position: relative;
  }

  .leadership_dtls_one .top_img figure figcaption {
    display: none;
  }

  .leadership_two_cnt2 {
    flex-direction: column;
    padding-right: 1rem;
    display: flex;
    position: relative;
  }

  .leadership_two_cnt2:before {
    content: none;
  }

  .leadership_two_cnt2 h3 {
    font: var(--font-20);
    color: var(--color-black);
    padding-block: 2rem;
    font-weight: 900;
  }

  .leadership_two_cnt2 h5 {
    font: var(--font-14);
    color: var(--color-black);
    font-weight: 300;
  }

  .leadership_two_cnt2 p {
    font: var(--font-16);
    color: var(--color-black);
    line-height: 1.5;
  }

  .leadership_two_cnt h5 {
    font: var(--font-18);
    color: var(--color-black);
    font-weight: 300;
  }

  .leadership_two_cnt p {
    font: var(--font-16);
    color: var(--color-black);
    line-height: 1.5;
  }

  .leadership_two_img {
    padding-left: 0;
  }

  .message_img {
    padding-bottom: 1.5rem;
    padding-left: 0;
    padding-inline: 3rem;
  }

  .message_img figure img {
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
    width: 100%;
    height: 100%;
  }

  .message_warpper:before, .message_warpper:after {
    display: none;
  }

  .message_warpper {
    background-color: var(--color-9a);
    z-index: 1;
    border-radius: 50px 8px;
    padding: 2rem 1rem;
    position: relative;
  }

  .message_warpper p {
    font: var(--font-18);
    color: var(--color-white);
    font-weight: 300;
    line-height: 1.5;
  }

  .message_text h3 {
    font: var(--font-24);
    color: var(--color-100);
    margin-top: 2rem;
    margin-bottom: 3rem;
    font-weight: 500;
  }

  .inner-title .innnr_head h3 {
    font: var(--font-30);
    margin-bottom: -.2rem;
  }

  .res_table_maincms .table_section:last-child, .res_table_maincms .table_section:first-child {
    padding-block: 2rem;
  }

  .testimonial-filter .filter-tabs {
    flex-wrap: wrap;
    gap: 1rem;
  }

  .testimonial-filter .filter-tabs button {
    width: 47%;
  }

  .program-list-boxs {
    gap: 3.5rem;
  }

  .department-master-of-computer-applications-about-us .estab_slide_item {
    min-height: auto;
  }
}

@media (max-width: 640px) {
  .leadership_two .leadership_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .leadership_one .top_img figure > img {
    object-fit: cover;
    min-height: 30rem;
  }

  .leadership_one .top_img figure figcaption h3 {
    max-width: 100%;
  }

  .placement_procedure {
    grid-template-columns: repeat(1, 1fr);
  }

  .procedure_box {
    padding: 3rem;
  }

  .popup-modal {
    top: 20%;
  }

  .early-slide .imgsli_left {
    border-radius: 3rem .2rem .2rem;
  }
}

@media (max-width: 575px) {
  .ad_selec_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .ad_selec_grid .ad_sel_col {
    padding: 2.7rem 2.5rem;
  }

  .recent-audit-observations .ad_sel_col li {
    margin-bottom: 1.5rem;
  }

  .ad_selec_procss {
    padding-block: 6rem;
  }

  .recent-audit-observations .table_section {
    padding-block: 3rem;
  }

  .admission-selection-process.ad_selec_procss {
    padding-bottom: 4rem;
  }

  .eligibilty_main {
    padding-block: 3rem;
  }

  .eligib_cont h5 {
    font: var(--font-20);
    color: var(--color-white);
    margin-bottom: 1.5rem;
  }

  .fee_stru_title p {
    color: var(--color-44);
    margin-bottom: 2rem;
  }

  .fee_sturc_admain {
    background-color: var(--color-white);
    padding-block: 3rem;
  }

  .about_f_value {
    padding-top: 3rem;
  }

  .procedure_box {
    padding: 2rem;
  }

  .placement_proSec {
    padding-block: 3rem;
  }

  .add_of_context {
    height: 100%;
    max-height: 30.7rem;
  }

  .hostal_title h4 {
    margin-bottom: 3rem;
  }

  .about_f_value .ab_f_content {
    padding-block: 3rem 0;
  }

  .eligib_cont h2 {
    font: var(--font-24);
    color: var(--color-white);
    letter-spacing: 0;
    font-family: var(--font-Condensed);
    margin-bottom: 3.1rem;
    line-height: normal;
  }
}

@media (max-width: 480px) {
  .leadership_dtls_one .top_img figure figcaption {
    display: none;
  }

  .placement_highLight {
    grid-template-columns: repeat(1, 1fr);
  }

  .high_box {
    border: none;
    padding: 1.5rem .9rem 1.8rem;
  }

  .placement_highlights {
    padding-block: 4rem;
  }

  .placement .placement_procedure {
    margin-bottom: 3.2rem;
    padding-bottom: 3.2rem;
  }

  .place_logos .early-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }

  .tabs_group_section .early-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .place_logos .early-grid figure .name {
    font: var(--font-14);
  }

  .leadership_two_cnt p {
    padding-bottom: 0;
  }

  .leadership_two_cnt h5 {
    padding-block: 2rem;
  }

  .message_section {
    padding-top: 2rem;
  }

  .tesIcon {
    width: 15%;
  }

  .academic_grid {
    gap: 2.3rem;
  }

  .academic_lab_leftsec h4 {
    font: var(--font-20);
    color: var(--color-white);
    margin-bottom: 0;
    padding-bottom: 2rem;
    padding-right: 0;
    font-weight: 300;
    line-height: 1.4;
  }

  .research_labmain {
    padding-block: 4rem;
  }

  .message_text {
    margin-top: 2rem;
  }

  .message_text h3 {
    margin-bottom: 2rem;
  }

  .leadership_one .top_img > div > figcaption h3 {
    font: var(--font-24);
  }

  .c {
    align-items: end;
    margin-top: 0;
    display: grid;
    position: relative;
  }

  .leadership_one .top_img figure figcaption {
    padding-bottom: 0;
    padding-left: 1rem;
  }

  .arrow-icon {
    width: 1.2rem;
    height: 1.2rem;
    position: relative;
    top: 1px;
    right: 6px;
  }

  .leadership_one .top_img figure {
    align-items: end;
    margin-top: 0;
    display: grid;
    position: relative;
  }

  .ab_estab_slider {
    padding: 2rem 0;
  }

  .heri_prici_names {
    margin-bottom: 2rem;
  }

  .heri_pri_btm_text {
    padding-top: 2rem;
  }

  .resea_cre_items .ab_jss_coutsec {
    grid-template-columns: repeat(1, 1fr);
  }

  .public_table .fee_table {
    width: auto;
    min-width: 100%;
  }

  .fee_strcu_table .fee_table_wrapper {
    width: 100%;
    overflow: scroll;
  }

  .research .pulication_patent, .research .grands_mainsec {
    padding-block: 4rem 2rem;
  }

  .grands_mainsec .publi_title p {
    text-align: left;
  }

  .fee_strcu_table {
    width: 100%;
    overflow: scroll;
  }

  .atm_fac_grid p {
    margin-bottom: 2rem;
  }

  .atm_g_imgsec {
    padding-top: 3rem;
  }

  .ab_jss_c_col {
    padding: 3.3rem 1rem;
  }

  .abou_t_sec h2 {
    padding-inline: 0;
  }

  .about_one .abt_cntnt {
    padding-top: 2rem;
  }

  .about_subtitle {
    margin-bottom: 2rem;
  }

  .sports_fac_slider .spo_fa_content {
    padding-block: 3rem;
  }

  .spo_fa_counsec h4 {
    font: var(--font-26);
  }

  .campu_con_rgt p {
    margin-bottom: 2rem;
  }

  .sport_fac_swiper .swiper-pagination {
    display: none;
  }

  .facilities_diffent p {
    margin-bottom: 0;
  }

  .lib_cen_main .ab_jss_coutsec {
    margin-top: 3rem;
    display: block;
  }

  .ab_jss_c_col {
    max-width: 100%;
  }

  .ab_jss_c_col:last-child {
    border-left: 1px solid var(--color-d4);
  }

  .academic_grid .ab_jss_coutsec {
    border-top: none;
    margin-block: 3rem 0;
    display: block;
  }

  .academic-facilities .facilities_diffent {
    padding-block: 3rem;
  }

  .campu_con_rgt .ab_jss_c_col {
    padding: 3rem .4rem;
  }

  .facilities_diffent h5 {
    line-height: 1.2;
  }

  .heri_prici_names {
    text-align: left;
  }

  .about_four.heritage p:not(:last-child) {
    margin-bottom: 1rem;
  }

  .hei__princi_grid h3 {
    font: var(--font-22);
    font-weight: 300;
    line-height: normal;
  }

  .heri_prici_names h5 {
    font: var(--font-24);
    font-family: var(--font-Condensed);
    font-weight: bold;
  }

  .placement_request_content p {
    font: var(--font-20);
    color: #16344e;
    font-family: var(--font-Roboto);
    letter-spacing: 0;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.1;
  }
}

.leadership_loader {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

@keyframes pageSpin {
  to {
    transform: rotate(360deg);
  }
}

.hod-message-module__coWbsW__hodImage {
  height: auto;
}

.department-master-of-computer-applications-facilities .library_section {
  padding-top: 10rem;
}

.department-master-of-computer-applications-placements .table_section:last-child {
  background-color: var(--color-f6);
}

main.main-container.department-about-us.department-page.department-chemistry-about-us .grid_card_design1_section, .department-physics-about-us .grid_card_design1_section, .department-information-technology-about-us .grid_card_design1_section {
  padding-block: 0 10rem;
}

@media (max-width: 991px) {
  .department-master-of-computer-applications-facilities .library_section, .awards-and-rankings .row.justify-content-center {
    padding-top: 5rem;
  }
}

@media (max-width: 575px) {
  .department-information-technology-about-us .grid_card_design1_section {
    padding-block: 0 6rem;
  }

  .awards-and-rankings .row.justify-content-center {
    padding-top: 3rem;
  }

  .awards-and-rankings .placement_proSec {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.institutional-development-plan section:nth-child(6).amenities_section .grid_group {
  display: block;
}

.institutional-development-plan section:nth-child(6).amenities_section .grid_group .right_col ul {
  gap: 0 6rem;
  margin: 5rem 0 0;
  padding: 0;
  display: flex;
}

.institutional-development-plan section:nth-child(6).amenities_section .grid_group .left_col ul li {
  padding: 0;
}

.leadership-mr-an-veerendra-kumar .leadership_dtls_two, .leadership-dr-shiddayya-s-shirur .leadership_dtls_two {
  padding-block: 8rem 0;
}

.leadership-dr-tg-mamatha .leadership_dtls_two .leadership_two_cnt p, .leadership-dr-h-r-mahadevaswamy .leadership_dtls_two .leadership_two_cnt p, .leadership-mr-ns-manoj-kumar .leadership_dtls_two .leadership_two_cnt p, .leadership-mr-ns-manoj-kumar .leadership_dtls_two .leadership_two_cnt p, .leadership-dr-b-manoj-kumar .leadership_dtls_two .leadership_two_cnt p, .leadership-dr-nilani-p .leadership_dtls_two .leadership_two_cnt p, .leadership-prof-dr-satyendra-patnaik .leadership_dtls_two .leadership_two_cnt p, .leadership-dr-anindita-de .leadership_dtls_two .leadership_two_cnt p, .leadership-dr-sonam-patel .leadership_dtls_two .leadership_two_cnt p {
  padding-bottom: 0;
}

.committees .growth-tabs ul li button {
  letter-spacing: .8px;
  font: var(--font-18);
  font-family: var(--font-Condensed);
  color: var(--color-white);
  background-color: #16344e;
  border: none;
  padding: .8rem 1.5rem;
  font-weight: bold;
}

.committees .growth-tabs ul li button.active {
  color: var(--color-black);
  background-color: var(--color-100);
}

.committees .tab_table_multiple_section {
  padding: 6rem 0 0;
}

.institutional-development-plan .vision_mission_section .mission-card ul li {
  padding-left: 2.2rem;
}

.institutional-development-plan .vision_mission_section .mission-card ul li:before {
  content: "";
  width: .7rem;
  height: .7rem;
  margin-top: .7rem;
}

.internation-conference .single_card .content h5 {
  min-height: 5rem;
}

.central-instrumentation-facilities .about_f_value .read_more_btn:hover {
  background-color: var(--color-4e);
  color: #fff;
}

.fee_strcu_table .fee_table thead th, .table_section thead tr {
  background-color: var(--color-9a);
}

.team-iqac .iqac_master .table_section {
  padding: 0;
}

.team-iqac .iqac_master .faqAnswer {
  width: 100%;
}

.academic-credits .about_top {
  padding-top: 0;
}

.academic-credits .estblish {
  padding: 0;
}

.alumni .about_two .early_rgt a.read_more_btn:hover {
  background-color: var(--color-4e);
  color: var(--color-white);
}

@media (max-width: 1366px) {
  .admission .admins_of_con .ad_offc_contact, .admission .admins_of_con .ad_offc_contact .ad_of_conimg, .admission .admins_of_con .ad_offc_contact .ad_of_conimg figure, .admission .admins_of_con .ad_offc_contact .ad_of_conimg figure img {
    height: 100%;
  }

  .admission .admins_of_con .ad_offc_contact .ad_of_conimg figure img {
    object-fit: cover;
  }

  .admission .admins_of_con .ad_offc_contact .add_of_context {
    max-height: 35.7rem;
  }
}

@media (max-width: 1024px) {
  .cus-profile-text {
    height: auto;
  }

  .academic-facilities .academic_labmain .ab_jss_coutsec .ab_jss_c_col {
    max-width: 100%;
    padding: 3rem 2rem;
  }
}

@media (max-width: 991px) {
  .institutional-development-plan section:nth-child(4) .grid_group {
    gap: 2rem;
  }

  .admission-sec .overview-duration .overview-duration-text {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }

  .institutional-development-plan .about_one {
    padding-bottom: 3rem;
  }

  .institutional-development-plan .vision_mission_section .mission-card {
    margin: 2rem 0 0;
  }

  .institutional-development-plan .vision_mission_section .mission-card ul li {
    padding-left: 2.2rem;
  }

  .institutional-development-plan .vision_mission_section + .amenities_section .left_col ul li:before, .institutional-development-plan section:nth-child(6).amenities_section .grid_group ul li:before {
    top: 10px;
  }

  .faulty-box {
    gap: 1.5rem 2rem;
  }

  .approvals-recognitions .estab_slide_item p {
    font: var(--font-18);
    margin: 2rem 0 0;
  }

  .academic-facilities .academic_labmain .ab_jss_coutsec .ab_jss_c_col {
    max-width: 27.4rem;
  }

  .academic-facilities .academic_labmain .acade_lab_slider .swiper-slide figure img {
    object-fit: cover;
    height: 100%;
  }

  .academic-facilities .academic_labmain .acade_lab_slider .swiper-slide figure, .academic-facilities .academic_labmain .acade_lab_slider .swiper-slide {
    height: 100%;
  }

  .academic-facilities .academic_labmain .academic_grid {
    gap: 7rem 0;
  }

  .academic-facilities .research_labmain.section_right {
    margin-bottom: 7rem;
  }

  .campus-facilities .image_content_repeat_section .single_image_content figure, .campus-facilities .image_content_repeat_section .single_image_content figure img {
    width: 100%;
    height: 100%;
  }

  .campus-facilities .image_content_repeat_section .single_image_content figure img {
    object-fit: cover;
  }

  .campus-facilities .amenities_section .grid_group {
    gap: 0;
  }

  .campus-facilities .about_two.labs_group_section .swiper-wrapper figure, .campus-facilities .about_two.labs_group_section .swiper-wrapper figure video, .campus-facilities .about_two.labs_group_section .swiper-wrapper figure img {
    width: 100%;
    height: 100%;
  }

  .campus-facilities .about_two.labs_group_section .swiper-wrapper figure img {
    object-fit: cover;
  }

  .internation-conference .conference_section .content {
    padding: 1.5rem 0;
  }

  .internation-conference .conference_section .grid, .patents .pate_boxmain .patent_boxgrid {
    grid-template-columns: repeat(3, 1fr);
  }

  .admission .eligibilty_main .eligib_cont {
    padding-right: 0;
  }

  .admission .hostal_detailmain {
    margin: 8rem 0 0;
  }

  .academic-credits .image_content_repeat_section figure img {
    width: 100%;
  }

  .academic-credits .image_content_repeat_section .singleImageContent .row {
    gap: 4rem;
  }
}

@media (max-width: 767px) {
  .institutional-development-plan section:nth-child(6).amenities_section .grid_group .right_col ul {
    flex-direction: column;
  }

  .inner-title .innnr_head ul {
    display: none;
  }

  .educational-sec .tabbed-content .apply-btn1 {
    width: auto;
  }

  .faqItem .faqAnswer ul li {
    line-height: 1.5;
  }

  .edigiblity_tabs .eligi_tab_con ul li {
    color: var(--color-44);
    font-weight: 400;
  }

  .programs-page .eligib_cont h4, .programs-page .eligib_cont h6 {
    color: var(--color-44);
  }

  .programs-page .eligib_cont .growth-item {
    padding-top: 0;
  }

  .faqAnswer p {
    line-height: 1.6;
  }

  .institutional-development-plan .vision_mission_section ul li:before {
    content: "";
    margin-top: .8rem;
  }

  .procedure_box p {
    line-height: 1.5;
  }

  .institutional-development-plan .about_one .abt_cntnt .atm_g_imgsec {
    display: none;
  }

  .institutional-development-plan .vision_mission_section + .amenities_section .left_col ul li:before, .institutional-development-plan section:nth-child(6).amenities_section .grid_group ul li:before {
    top: 12px;
  }

  .institutional-development-plan .vision_mission_section .mission-card ul li:before {
    margin-top: .6rem;
  }

  .program-search.faulty-sec .search-box {
    margin-bottom: 0;
  }

  .legacy .heri_principalmain .heri_prici_names .titleOne {
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-right: 0;
    padding-bottom: 2rem;
  }

  .legacy .heri_principalmain .heri_prici_names {
    flex-direction: column;
    gap: 2rem 0;
    margin-top: 4rem;
  }

  .legacy .heri_principalmain .heri_prici_names .titleTwo {
    text-align: center;
    padding-left: 0;
  }

  .approvals-recognitions .estab_slide_item {
    min-height: 20rem;
  }

  .approvals-recognitions .row.justify-content-center {
    padding-block: 6rem;
  }

  .academic-facilities .academic_labmain .academic_grid {
    gap: 5rem 0;
  }

  .academic-facilities .sports_fac_slider {
    display: block;
  }

  .academic-facilities .sports_fac_slider figure {
    position: relative;
  }

  .academic-facilities .sports_fac_slider figure:after {
    content: "";
    opacity: .64;
    background: linear-gradient(270deg, #0000 0%, #000 100%) no-repeat padding-box padding-box;
    position: absolute;
    inset: 0;
  }

  .academic-facilities .sports_fac_slider:after {
    display: none;
  }

  .academic-facilities .sport_fac_swiper {
    background-color: var(--color-9a);
  }

  .academic-facilities .research_labmain.section_right {
    margin-bottom: 5rem;
  }

  .campus-facilities .ameminites_listmain .bottom_dec {
    padding-bottom: 0;
  }

  .campus-facilities .about_two.labs_group_section video, .campus-facilities .image_content_repeat_section video {
    object-fit: cover;
    height: 100%;
  }

  .jss-news-letter .pdf_list_section li p {
    padding-right: 4rem;
  }

  .internation-conference .conference_section .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .main-container.placement .iqac_master {
    padding-bottom: 6rem;
  }

  .patents .pate_boxmain .patent_boxgrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .central-instrumentation-facilities .image_content_repeat_section .imageContent-module__R4BLKG__bottomDesc {
    margin: 4rem 0 0;
  }

  .admission .eligibilty_main .eligib_grid_ad {
    padding: 0;
  }

  .admission .admins_of_con .ad_offc_contact .add_of_context {
    max-height: 100%;
  }

  .academic-credits .image_content_repeat_section .singleImageContent .row {
    gap: 2rem;
  }
}

@media (max-width: 575px) {
  .institutional-development-plan .amenities_section .grid_group {
    padding: 3rem;
  }

  .faulty-box {
    gap: 1rem 2rem;
  }

  .academic-facilities .academic_labmain .ab_jss_coutsec .ab_jss_c_col {
    max-width: 100%;
  }

  .campus-facilities .ameminites_listmain .ameniti_item_col p {
    margin-bottom: 4rem;
  }

  .campus-facilities .uni_boa_grid {
    gap: 2rem;
  }

  .internation-conference .conference_section .grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .internation-conference .single_card .content h5 {
    min-height: auto;
  }

  .internation-conference .conference_section .grid {
    gap: 1rem 0;
  }

  .internation-conference .conference_section {
    padding: 6rem 0;
  }

  .patents .pate_boxmain .patent_boxgrid {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 480px) {
  .admission-sec .overview-duration .structure-btns {
    gap: 1.5rem 0;
  }

  .admission-sec .overview-duration .overview-duration-text {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.ac_pagination .ac_swi_btn img:hover {
  filter: invert(41%) sepia(94%) saturate(707%) hue-rotate(9deg) brightness(101%) contrast(102%);
}

/* [project]/src/styles/style.css [app-client] (css) */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

main {
  background-color: var(--color-f3);
}

.text-danger {
  color: red;
  font: var(--font-12);
}

html {
  font-size: 62.5%;
}

:root {
  --font-Roboto: "Roboto", sans-serif;
  --font-main: "Roboto Condensed", sans-serif;
  --font-Geist: "Geist", sans-serif;
  --font-Condensed: "Roboto Condensed", sans-serif;
  --font-notosans: "Noto Sans", sans-serif;
  --font-poppins: "Poppins", sans-serif;
  --color-f6: #f6f6f6;
  --color-e8: #018ce8;
  --color-f5: #ddebf5;
  --color-d4: #d4d4d4;
  --color-d6: #d6d6d6;
  --color-be: #bebebe;
  --color-4e: #16344e;
  --color-29: #b08f29;
  --color-21: #212121;
  --color-27: #272727;
  --color-100: #ffc100;
  --color-ai: #0036a1;
  --color-fff: #e6ffff;
  --color-73: #994073;
  --color-36: #eb5f36;
  --color-ff: #09f;
  --color-d9: #d9d9d9;
  --color-a0: #a02b2d;
  --color-00: #ffa600;
  --color-1c: #af251c;
  --color-9a: #00489a;
  --color-60: #f60;
  --color-black: #000;
  --color-white: #fff;
  --color-ec: #ecc820;
  --color-44: #444;
  --color-33: #333;
  --color-9d: #1b589d;
  --color-2e: #2e2e2e;
  --color-ef: #f0efef;
  --color-f33: #fff3;
  --font-110: normal 300 11rem / 1.218 var(--font-Geist);
  --font-100: normal 100 10rem / 1.218 var(--font-Roboto);
  --font-80: normal bold 8rem / 1.2 var(--font-Roboto);
  --font-60: normal bold 6rem / 1 var(--font-Roboto);
  --font-52: normal bold 5.2rem / 1.2 var(--font-Roboto);
  --font-51: normal bold 5.1rem / 1.2 var(--font-Roboto);
  --font-50: normal bold 5rem / 1.2 var(--font-Roboto);
  --font-48: normal 500 4.8rem / 1.2 var(--font-Roboto);
  --font-45: normal bold 4.5rem / 1.2 var(--font-Roboto);
  --font-42: normal bold 4.2rem / 1.2 var(--font-Roboto);
  --font-40: normal bold 4rem / 1.2 var(--font-Roboto);
  --font-38: normal 500 3.8rem / 1.2 var(--font-Roboto);
  --font-36: normal bold 3.6rem / 1.2 var(--font-Roboto);
  --font-34: normal bold 3.4rem / 1.2 var(--font-Roboto);
  --font-32: normal bold 3.2rem / 1.2 var(--font-Roboto);
  --font-30: normal bold 3rem / 1.2 var(--font-Roboto);
  --font-29: normal bold 2.9rem / 1.2 var(--font-Roboto);
  --font-28: normal bold 2.8rem / 1.2 var(--font-Roboto);
  --font-26: normal bold 2.6rem / 1.4 var(--font-Roboto);
  --font-24: normal 500 2.4rem / 1.2 var(--font-Roboto);
  --font-22: normal 500 2.2rem / 1.2 var(--font-Roboto);
  --font-21: normal normal 2.1rem / 1.2 var(--font-Roboto);
  --font-20: normal bold 2rem / 1.2 var(--font-Roboto);
  --font-19: normal normal 1.8rem / 1.2 var(--font-Roboto);
  --font-18: normal normal 1.8rem / 1.2 var(--font-Roboto);
  --font-17: normal normal 1.7rem / 1.1 var(--font-Roboto);
  --font-16: normal normal 1.6rem / 1.5 var(--font-Roboto);
  --font-15: normal normal 1.5rem / 1.2 var(--font-Roboto);
  --font-14: normal normal 1.4rem / 1.2 var(--font-Roboto);
  --font-13: normal normal 1.3rem / 1.2 var(--font-Roboto);
  --font-12: normal normal 1.4rem / 1.4 var(--font-Roboto);
  --line-height-31: calc(3.1rem / 2.6rem);
  --line-height-30: calc(3rem / 2.1rem);
  --line-height-22: calc(2.2rem / 1.4rem);
  --line-height-21: calc(2.1rem / 1.4rem);
  --line-height-19: calc(1.9rem / 1.2rem);
  --line-height-15: calc(1.5rem / 1.2rem);
}

.main-container .container, .footer_section .container {
  max-width: 1412px;
  padding-inline: 1.5rem;
}

.containerXl {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding-inline: 9.8rem;
}

@media (max-width: 1699px) {
  :root {
    --font-16: normal normal 1.85rem / 1.5 var(--font-Roboto);
  }
}

@media (max-width: 990px) {
  :root {
    --font-16: normal normal 1.5rem / 1.5 var(--font-Roboto);
  }
}

@media (max-width: 1750px) {
  .main-container .container {
    max-width: 1274px;
  }

  .footer_section .container {
    max-width: 1395px;
  }

  html {
    font-size: 60%;
  }
}

@media (max-width: 1650px) {
  html {
    font-size: 50.5%;
  }

  .containerMD {
    max-width: 1500px;
  }
}

@media (max-width: 1400px) {
  .container {
    max-width: 1024px;
  }

  html {
    font-size: 48.5%;
  }

  .containerMD {
    max-width: 1320px;
  }
}

@media (max-width: 1366px) {
  .main-container .container {
    max-width: 1000px;
  }

  html {
    font-size: 50.5%;
  }
}

@media (max-width: 1280px) {
  .main-container .container, .footer_section .container {
    max-width: 1000px;
  }

  html {
    font-size: 45.5%;
  }

  .containerMD {
    max-width: 1140px;
  }
}

@media (max-width: 1024px) {
  .main-container .container {
    max-width: 758px;
  }

  .containerMD {
    max-width: 960px;
  }
}

@media (max-width: 767px) {
  .main-container .container, .footer_section .container {
    max-width: 640px;
    padding-inline: 2rem;
  }
}

@media (max-width: 991px) {
  html {
    scroll-behavior: smooth;
    font-size: 50.5%;
  }
}

@media (max-width: 767px) {
  html {
    scroll-behavior: smooth;
    font-size: 62.5%;
  }
}

@media (max-width: 1750px) {
  .container {
    max-width: 1274px;
  }
}

@media (max-width: 1400px) {
  .container {
    max-width: 1024px;
  }
}

@media (max-width: 1366px) {
  .container {
    max-width: 1000px;
  }
}

@media (max-width: 1200px) {
  .container {
    max-width: 844px;
  }
}

@media (max-width: 1024px) {
  .container {
    max-width: 758px;
  }
}

@media (min-width: 2500px) {
  .container {
    max-width: 1780px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  html {
    font-size: 69.5%;
  }
}

@media (max-width: 1549px) {
  p {
    margin-bottom: 2rem;
  }
}

p:empty {
  display: none !important;
}

a {
  -o-transition: all .5s ease;
  text-decoration: none;
  transition: all .5s;
}

figure {
  margin-bottom: 0;
}

.site_main {
  position: relative;
}

h1 {
  font: var(--font-60);
  color: var(--color-black);
}

h2 {
  font: var(--font-52);
  color: var(--color-03);
  letter-spacing: -.84px;
  font-weight: 550;
}

h3 {
  font: var(--font-36);
  color: var(--color-black);
}

h4 {
  font: var(--font-24);
  color: var(--color-black);
}

h5 {
  font: var(--font-21);
  color: var(--color-black);
}

h6 {
  font: var(--font-18);
  color: var(--color-black);
}

::-webkit-scrollbar {
  width: .5rem;
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-da);
  border-radius: .2rem;
}

::-webkit-scrollbar-track {
  background-color: var(--color-f6);
  border-radius: .2rem;
}

.overlap_btn {
  font-size: 0;
  position: absolute;
  inset: 0;
}

.load-more-container button {
  cursor: pointer;
  font: var(--font-14);
  font-weight: 600;
  font-family: var(--font-Condensed);
  text-transform: uppercase;
  border: .1rem solid var(--color-4e);
  z-index: 9;
  padding: 1rem 1.5rem;
  position: relative;
  color: var(--color-4e) !important;
}

.load-more-container button:hover {
  background-color: var(--color-4e);
  color: var(--color-white) !important;
}

.read_btn {
  border-radius: 50%;
  display: inline-block;
}

.read_btn > img {
  width: 2.8rem;
}

.read_btn:hover {
  background-color: var(--color-white);
}

.sec_title > h5 {
  font: var(--font-21);
  color: var(--color-03);
  letter-spacing: 2.1px;
  font-weight: 600;
}

.sec_title > h2 {
  color: var(--color-21);
  font-weight: 200;
}

.notify_btn {
  z-index: 1;
  position: absolute;
  bottom: 3rem;
  right: 4rem;
}

.notify_btn > a {
  font: var(--font-21);
  letter-spacing: 2.1px;
  text-transform: uppercase;
  color: var(--color-white);
  background: var(--color-f8);
  -webkit-backdrop-filter: blur(2px);
  background: #f89823c2;
  align-items: center;
  gap: 3rem;
  padding: 1.2rem 2.4rem 1.2rem 1.9rem;
  font-weight: normal;
  display: inline-flex;
}

.notify_btn > a > img {
  width: 2.9rem;
}

.swiper_nav {
  gap: .4rem;
  display: flex;
}

:is(.swiper-button-prev, .swiper-button-next) {
  z-index: 10;
  color: #fff;
  cursor: pointer;
  background: #00000080;
  border: none;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  margin-top: 0;
  font-size: 2rem;
  position: absolute;
  top: 50%;
}

:is(.swiper-button-prev, .swiper-button-next) svg {
  color: var(--color-white);
}

.swiper-button-prev {
  left: 10px;
}

.swiper-button-next {
  right: 10px;
  left: unset;
}

.swiper-button-prev:after {
  content: "";
  font-size: inherit;
  font-family: bootstrap-icons !important;
}

.swiper-button-next:after {
  content: "";
  font-size: inherit;
  font-family: bootstrap-icons !important;
}

.scrollbar_wrap {
  align-self: center;
  display: flex;
  position: relative;
}

.scrollbar_wrap:before {
  content: "";
  z-index: 1;
  background: #bfc7c4;
  width: 100%;
  height: .1rem;
  position: absolute;
  top: .1rem;
}

.scrollbar_wrap .swiper-horizontal > .swiper-scrollbar, .facilty_section .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: static;
}

.scrollbar_wrap .swiper-scrollbar-drag {
  background: var(--color-bb);
  box-shadow: 0 3px 6px #00000012;
}

.scrollbar_wrap .swiper-scrollbar.swiper-scrollbar-horizontal {
  background-color: #0000;
  width: 100%;
  height: .4rem;
  top: 0;
  bottom: 0;
  left: 0;
}

@media (max-width: 767px) {
  :is(.swiper-button-prev, .swiper-button-next) {
    font-size: 1.4rem;
    font-weight: normal;
  }
}

@media (max-width: 330px) {
  :is(.swiper-button-prev, .swiper-button-next) {
    width: 3.2rem;
    height: 3.2rem;
  }
}

.shine {
  position: relative;
  overflow: hidden;
}

.shine:before {
  content: "";
  z-index: 2;
  background: linear-gradient(to right, #fff0 0%, #ffffff4d 100%);
  width: 50%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  transform: skewX(-25deg);
}

.shine:hover:before, .shine:focus:before {
  animation: .85s shine;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.full-width {
  max-width: 1920px;
  margin-inline: auto;
}

.full_touch {
  max-width: 2700px;
  margin-inline: auto;
}

a:focus-visible {
  outline: none;
}

.links {
  content: "";
  z-index: 1;
  width: 100%;
  height: 100%;
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.custom-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.custom-list li {
  font: var(--font-16);
  color: var(--color-21);
  padding-left: 2rem;
  position: relative;
}

.custom-list li:before {
  content: "";
  background-color: var(--color-73);
  border-radius: 100%;
  width: .6rem;
  height: .6rem;
  position: absolute;
  top: .8rem;
  left: 0;
}

.accordion-button {
  cursor: pointer;
  text-align: left;
  width: 100%;
  font: var(--font-30);
  color: var(--color-2b);
  padding: 0;
  -o-transition: all .5s ease;
  background-color: #0000;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-block: 3rem;
  transition: all .5s;
  display: flex;
  position: relative;
}

.accordion-button:after {
  content: "";
  -o-transition: all .5s ease;
  background-position: center;
  background-size: cover;
  width: 1rem;
  height: 1rem;
  transition: all .5s;
  display: block;
  position: relative;
}

.accordion-button.active:after {
  rotate: 180deg;
}

.accordion-button.active {
  background-color: var(--color-f6);
}

.accordion-item:first-child > .accordion-button {
  border-top: 0;
}

.accordion-collapse {
  display: none;
}

.accordion-item:not(:first-child) {
  border-top: .1rem solid #7070704d;
}

.accordion-body {
  background-color: var(--color-f6);
  padding-bottom: 4.9rem;
}

.table-responsive {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  overflow-x: auto;
}

.modal {
  z-index: 1090;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  transition: display .3 sease, opacity .3s ease, visibility .3s ease;
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.modal.show {
  opacity: 1;
  visibility: visible;
  display: flex;
}

.inner_main:has(.modal.show) {
  z-index: 1090;
}

body:has(.modal.show) .innerpage_banner {
  z-index: 0;
}

body:has(.modal.show) {
  overflow: hidden;
}

.modal-content {
  background: var(--color-ff);
  flex-direction: column;
  width: 100%;
  max-width: 70rem;
  max-height: calc(100% - 6rem);
  animation: .3s ease-in-out ModalfadeIn;
  display: flex;
  position: relative;
}

.closeModal {
  width: 3rem;
  height: 3rem;
  font-size: var(--font-21);
  background-color: var(--color-17);
  color: var(--color-ff);
  opacity: .8;
  justify-content: center;
  align-items: center;
  line-height: normal;
  display: flex;
  position: absolute;
  top: .5rem;
  right: .5rem;
}

.closeModal:hover {
  opacity: 1;
}

.modal-title {
  border-bottom: .1rem solid #25336f1a;
  padding: 2rem 6rem 2rem 2rem;
}

.modal-body {
  flex: auto;
  padding: 2rem;
  position: relative;
  overflow-y: auto;
}

@keyframes ModalfadeIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 992px) {
  .image, .image2 {
    opacity: 0;
  }

  .reveal-image, .reveal-image:after {
    animation-duration: 1.6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-delay: 0s;
    animation-fill-mode: both;
    position: absolute;
  }

  .reveal-image2, .reveal-image2:after {
    animation-duration: 1.8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-delay: .1s;
    animation-fill-mode: both;
    position: absolute;
  }

  .reveal-image {
    opacity: 1;
    animation-name: reveal-image;
    position: relative;
  }

  .reveal-image2 {
    opacity: 1;
    animation-name: reveal-image2;
    position: relative;
  }

  .reveal-image3 {
    opacity: 1;
    transform-origin: top;
    animation-name: fadeInline1;
    animation-duration: 1.8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-delay: .1s;
    animation-fill-mode: both;
    position: relative;
  }

  @keyframes reveal-image {
    from {
      clip-path: inset(0 100% 0 0);
    }

    to {
      clip-path: inset(0);
    }
  }

  @keyframes reveal-image2 {
    from {
      clip-path: inset(0 0% 100% 0);
    }

    to {
      clip-path: inset(0);
    }
  }
}

.image-container {
  padding-bottom: calc(50% / (var(--ratio)));
  position: relative;
  overflow: hidden;
}

.custom_bullets {
  margin: 0;
  padding: 0;
}

.custom_bullets > li {
  font-size: var(--font-16);
  line-height: var(--line-height-24);
  color: var(--color-black);
  margin-bottom: 2.5rem;
  padding-left: 3.5rem;
  font-weight: normal;
  list-style: none;
  position: relative;
}

.custom_bullets > li:last-child {
  margin-bottom: 0;
}

.custom_bullets > li:before {
  content: "";
  background-color: var(--color-a8);
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: 1rem;
  left: 0;
}

@media (max-width: 1549px) {
  .custom_bullets > li {
    padding-left: 2rem;
  }

  .custom_bullets > li:before {
    width: .56rem;
    height: .56rem;
    top: .6rem;
  }
}

@media (max-width: 767px) {
  .custom_bullets > li {
    padding-left: 2rem;
  }

  .custom_bullets > li:before {
    width: .46rem;
    height: .46rem;
    top: .6rem;
  }

  .containerXl {
    padding-inline: 2rem;
  }
}

.search-section {
  min-height: 60vh;
  padding-block: 6rem 10rem;
}

.search_bx {
  background-color: var(--color-white);
  margin-bottom: 2rem;
  padding: 2rem 5rem 2rem 1.8rem;
  position: relative;
}

.search_bx:last-child {
  margin-bottom: 0;
}

.search_bx > h5 {
  font-size: var(--font-24);
  color: var(--color-black);
  margin-bottom: 1.5rem;
  font-weight: 600;
  line-height: 1.16;
  transition: all .5s ease-out;
}

.search_bx > .link {
  font-size: var(--font-18);
  color: var(--color-black);
  font-weight: 400;
  line-height: 1.16;
  font-family: var(--font-intervogue);
  margin-bottom: 1.5rem;
}

.search_bx > p {
  font-size: var(--font-18);
  color: var(--color-black);
  font-weight: 400;
  line-height: 1.4;
  font-family: var(--font-intervogue);
  margin-bottom: 0;
}

.search_bx:has(a:hover) > h6 {
  color: var(--color-96);
}

.search_bx:has(a:hover):after {
  color: var(--color-white);
  background-position: 0 100%;
}

.search_bx:before {
  background-color: var(--color-f0);
  content: "";
  width: 60%;
  height: .1rem;
  transition: all .5s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.search_bx:has(a:hover):before {
  background-color: var(--color-f0);
  content: "";
  width: 60%;
  height: .1rem;
  transition: all .5s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.search_bx:after {
  content: "";
  width: 2.6rem;
  height: 2.6rem;
  line-height: 1;
  font-size: var(--font-11);
  color: var(--color-white);
  background-color: #0000;
  background: linear-gradient(to right,
      var(--color-84) 49%,
      var(--color-96) 49%);
  background-position: 100% 100%;
  background-size: 210% 110%;
  border: .1rem solid #d2d2d2;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  transition: all .5s ease-out;
  display: inline-flex;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  font-family: bootstrap-icons !important;
}

.streched_link {
  z-index: 99;
  width: 100%;
  height: 100%;
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}

.arrows {
  gap: 10px;
  display: flex;
}

.arrow-btn {
  cursor: pointer;
  background: none;
  border: none;
}

.arrow-btn.left img {
  transform: rotate(180deg);
}

/* [project]/src/app/happenings/[slug]/page.module.css [app-client] (css) */
.page-module__ycUO8W__innerTitle {
  background-color: var(--color-f5);
  text-align: center;
  padding-top: 22rem;
  padding-bottom: 4.5rem;
}

.page-module__ycUO8W__innerTitle h2 {
  font: var(--font-18);
  color: var(--color-4e);
  font-weight: 700;
  font-family: var(--font-Condensed);
  padding-bottom: 2rem;
}

.page-module__ycUO8W__innerTitle h3 {
  font: var(--font-45);
  letter-spacing: -1.35px;
  color: var(--color-4e);
  font-family: var(--font-Condensed);
  margin-bottom: 2.4rem;
}

.page-module__ycUO8W__innerTitle h3 > span {
  color: var(--color-e8);
}

.page-module__ycUO8W__innerTitle .page-module__ycUO8W__happIcons li {
  cursor: pointer;
  background-color: #eb5b6c;
  border-radius: 50%;
  align-items: center;
  width: 4.3rem;
  height: 4.3rem;
  padding: 1rem;
  display: block;
  box-shadow: 0 6px 10px #0003;
}

.page-module__ycUO8W__innerTitle .page-module__ycUO8W__happIcons li button {
  background: none;
  border: none;
}

.page-module__ycUO8W__happIcons li img {
  gap: .4rem;
  max-width: 4.3rem;
  height: auto;
}

.page-module__ycUO8W__innerTitle ul {
  justify-content: center;
  gap: 1.1rem;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
}

.page-module__ycUO8W__happiningSec {
  z-index: 1;
  background-color: #f6f6f6;
  padding-block: 0;
  position: relative;
}

.page-module__ycUO8W__happiningSec:before {
  content: "";
  background-color: var(--color-f5);
  z-index: -1;
  width: 100%;
  height: 8rem;
  position: absolute;
  top: 0;
  left: 0;
}

.page-module__ycUO8W__banner {
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

.page-module__ycUO8W__banner img {
  border-top-left-radius: 5rem;
  border-bottom-right-radius: 5rem;
  max-width: 100%;
  height: auto;
}

.page-module__ycUO8W__Grid2 {
  grid-template-columns: repeat(1, 45% auto);
  gap: 6.4rem;
  padding-block: 9rem 15rem;
  display: grid;
}

.page-module__ycUO8W__happContant p {
  font: var(--font-16);
  color: #212121;
  font-weight: normal;
  font-family: var(--font-Roboto);
  letter-spacing: 0;
  max-width: 81%;
  margin-bottom: 3rem;
}

.page-module__ycUO8W__happContant p h5 {
  font: var(--font-26);
  color: #16344e;
  text-align: left;
  letter-spacing: 0;
  margin-top: 2rem;
  margin-bottom: 3rem;
  font-weight: 700;
}

.page-module__ycUO8W__relatedHappenings {
  background-color: #fff;
  padding-block: 9rem 8.5rem;
}

.page-module__ycUO8W__relatedHappenings h3 {
  text-align: center;
  font: var(--font-24);
  color: var(--color-29);
  font-family: var(--font-Roboto);
  letter-spacing: 0;
  margin-bottom: 5.1rem;
  font-weight: 600;
}

.page-module__ycUO8W__relatedHappenings .page-module__ycUO8W__releGrid {
  grid-template-columns: repeat(2, 1fr);
  gap: 2.6rem;
  display: grid;
}

.page-module__ycUO8W__relecol {
  border-radius: .5rem;
  position: relative;
  overflow: hidden;
}

.page-module__ycUO8W__relecol img {
  width: 100%;
  display: block;
}

.page-module__ycUO8W__relecol figcaption {
  color: #fff;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  padding: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.page-module__ycUO8W__relecol figcaption:before {
  content: "";
  opacity: .83;
  z-index: 1;
  background: linear-gradient(#0000 0%, #000 100%) no-repeat padding-box padding-box;
  width: 100%;
  height: 194px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.page-module__ycUO8W__relecol figcaption h4, .page-module__ycUO8W__relecol figcaption p {
  z-index: 2;
  position: relative;
}

.page-module__ycUO8W__relecol figcaption {
  padding-inline: 2.5rem;
}

.page-module__ycUO8W__relecol figcaption h4 {
  font: var(--font-22);
  color: var(--color-white);
  font-family: var(--font-Roboto);
  margin-bottom: 1rem;
}

.page-module__ycUO8W__relecol figcaption p {
  font: var(--font-14);
  letter-spacing: 0;
  color: var(--color-white);
  font-family: var(--font-Roboto);
}

@media (max-width: 1599px) {
  .page-module__ycUO8W__banner img {
    max-width: 90%;
    margin: 0 auto;
    display: flex;
  }
}

@media (max-width: 1366px) {
  .page-module__ycUO8W__happContant p {
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .page-module__ycUO8W__Grid2 {
    gap: 4.4rem;
    padding-block: 6rem;
  }

  .page-module__ycUO8W__relatedHappenings {
    padding-block: 6rem;
  }

  .page-module__ycUO8W__innerTitle {
    padding-top: 10rem;
    padding-bottom: 4.5rem;
  }
}

@media (max-width: 767px) {
  .page-module__ycUO8W__Grid2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
    padding-block: 4rem;
    display: grid;
  }

  .page-module__ycUO8W__happContant:last-child p {
    font: var(--font-16);
    max-width: 100%;
    margin-bottom: 0;
  }

  .page-module__ycUO8W__innerTitle h3 {
    font: var(--font-36);
    letter-spacing: -1.35px;
    color: var(--color-4e);
    font-family: var(--font-Condensed);
    margin-bottom: 1.4rem;
  }

  .page-module__ycUO8W__innerTitle {
    padding-top: 6rem;
    padding-bottom: 4.5rem;
  }

  .page-module__ycUO8W__relatedHappenings {
    padding-block: 4rem;
  }

  .page-module__ycUO8W__relatedHappenings .page-module__ycUO8W__releGrid {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

@media (max-width: 576px) {
  .page-module__ycUO8W__banner img {
    max-width: 94%;
  }

  .page-module__ycUO8W__Grid2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    padding-block: 4rem 2rem;
  }

  .page-module__ycUO8W__happContant p {
    margin-bottom: 2rem;
  }

  .page-module__ycUO8W__relatedHappenings {
    padding-block: 4rem;
  }

  .page-module__ycUO8W__relatedHappenings h3 {
    margin-bottom: 2rem;
  }

  .page-module__ycUO8W__relatedHappenings .page-module__ycUO8W__releGrid {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*# sourceMappingURL=_0tpn_5u._.css.map*/