html {
  font-size: 18px;
}

#lang img {
  margin-right: 0.3125rem;
}
.search ul {
  padding-right: 0;
  padding-left: 0;
}
.search ul li {
  display: inline-block;
}
.search ul li:last-child {
  margin-right: 0.4688rem;
}
.search-input {
  background: transparent;
  width: 10rem;
  border: 1px solid var(--color-secondary);
  height: 2.1875rem;
  border-radius: 0.375rem;
  color: #fff;
}
.search-btn {
  border: 0;
  padding: 0;
  background: transparent;
}
.video-container > img.slider {
  max-width: inherit;
  position: absolute;
  top: 50%;
  right: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  z-index: 999;
  height: auto;
  z-index: -1;
  transform: translateX(50%) translateY(-50%);
  transition: opacity 0.5s ease-in-out; /* Animation for fading out */
}
.video-container .overlay {
  display: inherit;
}
.play {
  max-width: inherit;
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 999;
  transition: opacity 0.5s ease-in-out; /* Animation for fading out */

  transform: translateX(50%) translateY(-50%);
}
.hide {
  opacity: 0; /* Class to hide the image */
  pointer-events: none; /* Prevent clicking on the hidden image */
}
.services ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
}
.services ul li {
  display: inline-block;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.services {
  width: 100%;
  text-align: center;
  border-top-left-radius: 0.9375rem;
  border-top-right-radius: 0.9375rem;
  background: #fff;
}
.inner {
  margin-top: -4.375rem;
  position: relative;
  z-index: 1;
}
.services li img {
  margin-top: -4.375rem;
}
.service-title {
  color: var(--color-primary);
  font-size: 1.0625rem;
  text-align: center;
  margin-top: 0.7813rem;
}
.inner {
  width: 100%;
  max-width: 93.75rem !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (min-width: 1800px) {
  .inner {
    padding-right: 0% !important;
    padding-left: 0% !important;
  }
}
.contentimage img {
  max-width: 100%;
  width: auto;
}
.sectiontitle {
  display: block;
  width: 100%;
  margin-bottom: 2.5rem;
}
.news .row > div {
  padding-top: 2.5rem;
}
#title-wrapper {
  background: #fff;
  padding-top: 2.5rem;
  margin-top: -0.0625rem;
}
.news-inner {
  background: #fff;
}
.btnwrap {
  margin-top: 3.125rem;
}
.counts {
  background: #fff;
  padding-top: 3.75rem;
}
.text {
  margin-bottom: 1.5625rem;
}
.text a {
  margin-top: 0.625rem;
}
.card11 span {
  font-size: 1.125rem;
  color: #474747;
  font-weight: 600;
}
.college {
  background: #fff;
  margin-top: -0.0625rem;
  z-index: 1;
}
.footer-1 {
  padding: 1.25rem 5%;
  background-color: var(--color-secondary);
}
.subscribe-title {
  font-size: 1.125rem;
  color: #fff;
  font-weight: 500;
}
#subscribe ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  margin-bottom: 0;
}
#subscribe ul li {
  display: inline-block;
}
#subscribe ul li input {
  background: #fff;
  height: 1.875rem;
  border-radius: 0.5rem;
  padding-right: 1.25rem;
  width: 100%;
  text-align: right;
}
#subscribe ul li:first-child {
  padding-left: 0.9375rem;
  width: 100%;
}
#subscribe button {
  background: var(--color-primary);
  width: 7.5rem;
  text-align: center;
  height: 1.875rem;
  color: #fff;
  /* line-height: 3.75rem; */
  border: 0;
  border-radius: 0.5rem;
}
#subscribe {
  margin-bottom: 0;
}
.social ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
.social ul li {
  display: inline-block;
  margin-left: 0.9375rem;
}
.social ul li:last-child {
  margin-left: 0;
}
.social ul {
  margin-bottom: 0;
}
.footer-2 {
  padding: 4.375rem 5%;
  background: var(--color-primary);
}
.footer-ul ul {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  padding-right: 0;
}
.footer-ul ul li {
  display: block;
  margin-bottom: 0.625rem;
}
.footer-ul ul li a {
  font-size: 1rem;
  color: #fff;
  text-decoration: none;
}
.pages-title {
  margin-bottom: 1.5rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.4375rem;
  min-height: 2.8125rem;
}
.footer-uls .footer-ul:first-child {
  margin-bottom: 2.5rem;
}
.footer-uls .footer-ul:last-child li a span:last-child {
  direction: ltr;
  text-align: right;
  display: inline-block;
}
@media (max-width: 1299px) and (min-width: 1200px) {
  .heading13 {
    font-size: 1rem;
  }
}
@media (max-width: 1216px) and (min-width: 1200px) {
  #langarea,
  .search {
    display: none;
  }
  #logo img {
    max-width: 2.8125rem !important;
  }
}
@media (max-width: 1199px) {
  .navbar,
  #First,
  #Second {
    background: var(--color-primary) !important;
  }
  .logo {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .logo img {
    max-width: 3.75rem !important;
  }
}
@media (max-width: 1299px) {
  body .inner {
    margin-top: 0;
  }
  .services ul li {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .inner {
    background: #fff;
  }
  .ban3part1 {
    background-color: #fff;
  }
}
@media (max-width: 1199px) {
  .services li img {
    margin-top: 0;
  }
  .services {
    padding-top: 3.75rem;
  }
  .services ul li {
    display: block;
  }
  .services ul {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
  }
  .services ul li {
    margin-bottom: 1.875rem;
  }
  .news-inner .col-lg-3 {
    width: 50%;
  }
  .college .col-lg-8 .col-lg-4 {
    width: 50%;
  }
  .footer-ul ul li a {
    font-size: 1rem;
  }
  .services ul li {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .services ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
  .news-inner .col-lg-3 {
    width: 100%;
  }
  .cardcontainer {
    padding: 1.125rem 0.3125rem;
    min-height: inherit;
  }
  .card11 span {
    font-size: 0.9375rem;
  }
  .card11 .card-img-left {
    margin-left: 0.3125rem;
  }
  .card11 span {
    font-size: 1rem;
  }
  .college .col-lg-8 .col-lg-4 {
    width: 100%;
  }
  .footer-2 .row .col-md-2:first-child {
    margin-bottom: 1.875rem;
  }
  .footer-2 .row .col-md-2:nth-child(2),
  .footer-2 .row .col-md-2:nth-child(3) {
    width: 50%;
  }

  .footer-1 .row .col-md-4:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .footer-1 .col-md-4 {
    width: 100%;
  }
  .footer-1 .col-md-4 {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 991px) {
  .counts .col-lg-3 {
    margin-bottom: 1.25rem;
  }
  .service-title {
    font-size: 1.125rem;
  }
}
.events-title {
  font-size: 1.125rem;
  color: var(--color-primary);
  font-weight: bold;
  margin-bottom: 2.1875rem;
  text-align: center;
}
.events-img {
  border-bottom: 10px solid var(--color-secondary);

  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.newev-box {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.events .row {
  padding: 3.75rem 0.9375rem;
  background: #fff;
}
.events-img img {
  width: 100%;
}
.events .col-md-4 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
.event-content {
  border: 1px solid var(--color-border);
  padding-top: 2.1875rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  padding-bottom: 3.125rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  min-height: 16.875rem;
}
.event-subtitle {
  font-size: 1rem;
  color: var(--color-primary);
  font-weight: bold;
}
.events-img {
  position: relative;
}
.events-img span {
  position: absolute;
  bottom: -2.1875rem;
  left: 1.25rem;
  font-size: 1rem;
  color: #ffffff;
  background: var(--color-primary);
  padding: 0.625rem;
  border-radius: 0.5rem;
  font-weight: bold;
}
.newev-box .heading10 {
  font-size: 1rem;
}
.event-subtitle {
  min-height: 7.5rem;
}
.ev-subtitle {
  font-weight: 500;
  color: var(--color-primary);
  font-size: 0.8125rem;
  margin-bottom: 0.625rem;
}
.ev-date {
  font-weight: bold;
  margin-bottom: 1.5625rem;
  color: var(--color-primary);
  font-size: 1rem;
}
.event-box {
  padding-top: 1.875rem;
  padding-bottom: 1.25rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  border: 1px solid var(--color-border);
  margin-bottom: 0.9375rem;
  border-radius: 0.5rem;
  min-height: 16.875rem;
}
.ev-title {
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-text-muted);
  margin-bottom: 1.25rem;
  min-height: 3rem;
}
.event-btn a {
  color: var(--color-text-muted);
  font-size: 0.875rem;
}
.event-btn a span {
  margin-left: 0.625rem;
  color: var(--color-primary);
  font-weight: 500;
}
.mybtn:hover span {
  color: #fff !important;
}
.ev-section,
.newev-box {
  /* min-height: 32.8125rem; */
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .event-box {
    min-height: 15rem;
  }
}
.inner-body main {
  /* padding-top: 1.25rem; */
}
.inner-body .navbar.custom {
  background: var(--color-primary);
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.inner-body #logo {
  height: auto !important;
}
.inner-body #langarea {
  height: auto !important;
}
@media (max-width: 1199px) {
  .inner-body main {
    /* padding-top: 0; */
  }
}
.top-menu {
  background: var(--color-secondary);
  padding: 2.5rem 0;
  padding-right: 10%;
  display: flex;
  max-height: 7.4375rem;
  position: fixed;
  /* top: 0; */
  left: 0;
  right: 0;
  z-index: 1000;
}
@media (max-width: 1799px) {
  .top-menu {
    padding-right: 5%;
  }
}
.top-menu-right {
  min-width: 10rem;
  text-align: center;
  font-size: 1rem;
  color: var(--color-primary);
  font-weight: bold;

  padding-left: 0.625rem;
}
.top-menu-left > ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  display: flex;
  margin-bottom: 0;
}
.top-menu-left ul li {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.top-menu-left {
  padding-right: 1%;
}
.top-menu-left a {
  font-size: 1rem;
  color: var(--color-primary);
  line-height: 1;
}
.top-menu-left a:hover,
.top-menu-left a:focus {
  color: var(--color-primary);
}
@media (min-width: 1200px) {
  .inner-body .container {
    max-width: 93.75rem;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.inner-body main {
  background: #fff;
}
.history-inner {
  background: #fff;
  border-top: 10px solid var(--color-secondary);
  position: relative;
  margin-top: -7.1875rem;
  padding-top: 3.4375rem;
  padding-bottom: 9.6875rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}
.his-title {
  font-size: 1.4375rem;
  font-weight: bold;
  color: var(--color-primary);
}
.his-date {
  background: var(--color-primary);
  color: #fff;
  font-size: 1.4375rem;
  font-weight: bold;
  padding: 0.7813rem 2.1875rem;
  border-radius: 0.25rem;
  display: inline-block;
}
.text-left {
  text-align: left !important;
}
.his-desc {
  margin-top: 1.875rem;
  color: var(--color-text-secondary);
  font-size: 1.1875rem;
  text-align: justify;
}
.about-video {
  padding-top: 2.1875rem;
}
.about-video {
  padding-bottom: 5rem;
}
.vision-inner {
  display: flex;
  border-top: 4px solid var(--color-secondary);
}
.vision-inner-right {
  max-width: 11.875rem;
  min-width: 11.875rem;
  background: var(--color-primary);
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  color: #fff;
  font-weight: bold;
}
.vision-inner-left {
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
  font-size: 1.125rem;
  color: var(--color-text-secondary);
  height: 100%;
  width: 100%;
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
}
.vision-inner {
  background: var(--color-bg-soft);
}
.vision {
  padding-bottom: 2.5rem;
}
.goals .container > img {
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}
.goals-title {
  padding: 1.25rem 3.125rem;
  background: var(--color-secondary);
  font-size: 1.4375rem;
  font-weight: bold;
  color: var(--color-primary);
}
.goals-content {
  border: 1px solid var(--color-border);
}
.goals-desc {
  padding: 1.875rem 3.125rem;
}
.goals-desc p {
  margin-bottom: 1.5625rem;
}
.goals-desc ol li {
  margin-bottom: 1.5625rem;
}
.goals {
  padding-bottom: 3.125rem;
}
.values-inner {
  margin-top: 2.5rem;
}
.value-title {
  font-size: 1rem;
  color: var(--color-primary);
  font-weight: bold;

  padding-right: 1.875rem;
  width: 100%;
}
.value {
  background: var(--color-border-light);
  padding: 2.5rem 1.25rem;
  display: flex;
  margin-bottom: 1.875rem;
  min-height: 8.75rem;
}
.management {
  padding-bottom: 5.3125rem;
}
.management-inner {
  padding-top: 5.625rem;
}
.team {
  position: relative;
  width: 100%;
  padding-top: 1.25rem;
  padding-right: 1.875rem;
  padding-left: 1.875rem;
  padding-bottom: 1.25rem;

  width: 100%;
}
.team-title {
  font-size: 1rem;
  color: var(--color-primary);
  font-weight: bold;
  margin-bottom: 0.625rem;
  width: 100%;
}
.team hr {
  height: 0.1875rem;
  width: 6.25rem;
  background: var(--color-primary);
  display: block;
  margin-right: -0.625rem;
  opacity: 1;
}
.team-subtitle {
  margin-top: 0.625rem;
  display: block;
  font-size: 1rem;
  color: var(--color-secondary);
  font-weight: bold;
  width: 100%;
  min-height: 3rem;
}
.team-content {
  position: relative;
  padding-top: 0.9375rem;
  z-index: 1;
}
.btn-style2 {
  background: var(--color-border-light);
  color: var(--color-primary);
  font-size: 1.4688rem;
  padding: 0.4375rem 0.9375rem;
  display: flex;
  border-radius: 0.5rem;
  margin-top: 1.25rem;
  margin-right: -0.625rem;
  max-width: 18.125rem;
}
.btn-style2 span {
  width: 100%;
}
.management-inner .col-md-3 {
  margin-bottom: 3.125rem;
}
.logo-desc {
  text-align: center;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.logos {
  padding-bottom: 7.5rem;
}
.logos table th {
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  color: var(--color-text-secondary);
  font-weight: 500;
}
.logos tr:nth-child(odd) {
  background: transparent;
}
.logos tr:nth-child(even) {
  background: transparent;
}
.logos table thead {
  border-bottom: 0px solid var(--color-secondary);
}
.logos table {
  border-bottom: inherit;
  border-color: var(--color-text-secondary);
}
.logos .table-bordered > :not(caption) > * {
  border-color: var(--color-text-secondary);
}
.main-subtitle {
  font-size: 1rem;
  color: var(--color-primary);
  font-weight: 500;

  text-align: center;
}
.logos tbody td {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
  text-align: center;
}
.logos ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.logos ul li {
  margin-bottom: 0.9375rem;
  font-size: 1rem;
  color: var(--color-text-secondary);
  font-weight: 500;
}
.logos ul li:last-child {
  margin-bottom: 0;
}
.logos .table-responsive {
  margin-bottom: 2.1875rem;
  margin-top: 2.1875rem;
}
.btn-info {
  display: block;
  text-align: center;
  color: #fff;
  background: var(--color-primary);
  padding-top: 0.2813rem;
  padding-bottom: 0.2813rem;
  font-size: 1rem;
  position: relative;
  font-weight: 500;
  border-radius: 0.875rem;
  padding-left: 3.0625rem;
}
.color-info .main-subtitle {
  margin-bottom: 2.1875rem;
}
.btn-info img {
  position: absolute;
  left: 0;
  top: 0;
}
.color-info {
  margin-bottom: 2.5rem;
}
.web-inner {
  padding-top: 5.9375rem;
  padding-bottom: 3.75rem;
}
.web-inner .main-title {
  text-align: right;
}
.main-name {
  font-size: 1.125rem;
  font-weight: bold;
  color: var(--color-primary);
}
.web-inner .main-name {
  margin-bottom: 1.875rem;
}
.dean-desc {
  text-align: justify;
  padding-top: 1.5625rem;
  border-top: 10px solid var(--color-secondary);
}
.dep {
  padding-top: 1.25rem;
}
.structure .main-title {
  text-align: right;
  display: block;
}
.structure {
  padding-bottom: 3.75rem;
}

.str-top hr,
.elearn hr,
.missions hr {
  width: 100%;
  background: var(--color-secondary);
  height: 0.1875rem;
  opacity: 1;
}
.str-title {
  position: relative;
  width: 100%;
  background: var(--color-border-light);
  color: var(--color-primary);
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  margin-top: 1.25rem;
  margin-right: 0.625rem;
}
.str-main {
  padding-top: 4.0625rem;
}
.str-main .col-md-4 {
  position: relative;
}
.str-main .col-md-3 {
  position: relative;
}
.str-box {
  margin-bottom: 2.5rem;
  max-width: 26.25rem;
}
.str-box .countercorner {
  border-color: var(--color-secondary);
}
.structure .row .col-md-4:first-child {
  margin-left: -2.5rem;
}
.str-main .col-md-3 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.str-main .col-md-3 .str-title {
  min-height: 8.75rem;
}
.partners {
  padding-bottom: 4.375rem;
}
.partners-inner {
  margin-top: 3.75rem;
}
.partners .main-title {
  text-align: right;
}
.str-main .col-md-3 .str-title {
  margin-right: 0;
}
.partner-box {
  padding: 2.5rem;
  background: #fff;
  border-top: 3px solid var(--color-secondary);
}
.partner-box {
  margin-bottom: 1.875rem;
}
.ads {
  padding-bottom: 4.375rem;
}
.ads .main-title {
  text-align: right;
}
.ads-inner {
  margin-top: 3.75rem;
}
.partners .btnwrap .mybtn {
  min-width: 12.8125rem;
}
.ads .btnwrap .mybtn {
  min-width: 12.8125rem;
}
.partners .btnwrap {
  justify-content: left;
}
.ads .btnwrap {
  justify-content: left;
}
.stu-ser {
  padding: 2.8125rem 0 7.5rem;
}
.sub-title {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-primary);
}
.stu-ser .sub-title {
  margin-bottom: 2.8125rem;
}
.stu-ser hr,
.office hr {
  width: 100%;
  background: var(--color-secondary);
  height: 0.1875rem;
  opacity: 1;
}
.ser-boxes {
  margin-top: 3.75rem;
}
.service-box {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  text-align: center;
  background: #fff;
}
.service-box-title {
  font-weight: 500;
  color: var(--color-primary);
  font-size: 1.125rem;
  background: var(--color-secondary);
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.service-box-desc {
  font-size: 1.0313rem;
  color: var(--color-text-secondary);
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.service-box {
  margin-bottom: 1.875rem;
}
.elearn {
  padding-top: 5.3125rem;
  padding-bottom: 3.75rem;
}
.missions {
  padding-top: 5.3125rem;
  padding-bottom: 7.5rem;
}
.elearn .container > img {
  border-radius: 1.875rem;
  margin-bottom: 4.6875rem;
}
.military {
  padding-top: 5.3125rem;
  padding-bottom: 0;
}

.military .container > img {
  border-radius: 1.875rem;
  margin-bottom: 0;
}
.btn-style3 {
  font-size: 1rem;
  color: #fff;
  font-weight: 300;
  padding: 0.625rem 1.25rem;
  background: var(--color-primary);
  display: inline-block;
  border-radius: 0.375rem;
}
.elearn-subtitle {
  margin-top: 0.9375rem;
  margin-bottom: 1.875rem;
}
.elearn-info {
  text-align: center;
  margin-bottom: 5rem;
}
.elearn-title {
  color: var(--color-primary);
  font-weight: bold;
}
.gate-img {
  text-align: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  background: var(--color-primary);
}
.gate-content {
  border: 1px solid var(--color-border);
  padding-top: 2.1875rem;
  padding-bottom: 5rem;
}
.gate-title {
  font-size: 1.125rem;
  color: var(--color-primary);
  font-weight: bold;
  text-align: center;
}
.gates {
  padding-bottom: 3.75rem;
}
.elearn-desc p {
  margin-bottom: 2.5rem;
}
.elearn-desc a {
  color: var(--color-primary);
}
.elearn .container > img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  max-width: 100%;
}
.military .container > img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  max-width: 100%;
}
.military .container {
  position: relative;
}
.military-inner {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  height: 100%;
  top: 0;
  display: flex;
  width: 100%;
}
.military-content {
  width: 100%;
}
.military-title {
  font-size: 2.25rem;
  color: var(--color-primary);
  font-weight: bold;
  margin-bottom: 2.5rem;
}
.military-desc {
  color: var(--color-secondary);
  font-size: 1rem;
  font-weight: bold;
}
.military .container {
  padding-left: 0;
  padding-right: 0;
}
.missions-inner {
  padding-top: 5rem;
}
.missions-desc {
  padding-bottom: 4.375rem;
}
.missions-ol li {
  margin-bottom: 1.875rem;
}
.missions-ol-title {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  padding-right: 3.125rem;
  padding-left: 3.125rem;
  background: var(--color-secondary);
  color: var(--color-primary);
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 2.8125rem;
}
.colleges {
  padding-top: 1.5625rem;
  padding-bottom: 1.875rem;
}
.colleges .main-title {
  text-align: right;
  padding-bottom: 1.5625rem;
}
.colleges .panel-default {
  border-radius: 0.375rem;
  border: 1px solid var(--color-secondary);
  padding-top: 1.5625rem;

  padding-bottom: 1.5625rem;
  margin-bottom: 2.1875rem;
}
.colleges .panel-title {
  margin-bottom: 0;
  padding-right: 1.875rem;
}
.colleges .panel-title span {
  font-size: 1.125rem;
  color: var(--color-primary);
  font-weight: bold;
  padding-right: 2.5rem;
}
.col-about-title {
  font-size: 1.1875rem;
  color: var(--color-primary);
  font-weight: 500;
  margin-bottom: 2.1875rem;
}
.panel-body {
  padding-top: 1.5625rem;
}
.col-about-img {
  border-bottom: 10px solid var(--color-secondary);

  margin-bottom: 2.8125rem;
}
.col-about .row .col-md-8,
.col-about .row .col-md-4 {
  padding-right: 1.875rem;
  padding-left: 1.875rem;
}
.col-about-img > img {
  width: 100%;
  max-width: 100%;
}
.col-about-desc {
  text-align: justify;
}
.col-left-title {
  font-size: 1.1875rem;
  color: var(--color-primary);
  font-weight: 500;
  margin-bottom: 1.875rem;
}
.col-left-subtitle {
  display: flex;
  margin-bottom: 1.875rem;
}
.col-left-hr {
  margin-left: 0.625rem;
  background: var(--color-secondary);
  height: 0.3125rem;
  width: 2.5rem;
  opacity: 1;
}
.col-left-subtitle span {
  color: var(--color-primary);
  font-size: 1.1875rem;
  font-weight: 500;
}
.col-pro {
  margin-bottom: 1.875rem;
  color: var(--color-primary);
  font-weight: bold;
  font-size: 1.125rem;
  border: 1px solid var(--color-border);
  border-top: 10px solid var(--color-secondary);
  padding: 1.5625rem;
}
.col-about {
  padding-bottom: 2.5rem;
  padding-left: 2.8125rem;
  padding-right: 0.9375rem;
}
.col-bttom {
  padding-right: 1.875rem;
}
.col-bttom-title {
  display: flex;
}
.col-bttom-title hr {
  height: 0.1875rem;
  width: 100%;
  background: var(--color-secondary);
  opacity: 1;
}
.col-bttom-title span {
  padding-left: 0.9375rem;
  font-size: 1rem;
  color: var(--color-primary);
  font-weight: 500;
  min-width: max-content;
  display: block;
}
.col-bttom-title {
  margin-bottom: 2.5rem;
}
.col-md-20 {
  flex: 0 0 auto;
  width: 20%;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
@media (max-width: 767px) {
  .col-md-20 {
    width: 100%;
  }
}
.col-button {
  text-align: left;
  padding-left: 4.375rem;
}
.col-bttom {
  padding-bottom: 4.6875rem;
}
.col-bttom-title > .row {
  padding-left: 1.25rem;
  margin-left: 0;
}
.col-bttom > .row {
  margin-left: 0;
  padding-left: 1.875rem;
}
.top-menu-left .btn-primary {
  background: transparent;
  font-size: 1rem;
  color: var(--color-primary);
  border: 0;
}
.top-menu-left .dropdown-item.active,
.top-menu-left .dropdown-item:active {
  color: inherit;

  background-color: transparent !important;
}
.top-menu-left .dropdown-item:hover {
  color: inherit;
  background-color: transparent !important;
}
.top-menu-left .dropdown ul li {
  padding-right: 0;
  padding-left: 0;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.college {
  padding: 2.8125rem 0 7.5rem;
}
.college .main-title {
  text-align: right;
  margin-bottom: 2.5rem;
}
.main-desc {
  text-align: justify;
}
.college-left .col-md-6 {
  margin-bottom: 2.5rem;
}
.college-top {
  padding-bottom: 3.125rem;
}
.college-box-title {
  font-size: 1rem;
  color: var(--color-primary);
  font-weight: bold;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border: 1px solid var(--color-border);
  text-align: center;
  min-height: 7.1875rem;
}
.college-box-img {
  text-align: center;
  width: 100%;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  background: var(--color-primary);
  border-bottom: 10px solid var(--color-secondary);
}
.college-top .col-md-8,
.college-top .col-md-4 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.college-middle {
  padding-bottom: 4.375rem;
}
.college-management .main-title {
  text-align: right;
  padding-bottom: 3.125rem;
}
.college-management {
  padding-bottom: 4.375rem;
}
.college-news {
  padding-bottom: 4.375rem;
}
.college-banners .row {
  padding-bottom: 2.5rem;
}
.team {
  position: relative;
  width: 100%;
  padding-top: 1.25rem;
  padding-right: 1.875rem;
  padding-left: 1.875rem;
  padding-bottom: 1.25rem;

  width: 100%;
}
.team-title {
  font-size: 1rem;
  color: var(--color-primary);
  font-weight: bold;
  margin-bottom: 0.625rem;
  width: 100%;
}
.team hr {
  height: 0.1875rem;
  width: 6.25rem;
  background: var(--color-primary);
  display: block;
  margin-right: -0.625rem;
  opacity: 1;
}
.team-subtitle {
  margin-top: 0.625rem;
  display: block;
  font-size: 1rem;
  color: var(--color-secondary);
  font-weight: bold;
  width: 100%;
  min-height: 3rem;
}
.team-content {
  position: relative;
  padding-top: 0.9375rem;
  z-index: 1;
}
.social-contact ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}
.social-contact ul li {
  padding-left: 1.5625rem;
}
.social-contact ul li:first-child {
  padding-left: 2.1875rem;
  color: var(--color-primary);
  font-size: 1.0625rem;
}
.contact-ul-2 {
  margin-top: 2.1875rem;
}
.contact-ul-2 ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
}
.contact-ul-2 ul li {
  text-align: left;
}
.research-table {
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
}
.research {
  padding: 5rem 0;
}
.research-title {
  font-size: 1.125rem;
  font-weight: bold;
  color: var(--color-primary);
  text-align: center;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  border-bottom: 4px solid var(--color-secondary);
  margin-bottom: 0.5rem;
}
.research-table {
  text-align: center;
}
.research-table table th,
.research-table table td {
  text-align: center;
}
.research-table table td {
  font-size: 1.125rem;
  color: var(--color-primary);
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  background: transparent;
}
.research-table tr:nth-child(odd) {
  background: transparent;
}
.research-table tr:nth-child(even) {
  background: transparent;
}
.research-table table thead {
  border-bottom: 0px solid var(--color-secondary);
}
.research-table table {
  border-bottom: 0px solid var(--color-secondary);
}
.research-table table th,
.research-table table td {
  border: 1px solid var(--color-border);
}
.research-table table th {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  background: var(--color-primary);
}
.research-table table thead tr {
  background: var(--color-primary);
}
.research-table table tr td:last-child {
  border-left: 0;
}
.research-table table tr:last-child td {
  border-bottom: 0;
}
.research-table tbody {
  border-bottom: 0;
}
.research-table .table-bordered {
  margin-bottom: 0 !important;
}
.research-table table tbody tr:last-child {
  border-bottom: 0;
}
/* .research-table table tbody tr td:last-child {
  font-size: 1.1875rem;
  font-weight: bold;
  color: var(--color-primary);
} */
.deanship {
  padding-top: 2.8125rem;
}
.deanship .container > .main-title {
  margin-bottom: 3.125rem;
}
.deanship-inner {
  padding-top: 3.125rem;
}
.read-more {
  text-align: left;
  padding-top: 1.875rem;
  font-size: 1.125rem;
  color: var(--color-primary);
}
.deanship-inner {
  padding-bottom: 3.75rem;
}
.deanship {
  background: #fff;
}
.str-top .main-title {
  text-align: right;
}
.text-right {
  text-align: right !important;
}
.main-ul ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
}
.main-ul ul li {
  margin-bottom: 0.9375rem;
}
.deanship {
  padding-bottom: 5.625rem;
}
.office {
  padding-top: 5rem;
}
.office-inner {
  padding-top: 3.75rem;
}
.struc {
  padding-top: 4.6875rem;
  padding-bottom: 5rem;
}
.sub-stru ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
}
.sub-stru ul li {
  padding-bottom: 0.9375rem;
}
.sub-stru ul li a {
  display: block;
  background: var(--color-primary);
  color: #fff;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  text-align: center;
}
.deandep {
  padding-top: 5rem;
  padding-bottom: 6.25rem;
  background: #fff;
}
.deandep hr {
  width: 100%;
  background: var(--color-secondary);
  height: 0.1875rem;
  opacity: 1;
}
.deandep-inner {
  padding-top: 4.375rem;
}
.inner-top {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
body .r-l-hr {
  width: 100%;
  background: var(--color-secondary);
  height: 0.1875rem;
  opacity: 1;
}
.middle-title {
  padding-bottom: 3.75rem;
}
.back-white {
  background: #fff;
}
.research-table tr:nth-child(odd) {
  border-bottom: 0;
}
.middle-title .main-title {
  text-align: center;
}
.middle-title .row {
  width: 100%;
}
.middle-title .row .col-md-4:first-child {
  margin-left: 0 !important;
}
.main-desc b {
  font-size: 1rem;
  color: var(--color-primary);
  font-weight: bold;
}
.index-coleg {
  position: relative;
}
.index-coleg > img {
  position: absolute;
  top: 0;

  opacity: 0.5;
}
.news {
  position: relative;
}
.news > img {
  position: absolute;
  top: 0;
  /* z-index: -1; */
  opacity: 0.5;
}

@media (max-width: 1359px) and (min-width: 1200px) {
  .heading15 {
    font-size: 0.9375rem;
  }
  .normal {
    font-size: 0.8125rem;
  }
  .heading16 {
    font-size: 1.125rem;
  }
  .event-content {
    padding-bottom: 0.9375rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    min-height: 14.0625rem;
  }
  .event-subtitle {
    font-size: 1.125rem;
  }
  .ev-title {
    font-size: 0.875rem;

    min-height: 2.8125rem;
  }
  .event-box {
    min-height: 12.8125rem;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    margin-bottom: 0.625rem;
  }
  .ev-section,
  .newev-box {
    min-height: auto;
  }
  .heading10 {
    font-size: 1.125rem;
  }
}
@media (max-width: 1199px) {
  .events .col-md-4 {
    width: 100%;
    margin-bottom: 2.5rem;
  }
  .event-content {
    padding-top: 1.875rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-bottom: 1.875rem;

    min-height: auto;
  }
  .event-subtitle {
    min-height: auto;
  }
  .event-box {
    min-height: auto;
  }
  .events .col-md-4 .btnwrap {
    margin-top: 1.5625rem;
  }
  .heading8 {
    font-size: 1.125rem;
  }
  .heading5 {
    font-size: 1.125rem;
  }
  .counts {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  body .cardcontainer {
    padding: 1.875rem;
  }
  .events .col-md-4 {
    padding-left: 0;
    padding-right: 0;
  }
  body .events .row .col-md-4:nth-child(2) {
    border-left: 0px solid var(--color-border);
    border-right: 0px solid var(--color-border);
  }
}
.menu-list.show {
  display: block;
}

@media (max-width: 1199px) {
  .top-menu-left ul li {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .top-menu-left a {
    font-size: 0.9375rem;
  }
  .top-menu {
    padding-right: 0.9375rem;
    max-width: inherit;
    min-width: inherit;
  }
  .his-date {
    font-size: 1.125rem;
    padding: 0.7813rem 0.9375rem;
  }
  .inner-body .navbar.custom {
    position: sticky;
  }
  .history-inner {
    padding-bottom: 3.4375rem;
  }
  .value {
    padding: 1.25rem;
  }
  .management-inner .col-md-3 {
    width: 50%;
  }
  .logos .col-md-8 {
    width: 100%;
  }
  body .countersection {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .colleges .panel-title span {
    font-size: 1.125rem;
  }
  .college-top .col-md-8 {
    width: 100%;
    margin-bottom: 2.5rem;
  }

  .college-top .col-md-4 {
    width: 100%;
  }
  .college-boxes .col-md-3 {
    width: 50%;
  }
  .college-management .col-md-3 {
    width: 50%;
  }
}

@media (max-width: 991px) {
  .values .col-md-4 {
    width: 50%;
  }
  .colleges .panel-body .row .col-md-8,
  .colleges .panel-body .row .col-md-4 {
    width: 100%;
  }
  .colleges .panel-body .row .col-md-8 {
    margin-bottom: 2.5rem;
  }
  .col-md-20 {
    width: 100%;
  }
  .countersection {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 991px) {
  .history-inner {
    margin-top: 0;
  }
  .inner-menu-icon {
    font-size: 1.4375rem;
    cursor: pointer;
    line-height: 1;
    margin: 0;
    /* padding: 0.3125rem; */
    width: 3.125rem;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 2.375rem;
    height: 2.375rem;
    border: 1px solid #fff;
    border-radius: 0.25rem;
  }

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

  .menu-list li {
    margin-bottom: 0.625rem;
  }
  body .menu-list {
    display: none;
  }
  .top-menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: start !important;
  }
  .top-menu-left {
    padding-right: 0;
    margin-left: 1.875rem;
    text-align: left;
    width: 100%;
  }
  .show {
    display: block;
  }
  .top-menu-right {
    position: absolute;
    right: 0.9375rem;
  }
  .top-menu {
    width: 100%;

    position: relative;
    flex-direction: row-reverse;
  }
  .top-menu-left ul li {
    text-align: right;
  }
  body .mobbar {
    left: 1.875rem;
  }
  .history-inner {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .his-date {
    font-size: 0.9375rem;
    padding: 0.7813rem 0.9375rem;
  }
}

@media (min-width: 992px) {
  .inner-menu-icon {
    display: none;
  }
}
@media (max-width: 767px) {
  .history-inner .text-left {
    text-align: right !important;
    margin-top: 1.875rem;
  }

  .vision-inner-right {
    max-width: inherit;
    min-width: inherit;
    margin-bottom: 1.875rem;
  }

  .vision-inner {
    display: block;
  }

  .vision-inner-left {
    height: auto;
  }

  .goals-desc {
    padding: 1.875rem 0.9375rem;
  }

  .values .col-md-4 {
    width: 100%;
  }
  .management-inner .col-md-3 {
    width: 100%;
  }
  .btn-info {
    margin-bottom: 1.875rem;
  }
  .colleges .panel-title span {
    padding-right: 0.3125rem;
    font-size: 1rem;
  }
  .colleges .panel-title img {
    max-width: 2.1875rem;
  }
  body .accordion-toggle::after {
    top: 0.4688rem;
  }
  .col-about-title {
    font-size: 1.125rem;
  }
  .col-about {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .col-bttom-title span {
    font-size: 1.125rem;
  }
  .college-boxes .col-md-3 {
    width: 100%;
  }
  .college-management .col-md-3 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1359px) {
  .college-left .heading8 {
    font-size: 1rem;
  }
  .college-left .heading5 {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .inner-body main {
    /* padding-top: 5.75rem; */
  }
}
@media (max-width: 991px) {
  body .top-menu-right {
    min-width: inherit;
    max-width: inherit;
  }

  .top-menu-right {
    font-size: 1.125rem;
  }
  .top-menu-right {
    top: 2.8125rem;
  }
}
@media (max-width: 991px) {
  .str-top .col-md-3 {
    width: 100%;
  }
  .str-top .col-md-9 {
    display: none;
  }
  .deanship-inner .col-md-3 {
    width: 100%;
  }
  .deanship-inner .col-md-9 {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 991px) {
  .str-middle .col-md-4:first-child,
  .str-middle .col-md-4:last-child {
    display: none;
  }
  .str-middle .col-md-4 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .college-box {
    margin-bottom: 2.5rem;
  }
  .research-table table th {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;

    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media (max-width: 1199px) {
  .middle-title .main-title {
    font-size: 1.125rem;
  }
}
@media (max-width: 1199px) {
  .structure .str-title span {
    font-size: 1.125rem;
  }
  .structure .sub-stru ul li a {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body .col-md-20 {
    width: 20%;
  }
  .structure .str-title span {
    font-size: 0.8125rem;
  }
  body .structure .str-main .col-md-20 {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .structure .sub-stru ul li a {
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .structure .countercorner {
    right: 0;
  }
  .structure .row .col-md-4:first-child {
    margin-left: 0;
  }
  .structure .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .teams .col-md-3 {
    width: 50%;
  }
  .deanship-inner .col-md-9,
  .deanship-inner .col-md-3 {
    width: 100%;
  }
  .deanship-inner .col-md-9 {
    margin-bottom: 2.5rem;
  }
  .str-top .col-md-3 .main-title {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .college-news .col-lg-4 {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 1199px) {
  .dep .col-md-8 {
    width: 100%;
    margin-bottom: 2.5rem;
  }
  .dep .col-md-4 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .structure .str-main .col-md-3 .str-title {
    min-height: auto;
  }
  .gates .col-md-4 {
    margin-bottom: 1.875rem;
  }
  .gate-content {
    padding-bottom: 2.1875rem;
  }
}
@media (max-width: 1359px) and (min-width: 992px) {
  .str-middle .main-title {
    font-size: 1rem;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .gate-content {
    padding-top: 2.1875rem;
    padding-bottom: 2.1875rem;
  }
  .gate-title {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  .military-title {
    font-size: 1.125rem;

    margin-bottom: 0.9375rem;
  }
  .military-desc {
    font-size: 1.125rem;
  }
  .missions-ol-title {
    font-size: 1.125rem;
  }
}
@media (max-width: 1359px) and (min-width: 1200px) {
  .service-box-title {
    font-size: 1.125rem;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .service-box-title {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .ser-boxes .col-md-3 {
    width: 50%;
  }
}
.departments {
  padding: 5rem 0;
}
.departments-inner {
  margin-top: 3.125rem;
}
.departments-inner .col-md-4 {
  margin-bottom: 1.875rem;
}
.gates {
  padding: 5rem 0;
}
.gallery {
  margin-top: 3.125rem;
}
.inner-section {
  margin-top: 3.125rem;
}
.main-section {
  /* padding: 5rem 0; */
}
@media (max-width: 991px) {
  .top-menu .menu-list ul {
    position: relative;
    margin-left: -1.875rem;
    background: var(--color-secondary);
    margin-right: -0.9375rem;
    z-index: 1;
    padding-bottom: 1.875rem;
  }
}

/* Fallback logo state — applies whenever the gold logo is the image src,
   whether set as the initial fallback (empty API field) or swapped in via onError */
img[src*="logo-gold-new"],
img.img-error-fallback {
  object-fit: contain !important;
  /* background-color: var(--color-bg-section) !important; */
  padding: 0.5rem !important;
}

/* Larger logo inside moderator card avatars */
.moderator-card-avatar img[src*="logo-gold-new"],
.moderator-card-avatar img.img-error-fallback {
  padding: 0.1rem !important;
}