@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");

:root {
  /*BG*/
  /* --primary:#2C6777;
  --secondary:#52AB99; */
  --primary: #210e6a;
  --secondary: #210e6a;
  --secondary-light: #ddfaf7;
  --secondary-extra-light: #e0eaeb;
  --navy: #210e6a;
  --sky: #ecf9ff;
  --pink: #ffe7e7;
  --yellow: #fff5e1;
  --white: #ffffff;
  --lime: #ffde4d;
  --dark: #222;

  /*Font Family*/
  --Primary-font: "Bai Jamjuree", "sans-serif";
  --poppins: "Poppins", "sans-serif";
  /* box-shadow */
  --box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
  --me-display: calc(-1px - ((100vw - 100%) / 2) + 15px);
}

body {
  font-family: var(--Primary-font);
  font-size: 16px;
  font-weight: normal;
}
/* Global css */
* {
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
}
a {
  color: #000;
  text-decoration: none;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
a:hover {
  color: #000;
  transition: all 0.3s ease;
  text-decoration: none;
}
ul {
  padding: 0;
  margin: 0;
}
a:focus,
button:focus {
  outline: none;
}
:focus {
  outline: none;
  box-shadow: none;
}
.form-control:focus {
  box-shadow: none;
}
label {
  font-weight: 400;
  font-size: 15px;
  line-height: normal;
  margin-bottom: 0;
}
dl,
ol,
ul {
  list-style-position: inside;
  list-style: none;
}
li {
  list-style-type: none;
}

/*Form*/
.form-control {
  font-size: 13px;
  font-weight: 100;
  width: 100%;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  height: 45px;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0 15px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.32px;
  color: #858585;
}
.form-control:focus {
  box-shadow: none;
}
label {
  font-weight: 600;
  font-size: 14px;
  line-height: normal;
  margin-bottom: 8px;
}
.form-check-input {
  width: 20px;
  height: 20px;
}
.custom-select {
  position: relative;
}
.custom-select::after {
  content: "\f107";
  font-family: "Line Awesome Free" !important;
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 700;
}
.form-check {
  display: flex;
  align-items: end;
  gap: 10px;
}
.form-check label {
  margin: 0;
}
.form-control[type="file"] {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
}
.form-label dt {
  display: inline-block;
  color: #d72a2a;
  font-weight: normal;
}

.btn {
  font-size: 15px;
  border-radius: 4px;
  padding: 12px 10px;
  font-weight: 600;
  height: auto;
  line-height: 100%;
  letter-spacing: 0.8px;
  position: relative;
  overflow: hidden;
  min-width: 160px;
}
.btn:focus {
  outline: none;
  box-shadow: none;
}
.btn-close:focus {
  outline: none;
  box-shadow: none;
}
.btn-blue {
  background: #2f195f;
}
.btn-red {
  background: var(--primary);
  color: var(--white);
}
.btn-yellow {
  background: var(--lime);
}

.btn-red:hover {
  background: var(--dark);
  color: var(--white);
}
.btn-white {
  background: #fff;
  color: var(--primary);
}
.btn-white:hover {
  background: var(--dark);
  color: var(--white);
}

/*Headings*/
h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 100%;
}
p {
  line-height: normal;
  line-height: 32px;
}

.pinkBG {
  background: var(--secondary-extra-light);
}
.yellowBG {
  background: var(--yellow);
}
.primaryBG {
  background: var(--primary);
}
.skyBG {
  background: var(--sky);
}
.redBG {
  background: var(--primary);
}
.grayBG {
  background: #f2f2f2;
}

.red {
  color: var(--primary);
}

.main-title {
  text-align: center;
  margin-bottom: 30px;
}

.title1 {
  font-size: 24px;
}
.title2 {
  font-size: 18px;
}
.title3 {
  font-size: 16px;
}

.subtitle {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 35px;
  line-height: 30px;
}
.section {
  padding: 70px 0;
  position: relative;
}

.mode-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 7px;
}

/*Header Top*/
.header-top {
  background: var(--secondary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 15px;
}
.top-nav ul li {
  display: inline-block;
}
.top-nav ul li a {
  color: var(--white);
  padding: 0 5px;
  font-size: 14px;
  text-transform: uppercase;
}
.top-nav ul li a:hover {
  color: #a891ff;
}

.header-mode {
  display: flex;
  padding-right: 30px;
}
.header-mode a {
  color: var(--white);
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  margin-right: 7px;
}
.header-mode a:last-child {
  margin-right: 0;
}
.header-mode a.active,
.header-mode a:hover {
  background-color: transparent;
  color: #a891ff;
}

/*Logo Section*/
.logo-band {
  background: var(--secondary-light);
  padding: 7px 0;
}
.logo-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}

/* DU Logos */
.du-logos {
  display: flex;
  gap: 10px;
}
.du-logos img {
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 10px 21px;
  border: 1px solid #d5d5d5;
}


/**/
.card_box {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.14);
  border-radius: 10px;
  /* height: calc(100% - 43px); */
}

.box-header {
  padding: 0 0 10px;
}
.box-header .title2 {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.box-body {
  padding: 20px;
}
.NoticeSec {
  padding: 0 15px 15px 15px;
}

.card_box form label{
  display: block;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 10px;
}
.card_box form input,
.card_box form textarea{
  width: 100%;
  padding: 4px 10px;
  border: 1px solid #838383;
  accent-color: var(--navy);
}
.card_box form .button-div{
  gap: 10px;
}


/* Important */
.imp-head {
  justify-content: center;
  background: var(--primary);
  padding: 17px 12px;
  gap: 15px;
  display: flex;
  font-size: 15px;
  border: none;
  color: #d2e0fb;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  border-radius: 8px 8px 0 0;
  min-height: 56px;
}
.imp-list {
  padding-top: 10px;
  padding-bottom: 25px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
ul.imp-list li {
  width: 100%;
}
.imp-list li a {
  display: block;
  padding: 10px 0;
  text-align: left;
  position: relative;
  border-bottom: 1px solid #d4d4d4;
}
.imp-list li a:hover {
  color: var(--primary);
}
.imp-list li a::before {
  position: relative;
  content: "\f00c";
  font-family: "Line Awesome Free";
  font-weight: 900;
  margin-right: 5px;
  color: var(--primary);
}

/*Useful Links*/
.useful-text {
  font-weight: 600;
  line-height: 110%;
}
.useful-img {
  /* margin-bottom: 15px; */
}
.useful-img img{
  height: 75px;
  object-fit: contain;
}
.logoscroll .owl-stage-outer {
  padding: 20px 0px;
}
.useful-list ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
.useful-item {
  background: #fff;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 144px;
  position: relative;
  text-align: center;
  padding: 20px;
  /* box-shadow: 0 0 20px rgb(100 100 100 / 30%); */
  border: 1px solid #c9d7dd;
  cursor: auto;
}
.useful-item:hover {
  transition: all 0.25s linear;
  background: var(--sky);
}

/* Gallery */
.publication-item {
  position: relative;
  overflow: hidden;
}
.publication-item img {
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 3/4;
}
.pub-date {
  background: rgba(255, 255, 255, 0.5);
  padding: 4px 15px;
  color: #021e24;
  font-weight: 600;
  display: inline-block;
  border-radius: 5px;
  position: absolute;
  left: 15px;
  top: 15px;
  backdrop-filter: blur(2px);
}

.media-date {
  background: rgba(160, 35, 52, 0.5);
  padding: 4px 10px;
  color: var(--white);
  font-weight: 600;
  display: inline-block;
  border-radius: 5px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 9;
}
.gallery-img {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.gallery-img img {
  border-radius: 15px;
  width: 100%;
  aspect-ratio: 5/4;
  object-fit: cover;
}

.gallery-img:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
}
.gallery-title {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.gallery-title:before {
  position: relative;
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background: var(--primary);
  margin-right: 5px;
  margin-bottom: 1px;
}

/* Social media section */
.social-media-section {
  background-color: #f2f2f2;
}
.social-media-col {
  border-radius: 10px;
  box-shadow: var(--box-shadow);
  background: #fff;
  position: relative;
  padding: 0px 20px 20px 20px;
}
.social-media-row {
  margin-top: 30px;
}
.social-icon {
  text-align: center;
  position: relative;
  animation: floating2 7s infinite;
  transform: translateY(-30px);
}
.social-media-col .social-icon i {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  font-size: 40px;
  color: #fff;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}
.social-icon.fb i {
  background-color: #337fff;
}
.social-icon.tw i {
  background-color: #33ccff;
}
.social-icon.ins i {
  background-color: #da3a8d;
}
.social-icon.you i {
  background-color: #d72a2a;
}
.social-details {
  height: 250px;
  overflow: auto;
  text-align: center;
}
.social-media-col .social-icon.ins + .social-details .instaInPost a {
  margin-bottom: 10px;
  display: block;
}

/* Footer */
.footer {
  background: var(--primary);
  padding: 50px 0 30px;
}
.footer-item-2 {
  padding-left: 50px;
}
.f-title {
  color: #ffde4d;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 110%;
  margin-bottom: 15px;
}
.f-adress {
  color: #d0f5ff;
}
.f-adress p {
  line-height: 28px;
}
.f-menu ul {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}
.f-menu ul li a {
  color: #ffffff;
}
.f-menu ul li a:hover {
  color: #ffde4d;
}
.copy-right {
  background: var(--secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  color: #d7fff7;
  font-size: 14px;
  padding: 4px 10px;
}
.copy-right p {
  margin: 0;
}
.copy-right a {
  color: yellow;
}

/*======= Inside Page =======*/
.in_bg {
  background: #c9d7dd;
}

/*Banner Inner*/
.inside-banner {
  position: relative;
  min-height: 90px;
  background: var(--white);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.page-heading {
  text-align: center;
  width: 100%;
  z-index: 1;
  height: 100%;
  display: grid;
  place-content: center;
  padding-bottom: 0;
}
.page-heading h2 {
  margin-bottom: 0;
  color: #222 !important;
  font-size: 26px;
}

.heading-title {
  text-align: left;
  margin-bottom: 20px;
  border-bottom: solid 1px var(--primary);
}
.heading-title span {
  display: inline-block;
  position: relative;
  margin: 0px 0 0;
  padding: 10px 20px 9px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background: var(--primary);
  line-height: 100%;
  font-family: "Bai Jamjuree", sans-serif;
  letter-spacing: 0.08rem;
}
.inside-heading h2 {
  margin-bottom: 5px;
  color: var(--blue-text);
}

.main-content {
  background: #fff;
  padding: 1.5rem;
  border-radius: 10px;
  box-shadow: 0px 0px 13px rgb(0 0 0 / 5%);
}
.main-content h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
}
.main-content h3 .subtitle {
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 26px;
  background: red;
  display: inline-block;
  color: #fff;
  padding: 1px 20px;
}
.main-content p {
  line-height: 30px;
}
.main-content ul {
  list-style: disc !important;
  margin-left: 20px;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.main-content li {
  list-style: inherit !important;
  margin-bottom: 15px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  line-height: 24px;
}

.title-custom {
  border-bottom: solid 1px #b3c8cf;
  margin-bottom: 15px;
  padding: 0;
}
.title-custom h3 {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  padding: 6px 10px 6px;
  background: #b3c8cf;
  margin: 0;
}

/*Side Menu*/
.side-header {
  background: var(--primary);
  padding: 15px 15px;
  border-radius: 7px 7px 0 0;
}
.side-header span {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.side-menu {
  padding: 1rem;
  border-radius: 0px 0px 7px 7px;
  background: #ffffff;
}
.side-nav ul li a {
  padding: 12px 0;
  display: block;
  font-weight: 600;
  color: #444941;
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}
.side-nav ul li a:hover {
  color: var(--primary);
  padding-left: 5px;
  transition: all 0.2s linear;
}
.side-nav ul li a.active {
  color: var(--primary);
  padding-left: 5px;
  transition: all 0.2s linear;
}
.side-nav ul li {
  border-bottom: 1px solid rgb(0 0 0 / 5%);
}
.side-nav ul li:last-child {
  border-bottom: none;
}
.side-nav ul li .sub-nav {
  padding: 0 10px;
}
.side-nav ul li .sub-nav li a {
  font-size: 16px;
  color: #0d4c92;
}
.dropdown-nav.opennav i {
  transform: rotate(180deg);
  transition: all 0.5s ease;
}
.dropdown-nav i {
  transform: rotate(0deg);
  transition: all 0.5s ease;
}

/*Styles List*/
.custom-list {
  margin-left: 20px;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.ul {
  list-style-type: disc !important;
}
.custom-list li {
  margin-bottom: 15px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  line-height: 24px;
}
.custom-list li::marker {
  font-weight: normal;
}
.custom-list li a {
  color: var(--primary);
}
.box {
  list-style-type: square;
}
.circle {
  list-style-type: circle;
}
.ol {
  list-style-type: decimal;
}
.la {
  list-style-type: lower-alpha;
}
.ua {
  list-style-type: upper-alpha;
}
.rom {
  list-style-type: lower-roman;
}

/*Table*/
.table-wrap {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-heading {
  background: #3b405f !important;
  color: #fff;
  border: none !important;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.35px;
  text-align: left !important;
}
.table-wrap table {
  width: 100%;
}
.table-wrap table tr th {
  vertical-align: bottom;
  font-size: 15px;
  font-weight: 500;
  padding: 5px 0.75rem;
  background: var(--primary);
  color: #fff;
  border: none !important;
  border-right: 1px solid var(--primary) !important;
  font-family: "Poppins", sans-serif;
}
.table-wrap table tr td {
  border: 1px solid #dee2e6;
  padding: 0.5rem 0.75rem;
  background: #fff;
}
.table-wrap table tr td a {
  color: var(--primary);
}
.table-wrap table tr td a i {
  font-size: 25px;
  font-weight: normal;
}
.column-3 table tr td:nth-child(1) {
  width: 5%;
  text-align: center;
}
.column-3 table tr td:nth-child(2) {
  width: 90%;
}
.column-3 table tr td:nth-child(3) {
  width: 5%;
}
.tier-1 table tr th:nth-child(1) {
  width: 5%;
  text-align: center;
}
.tier-1 table tr td:nth-child(1) {
  text-align: center;
}
.large-table {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.btns-inline .btn {
  margin-bottom: 5px;
}

/* Accordian */
.accordion-button {
  background: none;
  margin: 0;
}
.accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.faq-accordian .accordion-item {
  border: solid 1px #19456b;
  margin-top: 15px;
  border-radius: 7px;
}
.faq-accordian .accordion-item .accordion-button {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  text-transform: none;
  font-weight: 500;
  color: #29335c;
  padding: 0 20px;
  line-height: normal;
  cursor: pointer;
  min-height: 55px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column-gap: 15px;
}
.faq-accordian .accordion-item .accordion-button:not(.collapsed) {
  background: #2c6777;
  color: #fff;
  border-radius: 8px 8px 0 0;
}
/*.accordion-body ul li{display:inline-block;}*/
.accordion-body p strong {
  line-height: 120%;
  display: block;
  font-weight: 600;
  color: #4d4d4d;
}
.accordion-body ul li > a {
  color: var(--primary);
}

/* Tabs */
/* .switch-tabs ul li a{font-weight:500;border:none !important;font-family: 'Poppins',sans-serif;} */
/* .switch-tabs .nav-link{font-weight:500;font-family:'Poppins',sans-serif;font-size: 14px;border:solid 1px #dee2e6 !important;margin-right:5px;background:#f8f9fa;border-bottom:none !important;border-top-left-radius:.35rem !important;border-top-right-radius:.35rem !important;} */
.switch-tabs .nav-link {
  font-weight: 500;
  border: solid 1px #dee2e6 !important;
  margin-right: 10px;
  background: #f8f9fa;
  color: #000;
  border-radius: 0.375rem;
}
.switch-tabs .nav-link.active {
  background: var(--primary);
  color: #fff;
  border: 1px solid var(--primary) !important;
  border-radius: 0.375rem;
}
/* .switch-tabs .tab-content {
  background: #fff;
} */
.switch-tabs .nav-tabs {
  margin-bottom: 15px;
  border: none;
}

.socities-card-section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 15px;
  margin-bottom: 30px;
}
.societies-card {
  text-align: center;
  padding: 10px 15px;
  border-radius: 7px;
  border: solid 1px #e4e0e1;
  background: #fef9f2;
}
.soc-cont h3 {
  font-size: 18px;
  margin-bottom: 5px;
}
.soc-thumb {
  aspect-ratio: 6/3;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e9e3d8;
  margin-bottom: 10px;
  padding: 10px 0;
  border-radius: 5px;
}
.soc-thumb img {
  max-width: 90%;
  max-height: 90%;
}
.page-error {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
}
.page-error-thumb {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.page-error-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-error-content h3 {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 30px;
}

.social-details {
  position: relative;
  width: 100%;
  height: 300px;
}
.social-details iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
}

/* Gallery Detail*/
.album-col {
  text-align: center;
  padding: 10px;
  border-radius: 7px;
  border: 1px solid rgb(228, 224, 225);
  background: rgb(254, 249, 242);
}
.mediagalleryalbum .owl-nav {
  position: absolute;
  margin-top: 0;
  bottom: 10px;
  width: 100%;
  left: 0;
  display: flex;
  justify-content: center;
  top: inherit;
}
.album-col .owl-prev,
.album-col .owl-next {
  background: var(--primary) !important;
  width: 35px;
  height: 35px;
  color: #fff !important;
  font-size: 21px !important;
}
.gallery-album-col a img {
  object-fit: cover;
  aspect-ratio: 5/4;
  object-position: center;
  border-radius: 10px;
}
.album-title h3 {
  margin: 0;
  font-size: 18px;
  padding: 10px 10px 3px;
}

/* MEDIA COVERAGE */
.card-custom2 {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 15px;
  padding: 10px;
  border-radius: 7px;
  border: 1px solid rgb(228, 224, 225);
  background: rgb(254, 249, 242);
}
.card-thumb-det p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  margin-bottom: 5px;
}
.card-thumb-det .date {
  display: inline-block;
  font-size: 14px;
  background: var(--primary);
  color: #fff;
  padding: 4px 10px;
  line-height: 100%;
  border-radius: 3px;
}
.card-thumb-det h4 {
  font-size: 20px;
  margin: 9px 0 7px;
  padding: 0;
}
.card-thumb-det a {
  color: var(--primary);
}

/* Login Page */
.box-card {
  background: #ffffff;
  border: 1px solid #c4c4c4;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.03);
  border-radius: 10px;
  padding: 15px;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}
.form-login {
  padding: 30px;
}
.titles {
  font-size: 20px;
  text-transform: uppercase;
  margin: 15px 0 10px;
  color: var(--primary);
  font-weight: 700;
  line-height: 100%;
}

/* My Profile */
.last-delete {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 10px;
}
.btnActions .btn {
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  width: 40px;
  background: #399918;
  color: #fff;
  border-radius: 50%;
  min-width: auto;
  margin-top: 0;
  border: none !important;
  outline: none !important;
}
.student-prog-form .card {
  background: #fff;
  padding: 2.5rem;
  border-radius: 10px;
  box-shadow: 0px 0px 13px rgb(0 0 0 / 5%);
  margin-top: 2rem;
}
.feature_head {
  text-align: left;
  margin-bottom: 20px;
  border-bottom: solid 1px var(--primary);
}
.feature_head h2 {
  display: inline-block;
  position: relative;
  margin: 0px 0 0;
  padding: 10px 20px 9px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background: var(--primary);
  line-height: 100%;
  letter-spacing: 0.08rem;
}
.btnActions .removeBtn {
  background: #f87a53;
}
.btnActions {
  display: flex;
  justify-content: center;
  gap: 5px;
}

/* Academics>Departments */
.alumni-col {
  text-align: center;
  padding: 10px;
  border-radius: 7px;
  border: solid 1px #e4e0e1;
  background: #fbfbfb;
  height: 100%;
}
.alumni-thumb img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 2/2.4;
  object-position: center;
  border-radius: 7px;
}
.alumni-cont h3 {
  font-size: 18px;
  margin: 12px 0;
}
.alumni-cont .organization {
  font-weight: 500;
  margin-bottom: 10px;
}
.alumni-cont .designation {
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
  color: #4b4376;
}
.alumni-cont p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  line-height: 24px;
}
.alumni-cont a {
  color: var(--primary);
  text-decoration: underline;
  font-weight: 500;
}

.member-card-col {
  text-align: center;
  padding: 10px;
  border-radius: 7px;
  border: solid 1px #e4e0e1;
  background: #f4f6ff;
}
.member-cont {
  display: grid;
  gap: 5px;
  padding: 10px 0 5px;
}

/* Custom Gallery */
.custom-gallery .galleryData a {
  display: block;
  border: 1px solid #ddd;
  padding: 5px;
}
.custom-gallery .galleryData {
  margin-bottom: 15px;
}
.custom-gallery .galleryData a img {
  aspect-ratio: 5/4;
  width: 100%;
  object-fit: cover;
}
.societylogo img {
  max-height: 200px;
  max-width: 250px;
}

/* Governingbody */
.fac-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  width: 100%;
}
.fac-thumb {
  margin-bottom: 15px;
  overflow: hidden;
  width: 100%;
  height: auto;
  border: 1px solid #ddd;
  padding: 5px;
  padding-top: 120%;
  position: relative;
}
.fac-thumb img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  object-fit: cover;
}
.fac-col h3 {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
}
.fac-col p {
  text-align: center;
}
#back-button {
  cursor: pointer;
}

.translatorouter {
  display: flex;
  align-items: center;
}
.translator {
  display: inline-block;
  margin-right: 10px;
}
#google_translate .skiptranslate.goog-te-gadget span {
  display: none;
}
.goog-te-gadget {
  overflow: hidden !important;
  height: 34px !important;
}
.goog-te-gadget .goog-te-combo {
  background: var(--primary);
  outline: none;
  border: solid 1px #fff;
  padding: 5px 8px;
  color: #fff;
  font-family: "HelveticaNeue-Roman";
}
.goog-te-gadget .goog-te-combo option {
  font-family: Arial !important;
}
#google_translate_element .skiptranslate.goog-te-gadget span {
  display: none;
}
ul.list-group {
  margin: 15px 0 20px 0;
}
li.list-group-item {
  margin: 0;
}
li.list-group-item.active {
  background: var(--primary);
  border: none;
}
.contact-map {
  position: relative;
  background: #f7f7f7;
  aspect-ratio: 5/1.5;
  border: 1px solid #ddd;
  padding: 5px;
}
.contact-map iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* search section */
.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.customnav {
  display: none;
}

.customnav.searchOpen {
  display: block;
}

.overlay-content {
  position: relative;
  top: 35%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.custom-search-center {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.custom-autocomplete-outer {
  width: 60%;
}

.custom-autocomplete-outer input {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 45px;
  height: 60px;
  width: 100%;
  color: #fff;
  padding: 0 30px;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 40px;
  color: #fff;
}

.custom-autocomplete-outer ul {
  width: 50%;
  margin: 0 auto;
  margin-top: 20px;
}

.custom-autocomplete-outer ul li {
  border-bottom: none;
}

.custom-autocomplete-outer ul li a {
  color: #fff;
  font-size: 14px;
  border: 1px solid #ddd;
  border-bottom: none;
  display: block;
  padding: 9px 0;
  line-height: normal;
}

.custom-autocomplete-outer ul li:last-child a {
  border-bottom: 1px solid #ddd;
}
/* search section end*/

.searchbtn {
  font-size: 24px;
  width: 100%;
  display: flex;
  place-content: center;
  color: #fff;
  background: var(--primary);
  height: 100%;
  border-radius: 5px;
}
.searchbar {
  width: 38px;
  height: 38px;
  display: flex;
  place-content: center;
  margin-right: 15px;
}

.hvr-top {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-top:hover,
.hvr-top:focus,
.hvr-top:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}


/* new one */
.about-new .image img{
  border-radius: 10px;
}
.home-slider .owl-carousel .owl-item img{
  height: 440px;
  object-fit: cover;
  border-radius: 10px;
}
.home-slider{
  background: #F9F9F9;
  padding: 40px 0px;
}
.light_g_text {
  color: #838383;
}
.home-slider .banner-text h1{
  font-weight: 900;
  font-size: 56px;
  margin-bottom: 0px;
}
.home-slider .banner-text h3{
  font-size: 20px;
  position: relative;
  font-weight: 600;
  margin-bottom: 8px;
}
.home-slider .banner-text p{
  line-height: 26px;
}

.home-slider .banner-btn {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 20px;
  padding-right: 36px;
}
.home-slider .banner-btn .btn {
  height: 55px;
  line-height: 55px;
}
.home-slider .btn {
  font-size: 14px;
  border-radius: 7px;
  transition: all 0.3s ease;
  padding: 0px 22px;
  font-weight: 600;
  height: 48px;
  line-height: 48px;
  transition-duration: 0.4s;
  letter-spacing: 0.8px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  min-width: 170px;
}
.home-slider .ivor {
  background: #210e6a;
  color: #fff;
}
.home-slider .ivor:hover{
  background: #222;
}
.home-slider .voilt {
  background: #d72a2a;
  color: #fff;
}
.home-slider .voilt:hover{
  background: #222;
}
.home-slider .pink {
  background: #8db5cc;
  color: #222;
}
.home-slider .pink:hover{
  background: #222;
  color: #ffffff;
}
.home-slider .green {
  background: #ffde4d;
  color: #222;
}
.home-slider .green:hover{
  background: #222;
  color: #ffffff;
}
.home-slider .btn:hover {
  color: #ffffff;
}

.home-slider .main-bnr .main-slider .owl-dots{
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100%;
}
.home-slider .main-bnr .main-slider .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.home-slider .main-bnr .main-slider .owl-dots button{
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background-color: var(--white);
}
.home-slider .main-bnr .main-slider .owl-dots button.active{
  background-color: var(--lime);
}
.home-slider .main-bnr .main-slider li{
  padding: 10px;
  border: 1px solid var(--navy);
  border-radius: 10px;
}



@media only screen and (max-width: 992px) {
  .home-slider .banner-text {
    text-align: center;
  }
  .home-slider .banner-btn {
    padding-right: 0 !important;
  }
  .home-slider .main-bnr {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .home-slider  .banner-text h1 {
    font-size: clamp(2rem, 10vw, 3rem);
  }
}

/* .new-card-style{
  position: sticky;
  top: 20px;
} */

.accordion .accordion-item .accordion-header .accordion-button.collapsed{
  background-color: #fff;
  color: #000;
}
.accordion .accordion-item .accordion-header .accordion-button{
  background-color: var(--primary);
  color: #ffffff;
}
.accordion .accordion-item .accordion-header .accordion-button.collapsed::after{
  filter: brightness(0);
}
.accordion .accordion-item .accordion-header .accordion-button::after{
  filter: brightness(100);
}
.accordion .accordion-item {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
  border: none;
  box-shadow: 0px 0px 14px #d5d5d5;
}

.whatsapp-icon {
  position: fixed;
  bottom: 0px;
  right: 0px;
  margin: 20px;
  z-index: 999;
}
.whatsapp-icon a{
  background-color: #ffffff;
  border-radius: 100px;
  padding: 10px;
  border: 1px solid #6BCB77;
  display: inline-block;
}
.whatsapp-icon a img{
  height: 30px;
  width: 30px;
}

.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}


.page-heading ul{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}
.page-heading ul li{
  color: #d72a2a;
}
.page-heading ul li a{
  color: #222;
  position: relative;
  padding-right: 20px;
}
.page-heading ul li a::before{
  content: "/";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
}

.main-content .image{
  border-radius: 4px;
  overflow: hidden;
  padding: 10px;
  border: 1px solid var(--navy);
}
.main-content .image img{
  border-radius: 4px;
}
.main-content .content h3,
.main-content .content p{
  margin-bottom: 0px;
}
.aboutextracontent p{
  margin-bottom: 10px;
  line-height: 24px;
}
.aboutextracontent ul{
  padding-left: 20px;
  margin: 0px;
}
.aboutextracontent ul li{
  list-style: disc;
  font-family: var(--Primary-font);
}

.logo-punjabi {
  display: flex;
  gap: 10px;
}
.logo-punjabi a img {
  height: 80px;
  object-fit: contain;
}

@media (min-width: 1441px) and (max-width: 2560px) {
  .logo-punjabi a img {
    height: 80px;
    object-fit: contain;
  }
}

.inner-content ul {
  padding-left: 20px;
}
.inner-content ul li{
  list-style: disc;
}
.inner-content h3{
  color: var(--navy);
}


.course .main-content .content{
  padding: 10px;
}
.main-content ul li {
  font-family: var(--Primary-font);
}
.main-content ul li ul {
  margin-bottom: 0px;
}
.main-content ul li ul li{
  list-style: circle !important;
}
.register-form .NoticeSec label{
  margin-top: 0px;
}

.main-content .content-info{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.main-content .content-info i{
  height: 40px;
  width: 40px;
  border-radius: 50px;
  background-color: var(--navy);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.course .main-content .image img {
  height: 150px;
  object-fit: cover;
}
.gallery-image .main-content .image img {
  height: 240px;
  object-fit: cover;
}

@media (max-width: 767px) {
  .course .main-content .image img{
    height: auto;
  }
}

.gallery-image .image {
  position: relative;
  overflow: hidden;
}

.gallery-image .image img {
  display: block;
  width: 100%;
  transition: transform 0.3s ease;
}

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

.gallery-image .image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(176, 179, 180, 0.5); /* Light blue overlay */
  backdrop-filter: blur(2px); /* Blur effect */
  opacity: 0;
  transition: opacity 0.3s ease, backdrop-filter 0.3s ease;
}

.gallery-image .image:hover::after {
  opacity: 1;
}

.ace-responsive-menu > li .voilt{
  background: #d72a2a;
  color: #fff;
  font-size: 14px;
  border-radius: 7px;
  transition: all 0.3s ease;
  padding: 0px 22px;
  font-weight: 600;
  height: 48px;
  line-height: 48px;
  transition-duration: 0.4s;
  letter-spacing: 0.8px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  min-width: 170px;
  margin: 5px;
  margin-left: 80px;
}
.ace-responsive-menu > li .voilt:hover{
  background: #d72a2a;
  color: #fff;
}

@media (max-width: 1279px) {
  .ace-responsive-menu > li .voilt{
    margin: 5px;
  }
}

.useful-list .logoscroll .owl-nav,
.gallery.gallery-row .owl-nav{
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translate(0px, -12px);
  padding: 0px 10px;
}
.useful-list .logoscroll .owl-dots,
.gallery.gallery-row .owl-dots{
  display: none;
}
.useful-list .logoscroll .owl-nav button,
.gallery.gallery-row .owl-nav button{
  display: none;
  height: 30px;
  width: 30px;
  background-color: var(--primary);
  border-radius: 30px;
  color: #ffffff;
}

.error {
    color: red;
}


/* .g-recaptcha iframe {
    width: 100%;
}
.g-recaptcha div {
    width: 100% !important;
} */
 

.download-table table thead{
  background-color: var(--navy);
}
.download-table table thead th{
  color: var(--white);
}
.download-table table td a{
  color: #d72a2a;
}
.download-table table td,
.download-table table th{
  border: 1px solid var(--dark);
  padding: 10px;
}