body {
  margin: 0;
}

html,
body {
  scroll-behavior: smooth;
}

body{ 
Overflow: auto !important;
}


/* ----------------------------------------- */
/* FONTS STACK */
/* ----------------------------------------- */

@font-face {
  font-family: "interB";
  src: url("Inter-Bold.otf");
}

@font-face {
  font-family: "interM";
  src: url("Inter-Medium.otf");
}

@font-face {
  font-family: "interR";
  src: url("Inter-Regular.otf");
}

@font-face {
  font-family: "interR";
  src: url("Inter-Regular.otf");
}

@font-face {
  font-family: "interSB";
  src: url("Inter-SemiBold.ttf");
}

@font-face {
  font-family: "interL";
  src: url("Inter-Light.ttf");
}

@font-face {
  font-family: "AlbertSB";
  src: url("AlbertSans-SemiBold.ttf");
}

@font-face {
  font-family: "AlbertB";
  src: url("AlbertSans-Bold.ttf");
}

@font-face {
  font-family: "AlbertR";
  src: url("AlbertSans-Regular.ttf");
}

@font-face {
  font-family: "AlbertL";
  src: url("AlbertSans-Light.ttf");
}

@font-face {
  font-family: "AlbertM";
  src: url("AlbertSans-Medium.ttf");
}

@font-face {
  font-family: "DMSansB";
  src: url("DMSans-Bold.ttf");
}

/* ----------------------------------------- */
/* variables */
/* ----------------------------------------- */

:root {
  /* typography */
  --fnt-InterR: "Inter", sans-serif;
  --fnt-InterM: "InterM", sans-serif;
  --fnt-InterB: "InterB", sans-serif;
  --fnt-Inter-14: 14px "Inter", sans-serif;
  --fnt-Inter-16: 16px "Inter", sans-serif;
  --fnt-Inter-18: 18px "Inter", sans-serif;

  --fnt-InterB-48: 48px "InterB", sans-serif;
  --fnt-Inter-18: 18px "Inter", sans-serif;
  --fnt-Inter-28: 28px "Inter", sans-serif;
  --fnt-InterM-14: 14px "InterM", sans-serif;
  --fnt-InterB-12: 12pxs "InterB", sans-serif;
  --fnt-InterB-16: 16px/28px "InterB", sans-serif;
  --fnt-InterB-18: 18px "InterB", sans-serif;
  --fnt-InterB-22: 22px "InterB", sans-serif;
  --fnt-InterB-36: 36px "InterB", sans-serif;

  --fnt-Inter-15: 15px "Inter", sans-serif;
  --fnt-Inter-16: 16px "Inter", sans-serif;
  --fnt-Inter-18: 18px "Inter", sans-serif;
  --fnt-Inter-20: 20px "Inter", sans-serif;
  --fnt-Inter-24: 24px "Inter", sans-serif;
  --fnt-Inter-36: 36px "Inter", sans-serif;
  --fnt-Inter-38: 38px "Inter", sans-serif;
  --fnt-Inter-40: 40px "Inter", sans-serif;
  /* colors*/
  --clr-primary: #32655f;
  --clr-white: #fff;
  --clr-black: #000;
  --clr-black-secondary: #15171a;
  --clr-gray: #788592;
  --clr-gray-light: #f5f5f5;

  --clr-white-secondary: #f5f5f5;

  --clr-black-secondary: #2a2c38;
  --clr-black-dark: #1f212c;
  --clr-purple-light: #788592;
  --clr-purple-light-secondary: #b1bec5;
  /* trnasition */
  --transition04s: all 0.4s ease;

  /* Spacing */
  --section-spacing: 64px 16px;
  --fontR: "interR";
  --fontL: "interL";
  --text-main: 76px/130% var(--fontR), "sans-serif";
  --text-h1: 61px/130% var(--fontR), "sans-serif";
  --text-h2: 49px/130% var(--fontR), "sans-serif";
  --text-h3: 39px/130% var(--fontR), "sans-serif";
  --text-h4: 31px/130% var(--fontR), "sans-serif";
  --text-h5: 25px/120% var(--fontR), "sans-serif";
  --text-h6: 20px/130% var(--fontR), "sans-serif";
  --text-paragraph: 16px/130% var(--fontR), "sans-serif";
  --text-paragraph-small: 13px/130% var(--fontR), "sans-serif";
  --text-label: 10px/130% var(--fontR), "sans-serif";
  /* colors */
  --color-primary: #84bb4d;
  --color-secondary: #2aa7ff;
  --color-white: #ffffff;
  --color-black: #000;
  /* spacing */
  --section-spacing: 72px 62px;
  /* transitions */
  --transition-05: all 0.5s ease;
}

/* ----------------------------------------- */
/* 100% WIDTH */
/* ----------------------------------------- */
#block-bootstrap-subtheme-search {
  overflow: hidden;
  opacity: 0;
  display: none;
  transition: all 0.4s ease;
}

#block-bootstrap-subtheme-search.active {
  opacity: 1;
  width: 245px;
  height: initial;
  overflow: initial;
}

#block-views-blockleadership-message-block-1 .leadership-message-container,
#block-views-block-leadership-message-block-1 .view-content,
#block-banner4functions #section-functions,
#block-banner4admissions .section-container,
div#faqs-wrapper-main,
#block-views-block-highlights-block-1,
#block-galleryfp #gallery-wrapper,
.footer #block-footer {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  /* This ensures it takes the full width if the screen is smaller than 1240px */
}

.navbar > .navbar-header,
.navbar > .navbar-collapse {
  margin: 0 !important;
}

.container {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.navbar.container {
  max-width: 100%;
}

.row {
  margin: 0;
}

.banner01,
.banner02,
.banner03,
.banner04,
.banner05,
.banner06,
.banner07,
.banner08,
.banner09,
.banner10 {
  padding: 0;
}

/* ----------------------------------------- */
/* NAVIGATION */
/* ----------------------------------------- */

#navbar {
  padding: 0 64px !important;
  margin: 0 !important;
  border: 0;
  border-radius: 0;
  padding-top: 0.5em !important;
  background-color: white;
  direction: ltr;
  z-index: 3;

  /* border-top: 24px solid #84BB4D; */
}

.path-frontpage #navbar {
  left: 0;
  right: 0;
  z-index: 3;
  width: 95% !important;
  margin: 0 auto !important;
}

.path-frontpage #navbar {
  width: 100% !important;
  padding: 0 64px !important;
}

.banner01.col-sm-12 {
  position: relative;
  background-color: white;
  background-repeat: no-repeat;
}

.region.region-banner01 {
  background-image: url("/system/files/banner-bg-new.png");
  background-position: 45% 90%;
  height: 40em;
}

.path-gallery .view-content .views-row {
    width: 33%;
}

.navbar-header {
  background: transparent;
  width: auto;
  height: auto;
  padding: 8px;
  margin: 0;
}

.navbar-collapse {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  width: 100%;
}

.navbar-nav {
  margin: 0;
  padding: 0;
  display: flex;
  padding-top: 2.2em;
  justify-content: space-between;
  text-align: center;
  padding: 18px;
  padding-top: 2em;
}

.navbar-default {
  background-color: transparent;
}

.navbar-default .navbar-nav > li {
  margin: 0;
  margin: 0 0.2em;
  display: inline-block;
  float: none;
  padding: 0;
  background: transparent;
  transition: all 0.5s ease;
}

.navbar-default .navbar-nav > li {
}

.navbar-default .navbar-nav > li > a {
  font-size: 16px;
  font-family: "AlbertL";
  color: #4a4a4a;
  transition: all 0.5s ease;
  padding: 7px 10px;
}

#block-bootstrap-subtheme-main-menu {
  display: FLEX;
  justify-content: flex-end;
  width: 65%;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  /* background-color: #84BB4D; */
  background-color: #2c5593;
  color: #f8fcf7;
  border-radius: 10px;
  padding: 0.5em 0.8em;
}

/* Background enhancement for navbar */
#block-bootstrap-subtheme-main-menu {
  background: #eef8ff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 0.5rem 2rem;
  padding-left: 0;
  padding-right: 0;
  margin: 1rem auto;
  margin-right: 0;
  margin-top: 1.5em;
  width: fit-content;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* Menu list style */
.menu--main.navbar-nav {
  display: flex;
  gap: 0.01rem;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Base style for all links */
.menu--main.navbar-nav li a {
  color: #1a1a1a;
  padding: 0.5em 0.8em;
  transition: all 0.3s ease;
  /* border-radius: 20px; */
}

.cm-wrapper-pla {
  margin-bottom: 3em;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: transparent;
  border-bottom-color: transparent;
  display: none;
}

.navbar-nav .dropdown-menu > li > a {
  color: #16404d;
  text-transform: capitalize;
  transition: all 0.5s ease;
  text-align: left;
  padding: 5px 10px;
  font-size: 15px;
  font-family: "AlbertL";
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a {
  color: #2c5593 !important;
  background-color: rgba(44, 85, 147, 0.2);
  font-family: "AlbertL";
}

/* .navbar-nav .dropdown-menu > li.active > a {
  color: #ffffff;
}

.navbar-default .navbar-nav li.last .dropdown-menu {
    left: auto;
    right: 0;
} 

.dropdown:hover .dropdown-menu {
    display: block;
}
.navbar .logo {
  margin: 0;
  padding: 0;
  background: url('/system/files/logo_0.png') no-repeat center center/cover;
  background-size: 90%;
} 

.navbar .logo img {
  width: 111px;
  height: 81px;
  opacity: 0;
} */

.navbar .logo {
  margin: 0;
}

.navbar .logo img {
  width: 100%;
  height: 81px;
}

/* ----------------------------------------- */
/* SEARCH */
/* ----------------------------------------- */

.search-btn-wrap {
  position: absolute;
  right: 60px;
  top: 34px;
  z-index: 1;
}

.social-icons img {
  margin: 0 4px;
}

#block-searchbarblock {
  width: fit-content;
  display: block;
  position: absolute;
  top: 44px;
  right: calc(65px + 9px);
  transform: translateY(-9px);
  cursor: pointer;
}

/*.searchButton {display: none;}*/

.navbar .search-block-form {
  position: absolute;
  float: right;
  right: calc(65px + 61px);
  top: 0px;
  width: 245px;
  background: transparent;
  border: 0px solid transparent;
  border-radius: 0;
  z-index: 1;
}

/*.path-frontpage .navbar .search-block-form {background: transparent;}*/

.navbar .search-block-form .form-group {
  margin: 0;
}

.navbar .search-block-form .form-group .input-group {
}

.navbar .search-block-form .form-group .input-group #edit-keys {
  border-radius: 0;
  position: relative;
  top: 72px;
  right: -71px;
  border: 1px solid #84bb4d;
  color: var(--color-black);
  width: 245px;
  font-family: "interR";
  float: right;
  box-shadow: none;
  height: 49px;
  border-radius: 6px;
}

.navbar .search-block-form .form-group .input-group #edit-keys::placeholder {
  color: #84bb4d;
  font: var(--text-paragraph-l);
}

.navbar .search-block-form .form-group .input-group .input-group-btn .btn {
  /* background: url("../images/search.png") no-repeat center center; */
  width: 21px;
  height: 21px;
  background-size: contain;
  border: none !important;
  border-radius: 0;
  color: #ffffff;
  padding: 0;
  background-color: transparent;
}

.navbar
  .search-block-form
  .form-group
  .input-group
  .input-group-btn
  .btn
  .icon {
  opacity: 0;
}

#edit-keys::placeholder {
  font: var(--text-paragraph-l);
  color: #fff;
}

/* #searchbtn  */

.social-wrap {
  position: absolute;
  right: 381px;
  top: 67px;
}

/* ----------------------------------------- */
/* INTERNAL PAGES */
/* ----------------------------------------- */

.view-jobs .view-empty::after,
.view-tenders .view-empty::after {
  content: "Currently no items are available, please check back later!";
}

a {
  outline: 0 !important;
}

#block-views-block-slick-x-block-main {
  display: none;
}

.region.region-content .content,
.region.region-content .view-content {
  font: var(--text-paragraph);
  color: #333333;
  line-height: 1.75;
  font-family: "interR";
}

#notfrontwrap {
  height: auto;
  min-height: 436px;
  /*position: relative;
    bottom: 10px;*/
  /* background: url(/system/files/law.jpg) no-repeat fixed center center / cover; */
  background-size: cover;
  background-attachment: fixed;
  padding: 0 1em;
  padding-bottom: 3em;
}

.path-frontpage #notfrontwrap {
  padding-bottom: 0;
}

#notfrontwrap {
  min-height: calc(100vh - 171px);
}

.region-content img {
  margin: 0 10px;
  /* object-fit: cover; */
}

.path-frontpage #ip-wrap {
  display: none;
}

#page-title {
  color: var(--color-primary);
  border: 0;
  margin: 0;
  font-size: 38px;
  padding: 0 15px 10px;
  font: var(--text-h2);
  font-family: "interB";
  font-size: 35px !important;
}

.path-parent-resource-hall #page-title {
  display: none !important;
}

a#rightlogo {
  padding-left: 1em;
}

.region.region-content h1,
.region.region-content h2,
.region.region-content h3,
.region.region-content h4 {
  font-family: interM;
}

.project-title-wrap {
  text-align: center;
  margin-top: 1em;
}

.region.region-content h3 {
  color: #555555;
}

.region.region-content h4 {
  color: var(--color-ftr-primary);
}

.region.region-content .content ul,
.region.region-content .view-content ul {
  /*list-style-image: url("../images/bullet.png");*/
}

.region.region-content .content li,
.region.region-content .view-content li {
  padding: 6px 0;
}

.region.region-content .content a,
.region.region-content .view-content a {
  text-decoration: none;
  color: #2e2d2c;
  border-bottom: 1px dotted #2e2d2c;
}

.region.region-content .view-content a {
  border: 0;
}

.main-container {
}

.path-frontpage #frontpagerowswrap {
}

#frontpagerowswrap {
}

.path-frontpage #notfrontwrap {
  min-height: 0;
  height: 0 !important;
}

#page-header {
}

#contentsectionwrap {
}

#contentsection {
  padding: 0 15px;
}

.breadcrumb {
  background: #eeeeee;
  border-radius: 0;
  font: var(--text-paragraph);
  margin: 0 -12px 12px;
  padding: 10px 30px;
  font-family: "interR";
}

.breadcrumb > li.active {
  color: var(--color-primary);
  font-family: interR;
}

.dfile a {
  background: url("/system/files/application-pdf.png") no-repeat center center / cover;
  width: 25px;
  height: 25px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  border: none !important;
  /*margin: 0 auto;*/
}

 td.dfile.views-field.views-field-field-date a{
    text-align: center;
    margin: 0 auto !important;
}

.views-field-field-file a,
.views-field-field-file-1 a {
  background: url(/system/files/pdf.png) no-repeat center center / cover;
  width: 25px;
  height: 25px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  border: none !important;
  margin: 0 auto;
}

.path-tenders th#view-field-file-table-column,
.path-jobs th#view-field-file-table-column {
  text-align: center;
}

.viewp_wrap {
  margin-bottom: 1.5em;
}

.viewp_date {
  font-weight: bold;
  margin-bottom: 5px;
}

.galleryp_image img,
.video-pgallery iframe {
  display: block;
  height: 215px;
  width: 220px;
  max-width: 100%;
  /* object-fit: cover; */
  margin: 0 auto 1em;
}

.galleryp_title {
  text-align: center;
}

.galleryp_desg {
  text-align: center;
  font-size: 13px;
  min-height: 46px;
}

.project-img-wrap img {
  width: 100%;
  height: 293px;
  display: block;
}

.galleryp_title a {
  display: block;
  height: 52.5px;
  overflow: hidden;
}

.newsletter-img-wrap img {
  height: 330px;
  width: 300px;
  display: block;
  margin: 0 auto;
}

.page-node-type-directorates .field--label {
  font: var(--text-h5);
  color: var(--color-primary-light);
}

.field--name-field-directorate-organogram img {
  height: 500px;
  width: 500px;
  display: block;
  margin: 0 auto;
}

.newsletter-item-wrap {
  text-align: center;
}

.highp_title {
}

#block-system-main .date-display-single {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}

.noticep-wrap ul {
  padding-left: 1em;
}

time {
  font-weight: bold;
  margin-bottom: 10px;
}

.mediap_wrap {
  display: flex;
  margin-bottom: 2em;
}

.mediap_img {
  margin-right: 1.5em;
}

.page-node-type-gallery .slick .slick__slide:focus {
  border: 0;
}

.form-item,
.form-actions {
  margin: 18px 0;
}

.hiw-no {
  height: 44px;
  width: 44px;
  background: #000;
  display: block;
  margin: 0 auto;
  border-radius: 44px;
  color: #fff;
  line-height: 44px;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 20px;
}

#edit-submitted-email {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.webform-submit.button-primary.btn.btn-primary.form-submit {
  margin-bottom: 2%;
}



  div#edit-leaving-certificate-from-previous-institution--description a,
  div#edit-attached-recent-diagnostic-report-preferably-within-1-month---description a {
    display: none;
}



/* ===========================Page Cover========================== */
/*** Page Background ***/

/* ============================
Note: Make Sure to Change the Image Path & Section ID Accordingly
============================= */

.page-cover .bg-img {
  background: url("/system/files/Banner.svg") no-repeat center center / cover;
  opacity: 0.13;
}

#block-pagecover {
  position: relative;
  z-index: -99;
}

.page-cover {
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.page-cover {
  width: 100%;
  position: fixed;
  height: 120%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -99999;
  overflow: hidden;
}

.page-cover .cover-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  z-index: -1;
}

.page-cover .cover-bg-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-cover .bg-color {
  background-image: none;
  z-index: -1;
}

.page-cover .cover-bg-mask {
  background: rgba(255, 255, 255, 0.6);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  z-index: 0;
  -webkit-transition: 2s;
  transition: 2s;
}

.bg-img {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.page-cover .cover-bg-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*** ..End Page Cover std Code. ***/

.navbar-nav .dropdown-menu > li.active > a {
  color: #333;
}

.navbar-default .navbar-nav li.last .dropdown-menu {
  left: auto;
  right: 0;
}

@media only screen and (min-width: 760px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    border-radius: 12px;
    /* MARGIN-TOP: 0.5EM; */
  }
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* ......................End Submenu on Hover.................. */



/*********************************************
 messages page
 **********************************************/

.view-messages.view-display-id-page_1 .view-content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.msg-prof-pic {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  margin: 0 auto 0.5em;
  overflow: hidden;
  border: 4px solid #84bb4d;
}

.msg-prof-pic > img {
  width: 100%;
  height: 100%;
}

.pdma-msgs-container {
  background: #fafafa;
  display: block;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border: none !important;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.pdma-message-block .msg-prof-pic {
  float: left;
  margin: 0 12px 12px 0;
}

.messages-page-col {
  background: #f6f6f6;
  padding: 12px;
  border-radius: 8px;
  margin: 0 0 2em 0;
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

.msg-name,
.msg-designation {
  color: black;
  font-weight: bold !important;
  font-family: "interB";
}

/* .inner-page .msg-name {} */

.msg-designation {
  font-size: 18px;
  /* font-style: italic; */
  font-family: "interB";
}

.msg-message {
  text-align: justify;
  color: black;
}

.msg-message span {
  color: #84bb4d;
}

.pdma-msgs-container:hover {
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  -webkit-box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  transform: translateY(-6px);
  border: none !important;
}

.pdma-msgs-container:hover .msg-name,
.pdma-msgs-container:hover .msg-designation,
.pdma-msgs-container:hover .msg-message {
  color: black !important;
}

/** Sitemap **/

.sitemap {
  padding: 0 1em;
}

.sitemap-item {
}

.sitemap-item ul {
  padding: 0 0 0 1.5em;
  margin: 0 !important;
  float: none;
  text-align: start;
  list-style: disc;
}

.sitemap-item ul li {
  float: none;
  display: list-item;
}

.sitemap-item ul li a {
  text-decoration: none;
  display: initial;
  font: var(--text-paragraph);
  font-family: "interB";
  color: #333333;
  padding: 0;
}

.sitemap-item ul li a:hover,
.sitemap-item ul li a:focus {
  text-decoration: none;
  background: transparent;
}

.sitemap .caret {
  display: none;
}

.sitemap-item ul li ul {
  position: initial;
  display: block;
  border: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  background: transparent;
  background-clip: inherit;
  list-style: circle;
}

.sitemap-item ul li ul li {
  display: list-item;
}

.sitemap-item ul li ul li a,
.sitemap-item .navbar-nav .dropdown-menu > li > a {
  text-decoration: none;
  display: initial;

  font: var(--text-paragraph);
  font-family: "interL";
  color: #2e2d2c;
  padding: 0;
  /* border-bottom: 1px dotted #2e2d2c; */
}

.sitemap-item ul li ul li a:hover,
.sitemap-item ul li ul li a:focus,
.sitemap-item .navbar-nav .dropdown-menu > li > a:hover,
.sitemap-item .navbar-nav .dropdown-menu > li > a:focus {
  text-decoration: none;
  background: transparent;
}

.sitemap-item .dropdown-menu > li > a:hover,
.sitemap-item .dropdown-menu > li > a:focus {
  color: #2e2d2c !important;
}

.sitemap-item ul li ul li ul {
  display: none;
}

.sitemap-item ul li ul li.expanded ul {
  display: block;
  list-style: square;
}

/** ... **/

/* ----------------------------------------- */
/* REUSABLE COMPONENTS */
/* ----------------------------------------- */

.section-container {
  padding: var(--section-spacing);
}

#block-banner4admissions .section-container {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.section-heading-tagline {
  font: 14px interR;
  color: var(--clr-purple-light);
  display: flex;
  align-items: center;
}

.section-heading-tagline span {
  height: 2px;
  width: 20px;
  background: #32655f;
  display: inline-block;
  margin-right: 15px;
}

.section-heading {
  font: 50px interB;
  color: var(--clr-black);
  margin-bottom: 25px;
}

.section-heading span {
  color: var(--color-primary);
}

.white-heading {
  color: #fff;
}

.section-heading-para {
  font: var(--text-paragraph-l);
  color: var(--color-dark);
  text-align: center;
  margin-bottom: 32px;
}

.section-para {
  font: 18px interR;
  color: #788592;
  margin-bottom: 24px;
}

.section-btn-secondary {
  height: 46px;
  width: 255px;
  background-color: var(--color-white);
  font: var(--text-h6);
  color: var(--color-blue);
  border-radius: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.section-btn {
  display: inline-flex;
  align-items: center;
  background-color: #a8794c;
  border: 1px solid transparent;
  color: var(--color-white);
  font: 16.34px interB;
  text-align: center;
  text-decoration: none !important;
  padding: 12px 24px;
  transition: all 0.4s ease-in-out;
}

.section-btn span {
  width: 20px;
  padding-left: 0.5em;
  background: transparent;
}

.section-btn:hover span {
  background-color: transparent;
}

.section-btn:hover,
.section-btn:focus,
.section-btn:active {
  background-color: transparent;
  color: #32655f;
  border-color: #32655f;
  text-decoration: none;
}

.secondary-btn {
  background: var(--color-secondary);
}

.section-col a {
  text-decoration: none;
}

.slick--skin--boxed .slide__content {
  margin: 0px;
  border-radius: 0;
  background-color: transparent;
  border: unset;
  border-bottom: unset;
}

.slick--skin--boxed .slide__content:hover {
  box-shadow: none;
  border-color: unset !important;
}

.slick--skin--boxed-carousel .slide__caption {
  padding: 0;
}

/*.path-node #block-views-block-what-we-do-block-1,
.path-tenders #block-views-block-what-we-do-block-1,
.path-highlights #block-views-block-what-we-do-block-1,
.path-gallery-meetings #block-views-block-what-we-do-block-1,
.path-gallery-events #block-views-block-what-we-do-block-1,
.path-gallery-visits #block-views-block-what-we-do-block-1,
.path-sitemap #block-views-block-what-we-do-block-1{
    display: none;
}*/

/*#block-views-block-what-we-do-block-1*/

#backtotop {
  bottom: 90px;
  height: 50px;
  width: 50px;
  border-radius: 10px;
}

.high-content-wrap {
  padding-bottom: 1em;
}

.high-date {
  font-size: 16px;
  color: black;
  font-family: "AlbertM";
}

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

/* ----------------------------------------- */
/* BANNER 1 MAIN BANNER */
/* ----------------------------------------- */

.main-banner img {
  width: 100%;
  height: 46em;
}

.section-para {
  font: 18px interR;
  color: #788592;
  margin-bottom: 27px;
  letter-spacing: 1px;
  line-height: 1.3;
}

.pla-banner-wrapper img {
  width: 93%;
  margin: 0 auto;
}

.pla-banner-wrapper {
  display: flex;
  padding-top: 0.8em;
}

.cm-wrapper-pla img {
  width: 85%;
  margin: 0 auto;
  display: flex;
  padding-top: 2em;
}

/* =============================
Banner 1 - New Main .banner01
=========================== */

div#slick-views-main-banner-block-1-1 {
  position: RELATIVE;
}

/* Parent wrapper for isolation */
#block-views-block-main-banner-block-1 {
  font-family: "Segoe UI", Arial, sans-serif;
  color: #fff;
  text-align: left;
  padding: 2rem 1rem;
  position: relative;
  overflow: hidden;
}

/* Header */
#block-views-block-main-banner-block-1 .banner-header h2 {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 400;
  max-width: 900px;
  margin: 0 auto 1.5rem auto;
  text-align: center;
  color: #fff;
  animation: fadeInDown 1s ease-in-out;
}

#block-views-block-main-banner-block-1 .banner-header .highlight {
  font-weight: 700;
  color: #fff;
  background: none;
}

/* Banner Container */
#block-views-block-main-banner-block-1 .main-banner-container {
  position: relative;
  max-width: 80%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 12px;
  animation: fadeInUp 1.2s ease-in-out;
}

#block-views-block-main-banner-block-1 .main-banner img {
  width: 90%;
  margin: 0 auto;
  height: auto;
  display: block;
  border-radius: 35px;
  transition: transform 0.6s ease, box-shadow 0.6s ease;
}

/* Slick Arrows */
#block-views-block-main-banner-block-1 .slick-prev,
#block-views-block-main-banner-block-1 .slick-next {
  position: absolute;

  background: #fff;
  border: none;
  color: #21558a;
  font-size: 1.5rem;
  border-radius: 50%;
  padding: 0.5rem 0.9rem;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#block-views-block-main-banner-block-1 .slick-prev {
  top: 50%;
  transform: translateY(93%);
}

.new-mision-vision-item-internal-wrapper {
  display: flex;
  gap: 1em;
  justify-content: flex-start;
  align-items: center;
}

#block-views-block-main-banner-block-1 .slick-next {
  top: 50%;
  transform: translateY(-50%);
  color: transparent;
}

#block-views-block-main-banner-block-1 .slick-prev:hover,
#block-views-block-main-banner-block-1 .slick-next:hover {
  background: #21558a;
  color: #fff;
}

#block-views-block-main-banner-block-1 .slick-prev {
  left: -50px;
  /* Adjust per your slick setup */
}

#block-views-block-main-banner-block-1 .slick-next {
  right: -50px;
  /* Adjust per your slick setup */
}

/* Animations */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 992px) {
  #block-views-block-main-banner-block-1 .banner-header h2 {
    font-size: 1.6rem;
  }
}

@media (max-width: 768px) {
  #block-views-block-main-banner-block-1 .banner-header h2 {
    font-size: 1.4rem;
    padding: 0 1rem;
  }

  #block-views-block-main-banner-block-1 .slick-prev,
  #block-views-block-main-banner-block-1 .slick-next {
    display: none;
    /* hide arrows on small devices */
  }
}

@media (max-width: 480px) {
  #block-views-block-main-banner-block-1 .banner-header h2 {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}

/* Target arrows inside the main banner block */
#block-views-block-main-banner-block-1 .slick-prev,
#block-views-block-main-banner-block-1 .slick-next {
  width: 55px !important;
  height: 55px !important;
  background-color: transparent !important;
  /* default dark background */
  border-radius: 10px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 55px !important;
  z-index: 9 !important;
  transition: all 0.3s ease !important;
}

/* Specific background images */
#block-views-block-main-banner-block-1 .slick-prev {
  left: 4.3% !important;
  background-image: url(/system/files/left.svg) !important;
  color: TRANSPARENT;
}

#block-views-block-main-banner-block-1 .slick-next {
  right: 92% !important;
  background-image: url("/system/files/right.svg") !important;
  background-color: #4c1d43 !important;
}

/* Remove default pseudo-icons */
#block-views-block-main-banner-block-1 .slick-prev::before,
#block-views-block-main-banner-block-1 .slick-next::before {
  content: "" !important;
}

.flower-wrapper {
  position: absolute;
  top: -17%;
  left: 14%;
}

/* Hover effect */
#block-views-block-main-banner-block-1 .slick-prev:hover,
#block-views-block-main-banner-block-1 .slick-next:hover {
  opacity: 0.85 !important;
  color: transparent;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  #block-views-block-main-banner-block-1 .slick-prev,
  #block-views-block-main-banner-block-1 .slick-next {
    width: 16px !important;
    height: 16px !important;
    background-size: 16px !important;
  }

  #block-views-block-main-banner-block-1 .slick-prev {
    left: 10px !important;
  }

  #block-views-block-main-banner-block-1 .slick-next {
    right: 10px !important;
  }
}

/* Banner text styling */
#block-views-block-main-banner-block-1.-s3-banner-text {
  max-width: 96%;
  width: 91%;
  background-color: #2c5593;
  margin: 0 auto;
  padding: 20px;
  text-align: left;
}

#block-views-block-main-banner-block-1 .-s3-banner-heading {
  font-family: "AlbertL", sans-serif;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: 0.5px;
  color: #fff;
  /* Adjust if background needs contrast */
  font-weight: 400;
  margin: 0;
}

/* Slightly bolder span */
#block-views-block-main-banner-block-1 .-s3-banner-heading .-s3-bold {
  font-family: "AlbertSB", sans-serif;
  font-weight: 600;
  font-size: 60px;
}

/* Strong tags inside text */
#block-views-block-main-banner-block-1 .-s3-banner-heading strong {
  font-family: "AlbertSB", sans-serif;
  font-weight: 600;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  #block-views-block-main-banner-block-1 .-s3-banner-heading {
    font-size: 28px;
    line-height: 1.3;
  }

  .region.region-banner01 {
    height: auto;
  }
}

@media (max-width: 480px) {
  #block-views-block-main-banner-block-1 .-s3-banner-heading {
    font-size: 22px;
    line-height: 1.25;
  }
}

/* ========================End New Main Banner========================= */

/* ----------------------------------------- */
/* BANNER 4 - FUNCTIONS */
/* ----------------------------------------- */

#section-functions {
  padding: 4em 150px;
  padding-left: 1em;
  padding-right: 1em;
}

#section-functions .section-heading-wrap,
#section-functions .section-heading-tagline {
  justify-content: center;
  text-align: center;
}

#block-banner4functions .section-heading {
  margin-bottom: 5px;
}

.function-box {
  height: 379px;
  width: 323px;
  max-width: 100%;
  padding-top: 2em;
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 48px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.4s ease;
}

#block-banner4functions .section-row.row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.fb-1:hover {
  background: url("/system/files/fb-1.png") no-repeat center center;
}

.fb-2:hover {
  background: url("/system/files/Background%2BShadow.svg") no-repeat center
    center;
}

.fb-3:hover {
  background: url("/system/files/fb-3.png") no-repeat center center;
}

.function-icon {
  margin-bottom: 26px;
}

.function-box:hover .function-icon {
  visibility: hidden;
}

.function-title {
  font: 24px interB;
  color: black;
  width: 91%;
  margin-bottom: 25px;
  transition: all 0.5s ease-in-out;
}

.function-box:hover .function-title,
.function-box:hover .function-body,
.function-box:hover .function-btn a {
  color: #fff;
}

.function-body {
  font: 14px interR;
  color: black;
  height: 83px;
  text-align: justify;
  margin-bottom: 0;
  letter-spacing: 1px;
  line-height: 1.3;
  transition: all 0.5s ease-in-out;
}

.function-btn p {
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

.function-box:hover .function-btn p {
  visibility: visible;
}

.function-btn p {
  font: 14px interB;
  color: white;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}

/* ...................................Talha New Code........................... */

section#block-banner4functions {
  background-color: white;
  padding-bottom: 2.5em;
}

/* ...........................Our Functions................. */

#block-banner4functions .section-heading::after {
  content: "";
  width: 118px;
  height: 111px;
  display: none;
  background: url(/system/files/arrow-function.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 64%;
  transform: translate(100%, -50%);
}

#block-banner4functions .section-heading {
  position: relative;
  width: fit-content;
}

#block-banner4functions .section-heading-wrap {
  text-align: center;
  justify-content: center;
  display: flex;
  padding-bottom: 2em;
  flex-direction: COLUMN;
  align-items: CENTER;
}

.function-btn {
  padding-top: 1em;
}

/* .............................End Meeting Section New Left.............................. */

/* ...........................Start Meeting Section New Right.......................... */

/* ...............................CSS Core Team STD Code............................. */

/* Our Team Pages */
.path-core-team {
}

.path-core-team .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.path-core-team .view-content::after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}

.path-core-team .views-row {
}

.path-core-team .views-row:first-child {
  width: 100%;
}

.team-item {
  display: block;
  padding: 5px;
  text-align: center;
  /* border: 1px solid #ddd; */
  border-radius: 4px;
  /* min-height: 254px; */
  margin: 0 auto 20px auto;
}

.team-item .img {
  width: 150px;
  height: 150px;
  border-radius: 5px;
  margin: 0 auto;
  overflow: hidden;
}

.team-item .img img {
  width: 100%;
  height: 100%;
  transform: scale(1);
  border-radius: 3%;
  transition: all 0.6s ease;
  object-fit: contain;
}
max-width: 270px;

/* .team-item:hover .img img{
   transform: scale(1.2);
} */

.team-item .body {
  padding: 1em 0.75em;
}

.team-item .body .title {
  margin: 0;
  color: var(--color-primary);
  font-family: "interB";
  font-size: 16px;
}

.team-item .body .designation {
  margin: 10px 0 0 0;
  font-weight: bold;
  font-family: "interB";
}

.inner-page .view-id-core_team .view-content {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  border-bottom: unset !important;
}

a.team_hover:hover {
  text-decoration: none;
}

/*********************************end style core team standerd css ***********************************/

/* ============================Start FAQQs Section ============================= */

.faqs-section-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
  width: 85%;
  margin: 0 auto;
}

.faqs-section-left,
.faqs-section-right {
  flex: 1 1 48%;
}

.faqs-section-left {
  /* background-color: #f0fdfc; */
}

.faqs-section-viewall-btn img {
  margin-top: 1rem;
  transition: opacity 0.3s;
  /* width: 135px; */
}

.faqs-section-viewall-btn:hover img {
  opacity: 0.95;
}

#faqs-wrapper-main .facilities-underline {
  bottom: 50%;
  left: 47%;
}

.faqs-section-accordion {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  animation: fadeIn 2s ease-in-out;
}

.faqs-section-item {
  border-radius: 15px;
  padding: 1rem 1.5rem;
  position: relative;
  cursor: pointer;
  background-color: #f6f6f6;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

/* Accordion Item Backgrounds */
.faqs-section-item.turquoise {
  background-color: #f2fcff;
  /* soft turquoise */
  border-left: 4px solid #2c5593;
}

.faqs-section-item.orange {
  background-color: #f2fcff;
  /* soft orange */
  border-left: 4px solid #2c5593;
}

.faqs-section-item.purple {
  background-color: #f2fcff;
  /* soft lavender */
  border-left: 4px solid #2c5593;
}

.faqs-section-item.white {
  background-color: #f2fcff;
  border-left: 4px solid #2c5593;
}

/* Spacing & Border Enhancements */
.faqs-section-item {
  margin-bottom: 15px;
  padding: 16px 20px;
  border-radius: 12px;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

/* Hover effect */
.faqs-section-item:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}

/* .faqs-section-item::before { 
  content: '';
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 15px 0 0 15px;
} */

.faqs-section-item.turquoise::before {
  background-color: #84bb4d;
}

.faqs-section-item.orange::before {
  background-color: #f7941e;
}

.faqs-section-item.purple::before {
  background-color: #c6b4f0;
}

.faqs-section-question {
  font-family: "AlbertSB", sans-serif;
  /* font-weight: 600; */
  font-size: 17px;
  color: #16404d;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

#faqs-wrapper-main {
  position: relative; /* Required for pseudo-element positioning */
  padding-top: 20px; /* Space for the border image */
}

#faqs-wrapper-main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px; /* adjust based on your image's height */
  background: url("/system/files/line.png") no-repeat center top;
  background-size: contain; /* or cover, depending on the design */
}

.banner2_right.front-section.section06_2.col-sm-6,
.banner6_left.front-section.section06_1.col-sm-6 {
  padding: 4em;
  padding-left: 0;
  padding-right: 0;
}

.banner6_left.front-section.section06_1.col-sm-6 {
  background-image: url(/system/files/pencil.png);
  height: 28em;
  background-position: 97% 100%;
  background-repeat: no-repeat;
  background-position: right;
}

.faqs-section-viewall-btn .btn-image {
  content: url("/system/files/btn-static.svg");
  transition: 0.3s ease;
}

.faqs-section-viewall-btn:hover .btn-image {
  content: url("/system/files/btn-hover.svg");
}

.faqs-section-viewall-btn {
  position: relative;
  display: inline-block;
}

.faqs-section-viewall-btn .btn-image {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.6s ease-in-out; /* slow and smooth */
}

.faqs-section-viewall-btn .hover-img {
  opacity: 0; /* hidden by default */
}

.faqs-section-viewall-btn:hover .hover-img {
  opacity: 1; /* fade in hover image */
}

.faqs-section-viewall-btn:hover .default-img {
  opacity: 0; /* fade out default image */
}

.faqs-section-icon {
  font-size: 20px;
  font-weight: bold;
  color: #16404d;
}

.faqs-section-answer {
  font-family: "interR", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.3px;
  color: #16404d;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
  padding-top: 0.8rem;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .faqs-section-wrapper {
    flex-direction: column;
  }

  .faqs-section-left,
  .faqs-section-right {
    flex: 1 1 100%;
  }

  .faqs-section-wrapper {
    margin: 0 auto;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .faqs-section-accordion {
    padding-left: 1em;
    padding-right: 1em;
  }

  .facilities-underline {
    display: none;
  }

  #block-views-block-highlights-block-1 .admission-tagline {
    margin-bottom: 15px;
  }

  .prgram-services-description {
    max-width: 90%;
  }

  p.facilities-subtitle.prgram-services-description,
  .prgram-services-description {
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 0;
  }

  .facilities-title {
    margin-bottom: 0;
  }
}

/* =============================End FAQs Section====================== */

/* ...............................Gallery Internal Views.................... */

.view-id-duplicate_of_gallery .view-content {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  border-bottom: unset !important;
}

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

.gallery-title a {
  /* font: 18px myriadSB;
    color: black;
    text-decoration: none; */
}

/*.gallery-title a:hover {
    font: 18px myriadSB;
    color: #CF7500;
    text-decoration: underline;
}*/

.gallery-wrapper:hover .gallery-title a {
  font: 18px myriadSB;
  color: #cf7500;
  text-decoration: underline;
}

.gallery-btn-wrapper img {
  height: auto !important;
  width: 60% !important;
  min-width: 60% !important;
}

#block-galleryfp .gallery-header .section-title span:last-child {
  font-family: "AlbertM";
  font-size: 40px;
}

#block-galleryfp .gallery-header .section-title span {
  font-size: 40px;
  font-family: "AlbertM";
}

#block-galleryfp .gallery-header .section-subtitle {
  font-family: "AlbertR";
  text-transform: uppercase;
}

.gallery-item {
  margin-bottom: 30px;
}

#gallery-wrapper h3.section-title {
  margin-top: 0;
}

.galleryp-wrap {
  text-align: center;
  margin-bottom: 2em;
}

.gallery-item .gallery-img img {
  transform: scale(1);
  transition: all 0.6s ease;
  margin: 0 0.5em;
}

.gallery-item .gallery-img {
  height: 146px;
  width: 215px;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 0.6em;
}

.gallery-wrapper .gallery-img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.gallery-item:hover .gallery-img img {
  /* transform: scale(1.1); */
}

.front-section .gallery-item:hover .gallery-img img {
  transform: unset;
}

.galleryp-image img {
  display: block;
  width: 220px;
  height: 297px;
  margin: 0 auto 1em;
}

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

.galleryp-title:hover a {
  text-decoration: none;
}

.viewp-wrap .galleryp-image img {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: all 0.6s ease;
}

.inner-page .view-gallery.view-id-gallery .view-content {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  border-bottom: unset !important;
}

.inner-page .view-id-events .view-content {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  border-bottom: unset !important;
}

.inner-page .view-id-picture_gallery .view-content {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  border-bottom: unset !important;
}

.viewp-wrap:hover .galleryp-image img {
  /* transform: scale(1.2); */
}

.viewp-wrap:hover .galleryp-title a {
  text-decoration: underline;
  color: #1d75bd;
}

.viewp-wrap .gallery-title {
  font-size: 20px;
  text-align: center;
}

.view-highlights .high-title {
  text-decoration: none;
}

.view-highlights .high-image img {
  height: 14em;
  width: 100%;
  margin: 0;
  object-fit: cover;
}

.view-id-highlights a:hover {
  text-decoration: none;
}

.view-highlights .high-box:hover .high-image img {
  opacity: 0.9;
}

/* ............................End Highliths.................. */

/* ====================================== */

/* ...............................................Start  override.............................................. */
/* ----------------------------------------- */
/* Write OVERRIDE main CSS overrides */
/* ----------------------------------------- */

/* ...............................................Start Model override.............................................. */
/* ----------------------------------------- */
/* End overrides Style */
/* ----------------------------------------- */

/* .......................Start CHairerson message..................... */

/*********************************************
 messages page
 **********************************************/
.inner-page .view-messages.view-display-id-page_1 .view-content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.pdma-message-block .msg-prof-pic img {
  margin: 0;
}

.pdma-message-block {
  padding-bottom: 3em;
}

.inner-page .msg-prof-pic {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  margin: 0 auto 0.5em;
  overflow: hidden;
  border: 4px solid #f7931e;
}

.inner-page .msg-prof-pic > img {
  width: 100%;
  height: 100%;
}

.inner-page .pdma-msgs-container {
  background: #fafafa;
  display: block;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border: none !important;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.inner-page .pdma-message-block .msg-prof-pic {
  float: left;
  margin: 0 12px 12px 0;
}

.inner-page .messages-page-col {
  background: #f6f6f6;
  padding: 12px;
  border-radius: 8px;
  margin: 0 0 2em 0;
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

.inner-page .msg-name,
.inner-page .msg-designation {
  color: black;
  font-weight: bold !important;
  font: 18px "axiFormaR", sans-serif;
}

/* .inner-page .msg-name {} */

.inner-page .msg-designation {
  font-size: 18px;
  font-style: italic;
}

.inner-page .msg-message {
  text-align: justify;
  color: black;
  font: 14px "axiFormaR", sans-serif;
}

.inner-page .msg-message span {
  color: #f7931e;
}

.inner-page .pdma-msgs-container:hover {
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  -webkit-box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  transform: translateY(-6px);
  border: none !important;
}

.inner-page .pdma-msgs-container:hover .msg-name,
.inner-page .pdma-msgs-container:hover .msg-designation,
.inner-page .pdma-msgs-container:hover .msg-message {
  color: black !important;
}

/*********************************************

 **********************************************/

#block-views-block-gallery-block-2 .slick-next {
  height: 100px;
  width: 100px;
  background: url(/system/files/right-arrow.png) no-repeat center center !important;
  left: 76%;
}

#block-views-block-gallery-block-2 .slick-prev {
  height: 100px;
  width: 100px;
  background: url(/system/files/arrow.png) no-repeat center center !important;
  left: 68%;
}

#block-views-block-highlights-block-1 .admission-heading span {
  font-family: "AlbertM";
}

#block-views-block-highlights-block-1 .admission-heading {
  font: 48px albertM !important;
}

#block-views-block-gallery-block-2 .slick-arrow::before {
  color: transparent;
}

#block-views-block-gallery-block-2 .right-side {
  background-color: #a8794c;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 50px;
  padding-top: 0;
  padding-bottom: 4.6em;
  position: relative;
  overflow: hidden;
  transform: scale(1);
  transition: all 0.9sease-in-out;
}

#block-views-block-gallery-block-2 .view-header .right-side {
  padding: 0;
  padding-top: 3em;
}

#block-views-block-gallery-block-2 .slick-arrow {
  transform: translateY(-285%);
}

section#block-views-block-gallery-block-2 {
  overflow: hidden;
}

.path-gallery .view-content {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: left;
  align-items: flex-start;
}

#block-views-block-gallery-block-2 .right-side:hover img {
  opacity: 0.9;
}

/* ==============Waleed Admision #block-banner4admissions================== */

#block-banner4admissions .tab-content-image img {
  height: 40.6em;
  width: 100%;
}

div#section-admissions {
  position: relative;
}

.painting-wrapper {
  position: absolute;
  top: -10%;
}

.painting-wrapper {
  position: absolute;
  top: -12%;
  left: 78%;
}

/* .admission-heading::before{
    content: "";
    display: block;
    background: url('/system/files/painta.svg') no-repeat;
    background-size: contain;
    height: 35px;
    width: 217px;
    position: absolute;
    bottom: -8px;
    right: 48px;
} */

/* ================Tayyab School Last Section and Footer Override================ */

#block-galleryfp .col02 .row01 img {
  border-radius: 20px;
  /* height: 138px;
    width: 152px; */
}

.music-wrapper img {
  width: 43px !important;
  height: auto !important;
  bottom: unset !important;
  border-radius: 0 !important;
}

.music-wrapper {
  position: absolute;
  top: -10% !important;
  left: 70% !important;
  bottom: unset;
}

#block-galleryfp div#gallery-wrapper {
  position: relative;
}

.circle-wrapper {
  position: absolute;
  left: 0;
  top: -16.5%;
}

.overflow-icon img {
  display: none;
}

.circle-right-wrapper {
  position: absolute;
  top: 3%;
  right: 0;
  z-index: 9;
}

.wrapper-circle {
  display: none;
}
.path-frontpage .wrapper-circle {
  position: relative;
  display: unset;
}

.navbar-default .navbar-nav > li:nth-child(6) {
  /* background-color: #2c5593; */
  border-radius: 10px;
}

/* .navbar-default .navbar-nav > li:nth-child(6) a:hover {
  background-color: #2c5593;
  border-radius: 10px;
} */

.menu--main.navbar-nav .blinking-menu {
  /* color: white; */
}

/* ============================================================
Legal Aid Section
==========================================*/

/* Wrapper */
.about-legal-aid-wrapper {
  /* background-color: #F5F5F5; */
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: fadeIn 1.5s ease-in-out forwards;
}

#block-legalaidsection {
  background-color: #f5f5f5;
}

.legal-s3-card:hover img {
  opacity: 0.8;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Container */
.about-legal-aid-container {
  display: flex;
  gap: 30px;
  max-width: 100%;
  width: 100%;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(50px);
  animation: slideUp 1s ease forwards 0.5s;
}

/* Left Image */
.about-legal-aid-image img {
  max-width: 350px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s ease;
}

/* Right Content */
.about-legal-aid-content {
  /* flex: 1; */
  min-width: 280px;
}

/* Label */
.about-legal-aid-label {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #788592;
  font-family: "interM";
  margin-bottom: 5px;
}

.about-legal-aid-label span {
  width: 20px;
  height: 2px;
  background-color: #84bb4d;
  display: inline-block;
  margin-right: 8px;
}

/* Title */
.about-legal-aid-title {
  font-size: 37px;
  color: #000;
  font-family: "interM";
  margin: 0 0 15px 0;
}

.about-legal-aid-title span {
  font-family: "interB";
  display: block;
}

/* Description */
.about-legal-aid-description {
  font-size: 16px;
  color: #313131;
  line-height: 1.6;
  font-size: 17px;
  text-align: justify;
  font-family: "interL";
  margin-bottom: 20px;
  max-width: 600px;
  margin-bottom: 2em;
}

/* Button */
.about-legal-aid-btn {
  display: inline-flex;
  align-items: center;
  background-color: #84bb4d;
  color: #fff;
  padding: 10px 18px;
  border-radius: 25px;
  font-family: "interM";
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.about-legal-aid-btn img {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.about-legal-aid-btn:hover {
  background-color: #5a3b20;
  /* transform: translateY(-2px); */
}

/* .about-legal-aid-btn:hover img {
    transform: translateX(4px) rotate(15deg);
} */

.about-legal-aid-btn-wrap {
  display: inline-block;
  opacity: 0;
  animation: btnFadeIn 1s ease forwards 1s;
}

.about-legal-aid-btn-link img {
  max-width: 160px;
  width: 100%;
  transition: opacity 0.4s ease, box-shadow 0.4s ease;
  display: block;
}

.about-legal-aid-btn-link:hover img {
  opacity: 0.9;
  /* box-shadow: 0 4px 12px rgba(0,0,0,0.3); */
}

@keyframes btnFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .about-legal-aid-container {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }

  .about-legal-aid-image img {
    max-width: 250px;
  }

  .about-legal-aid-content {
    align-items: center;
  }

  .about-legal-aid-title {
    font-size: 22px;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #2c5593;
  }

  .about-legal-aid-description {
    text-align: center;
  }
}

/* Animations */
@keyframes slideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* =========================== GLOBAL CONTAINER =========================== */
.vision-mission-section {
  width: 100%;
  padding: 40px 20px;
  padding-top: 5em;
  padding-bottom: 5em;
  background-color: transparent;
  display: flex;
  justify-content: center;
}

.vision-mission-container {
  max-width: 1400px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px;
  animation: fadeInUp 1.5s ease-in-out;
}

/* =========================== IMAGE =========================== */
.vision-mission-image-box {
  flex: 1 1 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vision-mission-image {
  width: 85%;
  height: auto;
  border-radius: 20px;
  /* box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1); */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* =========================== TEXT =========================== */
.vision-mission-text-box {
  flex: 1 1 500px;
  color: #111;
  padding-right: 3em;
}

.vision-mission-title {
  font-size: 50px;
  font-family: "AlbertSB", sans-serif;
  font-weight: bold;
  padding-right: 3em;
  margin-bottom: 15px;
  letter-spacing: -0.5px;
  line-height: 1.2;
  text-align: left;
}

.vision-mission-title.mission {
  margin-top: 40px;
  font-family: "AlbertL", sans-serif;
}

.vision-mission-description {
  font-size: 18px;
  font-family: "AlbertL", sans-serif;
  line-height: 1.7;
  letter-spacing: 0.2px;
  text-align: justify;
  color: #333;
  transition: all 0.3s ease;
}

.vision-mission-description.mission {
  font-family: "AlbertR", sans-serif;
}

/* =========================== ANIMATION =========================== */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================== RESPONSIVE =========================== */
@media (max-width: 992px) {
  .vision-mission-container {
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }

  .vision-mission-title {
    font-size: 36px;
    text-align: center;
  }

  .vision-mission-description {
    font-size: 16px;
    padding: 0 10px;
  }

  .vision-mission-text-box {
    padding: 0 10px;
  }
}

@media (max-width: 480px) {
  .vision-mission-title {
    font-size: 30px;
  }

  .vision-mission-description {
    font-size: 15px;
  }
}

/* =================================Start New Mision Vision ================================= */

.banner2_right.front-section.section02_2.col-sm-6 {
  padding-top: 2em;
}

.row.wrapper-main-vision {
  padding: 80px 20px;
  background: url("/system/files/new-mission.svg") no-repeat center center/cover;
  padding-top: 10em;
}

.wrapper-internal-section2 {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  gap: 40px;
  align-items: flex-start;
  justify-content: space-between;
}

.new-mision-vision-left {
  flex: 1 1 45%;
}

.new-mision-vision-item {
  margin-bottom: 40px;
}

.new-mision-vision-icon {
  width: 40px;
  height: auto;
  /* margin-bottom: 10px; */
}

.new-mision-vision-title {
  font-size: 45px;
  font-family: "AlbertM", sans-serif;
  color: #2c5593;
  margin-bottom: 15px;
}

.new-mision-vision-text {
  font-size: 18px;
  font-family: "AlbertL", sans-serif;
  color: #474967;
  text-align: justify;
  line-height: 1.8;
  letter-spacing: 0.3px;
}

.new-mision-vision-right {
  flex: 1 1 45%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 20px;
}

.new-mision-vision-box {
  background: #fff;
  border-radius: 16px;
  padding: 25px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  transform: translateY(30px);
}

.new-mision-vision-box img {
  width: 40px;
  margin-bottom: 10px;
}

.new-mision-vision-number {
  font-size: 32px;
  font-family: "DMSansB";
  font-weight: bold;
  color: #2c5593;
  margin-top: 0.2em;
  margin-bottom: 10px;
  transition: color 0.3s;
}

.new-mision-vision-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.new-mision-vision-box:hover .new-mision-vision-number {
  color: #3e7bcf;
}

.new-mision-vision-box small {
  color: #84bb4d;
  font-family: "AlbertM";
  font-size: 15px;
}

.new-mision-vision-box p {
  font-family: "AlbertM";
  font-size: 18px;
  color: #1b3c74;
}

@media (max-width: 992px) {
  .wrapper-internal-section2 {
    flex-direction: column;
  }

  .new-mision-vision-left,
  .new-mision-vision-right {
    flex: 1 1 100%;
  }
}

@media (max-width: 480px) {
  .new-mision-vision-title {
    font-size: 32px;
  }

  .new-mision-vision-number {
    font-size: 28px;
  }

  .row.wrapper-main-vision {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .facilities-card {
    max-width: 100%;
  }

  #block-banner4admissions .admission-heading::after {
    right: 49px;
  }

  .prgram-services-title,
  .facilities-section {
    padding-top: 0;
  }

  .facilities-section {
    padding-left: 1em !important;
    padding-right: 1em !important;
    padding-top: 0 !important;
  }

  .faqs-section-viewall-btn:hover .default-img {
    opacity: 1;
  }
  .faqs-section-viewall-btn:hover .btn-image {
    display: none;
  }
}

/* =======================================End New Mission Vision================================ */

/* =====================================Start Parent Resource Hall CSS============================ */

/* ================================
   Parent Resource Hall Custom Table Styling
   ================================ */
.path-parent-resource-hall .view-parent-resource-hall .view-content {
  width: 98%;
  margin: 30px auto;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  padding: 20px;
}

.path-parent-resource-hall .view-parent-resource-hall tbody tr:hover {
  background-color: #e9f1ff;
}

.path-parent-resource-hall .view-parent-resource-hall th.views-field-counter {
  background-color: white;
  color: #2c5593;
}

/* Table responsiveness */
.path-parent-resource-hall .view-parent-resource-hall .table-responsive {
  width: 100%;
  overflow-x: auto;
}

/* Table */
.path-parent-resource-hall .view-parent-resource-hall table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px; /* Gap between rows */
}

/* Table Head */
.path-parent-resource-hall .view-parent-resource-hall thead th {
  padding: 8px;
  text-align: left;
  font-size: 19px;

  font-family: "AlbertSB", sans-serif;
  color: #ffffff;
}

.path-parent-resource-hall
  .view-parent-resource-hall
  thead
  th#view-counter-table-column {
  width: 121px;
}

.path-parent-resource-hall .view-parent-resource-hall th.views-field-counter {
  background-color: white;
  border-radius: 12px;
}

.path-parent-resource-hall .view-parent-resource-hall th.views-field-title {
  background-color: #2c5593;
  border-radius: 12px;
}

.path-parent-resource-hall .view-parent-resource-hall th.views-field-body {
  background-color: #5783c5;
  border-radius: 12px;
}

.path-parent-resource-hall
  .view-parent-resource-hall
  th.views-field-field-date {
  background-color: #2c5593;
  border-radius: 12px;
}

/* Table Body Rows */
.path-parent-resource-hall .view-parent-resource-hall tbody tr {
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Odd & Even Row Styling */
.path-parent-resource-hall .view-parent-resource-hall tbody tr:nth-child(odd) {
  background: #f9fbff;
}

.path-parent-resource-hall .view-parent-resource-hall tbody tr:nth-child(even) {
  background: #ffffff;
}

/* Hover Effect */
.path-parent-resource-hall .view-parent-resource-hall tbody tr:hover {
  background-color: #e9f1ff;
  /* transform: scale(1.01); */
}

/* Table Cells */
.path-parent-resource-hall .view-parent-resource-hall tbody td {
  padding: 8px 20px;
  vertical-align: middle;
}

/* Sr. No Column */
.path-parent-resource-hall .view-parent-resource-hall td.views-field-counter {
  font-size: 14px;
  text-align: center;
  font-family: "AlbertR";
  color: #141414;
  font-weight: normal;
}

/* Session Title Column */
.path-parent-resource-hall .view-parent-resource-hall td.views-field-title {
  font-size: 15px;
  font-family: "AlbertM", sans-serif;
  color: #2c5593;
  text-transform: capitalize;
  font-weight: 500;
  border: 1px solid #dbdbdb;
  border-radius: 12px;
  background-color: #f5f5f5;
}

.internal-banner-parent IMG {
  height: 10em;
  width: 100%;
}

/* Key Focus Column */
.path-parent-resource-hall .view-parent-resource-hall td.views-field-body {
  font-size: 14px;
  font-family: "AlbertR";
  color: #141414;
}

/* Date Column */
.path-parent-resource-hall
  .view-parent-resource-hall
  td.views-field-field-date {
  font-size: 15px;
  font-family: "interSB", sans-serif;
  color: #141414;
  width: 150px;
}

/* Date text inside <time> */
.path-parent-resource-hall
  .view-parent-resource-hall
  td.views-field-field-date
  time {
  color: #141414;
  font-weight: 600;
  font-size: 14px;
  font-family: "AlbertR";
}

/* Row Fade-in Animation */
.path-parent-resource-hall .view-parent-resource-hall tbody tr {
  opacity: 0;
  transform: translateY(15px);
  animation: fadeInRows 0.6s ease forwards;
}

/* Additional Enhancements for Parent Resource Hall Table */
.path-parent-resource-hall .view-parent-resource-hall table {
  border-collapse: separate; /* To allow spacing between cells */
  border-spacing: 8px; /* Adds gaps between table headers and cells */
  width: 100%;
}

.path-parent-resource-hall .view-parent-resource-hall th,
.path-parent-resource-hall .view-parent-resource-hall td {
  border: 1px solid #dbdbdb;
  border-radius: 12px;
  background-color: #f5f5f5;
  padding: 10px 14px; /* Adds more breathing room */
  text-align: left;
  vertical-align: middle;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Hover effect for table rows */
/* .path-parent-resource-hall .view-parent-resource-hall tr:hover th,
.path-parent-resource-hall .view-parent-resource-hall tr:hover td {
  background-color: #EAEAEA;
  
} */

.prgram-services-boxes a:hover {
  text-decoration: none;
}

/* Header-specific enhancements */
.path-parent-resource-hall .view-parent-resource-hall th {
  font-weight: 600;
  font-size: 14px;
  color: #333;
}

/* Table responsiveness (prevent text cramping) */
.path-parent-resource-hall .view-parent-resource-hall th,
.path-parent-resource-hall .view-parent-resource-hall td {
  word-wrap: break-word;
}

.path-parent-resource-hall .view-parent-resource-hall tbody tr:nth-child(1) {
  animation-delay: 0.2s;
}
.path-parent-resource-hall .view-parent-resource-hall tbody tr:nth-child(2) {
  animation-delay: 0.4s;
}
.path-parent-resource-hall .view-parent-resource-hall tbody tr:nth-child(3) {
  animation-delay: 0.6s;
}
.path-parent-resource-hall .view-parent-resource-hall tbody tr:nth-child(4) {
  animation-delay: 0.8s;
}

@keyframes fadeInRows {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
  .path-parent-resource-hall .view-parent-resource-hall .view-content {
    width: 95%;
    padding: 15px;
  }
}

@media (max-width: 768px) {
  .path-parent-resource-hall .view-parent-resource-hall table thead {
    display: none; /* Hide header on small screens */
  }

  .path-parent-resource-hall .view-parent-resource-hall tbody td {
    display: block;
    padding: 12px 10px;
    text-align: left;
    border-bottom: 1px solid #dbdbdb;
  }

  .path-parent-resource-hall .view-parent-resource-hall tbody tr {
    margin-bottom: 12px;
    display: block;
    border-radius: 8px;
  }

  .path-parent-resource-hall
    .view-parent-resource-hall
    td.views-field-counter::before {
    content: "Sr. No.: ";
    font-weight: bold;
    color: #2c5593;
    display: block;
    margin-bottom: 5px;
  }

  .path-parent-resource-hall
    .view-parent-resource-hall
    td.views-field-title::before {
    content: "Session: ";
    font-weight: bold;
    color: #2c5593;
    display: block;
    margin-bottom: 5px;
  }

  .path-parent-resource-hall
    .view-parent-resource-hall
    td.views-field-body::before {
    content: "Key Focus: ";
    font-weight: bold;
    color: #2c5593;
    display: block;
    margin-bottom: 5px;
  }

  .path-parent-resource-hall
    .view-parent-resource-hall
    td.views-field-field-date::before {
    content: "Date: ";
    font-weight: bold;
    color: #2c5593;
    display: block;
    margin-bottom: 5px;
  }
}

/* Main container */
.new-table-desc-container {
  max-width: 98%;
  margin: 0 auto 20px auto;
  padding: 15px 20px;
  margin-top: 2em;
  background-color: #f9fafc; /* Light subtle background */
  border-left: 4px solid #2c5593; /* Accent border */
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

/* Content styling */
.new-table-desc-content p {
  font-size: 15px; /* Small readable size for table description */
  line-height: 1.6;
  color: black;
  font-family: "AlbertR";
  margin-bottom: 10px;
  text-align: justify;
  letter-spacing: 0.2px;
}

/* Hover effect */
.new-table-desc-container:hover {
  background-color: #eef3fb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .new-table-desc-container {
    padding: 12px 15px;
  }
  .new-table-desc-content p {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .new-table-desc-container {
    padding: 10px 12px;
    border-left-width: 3px;
  }
  .new-table-desc-content p {
    font-size: 12px;
    line-height: 1.5;
  }
}

/* =====================================End Resource Hall CSS============================ */

/* ================================================================
Leadership Message Section  - CM Message
================================================================= */

.leadership-message-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 40px 20px;
  margin-left: 3em;
  margin-right: 3em;
  position: relative;
  gap: 20px;
  opacity: 0;
  transform: translateY(50px);
  animation: leadership-message-fade-in 1.2s ease forwards;
}

@keyframes leadership-message-fade-in {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.leadership-message-content {
  flex: 1 1 55%;
  position: relative;
}

.leadership-message-title {
  margin: 0 0 20px 0;
  text-align: justify;
  font-size: 49px;
  line-height: 1.1;
  letter-spacing: 0.5px;
  text-align: left;
}

.leadership-message-title-regular {
  font-family: AlbertR;
  color: #000;
}

.leadership-message-title-bold {
  font-family: "AlbertSB";
  font-weight: bold;
  color: #000;
}

.leadership-message-content p {
  font-family: "interL";
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.3px;
  color: #313131;
  text-align: justify;
  position: relative;
  z-index: 1;
}

.leadership-message-quote {
  position: absolute;
  top: 51px;
  right: -57px;
  width: 92px;
  display: none;
  height: auto;
  z-index: 0;
  opacity: 0.7;
}

.leadership-message-signature {
  margin-top: 30px;
}

.leadership-message-signature img {
  width: 180px;
  /* adjust as needed */
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}

.leadership-message-signature-text {
  font-family: "interM";
  font-size: 16px;
  color: #84bb4d;
  margin-top: 5px;
}

.leadership-message-image-container {
  flex: 1 1 40%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.leadership-message-image {
  width: 100%;
  max-width: 350px;
  border-radius: 50%;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Hover effects */
.leadership-message-container:hover .leadership-message-image {
  /* transform: scale(1.05); */
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

#block-views-blockleadership-message-block-1 .view-content {
  display: flex;
  width: 90%;
  margin: 0 auto;
  justify-content: center;
}

.leadership-message-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 40px 20px;

  justify-content: center;
}

section#block-views-block-leadership-message-block-1 {
  background-color: #f9f9f9;
}

.leadership-message-box {
  flex: 1 1 45%;
  height: 16em;
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  border-left: 5px solid #2c5593;
  /* accent color */
  border-radius: 10px;
  padding: 25px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
}

.leadership-message-box:hover {
  transform: translateY(-5px);
}

.leadership-message-title {
  font-size: 22px;
  margin-bottom: 15px;
  color: #333333;
  border-bottom: 2px solid #2c5593;
  padding-bottom: 5px;
  text-transform: uppercase;
}

.leadership-message-title-bold {
  font-weight: 700;
}

.leadership-message-body {
  font-size: 16px;
  line-height: 1.6;
  color: black;
  font-size: 15px;
  font-family: "AlbertR";
}

/* Responsive styles */
@media (max-width: 992px) {
  .leadership-message-container {
    flex-direction: column-reverse;
    align-items: flex-start;
    text-align: left;
  }

  .leadership-message-quote {
    display: none;
  }

  .leadership-message-content,
  .leadership-message-image-container {
    flex: 1 1 100%;
  }

  .leadership-message-title {
    font-size: 40px;
  }

  .leadership-message-body {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .leadership-message-title {
    font-size: 29px;
  }

  .leadership-message-body {
    font-size: 15px;
  }

  .leadership-message-image {
    max-width: 280px;
  }

  .leadership-message-container {
    padding: 20px 10px;
    flex-direction: column;
    gap: 20px;
  }

  .leadership-message-box {
    flex: 1 1 100%;
    padding: 20px 15px;
  }

  .leadership-message-title {
    font-size: 18px;
    padding-bottom: 4px;
  }

  .leadership-message-body {
    font-size: 15px;
    line-height: 1.5;
  }
}

/* ================================================================
Court & Legal Aid Section
================================================================= */
.legal-s3-container {
  width: 100%;
  background: url("/system/files/COURT.png") center/cover no-repeat;
  padding: 80px 20px;
  position: relative;
  overflow: hidden;
  padding-left: 4em;
}

.legal-s3-inner {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #000;
  opacity: 0;
  transform: translateY(50px);
  animation: legal-s3-fade-in 1.2s ease forwards;
}

@keyframes legal-s3-fade-in {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.legal-s3-header {
  margin-bottom: 50px;
}

.legal-s3-tagline {
  font-family: "interM";
  font-size: 12px;
  color: #84bb4d;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
  border-left: 3px solid #84bb4d;
  padding-left: 8px;
}

.legal-s3-title {
  font-family: "interR";
  font-size: 49px;
  line-height: 1.1;
  margin: 0 0 10px;
}

.legal-s3-title-bold {
  font-family: "interB";
}

.legal-s3-subtitle {
  font-family: "interR";
  font-size: 18px;
  color: #6b6b6b;
  max-width: 800px;
}

.legal-s3-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.legal-s3-card {
  flex: 1 1 calc(50% - 15px);
  overflow: hidden;
  transition: opacity 0.4s ease, box-shadow 0.4s ease;
  border-radius: 12px;
  cursor: pointer;
}

.legal-s3-card img.legal-s3-card-image {
  width: 100%;
  display: block;
  border-radius: 12px;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.legal-s3-card:hover img.legal-s3-card-image {
  /* transform: translateY(-10px) scale(1.02); */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* Responsive Styles */
@media (max-width: 992px) {
  .legal-s3-title {
    font-size: 38px;
  }

  .legal-s3-subtitle {
    font-size: 16px;
  }

  .legal-s3-cards {
    gap: 20px;
  }
}

@media (max-width: 576px) {
  .legal-s3-title {
    font-size: 28px;
  }

  .legal-s3-subtitle {
    font-size: 14px;
  }

  .legal-s3-card {
    flex: 1 1 100%;
  }
}

/* ============================Start Program Services Section========================== */

#block-programservices {
  /* background: #fff url("../images/program-and-services-bg.png") no-repeat center
    center / cover; */
  /* background: url("/system/files/bg.svg") no-repeat center top; */
}

.banner03.col-sm-12 {
  background: #fff url(/system/files/new-rocket.svg) no-repeat center center /
    cover;
  background-position: top;
}

.prgram-services-section {
  padding: 100px 20px;
  padding-top: 2em;

  text-align: center;
  font-family: "AlbertM";
}

.prgram-services-title {
  font-size: 49px;
  font-family: "AlbertM";
  padding-top: 1em;
  margin-bottom: 10px;
  color: black;
}

#section#block-faqsleft .prgram-services-title {
  font-size: 49px;
}

.prgram-services-highlight {
  font-family: "AlbertM";
}

#block-programservices .admission-heading::after {
  bottom: -20px;
  right: 32%;
  z-index: 0;
}

#block-banner4admissions .admission-heading::after {
  bottom: -15px;
  right: 157px;
}

.prgram-services-description {
  font-size: 18px;
  font-family: "AlbertL";
  max-width: 55%;
  margin: 0 auto 60px;
  line-height: 1.6;
}

#block-programservices .prgram-services-description {
  max-width: 50%;
}

.prgram-services-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 30px;
}

.prgram-services-box {
  width: 291px;
  height: 347px;
  background: #fff;
  border-radius: 10px;
  padding: 30px 20px;
  box-sizing: border-box;
  transition: all 0.4s ease;
  text-align: left;
  position: relative;
  opacity: 0;
  animation: fadeInUp 1s forwards;
}

.prgram-services-box-odd {
  margin-top: 50px;
}

.prgram-services-box-even {
  margin-top: 0;
}

.prgram-services-icon {
  margin-bottom: 20px;
}

.prgram-services-box-title {
  font-size: 22px;
  font-family: "AlbertSB";
  color: #000;
  margin-bottom: 10px;
  line-height: 1.4;
}

.prgram-services-box-text {
  font-size: 14px;
  font-family: "AlbertR";
  color: #000;
  line-height: 1.5;
}

/* Hover Effect */
.prgram-services-box:hover {
  background: linear-gradient(to right, #6834e0, #6834e0);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.prgram-services-box:hover .prgram-services-box-title,
.prgram-services-box:hover .prgram-services-box-text {
  color: #fff;
}

/* Improve visibility and border on normal view */
.prgram-services-card {
  background-color: #fdfdff;
  /* slightly off-white */
  border: 1px solid #474967;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}

/* Fix box background, border, and visibility in normal state */
.prgram-services-box {
  background-color: #ffffff;
  border-radius: 24px;
  border: 1px solid #e2e0e5;
  transition: all 0.3s ease;
}

/* Adjust overall section padding/margin */
.prgram-services-section {
  padding-top: 0px !important;
  padding-bottom: 40px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 4em;
}

/* Ensure border remains on hover and colors change properly */
.prgram-services-box:hover {
  border-color: #fff;
  background: #2c5593;
  /* background: linear-gradient(to right, #6834e0, #8e4cf7); */
  color: #fff;
}

.prgram-services-box:hover .prgram-services-title,
.prgram-services-box:hover .prgram-services-text {
  color: #fff !important;
}

/* Animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.prgram-services-box:nth-child(1) {
  animation-delay: 0.2s;
}

.prgram-services-box:nth-child(2) {
  animation-delay: 0.4s;
}

.prgram-services-box:nth-child(3) {
  animation-delay: 0.6s;
}

.prgram-services-box:nth-child(4) {
  animation-delay: 0.8s;
}

/* Responsive */
@media (max-width: 768px) {
  .prgram-services-boxes {
    flex-direction: column;
    align-items: center;
  }

  .prgram-services-box {
    margin-top: 20px !important;
  }

  .prgram-services-title,
  .prgram-services-description {
    text-align: center;
    margin-bottom: 0.3em;
    padding-top: 0;
  }

  .prgram-services-wrapper {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  #block-banner4admissions .tab-content-image img {
    height: auto;
  }

  .overflow-icon img,
  .overflow-icon {
    display: none;
  }

  .faqs-section-viewall-btn .btn-image {
    position: static;
  }

  /* yaha sa cotinoue karna ha */

  #block-galleryfp div#gallery-wrapper {
    display: none;
  }
}

.principle-section {
  position: relative; /* Needed for absolute positioning of the icon */
  background: #f5f5f5; /* Example background */
  padding-top: 60px; /* Add padding to avoid overlapping content */
}

.overflow-icon {
  position: absolute;
  top: 27px;
  left: 90%;
  transform: translateX(-50%);
  width: 210px;
  height: 210px;
}

/* =======================Overflow icon================== */

/* ================================Facilities Section=========================== */

.facilities-section {
  padding: 60px 20px;
  width: 100%;
  background-image: url(/system/files/facilities-bg.svg);
  background-size: cover;
  padding-left: 4em;
  padding-right: 4em;
}

.facilities-container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.facilities-title {
  font-size: 48px;
  color: #000000;
  position: relative;
  display: inline-block;
}

.facilities-underline {
  position: absolute;
  bottom: -17px;
  left: 65%;
  height: 28px;
  margin-left: 10px;
  z-index: 0;
}

section#block-facilities {
  position: relative;
}

.facilities-subtitle {
  color: #474967;
  font-size: 17px;
  font-weight: 300;
  max-width: 80%;
  margin: 20px auto 50px;
}

.facilities-cards {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 1em;
  gap: 30px;
  animation: fadeIn 1s ease-in-out;
}

.facilities-card {
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.3s ease;
  position: relative;
  max-width: 30em;
  padding: 1.5em;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

p.facilities-subtitle.prgram-services-description {
  padding-bottom: 3em;
  width: 53%;
}

.path-parent-resource-hall .breadcrumb li:nth-last-child(2) {
  display: none;
}

.facilities-card-center {
  width: 360px;
}

.facilities-image {
  width: 100%;
  height: 230px;
  border-radius: 15px;
  object-fit: cover;
  /* padding: 1em; */
  padding-top: 0.5em;
}

.facilities-text {
  padding: 20px;
  text-align: left;
  padding-bottom: 1em;
  padding-left: 0;
  padding-top: 1em;
}

.facilities-card-title {
  font-size: 26px;
  font-weight: 600;
  margin-top: 0;
  color: #2c5593;
  font-family: "AlbertSB";
}

.facilities-card-body {
  font-size: 17px;
  font-weight: 300;
  width: 90%;
  color: #474967;
  font-family: "AlbertL";
  margin-top: 10px;
}

.facilities-card:hover {
  background-color: #2c5593;
  transform: translateY(-5px);
}

.facilities-card:hover .facilities-card-title,
.facilities-card:hover .facilities-card-body {
  color: #fff;
}

.facilities-card:hover .facilities-arrow {
  opacity: 1;
  transform: translateY(0);
}

.facilities-arrow {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateY(10px);
}

.facilities-title {
  position: relative;
  display: inline-block;
}

/* .facilities-title::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 10px;
  background-image: url("/system/files/yellow-line.svg");
  background-repeat: no-repeat;
  background-size: contain;
} */

a.facilities-box-link {
  text-decoration: none;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 992px) {
  .facilities-card,
  .facilities-card-center {
    width: 100%;
  }

  .facilities-cards {
    flex-direction: column;
  }
}

/* ============================Popup============================= */



.spb-popup-main-wrapper {
    width: 30% !important;
    top: 14%;
    left: 62%;
    transform: translateX(-50%);
}

#block-popup {
  display: none;
}

#block-popupsmogfreepunjab {
    display: none;
}

@media screen and (max-width: 768px) {
    .spb-popup-main-wrapper {
                width: 90% !important;
        left: 103% !important;
        top: 20% !important;
        transform: translate(-50%, 0%) !important;
    }

    /* .spb-popup-main-wrapper {
        width: 100% !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    } */
}

/* ============================End Popup============================ */

/* ===============================================
Info Desk
================================================================= */

.info-desk-container {
  width: 100%;
  padding: 60px 20px;
  text-align: center;
}

.about-legal-aid-label.info-desk-label {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: rgb(120, 133, 146);
  font-family: interM;
  margin-bottom: 5px;
}

.info-desk-title {
  font-family: "interR";
  font-size: 49px;
  margin: 0 0 10px;
  color: #000;
}

.info-desk-title-bold {
  font-family: "interB";
}

.info-desk-subtitle {
  font-family: "interR";
  font-size: 18px;
  color: #6b6b6b;
  margin-bottom: 50px;
}

.info-desk-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 20px;
}

.info-desk-card {
  display: block;
  width: 210px;
  height: 228px;
  border-radius: 20px;
  overflow: hidden;
}

.info-desk-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 20px;
  transition: opacity 0.3s ease;
}

/* Hover swap: use CSS content swap with pseudo-element */
/* .info-desk-card:nth-child(1):hover img {
  content: url('/system/files/helpline-hover.svg');
} */

.info-desk-card:nth-child(1):hover img {
  content: url("/system/files/faqs-hover.svg");
}

.info-desk-card:nth-child(2):hover img {
  content: url("/system/files/annual-hover.svg");
}

.info-desk-card:nth-child(3):hover img {
  content: url("/system/files/form-hover.svg");
}

.info-desk-card:nth-child(4):hover img {
  content: url("/system/files/useful-links-brown-hover.svg");
}

/* Responsive */
@media (max-width: 576px) {
  .info-desk-title {
    font-size: 28px;
  }

  .info-desk-subtitle {
    font-size: 14px;
  }

  .info-desk-card {
    width: 100%;
    max-width: 300px;
  }

  .info-desk-card img {
    object-fit: contain;
  }
}

/* ================================================================
Footer
================================================================= */

.footer {
  position: relative;
}

.footer-pla-wrap {
  background: #1d1d1d;
  color: #fff;
  padding: 40px 0px 0;
  font-family: "interR";
  overflow: hidden;
}

.footer-pla-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1300px;
  margin: 0 auto;
  gap: 30px;
  padding-left: 3em;
  padding-right: 3em;
}

a.email-pla-anchor {
  color: white;
  font-family: "MetropolisL";
  margin-bottom: 5em;
}

body .uwy.userway_p5 .uai {
  top: auto;
  bottom: 30px !important;
  left: 13px;
  right: auto;
}

.footer-pla-column {
  flex: 1 1 180px;
  min-width: 180px;
  opacity: 0;
  animation: fadeInFooter 1s ease forwards;
}

.footer-pla-column:nth-child(1) {
  animation-delay: 0.2s;
}

.footer-pla-column:nth-child(2) {
  animation-delay: 0.4s;
}

.footer-pla-column:nth-child(3) {
  animation-delay: 0.6s;
}

.footer-pla-column:nth-child(4) {
  animation-delay: 0.8s;
}

.footer-pla-column:nth-child(5) {
  animation-delay: 1s;
}

.footer-pla-title {
  font-family: "MetropolisSB";
  font-size: 20px;
  margin-bottom: 15px;
}

.footer-pla-column:nth-child(5) .footer-pla-title {
  text-align: right;
}

.footer-pla-column:nth-child(5) .footer-pla-social {
  float: right;
}

.footer-pla-list li {
  margin-bottom: 10px;
}

.footer-pla-list li a {
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: MetropolisL;
  position: relative;
  padding-bottom: 4px;
  transition: color 0.3s ease;
}

.footer-pla-list li a:hover::after {
  width: 32%;
}

.footer .address-wrapper {
  padding-bottom: 0.5em;
}

.footer .email-wrapper {
  padding-bottom: 0.5em;
}

.footer a.email-pla-anchor:hover {
  text-decoration: none;
}

.footer-pla-list li a img {
  width: 12px;
}

.footer-pla-list li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  height: 1px;
  width: 0;
  background: #fff;
  transition: width 0.4s ease;
}

.footer ul.footer-pla-list {
  list-style: none;
  padding-left: 0.2em;
}

.footer-pla-contact p {
  margin-bottom: 12px;
}

.footer-pla-contact p a {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  position: relative;
  padding-bottom: 4px;
}

.footer-pla-contact p a:hover::after {
  width: 100%;
}

.footer-pla-contact p a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0;
  background: #fff;
  transition: width 0.4s ease;
}

.footer-pla-social a {
  display: inline-block;
  margin: 0 8px 8px 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.footer-pla-social a:hover {
  opacity: 0.7;
  transform: scale(1.1);
}

/* Bottom Bar */
.footer-pla-bottom {
  background: #84bb4d;
  padding: 12px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  font-size: 14px;
  text-align: center;
  padding-left: 3em;
  padding-right: 3em;
}

.footer-pla-bottom-left {
  font-family: "MetropolisL";
}

.footer-pla-bottom-right {
  font-family: "MetropolisL";
}

.footer-pla-bottom a {
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.footer-pla-column p a {
  color: white;
  font-family: "MetropolisL";
}

.footer-pla-column p a:hover {
  text-decoration: none;
}

.footer-pla-bottom a:hover {
  opacity: 0.7;
}

.menu--main.navbar-nav li:nth-child(4) .blinking-menu {
  animation: blink 1.5s steps(2, start) infinite;
}

.menu--main.navbar-nav li:nth-child(4):hover .blinking-menu {
  animation-play-state: paused;
}

@keyframes blink {
  to {
    visibility: hidden;
  }
}

/* ----------------------------------------- */
/* Gallery Inner Page Code  */
/* ----------------------------------------- */

.view-id-duplicate_of_gallery .view-content {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  border-bottom: unset !important;
}

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

.gallery-title a {
  /* font: 18px myriadSB;
    color: black;
    text-decoration: none; */
}

/*.gallery-title a:hover {
    font: 18px myriadSB;
    color: #CF7500;
    text-decoration: underline;
}*/

.gallery-wrapper:hover .gallery-title a {
  font: 18px myriadSB;
  color: #cf7500;
  text-decoration: underline;
}

.gallery-item {
  margin-bottom: 30px;
}

.galleryp-wrap {
  text-align: center;
  margin-bottom: 2em;
}

.gallery-item .gallery-img img {
  transform: scale(1);
  transition: all 0.6s ease;
  margin: 0 0.5em;
}

.gallery-item .gallery-img {
  height: 146px;
  width: 250px;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin: 0 auto;
}

.gallery-wrapper .gallery-img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.gallery-item:hover .gallery-img img {
  transform: scale(1.1);
}

.front-section .gallery-item:hover .gallery-img img {
  transform: unset;
}

.galleryp-image img {
  display: block;
  width: 220px;
  height: 165px;
  margin: 0 auto 1em;
}

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

.galleryp-title:hover a {
  text-decoration: none;
}

.viewp-wrap .galleryp-image img {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: all 0.6s ease;
}

.inner-page .view-gallery.view-id-gallery .view-content {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  border-bottom: unset !important;
}

.inner-page .view-id-events .view-content {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  border-bottom: unset !important;
}

.inner-page .view-id-picture_gallery .view-content {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  border-bottom: unset !important;
}

.viewp-wrap:hover .galleryp-image img {
  transform: scale(1.2);
}

.viewp-wrap:hover .galleryp-title a {
  text-decoration: underline;
  color: #1d75bd;
}

.viewp-wrap .gallery-title {
  font-size: 20px;
  text-align: center;
}

/* ................................End Gallery Std................... */

/* ========================Board of Governors======================== */

/* Our Team Pages */
.path-board-of-governors {
}
.path-board-of-governors .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.path-board-of-governors .view-content::after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}
.path-board-of-governors .views-row {
}
.path-board-of-governors .views-row:first-child,
.path-board-of-governors .views-row:nth-child(2) {
  width: 100%;
}

.team-item {
  display: block;
  padding: 5px;
  text-align: center;
  /* border: 1px solid #ddd; */
  border-radius: 4px;
  /* min-height: 366px; */
  max-width: 270px;
  margin: 0 auto 20px auto;
}
.team-item .img {
  width: 150px;
  height: 150px;
  border-radius: 10px;
  margin: 0 auto;
  overflow: hidden;
}
.team-item .img img {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: all 0.6s ease;
  object-fit: cover;
}

.team-item:hover .img img {
  transform: scale(1.2);
}

.team-item .body {
  padding: 1em 0.75em;
}
.team-item .body .title {
  margin: 0;
  color: var(--color-primary);
  font-family: "AlbertB";
  font-size: 16px;
}
.team-item .body .designation {
  margin: 10px 0 0 0;
}

.inner-page .view-id-core_team .view-content {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  border-bottom: unset !important;
}

a.team_hover:hover {
  text-decoration: none;
}

/*********************************end style core team standerd css ***********************************/
/* ========================End of Board of Governors===================== */

/* Animations */
@keyframes fadeInFooter {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 992px) {
  .footer-pla-container {
    flex-wrap: wrap;
  }

  .footer-pla-column {
    flex: 1 1 45%;
  }
}

@media (max-width: 600px) {
  .footer-pla-column {
    flex: 1 1 100%;
  }

  .footer-pla-bottom {
    flex-direction: column;
    gap: 10px;
  }
}

/* ================================================================
Mobile Responsive - Start Mobile - Mobile
================================================================= */

@media only screen and (max-width: 767px) {
  :root {
    --fontR: "interR";
    --fontL: "interL";
    --text-main: 46px/130% var(--fontR), "sans-serif";
    --text-main-l: 46px/130% var(--fontL), "sans-serif";
    --text-h1: 36px/130% var(--fontR), "sans-serif";
    --text-h1-l: 36px/130% var(--fontL), "sans-serif";
    --text-h2: 30px/130% var(--fontR), "sans-serif";
    --text-h2-l: 30px/130% var(--fontL), "sans-serif";
    --text-h3: 26px/130% var(--fontR), "sans-serif";
    --text-h3-l: 26px/130% var(--fontL), "sans-serif";
    --text-h4: 22px/130% var(--fontR), "sans-serif";
    --text-h4-l: 22px/130% var(--fontL), "sans-serif";
    --text-h5: 20px/120% var(--fontR), "sans-serif";
    --text-h5-l: 20px/120% var(--fontL), "sans-serif";
    --text-h6: 18px/130% var(--fontR), "sans-serif";
    --text-h6-l: 18px/130% var(--fontL), "sans-serif";
    --text-paragraph: 14px/130% var(--fontR), "sans-serif";
    --text-paragraph-l: 14px/130% var(--fontL), "sans-serif";
    --text-paragraph-small: 12px/130% var(--fontR), "sans-serif";
    --text-paragraph-small-l: 12px/130% var(--fontL), "sans-serif";
    --text-label: 10px/130% var(--fontR), "sans-serif";
    --text-label-l: 10px/130% var(--fontL), "sans-serif";
    /* spacing */
    --section-spacing: 36px 24px;
  }

  .law-and-reg-item {
    width: calc(100% - 30px) !important;
  }

  #block-views-block-main-banner-block-1 .-s3-banner-heading .-s3-bold {
    font-size: 30px;
  }

  #block-bootstrap-subtheme-search {
    display: none;
  }

  #block-views-block-main-banner-block-1 .main-banner img {
    width: 100%;
  }

  .wrapper-internal-section2 {
    gap: 10px;
  }

  #block-views-block-main-banner-block-1 .main-banner img {
    border-radius: 8px;
  }

  #block-views-block-main-banner-block-1.-s3-banner-text {
    padding-bottom: 1em;
    padding-top: 0;
  }

  #block-views-block-invest-in-ruda-block-1 {
    padding: 48px 0;
  }

  section#block-views-blockleadership-message-block-1 {
    overflow: hidden;
  }

  article[about="/about-us"] .content img {
    margin: 0 auto;
  }

  #navbar {
    padding: 10px !important;
    height: auto;
    background-image: none;
    margin: 0 !important;
  }

  #block-banner4functions .section-row.row {
    flex-direction: column;
  }

  .leadership-message-container {
    margin: 0;
    padding: 1em;
  }

  a#rightlogo {
    padding-left: 0em;
  }

  .function-title {
    width: 100%;
    font-size: 20px;
  }

  .leadership-message-content {
    padding-left: 2em;
    padding-right: 2em;
  }

  .logo-wrap IMG {
    width: 100%;
  }

  .main-banner img {
    width: 100%;
    height: auto;
  }

  .vision-mission-section {
    padding-top: 0em;
    padding-bottom: 0;
  }

  .vision-mission-image-box {
    flex: 1 1 190px;
  }

  .prgram-services-box {
    width: 100%;
    height: auto;
  }

  .navbar .logo {
    padding: 0;
    margin: 0;
    width: 100%;
    /* background-image: url(/system/files/logo.svg); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95% 99%;
    object-fit: cover;
  }

  #block-views-block-main-banner-block-1 .slick-prev {
    transform: translateY(-50%);
  }

  #notfrontwrap {
    background: url(/system/files/dot-pattren.png) no-repeat fixed center center /
      cover;
  }

  .path-frontpage #navbar {
    position: initial;
  }

  .navbar-header {
    padding: 0.5em;
  }

  .navbar .logo img {
    width: 100%;
    margin-left: 0;
  }

  #notfrontwrap .content img {
    max-width: 100%;
    height: auto;
  }

  .navbar-nav {
    margin: 0 !important;
    float: left;
    text-align: left;
    display: block;
    width: 100%;
    display: inline-block !important;
  }

  #block-mainnavigation {
    position: initial;
    transform: translateY(0);
  }

  .region-we-mega-menu {
    display: none;
  }

  .navbar-header {
    width: auto;
  }

  #block-headerbutton .section-btn {
    position: initial;
  }

  .navbar-default .navbar-nav > li {
    display: block;
    margin: 0px;
    padding: 0px;
  }

  .navbar-default .navbar-nav > li > a {
    padding: 10px !important;
    margin: 0px !important;
    display: block;
    width: 100%;
  }

  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    border-radius: 0;
  }

  .navbar .search-block-form {
    position: unset;
    margin-bottom: 15px;
  }

  .search-btn-wrap {
    display: none;
  }

  .about-legal-aid-label {
    justify-content: center;
  }

  .navbar .search-block-form .form-group .input-group #edit-keys {
    float: none;
  }

  .navbar-default .input-group-btn {
    left: 0 !important;
    display: none;
  }

  .navbar .search-block-form .form-group .input-group .input-group-btn .btn {
    background: url("../images/search.png") no-repeat center center;
    width: 45px;
    height: 45px;
  }

  #webform-submission-newsletter-add-form .form-actions {
    display: block;
  }

  #edit-actions-submit {
    margin: 0;
    display: block;
    margin: 0 auto;
  }

  .navbar .search-block-form {
    float: none;
  }

  .hero {
    height: auto;
    position: initial;
  }



  .section-heading {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .section-para {
    font-size: 14px;
  }

  #block-views-block-highlights-block-1 {
    padding: 32px;
  }

  .view-id-highlights {
    display: block;
  }

  #block-views-block-highlights-block-1 .view-header {
    width: 100%;
    margin-bottom: 36px;
  }

  #block-views-block-highlights-block-1 .view-content {
    width: 100%;
  }

  #block-views-block-highlights-block-1 .views-row {
    padding: 0;
    margin-bottom: 110px;
    margin-bottom: 24px;
  }

  .wrapper-internal-section2 {
    justify-content: center;
  }

  #section-about {
    padding: 32px;
  }

  #block-views-block-gallery-block-2 .right-side img {
    height: 235px;
  }

  .about-iteam {
    display: block;
  }

  .about-image {
    margin-right: 0;
    margin-bottom: 24px;
    margin: 0 auto;
    margin-top: 2em;
  }

  .about-image img {
    width: 100%;
  }

  #section-functions {
    padding: 32px;
    padding-bottom: 0;
  }

  .function-box {
    height: auto;
    margin-bottom: 24px;
  }

  #laws-and-reg-section {
    padding: 32px;
  }

  #section-footer {
    background-image: none;
    background-color: #4c1684;
    padding: 32px 16px;
    margin: 0;
  }

  .footer-items {
    display: block;
  }

  .footer-heading {
    margin-bottom: 14px;
  }

  .footer-top {
    margin-bottom: 0;
  }

  .footer-logos {
    margin-bottom: 24px;
  }

  .footer-middle {
    margin-bottom: 0;
  }

  .copy-sec,
  .power-sec {
    text-align: center;
  }

  .sitemap-item ul li ul li a,
  .sitemap-item .navbar-nav .dropdown-menu > li > a {
    white-space: normal;
  }

  .planet-wrapper {
    padding: 36px 24px;
  }

  #navbar {
    background-color: white !important;
  }

  .navbar-header {
    display: FLEX;
    justify-content: FLEX-END;
  }

  #block-bootstrap-subtheme-main-menu {
    display: FLEX;
    justify-content: LEFT;
    width: 100%;
  }

  .footer-pla-column:nth-child(5) .footer-pla-social {
    float: left;
  }

  .footer-pla-column:nth-child(5) .footer-pla-title {
    text-align: left;
  }

  .navbar-header {
    display: block;
    justify-content: space-between;
    /* ALIGN-ITEMS: CENTER; */
    /* TEXT-ALIGN: LEFT; */
  }

  .navbar .region.region-navigation {
    width: 40%;
  }

  .navbar #block-bootstrap-subtheme-main-menu {
    margin-top: 0.5em;
  }

  #vis-mis-section {
    background: url(/system/files/ensuring-effective.png) no-repeat left center /
      cover;
    height: 20em;
    /* padding: 128px 64px; */
  }

  #block-meetingsectionnew .right-side {
    width: 100%;
  }

  #block-meetingsectionnew .arrows {
    display: none;
  }

  .about-image-wrap.about-item {
    height: auto;
    width: 100%;
  }

  #site-footer {
    padding: 57px 15px 0 !important;
  }

  .power-sec {
    text-align: center !important;
  }

  #block-banner3about .section-heading,
  #block-banner3about .section-para {
    text-align: center;
  }

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

  /* doodles on mobile doodles mobile */

  .circle-right-wrapper,
  .painting-wrapper,
  .circle-wrapper,
  .flower-wrapper {
    display: none;
  }

  .banner6_left.front-section.section06_1.col-sm-6 {
    background-image: none;
    padding-bottom: 0;
    height: auto;
  }

  .row.wrapper-main-vision {
    background: none;
  }

  .facilities-section {
    background-image: none;
  }

  #block-programservices .admission-heading::after {
    right: 0%;
  }

  /* End All Mobile responsive */
}

@media screen and (max-width: 640px) {
}

/* Ali screen or Arslan Screen Query */
/*big screen MediA Query*/
@media (min-width: 1500px) {
  .vision-mission-section {
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .navbar-default .navbar-nav > li > a {
    font-size: 20px;
  }

  .navbar-nav .dropdown-menu > li > a {
    font-size: 18px;
  }

  .main-banner img {
    height: 48em;
  }

  /* #block-views-block-main-banner-block-1 .slick-prev{
    left: 4.7% !important;
  } */

  .row.wrapper-main-vision {
    background-position: left;
    padding-top: 11em;
  }

  #block-views-block-main-banner-block-1 .main-banner img {
    width: 90%;
    margin: 0 auto;
  }
}

/* .......................Arslan Screen - Very Big Screen (1600+) ------------------- */

@media (min-width: 1600px) {
  #block-views-block-main-banner-block-1 .main-banner img {
    width: 90%;
  }
}

/* No less than 1100px, (Maria screen) no greater than 1300px */
/*Between MediA Query*/
/* No less than 1100px, no greater than 900px */

@media (min-width: 1100px) and (max-width: 1300px) {
  .prgram-services-box {
    width: 260px;
  }

  .gallery-header::after {
    right: 50%;
  }

  .row.wrapper-main-vision {
    background: none;
  }

  .navbar-default .navbar-nav > li > a {
    font-size: 15px;
  }

  .navbar-nav .dropdown-menu > li > a {
    font-size: 14px;
  }

  #block-views-block-main-banner-block-1 .slick-prev {
    left: 3.4% !important;
  }

  .row.wrapper-main-vision {
    padding-top: 6em;
    padding-bottom: 0;
  }

  #block-views-block-main-banner-block-1 .-s3-banner-heading {
    font-size: 35px;
  }

  .region.region-banner01 {
    height: 41em;
  }

  #block-views-block-main-banner-block-1 .main-banner img {
    width: 100%;
  }

  .col02 .row01 img {
    width: 67%;
  }

  #gallery-wrapper .gal-col:first-child img {
    width: 20em;
  }

  #block-galleryfp .col02 .row01 img {
    width: 300px;
  }

  #gallery-wrapper .gal-col:first-child img {
    width: 11em;
  }

  #gallery-wrapper::before {
    opacity: 0;
  }

  .gallery-header::after {
    right: 50%;
  }

  .new-mision-vision-right {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  }

  #block-views-block-highlights-block-1 .high-title a {
    font-size: 16px;
  }

  #block-views-block-main-banner-block-1 .slick-prev {
    left: 3.4% !important;
  }

  #block-banner4admissions .section-container {
    padding-left: 3em;
    padding-right: 3em;
  }

  .prgram-services-section {
    padding-left: 3em;
    padding-right: 3em;
  }
}