@import "https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Be+Vietnam:wght@100;300;400;500;600;700;800&display=swap";

:root {
  --base-color: #167cc5;
  --dark-gray: #262b35;
  --medium-gray: #868d98;

  --ns-blue: #167cc5;
  --ns-light-blue: rgb(22 124 197 / 10%);
  --ns-red: #ed3338;
  --ns-medium-light-red: #ffd6d7;
  --ns-light-red: rgb(237 51 56 / 10%);
  --ns-green: #009e46;
  --ns-light-green: rgb(209, 227, 158);

  --primary-font: "Be Vietnam", sans-serif;
  --alt-font: "Sora", sans-serif;
}

body {
  font-size: 17px;
  line-height: 32px;
}

.mt-130px {
  margin-top: 130px;
}

.pt-130px {
  padding-top: 130px;
}
/* CUSTOM TEXT COLORS  */
.text-ns-blue {
  color: var(--ns-blue);
}
.text-ns-red {
  color: var(--ns-red);
}
.text-ns-green {
  color: var(--ns-green);
}
.text-ns-light-green {
  color: var(--ns-light-green);
}

/* CUSTOM BG COLORS  */
.bg-ns-blue {
  background-color: var(--ns-blue);
}
.bg-ns-red {
  background-color: var(--ns-red);
}
.bg-ns-light-red {
  background-color: var(--ns-light-red);
}
.bg-ns-green {
  background-color: var(--ns-green);
}
.bg-ns-light-green {
  background-color: var(--ns-light-green);
}
.bg-ns-gradient-red-green {
  background-image: linear-gradient(
    50deg,
    var(--ns-red) 0,
    var(--ns-green) 100%
  );
}
.bg-ns-gradient-blue-red {
  background-image: linear-gradient(
    50deg,
    var(--ns-blue) 0,
    var(--ns-red) 100%
  );
}
.bg-ns-gradient-red-blue {
  background-image: linear-gradient(
    50deg,
    var(--ns-red) 0,
    var(--ns-blue) 100%
  );
}
.bg-ns-gradient-green-blue {
  background-image: linear-gradient(
    50deg,
    var(--ns-green) 0,
    var(--ns-blue) 100%
  );
}
.bg-ns-gradient-white-blue {
  background-image: linear-gradient(50deg, var(--white) 0, var(--ns-blue) 100%);
}

.bg-ns-transparent-light-blue {
  background: rgb(240 248 255 / 12%);
}

/* CUSTOM BUTTON COLORS  */
.btn.btn-transparent-ns-blue {
  background-color: transparent;
  border-color: var(--ns-blue);
  color: var(--ns-blue);
}
.btn.btn-transparent-ns-blue:active,
.btn.btn-transparent-ns-blue:hover {
  background-color: var(--ns-blue);
  border-color: var(--ns-blue);
  color: var(--white);
}

.btn.btn-transparent-ns-red {
  background-color: transparent;
  border-color: var(--ns-red);
  color: var(--ns-red);
}
.btn.btn-transparent-ns-red:active,
.btn.btn-transparent-ns-red:hover {
  background-color: var(--ns-red);
  border-color: var(--ns-red);
  color: var(--white);
}

.btn-gradient-red-green {
  background-image: linear-gradient(
    to right,
    var(--ns-red),
    var(--ns-green),
    var(--ns-red)
  );
  background-size: 200% auto;
  color: var(--white);
}

.btn.btn-ns-green {
  background-color: var(--ns-green);
  border-color: var(--ns-green);
  color: var(--white);
}
.btn.btn-ns-red {
  background-color: var(--ns-red);
  border-color: var(--ns-red);
  color: var(--white);
}

/* Custom border colors  */
.border-color-ns-red {
  border-color: var(--ns-red) !important;
}

header .navbar-brand img {
  max-height: 60px;
}

@media (min-width: 1400px) {
  header .navbar-brand img {
    max-height: 80px;
  }
}

.navbar .navbar-nav .nav-link {
  font-size: 14px;
}

@media (min-width: 992px) {
  .navbar .navbar-nav .nav-link {
    font-size: 12px;
  }
}

@media (min-width: 1200px) {
  .navbar .navbar-nav .nav-link {
    font-size: 14px;
  }
}

@media (min-width: 1400px) {
  .navbar .navbar-nav .nav-link {
    font-size: 15px;
  }
}

.sticky .header-transparent .header-button .btn {
  color: #ffff;
  border-color: #d2488a;
  /* color: var(--dark-gray);
    border-color: var(--dark-gray); */
}

.sticky .header-transparent .header-button .btn:hover {
  border-color: #d2488a;
  /* border-color: var(--dark-gray); */
  color: var(--white);
  background: #d2488a;
  /* background: var(--dark-gray); */
}

header.sticky.sticky-active [data-header-hover="light"] .widget-text i {
  color: var(--white);
  /* color: var(--dark-gray); */
}
/* header.sticky.sticky-active [data-header-hover=light] .icon>a, header.sticky.sticky-active [data-header-hover=light] .navbar-nav .nav-link {
    color: var(--dark-gray);
    background: var(--white);
} */
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
  background-color: #d2488a;

  /* background-image: linear-gradient(to bottom, #f4f6ff, #f7f8ff, #fafaff, #fdfdff, #fff) */
  /* background-color: var(--dark-gray); */
}

.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--white);
  /* color:  #d2488a; */
}

.navbar
  .navbar-nav
  .dropdown.dropdown-with-icon-style02
  .dropdown-menu
  li:hover
  a,
.navbar
  .navbar-nav
  .dropdown.dropdown-with-icon-style02
  .dropdown-menu
  li.active
  a {
  opacity: 0.5;
}

.bg-gradient-sherpa-blue-black {
  background-image: linear-gradient(
    to right top,
    #23248c,
    #22236d,
    #232348,
    #222226,
    #232323
  );
}

.bg-gradient-sherpa-black-blue {
  background-image: linear-gradient(
    to right top,
    #232323,
    #222226,
    #232348,
    #22236d,
    #23248c
  );
}

.bg-base-color-transparent {
  background-color: rgba(87, 88, 214, 0.8);
}

.tab-style-05 .nav-tabs > li.nav-item {
  letter-spacing: -0.5px;
}

.accordion .accordion-item .accordion-header .accordion-title i {
  top: 52%;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 25px;
}

.progress-bar-style-01 .progress .progress-bar-title {
  bottom: 15px;
}

.page-title-extra-large h1 {
  font-size: 4.7rem;
  line-height: 4.7rem;
}

.separator-line-9px {
  height: 9px;
}

.tag-cloud a {
  padding-top: 5px;
  padding-bottom: 9px;
}

.blog-comment li .btn-reply {
  padding-top: 5px;
  padding-bottom: 7px;
}

.pagination-style-01 .page-item .page-link {
  line-height: 42px;
}

.pagination-style-01 .page-item.active .page-link {
  background: var(--dark-gray);
  color: var(--white);
}

.bottom-minus-45px {
  bottom: -45px;
}

.right-minus-45px {
  right: -45px;
}

footer .footer-logo img {
  max-height: 100px;
  /* max-height: 26px */
}

footer ul li {
  margin-bottom: 0;
}

.footer-dark a:hover {
  color: var(--white);
}

.mfp-bg {
  background: #000;
  opacity: 0.7;
}

@media (max-width: 1499px) {
  .navbar .navbar-nav .nav-link {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 1399px) {
  .navbar .navbar-nav .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .sticky-wrap.shadow-in {
    left: 35px;
  }
}

@media (max-width: 1300px) {
  .sticky-wrap.shadow-in {
    left: 10px;
  }
}

@media (max-width: 991px) {
  .header-transparent .header-button .btn {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
  }

  .header-transparent .header-button .btn:hover {
    border-color: var(--dark-gray);
    color: var(--white);
    background: var(--dark-gray);
  }

  .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
    width: calc(100% + 30px) !important;
    margin-left: -15px;
    padding: 10px 45px;
    margin-bottom: 0;
    margin-right: -15px;
  }

  .navbar
    .navbar-nav
    .dropdown.dropdown-with-icon-style02
    .dropdown-menu
    li:last-child
    a {
    padding-bottom: 17px;
  }
}

@media (max-width: 767px) {
  p {
    margin-bottom: 20px;
  }

  .page-title-extra-large h1 {
    font-size: 40px;
    line-height: 46px;
  }
}

.latest-news-section {
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
  position: absolute;
  bottom: -40px;
  right: 0;
}

.latest-news-head::after {
  content: "";
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  /* clip-path: polygon(0 0, 100% 0, 100% 100%, 30px 100%); */
  /* background-color: var(--ns-red); */
  background-image: linear-gradient(to right, var(--ns-green), var(--ns-blue));
  /* background-image:  linear-gradient(to right,#920105,#ed3338 ); */
  z-index: -1;
}

.latest-news-head span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background-color: yellow;
}

@media (min-width: 992px) {
  .latest-news-section {
    width: 70%;
  }
  .latest-news-head::after {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 30px 100%);
  }
}

@media (min-width: 1200px) {
  .latest-news-section {
    width: 60%;
  }
}
@media (min-width: 1400px) {
  .latest-news-section {
    width: 50%;
  }
}

.full-content {
  max-height: 700px;
  overflow: hidden;
  position: relative;
}

.full-content.expanded {
  max-height: none;
}

.read-more-button,
.read-less-button {
  position: relative;
}

.read-more-button::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: -60px;
  height: 60px;
  background: linear-gradient(to top, #f7f7f7 30%, #f7f7f700 100%);
  z-index: 2;
}

.facultyImageWrapper img {
  border-bottom-right-radius: 80px;
}

ol,
ul {
  padding-left: 20px;
  text-align: left;
}

.admission_table.table {
  --bs-border-color: var(--ns-medium-light-red);
  --bs-table-border-color: var(--bs-border-color);
}

/* .admission_table.table-hover > tbody > tr:hover > * {
  --bs-table-hover-bg: rgb(233 56 59 / 10%);
  --bs-table-bg-state: var(--bs-table-hover-bg);
} */

.admission_table > tbody > tr:hover {
  box-shadow: 0px 0px 20px #ffc2c4;
}
.admission_table tr .admission_new_post_gif {
  position: absolute;
  width: 70px;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  mix-blend-mode: multiply;
}

.navbar .navbar-nav .dropdown .dropdown-menu a {
  align-items: start !important;
}

.header_space_minus{
  margin-top: 112px;
}
@media (min-width: 768px) {
  .header_space_minus {
    margin-top: 148px;
  }
}
@media (min-width: 992px) {
  .header_space_minus {
    margin-top: 90px;
  }
}
@media (min-width: 1400px) {
  .header_space_minus {
    margin-top: 112px;
  }
}