/*!

Theme Name: DPGITM 2025

Theme URI: http://underscores.me/

Author: Saurabh Zodgekar

Author URI: https://www.saurabhzodgekar.com

Description: Theme For DPGITM

Version: 1.0.0

Tested up to: 5.4

Requires PHP: 5.6

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: dpgitm-2025

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned.



DPGITM 2025 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/





/*Removed yellow color: ffc525*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Generic

	- Normalize

	- Box sizing

# Base

	- Typography

	- Elements

	- Links

	- Forms

## Layouts

# Components

	- Navigation

	- Posts and pages

	- Comments

	- Widgets

	- Media

	- Captions

	- Galleries

# plugins

	- Jetpack infinite scroll

# Utilities

	- Accessibility

	- Alignments



--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Generic

--------------------------------------------------------------*/



/* Normalize

--------------------------------------------- */



/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */



/* Document

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



/**

 * 1. Correct the line height in all browsers.

 * 2. Prevent adjustments of font size after orientation changes in iOS.

 */

html {

	line-height: 1.15;

	-webkit-text-size-adjust: 100%;

}



/* Sections

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



/**

 * Remove the margin in all browsers.

 */

body {

	margin: 0;

}



/**

 * Render the `main` element consistently in IE.

 */

main {

	display: block;

}



/**

 * Correct the font size and margin on `h1` elements within `section` and

 * `article` contexts in Chrome, Firefox, and Safari.

 */

h1 {

	font-size: 2em;

	margin: 0.67em 0;

}



/* Grouping content

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



/**

 * 1. Add the correct box sizing in Firefox.

 * 2. Show the overflow in Edge and IE.

 */

hr {

	box-sizing: content-box;

	height: 0;

	overflow: visible;

}



/**

 * 1. Correct the inheritance and scaling of font size in all browsers.

 * 2. Correct the odd `em` font sizing in all browsers.

 */

pre {

	font-family: monospace, monospace;

	font-size: 1em;

}



/* Text-level semantics

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



/**

 * Remove the gray background on active links in IE 10.

 */

a {

	background-color: transparent;

}



/**

 * 1. Remove the bottom border in Chrome 57-

 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.

 */

abbr[title] {

	border-bottom: none;

	text-decoration: underline;

	text-decoration: underline dotted;

}



/**

 * Add the correct font weight in Chrome, Edge, and Safari.

 */

b,

strong {

	font-weight: bolder;

}



/**

 * 1. Correct the inheritance and scaling of font size in all browsers.

 * 2. Correct the odd `em` font sizing in all browsers.

 */

code,

kbd,

samp {

	font-family: monospace, monospace;

	font-size: 1em;

}



/**

 * Add the correct font size in all browsers.

 */

small {

	font-size: 80%;

}



/**

 * Prevent `sub` and `sup` elements from affecting the line height in

 * all browsers.

 */

sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sub {

	bottom: -0.25em;

}



sup {

	top: -0.5em;

}



/* Embedded content

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



/**

 * Remove the border on images inside links in IE 10.

 */

img {

	border-style: none;

}



/* Forms

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



/**

 * 1. Change the font styles in all browsers.

 * 2. Remove the margin in Firefox and Safari.

 */

button,

input,

optgroup,

select,

textarea {

	font-family: inherit;

	font-size: 100%;

	line-height: 1.15;

	margin: 0;

}



/**

 * Show the overflow in IE.

 * 1. Show the overflow in Edge.

 */

button,

input {

	overflow: visible;

}



/**

 * Remove the inheritance of text transform in Edge, Firefox, and IE.

 * 1. Remove the inheritance of text transform in Firefox.

 */

button,

select {

	text-transform: none;

}



/**

 * Correct the inability to style clickable types in iOS and Safari.

 */

button,

[type="button"],

[type="reset"],

[type="submit"] {

	-webkit-appearance: button;

}



/**

 * Remove the inner border and padding in Firefox.

 */

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

	border-style: none;

	padding: 0;

}



/**

 * Restore the focus styles unset by the previous rule.

 */

button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

	outline: 1px dotted ButtonText;

}



/**

 * Correct the padding in Firefox.

 */

fieldset {

	padding: 0.35em 0.75em 0.625em;

}



/**

 * 1. Correct the text wrapping in Edge and IE.

 * 2. Correct the color inheritance from `fieldset` elements in IE.

 * 3. Remove the padding so developers are not caught out when they zero out

 *		`fieldset` elements in all browsers.

 */

legend {

	box-sizing: border-box;

	color: inherit;

	display: table;

	max-width: 100%;

	padding: 0;

	white-space: normal;

}



/**

 * Add the correct vertical alignment in Chrome, Firefox, and Opera.

 */

progress {

	vertical-align: baseline;

}



/**

 * Remove the default vertical scrollbar in IE 10+.

 */

textarea {

	overflow: auto;

}



/**

 * 1. Add the correct box sizing in IE 10.

 * 2. Remove the padding in IE 10.

 */

[type="checkbox"],

[type="radio"] {

	box-sizing: border-box;

	padding: 0;

}



/**

 * Correct the cursor style of increment and decrement buttons in Chrome.

 */

[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

	height: auto;

}



/**

 * 1. Correct the odd appearance in Chrome and Safari.

 * 2. Correct the outline style in Safari.

 */

[type="search"] {

	-webkit-appearance: textfield;

	outline-offset: -2px;

}



/**

 * Remove the inner padding in Chrome and Safari on macOS.

 */

[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



/**

 * 1. Correct the inability to style clickable types in iOS and Safari.

 * 2. Change font properties to `inherit` in Safari.

 */

::-webkit-file-upload-button {

	-webkit-appearance: button;

	font: inherit;

}



/* Interactive

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



/*

 * Add the correct display in Edge, IE 10+, and Firefox.

 */

details {

	display: block;

}



/*

 * Add the correct display in all browsers.

 */

summary {

	display: list-item;

}



/* Misc

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



/**

 * Add the correct display in IE 10+.

 */

template {

	display: none;

}



/**

 * Add the correct display in IE 10.

 */

[hidden] {

	display: none;

}



/* Box sizing

--------------------------------------------- */



/* Inherit box-sizing to more easily change it's value on a component level.

@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

*,

*::before,

*::after {

	box-sizing: inherit;

}



html {

	box-sizing: border-box;

}



/*--------------------------------------------------------------

# Base

--------------------------------------------------------------*/



/* Typography

--------------------------------------------- */

body,

button,

input,

select,

optgroup,

textarea {

	color: #404040;

	font-family: "Inter", serif;

	font-size: 1rem;

	line-height: 1.5;

}



h1 {

	font-family: "Rubik", sans-serif;

	font-weight:800;

}



h2,

h3,

h4,

h5,

h6 {

	clear: both;

	 font-family: "Source Sans 3", sans-serif;

  font-weight: 700;

  font-style: normal;

}



p {

	margin-bottom: 1.5em;

}



dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	margin: 0 1.5em;

}



address {

	margin: 0 0 1.5em;

}



pre {

	background: #eee;

	font-family: "Courier 10 Pitch", courier, monospace;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}



code,

kbd,

tt,

var {

	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}



abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



mark,

ins {

	background: #fff9c0;

	text-decoration: none;

}



big {

	font-size: 125%;

}



/* Elements

--------------------------------------------- */

body {

	background: #fff;

}



hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



ul,

ol {

	margin: 0 0 1.5em 0;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}



dt {

	font-weight: 700;

}



dd {

	margin: 0 1.5em 1.5em;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

	max-width: 100%;

}



img {

	height: auto;

	max-width: 100%;

	/*width:100%;*/

}



figure {

	margin: 1em 0;

}



table {

	margin: 0 0 1.5em;

	width: 100%;

}



/* Links

--------------------------------------------- */

a {

	color: #222;

}

/*a {
    color: #222;
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #666;
    bottom: -3px;
    left: 0;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease-out;
}

a:hover {
    color: #000000;
}

a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}*/



/*a:visited {

	color: #800080;

}*/



a:hover,

a:focus,

a:active {

	/*color: #000;*/

}



/*a:focus {

	outline: thin dotted;

}*/



a:hover,

a:active {

	outline: 0;

}



/* Forms

--------------------------------------------- */

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	border: 1px solid;

	border-color: #ccc #ccc #bbb;

	border-radius: 3px;

	background: #e6e6e6;

	color: rgba(0, 0, 0, 0.8);

	line-height: 1;

	padding: 0.6em 1em 0.4em;

}



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	border-color: #ccc #bbb #aaa;

}



button:active,

button:focus,

input[type="button"]:active,

input[type="button"]:focus,

input[type="reset"]:active,

input[type="reset"]:focus,

input[type="submit"]:active,

input[type="submit"]:focus {

	border-color: #aaa #bbb #bbb;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

	padding: 3px;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus {

	color: #111;

}



select {

	border: 1px solid #ccc;

}



textarea {

	width: 100%;

}



/*--------------------------------------------------------------

# Layouts

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Components

--------------------------------------------------------------*/



/* Navigation

--------------------------------------------- */

.main-navigation {

	display: block;

	width: 100%;

}



.main-navigation ul {

	display: none;

	list-style: none;

	margin: 0;

	padding-left: 0;

}



.main-navigation ul ul {

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	float: left;

	position: absolute;

	top: 100%;

	left: -999em;

	z-index: 99999;

}



.main-navigation ul ul ul {

	left: -999em;

	top: 0;

}



.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

	display: block;

	/*left: auto;*/

	left:100%;

}



.main-navigation ul ul a {

	width: 300px;

}



.main-navigation ul li:hover > ul,

.main-navigation ul li.focus > ul {

	left: auto;

}



.main-navigation li {

	position: relative;

}



.main-navigation a {

	display: block;

	text-decoration: none;

}









/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

	display: block;

}



@media screen and (min-width: 37.5em) {



	.menu-toggle {

		display: none;

	}



	.main-navigation ul {

		display: flex;

	}

}



.site-main .comment-navigation,

.site-main

.posts-navigation,

.site-main

.post-navigation {

	margin: 0 0 1.5em;

}



.comment-navigation .nav-links,

.posts-navigation .nav-links,

.post-navigation .nav-links {

	display: flex;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

	flex: 1 0 50%;

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

	text-align: end;

	flex: 1 0 50%;

}



/* Posts and pages

--------------------------------------------- */

.sticky {

	display: block;

}



.post,

.page {

	/*margin: 0 0 1.5em;*/

}



.updated:not(.published) {

	display: none;

}



/*.page-content,

.entry-content,

.entry-summary {

	margin: 1.5em 0 0;

}*/



.page-links {

	clear: both;

	margin: 0 0 1.5em;

}



/* Comments

--------------------------------------------- */

.comment-content a {

	word-wrap: break-word;

}



.bypostauthor {

	display: block;

}



/* Widgets

--------------------------------------------- */

.widget {

	margin: 0 0 1.5em;

}



.widget select {

	max-width: 100%;

}



/* Media

--------------------------------------------- */

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



/* Make sure logo link wraps around logo image. */

.custom-logo-link {

	display: inline-block;

}



/* Captions

--------------------------------------------- */

.wp-caption {

	margin-bottom: 1.5em;

	max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}



.wp-caption-text {

	text-align: center;

}



/* Galleries

--------------------------------------------- */

.gallery {

	margin-bottom: 1.5em;

	display: grid;

	grid-gap: 1.5em;

}



.gallery-item {

	display: inline-block;

	text-align: center;

	width: 100%;

}



.gallery-columns-2 {

	grid-template-columns: repeat(2, 1fr);

}



.gallery-columns-3 {

	grid-template-columns: repeat(3, 1fr);

}



.gallery-columns-4 {

	grid-template-columns: repeat(4, 1fr);

}



.gallery-columns-5 {

	grid-template-columns: repeat(5, 1fr);

}



.gallery-columns-6 {

	grid-template-columns: repeat(6, 1fr);

}



.gallery-columns-7 {

	grid-template-columns: repeat(7, 1fr);

}



.gallery-columns-8 {

	grid-template-columns: repeat(8, 1fr);

}



.gallery-columns-9 {

	grid-template-columns: repeat(9, 1fr);

}



.gallery-caption {

	display: block;

}



/*--------------------------------------------------------------

# Plugins

--------------------------------------------------------------*/



/* Jetpack infinite scroll

--------------------------------------------- */



/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */

.infinite-scroll .posts-navigation,

.infinite-scroll.neverending .site-footer {

	display: none;

}



/* Re-display the Theme Footer when Infinite Scroll has reached its end. */

.infinity-end.neverending .site-footer {

	display: block;

}



/*--------------------------------------------------------------

# Utilities

--------------------------------------------------------------*/



/* Accessibility

--------------------------------------------- */



/* Text meant only for screen readers. */

.screen-reader-text {

	border: 0;

	clip: rect(1px, 1px, 1px, 1px);

	clip-path: inset(50%);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important;

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	clip-path: none;

	color: #21759b;

	display: block;

	font-size: 0.875rem;

	font-weight: 700;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000;

}



/* Do not show the outline on the skip link target. */

#primary[tabindex="-1"]:focus {

	outline: 0;

}



/* Alignments

--------------------------------------------- */

.alignleft {



	/*rtl:ignore*/

	float: left;



	/*rtl:ignore*/

	margin-right: 1.5em;

	margin-bottom: 1.5em;

}



.alignright {



	/*rtl:ignore*/

	float: right;



	/*rtl:ignore*/

	margin-left: 1.5em;

	margin-bottom: 1.5em;

}



.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 1.5em;

}



/* Grid

--------------------------------------------- */



.container {

  position: relative;

  width: 100%;

  max-width: 1140px;

  margin: 0 auto;

  padding: 0 20px;

  box-sizing: border-box; }

.column,

.columns {

  width: 100%;

  float: left;

  box-sizing: border-box; }



/* For devices larger than 400px */

@media (min-width: 400px) {

  .container {

    width: 90%;

    padding: 0; }

}



/* For devices larger than 550px */

@media (min-width: 550px) {

  .container {

    width: 90%; }

  .column,

  .columns {

    margin-left: 4%; }

  .column:first-child,

  .columns:first-child {

    margin-left: 0; }



  .one.column,

  .one.columns                    { width: 4.66666666667%; }

  .two.columns                    { width: 13.3333333333%; }

  .three.columns                  { width: 22%;            }

  .four.columns                   { width: 30.6666666667%; }

  .five.columns                   { width: 39.3333333333%; }

  .six.columns                    { width: 48%;            }

  .seven.columns                  { width: 56.6666666667%; }

  .eight.columns                  { width: 65.3333333333%; }

  .nine.columns                   { width: 74.0%;          }

  .ten.columns                    { width: 82.6666666667%; }

  .eleven.columns                 { width: 91.3333333333%; }

  .twelve.columns                 { width: 100%; margin-left: 0; }



  .one-third.column               { width: 30.6666666667%; }

  .two-thirds.column              { width: 65.3333333333%; }



  .one-half.column                { width: 48%; }



  /* Offsets */

  .offset-by-one.column,

  .offset-by-one.columns          { margin-left: 8.66666666667%; }

  .offset-by-two.column,

  .offset-by-two.columns          { margin-left: 17.3333333333%; }

  .offset-by-three.column,

  .offset-by-three.columns        { margin-left: 26%;            }

  .offset-by-four.column,

  .offset-by-four.columns         { margin-left: 34.6666666667%; }

  .offset-by-five.column,

  .offset-by-five.columns         { margin-left: 43.3333333333%; }

  .offset-by-six.column,

  .offset-by-six.columns          { margin-left: 52%;            }

  .offset-by-seven.column,

  .offset-by-seven.columns        { margin-left: 60.6666666667%; }

  .offset-by-eight.column,

  .offset-by-eight.columns        { margin-left: 69.3333333333%; }

  .offset-by-nine.column,

  .offset-by-nine.columns         { margin-left: 78.0%;          }

  .offset-by-ten.column,

  .offset-by-ten.columns          { margin-left: 86.6666666667%; }

  .offset-by-eleven.column,

  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }



  .offset-by-one-third.column,

  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }

  .offset-by-two-thirds.column,

  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }



  .offset-by-one-half.column,

  .offset-by-one-half.columns     { margin-left: 52%; }



}



@media (min-width: 1400px) {

    .container {

        max-width: 1320px;

    }

}



/* Clearing

–––––––––––––––––––––––––––––––––––––––––––––––––– */



/* Self Clearing Goodness */

.container:after,

.row:after,

.u-cf {

  content: "";

  display: table;

  clear: both; }

  

  

  /* Accordion

–––––––––––––––––––––––––––––––––––––––––––––––––– */



.acc__title {

  background: #fff;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  color: #212121;

  cursor: pointer;

  display: block;

  padding: 1em 1.5em 0 0;

  position: relative;

  text-align: left;

}

.acc__title::after {

  width: 8px;

  height: 8px;

  border-right: 1px solid #4a6e78;

  border-bottom: 1px solid #4a6e78;

  position: absolute;

  right: 10px;

  content: " ";

  top: 17px;

  transform: rotate(-45deg);

  transition: all 0.2s ease-in-out;

}

.acc__title.active::after {

  transform: rotate(45deg);

  transition: all 0.2s ease-in-out;

}



.acc__panel {

  background: #fff;

  color: #212121;

  display: none;

  margin: 0;

  padding: 15px 15px 15px 0;

  text-align: left;

}

  

  

.acc__card {

    position: relative;

}



.acc__card {

	margin:10px 0;

}



.acc__title {

	box-shadow:none;

	/*border-bottom:solid 1px #ccc;*/

	font-size:16px;

	font-weight:700;

}



.acc__title::after {

	border:none;

	transform:none;

	transition:none;

	content:'+';

	font-size:20px;

}



.acc__title.active::after {

	border:none;

	transform:none;

	transition:none;

	content:'-';

	font-size:20px;

}





/* Multi Modal

--------------------------------------------- */

.modal {

  position: fixed;

  top: 0px;

  pointer-events: none;

  left: 0px;

  background: rgba(51, 51, 51, 0.9);

  width: 100vw;

  height: 100vh;

  z-index: 100;

  opacity: 0;

  transition: 0.3s;

}

.modal.active {

  opacity: 1;

  pointer-events: auto;

}

.modal.active .box {

  top: 50%;

}

.modal#success h1 {

  font-size: 1.5em;

}

.modal .close {

  position: absolute;

  top: -20px;

  right: -20px;

  cursor: pointer;

  color: #ddd;

}




.modal .box {

  background: #fff;

  display: block;

  box-sizing: border-box;

  border-radius: 5px;

  text-align: center;

  padding: 20px;

  position: absolute;

  top: 70%;

  left: 50%;

  transform: translate(-50%, -50%);

  transition: 0.3s;

}








/* tables

--------------------------------------------- */



.table-wrapper table {

    border-collapse: collapse;

    margin: 25px 0;

    font-size: 0.9em;

    font-family: sans-serif;

    min-width: 400px;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);

}



.table-wrapper table thead tr {

    background-color: #577BC1;

    color: #ffffff;

    text-align: left;

}



.table-wrapper table th,

.table-wrapper table td {

    padding: 12px 15px;

}



.table-wrapper table tbody tr {

    border-bottom: 1px solid #dddddd;

	background:#fff;

}



.table-wrapper table tbody tr:nth-of-type(even) {

    background-color: #f3f3f3;

}



.table-wrapper table tbody tr:last-of-type {

    border-bottom: 2px solid #577BC1;

}





/* Custom Styles

--------------------------------------------- */



.top-announcement-nav {

	background:#f4f4f4;

/*	padding:10px 15px;*/

	font-size:14.5px;

}



.top-announcement-nav-inner {

	display:flex;

	align-items:center;

	justify-content:space-between;

}



.top-contact ul{

	margin:0;

	padding:0;

	list-style:none;

	display:flex;

	align-items:center;

}



.top-contact ul li {

	margin-right:10px;

	align-items:center;

	display:inline-flex;

	line-height:100%;

}




.top-contact ul li i {

	margin-right:3px;

	font-size:18px;

}



.top-subnav ul {

	margin:0;

	padding:0;

	list-style:none;

	display:flex;

	align-items:center;

}



.top-subnav ul li {

	margin:0 10px 0 0;

	padding:0 10px 0 0;

	border-right:solid 1px #ccc;

}



.top-subnav ul li:last-child {

	border-right:0;

}



.top-subnav ul li a {

	color:#000;

	text-decoration:none;

}



.top-announcement-inner {

	display:flex;
	height:38px;

}



.top-announcement-scroll {

	/*max-width:750px;

	margin-right:15px;*/


}



.site-header {

	padding:10px 15px;

}



.site-header-inner {

	display:flex;

	align-items:center;

	justify-content:space-between;

}



.site-branding img {

	max-width:250px;

}



.main-navigation ul li {

	margin:0 5px 0 0;

}



.main-navigation li a {

	font-size:15px;

	font-weight:500;

	text-decoration:none;

	color:#000;
padding:7px 10px;
	transition:all 0.3s;

}

.main-navigation li a:hover {
	color:#ffffff;
	background:#344CB7;
}





.main-navigation ul li.menu-item-has-children > a{

	position:relative;

	/*padding-right:20px;*/

}

.main-navigation ul li.menu-item-has-children > a {
padding:7px 20px 7px 7px!important;
}

.main-navigation ul li a {
	padding:7px 7px 7px 7px!important;
}

.main-navigation ul li.login-link a:hover {
	background:transparent;

}

.main-navigation ul li.login-link a:hover:before {
	color:#344CB7
}

.main-navigation ul li.menu-item-has-children > a:after {

	/*content: "\fb2a";

	font-family: "tabler-icons" !important;

	position:absolute;

	right:3px;

	top:10px;

	font-size:12px;*/
	 content: "";
    position: absolute;
    right: 3px;
    top: 14px;

    width: 7px;
    height: 7px;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    /* SVG as data URI */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20.118 3h-16.225a2.914 2.914 0 0 0 -2.503 4.371l8.116 13.549a2.917 2.917 0 0 0 4.987 .005l8.11 -13.539a2.914 2.914 0 0 0 -2.486 -4.386z' /%3E%3C/svg%3E");

    color: #000000; /* controls triangle color */

}



ul.sub-menu {

	/*padding:8px 0;*/

	/*border-radius:10px;*/

	display:block;

	background:#fff;

	border:solid 1px #d8d8d8;

}



ul.sub-menu li {

	/*padding:7px 10px;*/

	border-bottom:solid 1px #ccc;

}



ul.sub-menu li:last-child {

	border-bottom:none;

}



ul.sub-menu li a {

	font-size:14px;

	font-weight:400;

	padding:0;

}





.main-navigation ul.sub-menu li.menu-item-has-children > a:after {

	/*content: "\fb2c";

	font-family: "tabler-icons" !important;

	position:absolute;

	right:3px;

	top:10px;

	font-size:11px;*/
	
	 content: "";
    position: absolute;
    right: 3px;
    top: 10px;

    width: 11px;
    height: 11px;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    /* Caret-right SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 6c0 -.852 .986 -1.297 1.623 -.783l.084 .076l6 6a1 1 0 0 1 .083 1.32l-.083 .094l-6 6l-.094 .083l-.077 .054l-.096 .054l-.036 .017l-.067 .027l-.108 .032l-.053 .01l-.06 .01l-.057 .004l-.059 .002l-.059 -.002l-.058 -.005l-.06 -.009l-.052 -.01l-.108 -.032l-.067 -.027l-.132 -.07l-.09 -.065l-.081 -.073l-.083 -.094l-.054 -.077l-.054 -.096l-.017 -.036l-.027 -.067l-.032 -.108l-.01 -.053l-.01 -.06l-.004 -.057l-.002 -12.059z'/%3E%3C/svg%3E");

    color: #000000; /* arrow color */

}





.main-navigation ul li.admission-link a {

	background:#344CB7;

	padding-left:15px;

	/*border-radius:10px;*/

	color:#fff;

	padding-right:30px!important;
	margin-right:35px;
	border:solid 1px transparent

}

.main-navigation ul li.admission-link a:hover {
	background:#fff;
	color:#000;
	border:solid 1px #344CB7;
}

.main-navigation ul li.admission-link a:after {

	right:10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20.118 3h-16.225a2.914 2.914 0 0 0 -2.503 4.371l8.116 13.549a2.917 2.917 0 0 0 4.987 .005l8.11 -13.539a2.914 2.914 0 0 0 -2.486 -4.386z'/%3E%3C/svg%3E");
}



.main-navigation ul li.admission-link ul.sub-menu {

	background:#344CB7;

	box-shadow:none;

	border:none;
	min-width:180px;

}



.main-navigation ul li.admission-link ul.sub-menu li {

	border-bottom-color:#fff;

}
.main-navigation ul li.admission-link ul.sub-menu li a {
background:#344CB7;
	color:#fff;
	width:100%;

}
.main-navigation ul li.admission-link ul.sub-menu li a:hover {
background:#fff;
	color:#000;

}





.main-navigation ul li.login-link a {

	/*background:#344CB7;

	padding-left:30px;

	/*border-radius:10px;

	color:#fff;

	padding-right:15px!important;
	height:36.5px;
	*/
font-size:0;
margin:0 10px;
}

.main-navigation ul li.login-link ul.sub-menu {

	background:#344CB7;

	box-shadow:none;

	border:none;

}

.main-navigation ul li.login-link:hover ul.sub-menu {
	left:auto;
	right:0;
}

.main-navigation ul li.login-link ul.sub-menu li a {
	font-size: 14px;
    width: 160px;
    padding: 0;
    height: auto;
}




.main-navigation li.login-link > a::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 5px;

    width: 24px;
    height: 24px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 2a5 5 0 1 1 -5 5a5 5 0 0 1 5 -5z'/%3E%3Cpath d='M14 14a5 5 0 0 1 5 5v1a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-1a5 5 0 0 1 5 -5h4z'/%3E%3C/svg%3E");
	transition:all 0.2s;
}


.main-navigation li.login-link.payment-link > a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 5h-11h3a4 4 0 0 1 0 8h-3l6 6'/%3E%3Cpath d='M7 9l11 0'/%3E%3C/svg%3E");
}


.main-navigation li.login-link > a:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23344CB7'%3E%3Cpath d='M12 2a5 5 0 1 1 -5 5a5 5 0 0 1 5 -5z'/%3E%3Cpath d='M14 14a5 5 0 0 1 5 5v1a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-1a5 5 0 0 1 5 -5h4z'/%3E%3C/svg%3E");
}

.main-navigation li.login-link.payment-link > a:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23344CB7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 5h-11h3a4 4 0 0 1 0 8h-3l6 6'/%3E%3Cpath d='M7 9l11 0'/%3E%3C/svg%3E");
}



.top-announcement-link a {

	font-size: 14px;

    padding: 10px 15px;

    background: #ffc525;

/*    border-radius: 50px;*/

    color: #000;

    text-decoration: none;

    font-weight: 500;



}
.top-announcement-link a:hover {
	background:#344CB7;
	color:#fff;
}


.top-announcement-scroll a {

	color:#000;

	text-decoration:none;

}



.top-announcement-scroll .pjnt-content .pjnt-item {

	border-right:solid 1px #ccc;

}



.top-contact {

	background:#344CB7;

	padding:10px 15px;

	color:#fff;

}



body.page .entry-header {

	display:none;

}



.home-hero-inner {

	overflow:hidden;

}



.home-intro {

	padding:70px 0 50px 0;

}



.home-intro .home-affiliations ul {

	margin:0;

	padding:0;

	display:flex;

	align-items:flex-start;

	justify-content:center;

	list-style:none;
	margin:40px 0 0 0;

}



.home-intro .home-affiliations ul li {

	margin:0 5%;

}



.home-intro .home-affiliations .home-affiliations-text {

	font-size:14px;

	color:#555;

	line-height:160%;

	text-align:center;

	margin:25px 0 0 0;

}

.home-intro .row {

	display:flex;

	align-items:flex-start;

}

.home-intro h2 {
	margin:0 0 auto 0;
	padding:0 0 0 0;
}

section h2 {

	   /* letter-spacing: 1px;*/

    font-size: 30px;

	color:#000;

}



.button-primary {

	/*background: #000957;*/
background: #344CB7;
	padding:12px 20px;

    /*border-radius: 10px;*/

    color: #fff;

	text-decoration:none;

	cursor:pointer;

	transition:all 0.5s;
	border:solid 1px #344CB7;
	display:inline-flex;
	align-items:center;

}



.button-primary:hover {

	background:#fff;

	color:#344CB7;

}



.button-secondary {

	background: #fff;

    padding:12px 20px;

   /* border-radius: 10px;*/

    color: #344CB7;
	border:solid 1px #344CB7;

	text-decoration:none;

	cursor:pointer;
	transition:all 0.5s;
		display:inline-flex;
	align-items:center;

}



.button-secondary:hover {

	background:#344CB7;

	color:#fff;

}



table .button-primary {

	padding:7px 20px;

}





.home-intro-buttons a {

	margin:0 15px 0 0;

}



.home-latest-events {

	padding:60px 0;

	/*background:#f4f4f4;*/

}



.home-latest-events h2 {

	text-align:center;
	margin:0 0 40px 0;

}

.home-latest-events p.intro {
	max-width:70%;
	line-height:150%;
	text-align:center;
	margin:20px auto 40px auto;
}



.home-latest-events .category-link {

		background: #344CB7;

    padding:6px 13px;

    /*border-radius: 50px;*/

    color: #fff;

	text-decoration:none;

	font-size:13px;

}



.home-latest-events .five.columns img {

	margin-bottom:10px;

}



.home-latest-events img {

	/*border-radius:10px;*/

}



.home-latest-events a {

	text-decoration:none;

}



.home-latest-events h3 {

	margin:15px 0;

	padding:0;

}



.home-latest-events ul {

	margin:0;

	padding:0;

	list-style:none;

}



.home-latest-events ul li {

	margin-bottom:15px;

}



.home-latest-events ul li .single-article {

	display:flex;

}



.home-latest-events ul li .single-article img {

	max-width:160px;

}



.home-latest-events ul li .single-article div {

	padding-left:15px;

}



.home-latest-events h3 {

	font-family:inter;

	font-weight:600;

	font-size:18px;

}



.home-courses {

	padding:80px 0 60px 0;

	background:#f4f4f4;

}

.home-courses h2 {
	padding-top:0;
	margin-top:0;
}

.home-courses .row {

	display:flex;

	align-items:flex-start;

}



.home-courses ul {

	margin:0 0 0 15px;

	padding:0;

	list-style:none;

}



.home-courses ul li {

	margin:7px 0;

	padding:0 0 0 25px;

	position:relative;

}



.home-courses ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;

    width: 15px;
    height: 15px;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    /* Arrow SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23344CB7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M15 16l4 -4'/%3E%3Cpath d='M15 8l4 4'/%3E%3C/svg%3E");
}



.home-courses ul li a {

	text-decoration:none;

	font-size: 15px;

    font-weight: 500;

}

.home-courses ul li a:hover {
	text-decoration:underline;
	color:#344CB7;
}



.home-stats {

	padding:50px 0;

	background:#f4f4f4;

}



.home-stats i {

	font-size:65px;

}



.home-stats h3 {

    display: flex;

    align-items: center;

    margin-bottom: 0;
	line-height:100%;

}



.home-stats h3 span {

	font-size:35px;

	letter-spacing:1px;

	padding:0 0 0 15px;

}

.home-stats h3 {

	margin-bottom:10px;

}



.home-stats .three.columns:nth-child(1) i {

	/*color:#000957;*/
	color:#344CB7;

}

.home-stats .three.columns:nth-child(2) i {

	color:#344CB7;

}

.home-stats .three.columns:nth-child(3) i {

	/*color:#577BC1;*/
	color:#344CB7;

}

.home-stats .three.columns:nth-child(4) i {

	/*color:#ffc525;*/
	color:#344CB7;

}

.home-stats .three.columns svg {
	height:65px;
	width:65px;
	stroke:#344CB7;
}

.home-success-stories .container{

	position:relative;

	min-height:450px;

	display:flex;

	align-items:center;

}



.home-success-stories .container .five.columns {

	padding:50px 0 0 0;

}

.home-success-stories .container .home-success-stories-pics {

	position:absolute;

	width:50%;

	bottom:0;

	left:0;

	font-size:0;

}



.home-success-stories-students {

	background:#f4f4f4;
	padding:30px 0;

}



.home-success-stories-students ul {

	margin:0;

	padding:0;

	list-style:none;

	display:flex;

	flex-wrap:wrap;

}



.home-success-stories-students ul li {

	width:25%;

	display:inline-flex;

	align-items:center;

}



.home-success-stories-students ul li img {

	max-width:150px;

}



.home-success-stories-students ul li div {

	padding: 0 15px;

}



.home-success-stories-students ul li h4 {

	letter-spacing:1px;

	margin:0;

	color:#000;

}



.home-success-stories-students ul li h4 strong {

	color:555;

}



.home-placement-partners {

	padding:60px 0;

}



.home-placement-partners h2 {

	text-align:center;

}



.home-placement-partners  ul {

	margin:0;

	padding:0;

	list-style:none;

	display:flex;

	flex-wrap:wrap;

	justify-content:space-between;

}



.home-placement-partners  ul li {

	width:19%;

	display:inline-flex;

	align-items:center;

	justify-content:center;

	margin:20px 0;

}



.home-placement-partners ul li img {

	max-width:120px;

}



.footer-cta {

	padding:20px 0;

	background:#ffc525;

}



.footer-cta h3 {

	margin:7px 0;

	color:#000;

	font-size:30px;

	letter-spacing:1px;

font-family: "Rubik", sans-serif;

	font-weight:800;

}



.footer-cta p {

	color:#000;

	margin:0;

}



.footer-cta .row {

	display:flex;

	align-items:center;

	justify-content:space-between;

}



.footer-cta .widget, .footer-contact .widget {

	margin:0;

}



.footer-cta .align-right {

	text-align:right;

}



.footer-contact {

	padding:30px 0;

	/*background:#000957;*/
	background:#344CB7;

	color:#fff;
	border-bottom:solid 1px #ccc;

}



.footer-contact ul {

	margin:0;

	padding:0;

	list-style:none;

	display:flex;

	align-items:center;

	justify-content:space-between;

}



.footer-contact ul li {

    display: inline-flex;

    align-items: center;

	font-size:14px;

}

.footer-contact ul strong {

	font-weight:600;

}



.footer-contact ul a {

	color:#fff;

	text-decoration:none;

}

.footer-contact ul a:hover {
	text-decoration:underline;
	color:#ffc525;
	
}



.footer-contact ul i {

	color:#ccc;

	font-size:18px;

	margin-right:10px;

}

.footer-contact ul svg {
	height: 18px
	width:18px;
	stroke:#ccc;
	margin-right:3px;
}



footer.site-footer {

	background:#344CB7;
	/*background:#000957;*/

	color:#fff;

	padding:40px 0;

}



footer.site-footer a {

	color:#fff;

	font-size:14px;

	text-decoration:none;
	transition:all 0.3s;

}

footer.site-footer a:hover {
	margin-left:5px;
	/*color:#ccc;*/
	color:#ffc525;
}



footer.site-footer ul {

	margin:0;

	padding:0;

	list-style:none;

}



footer.site-footer ul.menu li {

	padding:7px 0 7px 23px;

	position:relative;

}



footer.site-footer ul.menu li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;

    width: 18px;
    height: 18px;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    /* Arrow SVG – light gray */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M15 16l4 -4'/%3E%3Cpath d='M15 8l4 4'/%3E%3C/svg%3E");
}



footer.site-footer .widget-title {

	font-size:20px;

	margin:0;

	letter-spacing:1px;

	color:#ffc525;

}

.footer-contact-list h4 {

letter-spacing: 1px;

    margin: 0;

}

.button-secondary.view-map-button {
	color:#344CB7!important;
}

.button-secondary.view-map-button:hover {
	margin-left:0;
	background:#ffc525;
	color:#000!important;
}

.play-store-download h5 {

	letter-spacing: 1px;

}



.play-store-download img {

	max-width:150px;

}



.footer-social ul {

    list-style: none;

    margin: 15px 0 0 0;

    padding: 0;

    display: flex

}



.footer-social ul li {

    margin-right: 15px

}



.footer-social ul li a {

    font-size: 30px

}



.footer-contact-list p {

	font-size:14px;

}



.site-info {

	padding: 25px 0 0 0;

    margin: 25px 0 0 0;

    text-align: center;

    font-size: 14px;

    border-top: solid 1px #999;

}



.top-search-form {

	padding:10px 0;

	position:relative;

}



.top-search-form input[type="submit"] {

	display:none;

}



.top-search-form input[type="search"], .top-search-form input[type="search"]:focus-visible {

	border:none;

	font-size:30px;

	width:100%;

	outline:none;

}



.top-search-form .top-search-form-close {

	position:absolute;

	font-size:25px;

	right:10px;

	top:2px;

	color:#000;

}

.top-search-form .top-search-form-close svg {
	cursor:pointer;
}

.top-search-form .top-search-form-close i {

	cursor:pointer;

}

.header-search i {

	font-size:25px;

	cursor:pointer;

}
.header-search i:hover {
	color:#344CB7;
}


.innerpage-heading {

	/*background: url(https://dpgitm.ac.in/wp-2025/wp-content/uploads/2025/04/innnerpage-hero-bg.png) #577BC1 no-repeat right top;*/
/*background: url(https://dpgitm.ac.in/wp-content/uploads/2025/07/Page-heading-bg.jpg)  no-repeat right center;*/
	background: url(../../uploads/2025/09/Page-heading-bg-2.jpg)  no-repeat right center;
background-size:cover;
	padding:70px 5% 30px 5%;

	color:#fff;

}



.innerpage-heading h1 {

	font-size:40px;

	/*letter-spacing:1px;*/

}



.dept-page-menu {

		background:#344CB7;

	padding:20px 15px;

}

.dept-page-menu-inner {

	display:flex;

	align-items:center;

}



.dept-page-menu-heading {

	min-width:250px;

	color:#fff;

}



.dept-page-menu-heading h3 {

	font-size:22px;

	/*letter-spacing:1px;*/

}



.dept-menu {

	display:flex;

	flex-wrap:wrap;

	justify-content:flex-start;

	margin:0;

	padding:0;

	list-style:none;

}



.dept-menu li {

	list-style:none;

	margin:8px 8px 8px 0;

}



.dept-menu li a {

	font-size:14px;

	text-decoration:none;

	background:#fff;

	padding:7px 15px;

	border-radius:50px;

	font-weight:600;

}



.dept-menu li a.active {

	background: #ffc525;

	color:#000;

}



.dept-page-menu {

    position: sticky;

    top: 0;

    z-index: 1;

}



.dept-info-section {

padding: 60px 0;

}



.dept-info-section.dept-alt-section {

	background:#f4f4f4;

}



.dashed-list {

	margin:0;

	padding:0;

	list-style:none;

}



.dashed-list li {

	position:relative;

	margin:7px 0;

	padding:0 0 0 25px;

}



.dashed-list li:before {

    content: "";
    position: absolute;
    left: 0;
    top: 4px;

    width: 15px;
    height: 15px;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    /* Arrow SVG – blue */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23577BC1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M15 16l4 -4'/%3E%3Cpath d='M15 8l4 4'/%3E%3C/svg%3E");
}



#faculty .four.columns {

	margin-top:10px;

	margin-bottom:10px;

}



.faculty-inner {

	position:relative;

	font-size:0;

}



/*.faculty-inner:before {

	content:'';

	position:absolute;

	left:0;

	right:0;

	top:0;

	bottom:0;

	width:100%;

	height:100%;

	background: rgb(255, 255, 255);

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.7) 100%);

	transition:all 0.5s;

}



.faculty-inner .faculty-excerpt {

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	padding:15px;

	color:#fff;

}
*/

.faculty-inner:before {

	content:'';

	position:absolute;

	left:0;

	right:0;

	top:0;

	bottom:0;

	width:100%;

	height:100%;

	background: rgb(255, 255, 255);

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.7) 100%);

	transition:all 0.5s;
	display:none;

}



.faculty-inner .faculty-excerpt {

	position:relative;

	left:0;

	right:0;

	bottom:0;

	padding:15px;

	color:#000;

}


.faculty-inner h4 {

	font-size:18px;

	letter-spacing:1px;

	margin:0;

	padding:0;

	font-family:inter;

	font-weight:700;

}



.faculty-inner h5 {

	font-size:16px;

	letter-spacing:1px;

	margin:0 0 10px 0;

	padding:0;

		font-family:inter;

	font-weight:600;

}



.faculty-inner strong {

	font-size:14px;

	display:block;

	padding:5px 0;

	font-weight:400;
	display:none;

}





.faculty-inner .button-primary {

	border:none;

}









section {

  scroll-margin-top: 4rem;

}



html {

  scroll-padding-top: 4rem;

}





section[id]:before {

    display: block;

    content: "";

    height: 250px;

    margin: -250px 0 0;

}





.faculty-modal .box {

	text-align:left;

	max-height:80vh;

	/*overflow-x:visible;

	overflow-y:auto;*/

}



.faculty-modal ul {

	margin:0;

	padding:0;

	list-style:none;

	font-size:14px;

}



.faculty-modal ul li {

	margin:7px 0;

	padding:0 0 0 25px;

	position:relative;

}



.faculty-modal ul li:before {

	    content: "\ea1f";

    font-family: "tabler-icons" !important;

    position: absolute;

    left: 0;

    top: 0;

    font-size: 15px;

	color:#344CB7;

}



.faculty-modal h4 {

	margin:0 0 15px 0;

	

}



.civil-lab-pics-list {

	margin:0;

	padding:0;

	list-style:none;

	display:flex;

	flex-wrap:wrap;

	align-items:flex-start;

	justify-content:space-between;

}



.civil-lab-pics-list li {

	width:23%;

}



.civil-lab-pics-list li h4 {

	font-size:16px;

	font-weight:500;

	font-family: "Inter", serif;

	margin-top:0;

	text-align:center;

}



.row.courses-clubs {

	margin-bottom:30px;

}



.dept-alt-section .acc__title, .dept-alt-section .acc__panel {

	background:transparent;

}





.facilities-links-text-wrapper {

	padding:60px 0;

}



.facilities-links-text-wrapper ul {

	margin:0;

	padding:0;

	list-style:none;

}



.facilities-links-text-wrapper .three.columns ul li a {

	display:block;

	padding:15px 0 15px 20px;

	background:#c9d4fe;

	position:relative;

	border-bottom:solid 1px #fff;

	text-decoration:none;

}



.facilities-links-text-wrapper .three.columns ul li a:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 15px;

    width: 20px;
    height: 20px;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    /* Arrow SVG – black */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M15 16l4 -4'/%3E%3Cpath d='M15 8l4 4'/%3E%3C/svg%3E");
}



.facilities-links-text-wrapper .seven.columns h3 {

	margin-bottom:0;

}

.facilities-links-text-wrapper .seven.columns h2 {

	margin-top:0;

}



.falicitles-text-right {

	 background: linear-gradient(

    to right, 

    #344CB7 0%, 

    #344CB7 50%, 

    #ffffff 50%, 

    #ffffff 100%

  );

  padding:50px 0;

  margin:0 0 60px 0;

}



.innerpage-section {

	padding:60px 0;

}



.innerpage-section.library-rules-section {

	padding:0 0 60px 0;

}





.library-rules-section .note-italic {

	margin-top:35px;

}



.note-italic {

	font-size:14px;

	color:#666;

	font-style:italic;

}



.about-vision-mission-why {

	padding:60px 0;

	background:#f8f8f8;

}





.moretext {

  display: none;

}



.moreless-button {

	display:inline-block;

	margin-top:25px;

}



.about-vision-mission-why h2 {

	display:flex;

	align-items:center;

}



.about-vision-mission-why h2 i {

	font-size:35px;

	color:#344CB7;

	margin-right:10px;

}





.messages-text-right {

    background: linear-gradient(to right, #344CB7 0%, #344CB7 50%, #ffffff 50%, #ffffff 100%);

    padding: 50px 0;

    margin: 0 0 60px 0;

}



.messages-text-right .seven.columns  .six.columns:first-child{

	padding-top:120px;

color:#fff;

text-align:center;



}



.messages-text-right .seven.columns h3 {

	font-size: 25px;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    line-height: 100%;

}





.messages-text-right .seven.columns h4 {

	font-family: inter;
    font-size: 45px;
    font-weight: bold;
    margin: 15px 0 0 0;
    line-height: 120%;

}

.messages-text-right .seven.columns h4 span {
	font-size:20px;
	font-weight:400;
}





.messages-text-left {

    background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #ffc525 50%, #ffc525 100%);

    padding: 50px 0;

    margin: 0 0 60px 0;

}



.messages-text-left .seven.columns  .six.columns:nth-child(2){

	padding-top:100px;

color:#000000;

text-align:center;



}



.messages-text-left .seven.columns h3 {

	font-size: 25px;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    line-height: 120%;

}





.messages-text-left .seven.columns h4 {

	font-family: inter;
    font-size: 45px;
    font-weight: bold;
    margin: 15px 0 0 0;
    line-height: 120%;

}





.more-about-us {

	background:#000957;

	color:#fff;

	padding: 40px 0;

	text-align:center;

}

.more-about-us h3 {

    font-size: 35px;

    margin-top: 0;

}

.button-yellow {

	background:#ffc525;

	color:#000;

    padding: 12px 20px;

    /* border-radius: 10px; */



    text-decoration: none;

    cursor: pointer;

    transition: all 0.5s;

	font-weight:bold;

}



.button-yellow:hover {

	background:#000;

	color:#fff;

}



.more-about-us .button-yellow {

	margin-right:20px;

}



.no-margin {

	margin:0;

}





.admission-procedure-boxes {

	background:#f8f8f8;

	padding:60px 0;

	text-align:center;

}



.admission-procedure-boxes .admission-procedure-boxes-inner {

	background:#fff;

	padding:30px;

	border-radius:15px;

	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

}



.admission-procedure-boxes .admission-procedure-boxes-inner i {

	font-size:55px;

	color:#344CB7;

}



.admission-procedure-boxes .admission-procedure-boxes-inner a {

	text-decoration:none;

}

.admission-procedure-boxes .admission-procedure-boxes-inner  h3 {

	margin-bottom:10px;

}



.loans-text {

	background:#577BC1;

	color:#fff;

	text-align:center;

	padding:40px 0;

}



.loans-text h3 {

	font-size:35px;

	margin-bottom:25px;

}





.training-and-placement-officer {

	padding:60px 0;

}



.training-and-placement-officer img {

	width:100%;

	height:auto;

}

.highlighted-message-para {

	font-size:14px;

	font-stretch:italic;

	padding-left:40px;

	position:relative;

}



.highlighted-message-para:Before {

	content:'';

	width:3px;

	height:100%;

	position:absolute;

	left:0;

	top:0;

	bottom:0;

	background:#577BC1;

}



.training-and-placement-officer h2 {

	margin-top:0;

}



.placement-page-logos {

	padding:60px 0;

	background:#f8f8f8;

}

.placement-page-logos img {

	padding:10px 15px;

	background:#fff;

	border-radius:5px;

	box-shadow:0 0 5px #d4d4d4;

}



.training-placements {

	padding:60px 0;

}



.training-placements h3 {

	margin-top:35px;

}



.button-list {

	margin:0;

	padding:0;

	list-style:none;

	display:flex;

	flex-wrap:wrap;

}

.button-list li {

	width:25%;

	margin:20px 0;

}



.placement-contact {

		background:#577BC1;

	color:#fff;

	text-align:center;

	padding:40px 0;

}



.placement-contact h2 {

		font-size:35px;

	margin-bottom:25px;

}





.home-courses h4 {

	margin-bottom:0;

}



.home-courses img {

	/*margin-top:50px;*/

}



.home-courses.admission-procedure-courses {

	background:#fff;

}





.main-navigation ul li ul.sub-menu li {

	margin:0;

}



.vertical-tabs {

/*  display: flex;

  max-width: 100%;*/

}



.tab-titles {

/*  flex: 1;

  max-width: 200px;

  border-right: 1px solid #ccc;*/

}



.tab-title {

  padding: 8px 15px;

  cursor: pointer;

  border-bottom: 1px solid #eee;

  font-size:14px;

  color:#000;

  font-weight:600;

  position:relative;

}



.tab-title::after {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;

    width: 14px;
    height: 14px;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    /* Arrow SVG – black */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M15 16l4 -4'/%3E%3Cpath d='M15 8l4 4'/%3E%3C/svg%3E");
}



.tab-titles .tab-title:last-child {

	border-bottom:none;

}



.tab-title.active {

	color:#344CB7;

	position:relative;

}



.tab-title.active::after {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;

    width: 14px;
    height: 14px;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    /* Arrow SVG – #344CB7 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23344CB7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M15 16l4 -4'/%3E%3Cpath d='M15 8l4 4'/%3E%3C/svg%3E");
}





.tab-contents {

  flex: 3;

  padding: 20px;

  position: relative;

  min-height: 200px; /* optional: to avoid layout shift */

}

.tab-content {

  opacity: 0;

  visibility: hidden;

  height: 0;

  overflow: hidden;

  transition: opacity 0.4s ease, height 0.4s ease;

  position: absolute;

  width: 100%;

  font-size:14.5px;

  

}



.tab-content h2 {

	margin-top:0;

}



.tab-content.active {

  opacity: 1;

  visibility: visible;

  height: auto;

  overflow: visible;

  position: relative;

}

#tabDropdown {

  display: none;

  padding: 10px;

  margin-bottom: 20px;

  width: 100%;

}



@media (max-width: 768px) {

  .tab-titles {

    display: none;

  }

  #tabDropdown {

    display: block;

  }

}





.dept-pages-content-inner {

	padding:40px 0;

	max-width:1440px;

	margin:0 auto;

	width:90%;

}

.dept-sidebar-links {

	border-radius:15px;

	    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

}

.dept-sidebar-links .tab-titles {

	margin:0 10px;

	padding:10px 0;

}



.dept-sidebar-links .tab-titles a {

	font-weight:600;

	color:#000;

	font-size:14px;

}



.dept-sidebar-links h3 {

	    background: #344cb7;

    border-radius: 15px 15px 0 0;

    padding: 8px 15px;

    color: #fff;

	margin-bottom:0;

}



.training-placements iframe {
	margin-top:60px;
}


.placement-contact h2 {
	color:#fff;
}
.placement-contact a {
	margin-top:25px;
	display:inline-block;
}


.blog-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
	max-width:75%;
	margin:60px auto 15px auto;
}

.blog-post {
    width: 48%;
    padding: 15px;
    box-sizing: border-box;

    transition: all 0.3s ease;
}

.blog-post img {
    max-width: 100%;
    height: auto;
	width:100%;
}

.post-title {
    margin-top: 10px;
    font-size: 18px;

}

.post-title a {
		font-family:poppins;
	text-decoration:none;
	font-weight:600;
}

#pagination-buttons {
    margin-top: 20px;
    text-align: center;
	padding-bottom:40px;
}

#pagination-buttons button {

    margin: 5px;
    cursor: pointer;
	    background: #000957;
    padding: 12px 20px;
    /* border-radius: 10px; */
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.5s;

}

.contact-info-section-inner {
	padding:60px 5%;
}

.contact-info-text {
	    padding: 35px;
    background: #E8E9ED;
}

.contact-info-text h3 {
font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #fff;
}

.contact-info-text .contact-info {
    margin-bottom: 25px;
}

.contact-info-text .contact-info h4 {
	    font-weight: 600;
    color: #494968;
    display: block;
    margin-bottom: 5px;
}

.innerpage-section-inner {
	padding:0 5%;
}

.innerpage-section-inner h3 {
	margin:25px 0 10px 0;
}

.innerpage-section-inner h3 span {
	font-weight:400;
	color:#666;
}


.category-highlight {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 30px 0;
}

.ch-left, .ch-right {
  box-sizing: border-box;
}

.ch-left {
  flex: 1 1 60%;
}

.ch-right {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.ch-featured img,
.ch-small img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.ch-featured h2,
.ch-small h4 {
  margin: 8px 0 0;
}

.ch-small {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.ch-small div {
  flex: 1;
}

.ch-small h4 {
  font-size: 16px;
  line-height: 1.3;
}

.ch-category {
  font-size: 14px;
  background: #1f49c1;
  color: white;
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 5px;
  font-weight: bold;
}
.ch-category a {
	color:#fff;
}


.featured-read-more-link {
	margin:30px 0 0 0;
}

.featured-read-more-link a {
	font-size:14px;
	display:flex;
	align-items:center;
	
}

.featured-read-more-link a i {
	margin-left:10px;
	transition:all 0.3s;
	font-size:16px;
}

.featured-read-more-link a:hover {
	color:#344CB7;
}

.featured-read-more-link a:hover i {
	margin-left:20px;
}

.activities-cta {
	text-align:center;
	margin:40px 0 0 0;
	display: flex;
    align-items: center ;
    justify-content: space-evenly;
}

.activites-cta-left{
	display:flex;
	align-items:center;
}

.activites-cta-left h4 {
	margin:0 15px 0 0;
	padding:0;
}

.activites-cta-left a {
	margin-right:5px;
}
.counting-text {
	    font-size: 16px;
    font-weight: 400;
    padding: 5px 0 0 15px;
}

.marquee-wrapper-student-toppers {
  display: flex;
  flex-direction: column;
  gap: 40px;
  overflow: hidden;
}

.marquee-student {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.marquee-track {
  width: 100%;
  overflow: hidden;
}

.marquee-content {
  display: flex;
  width: fit-content;
  animation: scroll-left 50s linear infinite;
}

.marquee-right-student .marquee-content {
  animation: scroll-right 50s linear infinite;
}

.marquee-item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f4f4f4;
  border-radius: 10px;
  padding: 10px 15px;
  margin-right: 30px;
  min-width: 250px;
  /*box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
}

.marquee-item img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 50%;
}

.marquee-item h4 {
  margin: 0;
  font-size: 14px;
}

.marquee-item strong {
  display: block;
  font-size: 12px;
  color: #555;
}

@keyframes scroll-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes scroll-right {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* Optional: Pause on hover */
.marquee-student:hover .marquee-content {
  animation-play-state: paused;
}

.faculty-inner img {
	width:100%;
	/*height:250px;*/
	object-fit:cover;
	height:300px;
}

.three-columns-list {
	column-count:3;
}

.two-columns-list {
	column-count:2;
}

.admission-landing-banner {
	color:#fff;
/*background: 
  url('https://wp2025.dpgitm.ac.in/wp-content/uploads/2025/06/Admissions-landing-hero-bg.png'),
  linear-gradient(180deg, rgba(52, 76, 183, 1) 0%, rgba(48, 71, 175, 1) 39%, rgba(0, 9, 87, 1) 100%);
  */
  
background: url('https://wp2025.dpgitm.ac.in/wp-content/uploads/2025/06/Admissions-landing-hero-bg.png') #000957;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding:40px 0;
}


.admission-landing-banner#AdmissionForm:before {
	display:none;
}


.admission-landing-banner .row {
	display:flex;
	align-items:center;
}

.admission-landing-banner h1 {
	margin:0;
	padding:0;
}

.admission-landing-banner h3 {
	font-size: 25px;
    font-weight: 500;
    color: #ffc525;
    margin: 0;
    padding: 0;
}

.admission-landing-banner h4 {
	font-size:20px;
	font-weight:400;
}

.admission-landing-banner h4 span {
	font-weight:600;
}

.admission-landing-banner a {
	font-size: 17px;
    padding: 10px 15px;
    background: #ffc525;
    /* border-radius: 50px; */
    color: #000;
    text-decoration: none;
    font-weight: 500;
	display:inline-block;
	margin:0 0 35px 0;
	display:inline-flex;
	align-items:center;
}

.admission-landing-banner a svg {
	margin-right:3px;
}


.marquee-container {
  overflow: hidden;
  width: 100%;
  background: none;
  padding: 30px 0;
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 50s linear infinite;
}

.marquee-group {
  display: flex;
}

.marquee-group img {
  width: 110px;
  height: auto;
  margin: 0 40px;
  flex-shrink: 0;
  object-fit: contain;
  height:80px;
}

/* Optional: Pause on hover */
.marquee-container:hover .marquee-track {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}



.admission-landing-benefits {
    padding: 60px 0 60px 0;
    text-align: center!important;
    color: #fff;
    background: #577BC1
}

.admission-landing-benefits i {
    background: #ffc525;
    color: #000;
    font-size: 40px;
    border-radius: 50%;
    margni-bottom: 20px;
    padding: 15px;
    color: #fff
}

.admission-landing-benefits svg {
	height:64px;
	width:64px;
	stroke:1.5px;
}

.admission-landing-benefits h3 {
    font-size: 16px;
    margin-top: 20px;
    line-height: 140%;
    text-align: center
}

.admission-landing-benefits .three.columns {
    text-align: center
}

.admission-landing-benefits h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 50px;
    text-align: center;
	color:#fff;
}

.admission-eligibility {
    background: #ffc525;
    color: #000;
    text-align: center;
    padding: 40px 0
}

.admission-eligibility h3 {
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    color: #000
}

.admission-eligibility h3 span {
    font-weight: 700
}


.home-toppers {
	padding:45px 0;
}

.home-toppers h2 {
	text-align:center;
	margin-bottom:35px;
}


.home-toppers .marquee-content {
  display: flex;
  width: fit-content;
  animation: scroll-left 500s linear infinite;
}



.fluentform .button-primary {
	    background-color: #000957 !important;
		border-radius:0!important;
}

#modal-image {
	max-height:80vh;
}

/* For WebKit/Blink browsers like Chrome, Brave, Safari, Edge */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/* Optional: remove outline and padding to prevent layout shift */
input[type="search"] {
    -webkit-appearance: none;
    appearance: none;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
	display:none;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	display:none;
}




/* Responsive styles */
@media (max-width: 768px) {
  .category-highlight {
    flex-direction: column;
  }

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

  .ch-small {
    flex-direction: row;
  }

  .ch-small img {
    max-width: 80px;
    flex-shrink: 0;
  }

  .ch-featured h2 {
    font-size: 20px;
  }

  .ch-small h4 {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .ch-small {
    flex-direction: column;
  }

  .ch-small img {
    max-width: 100%;
  }
}


.home-featured-posts .five.columns img  {
	height:400px;
	object-fit:cover;
	border-radius:0;
}

.home-featured-posts .six.columns .ch-small {
	margin-bottom:15px;
}

.home-featured-posts .five.columns .ch-small img {
	max-width:200px;
	height:120px;
	object-fit:cover;
	border-radius:0;
}

.home-latest-events h3, .home-latest-events h4 {
	margin-top:5px;
	font-size:18px;
}

.publication-list li {
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:solid 1px #ccc;
}


/* Responsive for mobile */
@media (max-width: 768px) {
    .blog-post {
        width: 100%;
    }
}

.blog-post {
    transition: all 0.4s ease-in-out;
	
}


.archive-title {
	    background: url(https://dpgitm.ac.in/wp-2025/wp-content/uploads/2025/04/innnerpage-hero-bg.png) #577BC1 no-repeat right top;
    padding: 70px 15px 30px 15px;
    color: #fff;
}
.archive-title h1 {
	font-size: 40px;
    margin: 0;
    padding: 0;
}

.blog-wrapper .blog-post {
	position:relative;
	padding:0;
	font-size:0;
}

.blog-wrapper .blog-post .post-title {
	position:absolute;
	bottom:0;
	color:#fff;
	background: rgba(255, 255, 255, 0);
background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
font-size:18px;
width:100%;
left:0;
right:0;
bottom:0;
min-height:250px;
display:flex;
align-items:flex-end;
	margin: 0;
    padding: 0 0 15px 15px;
	transition:all 0.3s;
}


.blog-wrapper .blog-post .post-title a {
	color:#fff;

}

.blog-wrapper .blog-post .post-title a {
	width:100%;
	position:relative;
	display:block;
	padding:0 35px 0 0;
}

.blog-wrapper .blog-post .post-title a:after {
	content: "\ea1f";

	font-family: "tabler-icons" !important;

	position:absolute;

	right:20px;

	top:0;

	font-size:18px;

	color:#fff;

	font-weight:normal;
	transition:all 0.3s;
}

.blog-wrapper .blog-post .post-title a:hover:after {
	right:10px;
}

article.post {
	max-width:75%;
	margin:60px auto;
}

article.post .entry-header  {
	position:relative;
	margin-bottom:35px;
}

article.post .entry-header:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	bottom:0;
	right:0;
	top:0;
	background: rgba(255, 255, 255, 0);
background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
	}

article.post .entry-header img {
	width:100%;
	height:400px;
	object-fit:cover;
	object-position:center center;
}

.blog-heading-wrapper {
	position: absolute;
    top: 40%;
    text-align: center;
    width: 100%;
    color: #fff;
    z-index: 1;
}

.blog-heading-wrapper .post-category a {
	font-size: 14px;
    padding: 10px 15px;
    background: #ffc525;
    border-radius: 50px; 
    color: #000;
    text-decoration: none;
    font-weight: 700;
}
.post-navigation {
	display:none;
}

.comments-area {
	display:none;
}

.about-vision-mission-why .seven.columns a {
	margin-left:25px;
}


.home-hero-carousel .owl-nav {
  position: absolute;
  top: 40%;
  left: 2.5%;
  width: 95%;
  display:flex;
  justify-content:space-between;
}


.home-hero-carousel .owl-nav button.owl-prev,
.home-hero-carousel .owl-nav button.owl-next {
  background: black!important;
  color: white!important;
  font-size: 25px;
  border: none;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  cursor: pointer;
  pointer-events: all;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  transition: background 0.3s, color 0.3s;
 
}



.home-hero-carousel .owl-nav button.owl-prev:hover,
.home-hero-carousel .owl-nav button.owl-next:hover {
  background: white!important;
  color: black!important;
}


.gallery-archive-wrapper {
	max-width:80%;
	margin:0 auto;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-wrap:wrap;
	padding:60px 0 40px 0;
}


.gallery-archive-wrapper article {
	position:relative;
	padding:0;
	font-size:0;
	width:48%;
	margin:0 0 25px 0;
}

.gallery-archive-wrapper article h3 {
	position:absolute;
	bottom:0;
	color:#fff;
	background: rgba(255, 255, 255, 0);
background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
font-size:18px;
width:100%;
left:0;
right:0;
bottom:0;
min-height:250px;
display:flex;
align-items:flex-end;
	margin: 0;
    padding: 0 0 15px 15px;
	transition:all 0.3s;
}

.gallery-archive-wrapper article h3 a {
	width:100%;
	position:relative;
	display:block;
	padding:0 35px 0 0;
	color:#fff;
	text-decoration:none;
	font-weight:500;
	font-size:20px;
}

.gallery-archive-wrapper article h3 a:after {
	content: "\ea1f";

	font-family: "tabler-icons" !important;

	position:absolute;

	right:20px;

	top:0;

	font-size:18px;

	color:#fff;

	font-weight:normal;
	transition:all 0.3s;
}

.gallery-archive-wrapper article h3 a:hover:after {
	right:10px;
}

.gallery-archive-wrapper article img {
	/*max-height:350px;*/
	max-height:250px;
	object-fit:cover;
}

.announcements-wrapper {
	max-width:80%;
	margin:60px auto 40px auto;
}


.post-pagination-wrapper {
	text-align:center;
	padding:25px 0 35px 0;
}

.post-pagination-wrapper ul {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	align-items:center;
	justify-content:center;
}

.post-pagination-wrapper ul li {
	margin:0 10px 0 10px;
}

.post-pagination-wrapper ul li a {
	text-decoration:none;
	font-size:14px;
	
}


.post-pagination-wrapper ul li a:hover { 
color:#000957;
text-decoration:underline;
}

.post-pagination-wrapper ul li.active a {
	background:#000957;
	color:#fff;
	height:35px;
	width:35px;
	border-radius:50px;
	pointer-events:none;
	display:flex;
	justify-content:center;
	align-items:center;
	text-decoration:none;
}


.home-featured-posts .ch-category {
	display:none;
}

.home-featured-posts .ch-small img {
	height:148px;
	width:180px;
	object-fit:cover;
}
/*.ch-featured {
	position:relative;
	padding:0;
	font-size:0;
}

.ch-featured h3 {
	position:absolute;
	bottom:0;
	color:#fff;
	background: rgba(255, 255, 255, 0);
background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
font-size:18px;
width:100%;
left:0;
right:0;
bottom:0;
min-height:250px;
display:flex;
align-items:flex-end;
	margin: 0;
    padding: 0 0 15px 15px;
	transition:all 0.3s;
}

.ch-featured h3 a {
	width:100%;
	position:relative;
	display:block;
	padding:0 35px 0 0;
	color:#fff;
	text-decoration:none;
	font-weight:500;
	font-size:20px;
}

.ch-featured h3 a:after {
	content: "\ea1f";

	font-family: "tabler-icons" !important;

	position:absolute;

	right:20px;

	top:0;

	font-size:18px;

	color:#fff;

	font-weight:normal;
	transition:all 0.3s;
}

.ch-featured h3 a:hover:after {
	right:10px;
}*/


.ch-featured {
    position: relative;
    padding: 0;
    font-size: 0;
    overflow: hidden; /* Hide anything that goes outside this container */
}

.ch-featured a {
    position: relative;
    display: block;
    text-decoration: none;
}

.ch-featured img {
    width: 100%;
    height: auto;
    display: block;
}

.ch-featured .ch-category {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
    /* You will need to add your specific styles for the category tag here */
}

.ch-featured h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    min-height: 250px;
    padding: 0 15px 15px; /* Adjust padding to give space at the bottom */
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; /* This aligns the content to the bottom of the flex container */
    transition: background 0.3s ease; /* Smooth transition for the background */
    font-size: 18px;
    font-weight: 500;
}

.ch-featured a:hover h3 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 100%); /* Make overlay darker on hover */
}

.ch-featured h3:after {
    content: "\ea1f";
    font-family: "tabler-icons" !important;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    transition: transform 0.3s ease;
    /* Positioning now handled by flexbox */
}

.ch-featured a:hover h3:after {
    transform: translateX(5px); /* Move arrow to the right on hover */
}
.marquee-wrapper {
      display: flex;
      flex-direction: column;
      gap: 40px;
    }

    .marquee {
      overflow: hidden;
      padding: 10px 0;
      position: relative;
    }

    .marquee-content {
      display: flex;
      width: fit-content;
    }

    .marquee.left .marquee-content {
      animation: scroll-right 120s linear infinite;
    }

    .marquee.right .marquee-content {
      animation: scroll-left 120s linear infinite;
    }

    .marquee:hover .marquee-content {
      animation-play-state: paused;
    }

    .marquee-item {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      gap: 10px;
      background: #f4f4f4;
      border-radius: 10px;
      padding: 10px 15px;
      margin-right: 30px;
      min-width: 250px;
    }

    .marquee-item img {
      width: 96px;
      height: 96px;
      object-fit: cover;
      border-radius: 50%;
    }

    .marquee-item h4 {
      margin: 0;
      font-size: 14px;
    }

    .marquee-item strong {
      display: block;
      font-size: 12px;
      color: #555;
    }

    @keyframes scroll-left {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    @keyframes scroll-right {
      0% { transform: translateX(-50%); }
      100% { transform: translateX(0); }
    }



.innterpage-gallery ul {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.innterpage-gallery ul li {
	width:23%;
	margin:10px 0!important;
	
}

.innterpage-gallery ul li a {
	width:100%;
}

.innterpage-gallery ul li img {
	width:100%;
	height:250px;
	object-fit:cover;
}

.home-hero-inner .owl-dots {
	display:none;
}

.top-announcement-nav-inner {
  display: flex;
  align-items: center;
}

.top-contact {
  flex: 0 0 auto;
}

.top-announcement {
  flex: 1;
  min-width: 0;
}

.top-announcement-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.top-announcement-scroll {
  flex: 1;
  min-width: 0;
}

.top-announcement-link {
  flex: 0 0 auto;
  margin-left: 10px;
}



.top-announcement-inner {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.top-announcement-scroll {
  flex: 1 1 auto;
  min-width: 0;
}

.top-announcement-link {
  flex: 0 0 auto;
  margin-left: 10px;
  white-space: nowrap;
}

section#nav_menu-1:before, section#nav_menu-2:before, section#nav_menu-3:before, section#nav_menu-4:before, section#block-7:before{
	content:'';
    height: auto;
    margin: 0;
}

.footer-widget-4 a:hover, play-store-download a:hover {
	margin-left:0!important;
}

ul.home-courses-boxes {
	margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
	flex-wrap:wrap;
}

ul.home-courses-boxes.two-boxes {
	justify-content:center;
}
ul.home-courses-boxes li{
width: 22%;
    margin: 1%;
    text-align: center;
    margin-bottom: 3%;
    padding: 15px 5px;
    background: #ffffff;
    border-radius: 10px;
    box-sizing: border-box;
	box-shadow: 0 0 25px #dfdfdf;
	transition:all 0.5s;
}
ul.home-courses-boxes li i {
	font-size:50px;
	display:block;
	margin-bottom:15px;
	color:#344CB7;
	transition:all 0.5s;
}

ul.home-courses-boxes li:hover {
	box-shadow: 0 0 25px #999;
}

ul.home-courses-boxes li:hover i {
	/*margin-bottom:10px;*/
	color:#000;
}
ul.home-courses-boxes a {
	text-decoration:none;
	font-weight:500;
}

/* 

 Responsive Queries

*/







@media only screen and (max-width: 800px) {

.top-contact{

	display:none;

}

.top-announcement{

	display:none;

}

.home-intro .row {

	flex-direction:column;

}

.home-intro-buttons a {

	display:block;

	margin:0 0 15px 0;}

.home-courses .row {

	flex-direction:column;

}

.home-stats h3 {

	justify-content:flex-start;
	text-align:left;

}



.home-stats .three.columns {

	text-align:center;

	margin:20px 0;

}

.home-success-stories-pics {

	display:none;

}

.home-success-stories-students ul li {

	width:100%;

	margin:0 0 7px 0;

}

.home-placement-partners ul li {

	width:48%;

}

.home-placement-partners ul li {

	flex-direction:column;

}

.footer-cta .align-right {

	padding:20px 0;

}

.footer-contact ul {

	flex-direction:column;

}

.footer-contact ul li {

	margin:7px 0;

	text-align:left;

	display:block;

	width:100%;

}

.home-success-stories-students ul {

	flex-direction:column;

}



.home-courses img {

	margin:20px 0 0 0;

}

.home-latest-events .five.columns {

	margin:0 0 20px 0;

}

.footer-cta .row {

	flex-direction:column;

}



.slicknav_menu {

	background:#f4f4f4!important;

}

.slicknav_nav li a {

	color:#000!important;

}

ul.sub-menu {

	border:none;

	background:transparent!important;

}

.slicknav_nav .slicknav_row, .slicknav_nav a {

    padding-left: 0!important;

}

ul.sub-menu li {

	border-bottom:none;

}



.slicknav_nav {

	padding:20px 10px;

}

.slicknav_menutxt {

	display:none!important;

}



.dept-page-menu-inner {

	flex-direction:column;

}

.table-wrapper {

        width: 100%;

        overflow-x: scroll

    }

.faculty-modal .box {

	width:85%;

}

.dept-pages-content-inner {

	padding:30px 0;

}

.tab-dropdown {

	border-radius:0 0 15px 15px;

}
.home-featured-posts .five.columns .ch-small img {
	max-width:100%;
	width:100%;
	height:auto;
}
.ch-small h4 {
	font-size:18px;
	margin-top:5px;
}
.home-featured-posts .five.columns img {
	height:auto;
}

.home-featured-posts .five.columns h3 {
	margin-top:5px;
}

.three-columns-list, .two-columns-list  {
	column-count:1
}

.admission-landing-banner > .container > .row {
	flex-direction:column;
}
.announcements-wrapper {
	    max-width: 90%;
    margin: 40px auto 40px auto;
}

.announcements-wrapper thead {
	display:none;
}

.announcements-wrapper tr {
	display:flex;
	flex-direction:column;
}

.announcements-wrapper .table-wrapper table {
	min-width:auto;
}

.innterpage-gallery ul li {
	width:48%;
}
.innterpage-gallery ul li img {
	height:150px
}
.home-latest-events p.intro {
	max-width:100%;
}
.ch-featured {
	margin-bottom:15px;
}
.ch-small a, .ch-small a img{
	width:100%!important;
}
.featured-read-more-link {
	margin:10px 0 0 0;
}
.home-stats h3 {
	flex-direciton:column;
}
.home-success-stories .container .five.columns {
	padding:0;
}
.home-success-stories .container .five.columns > h2 {
	margin-top:0;
	padding-top:0;
}

.more-about-us .button-yellow {
	display:block;
	margin:7px 0;
}

.messages-text-right  {
	background:#fff;
}
.messages-text-left {
	background:#f4f4f4;
}
.messages-text-right .seven.columns .six.columns:first-child {
	color:#000
}

.messages-text-right .seven.columns .row {
	display:flex;
	flex-direction:column-reverse;
}

.messages-text-left .row {
	display:flex;
	flex-direction:column-reverse;
}

.messages-text-right .seven.columns .six.columns:first-child, .messages-text-left .seven.columns .six.columns:first-child {
	padding-top:20px;
}
.messages-text-right .seven.columns h4, .messages-text-left .seven.columns h4 {
	font-size:30px;
}

.messages-text-left .seven.columns .row {
	flex-direction:column;
}
.messages-text-left .seven.columns .six.columns:nth-child(2) {
	padding-top:20px;
}
.messages-text-right {
	margin:0;
}
.tab-contents {
	padding:20px 0;
}
.admission-procedure-boxes .admission-procedure-boxes-inner {
	margin:7px 0;
}
.gallery-archive-wrapper article {
	width:100%;
}
.blog-heading-wrapper h1 {
	font-size:30px;
}
article.post .entry-header img {
	height:300px;
}
.falicitles-text-right {
	background:#f4f4f4;
}
.button-list li {
	width:48%;
}
.publication-list {
	max-width:100%;
	overflow-x:auto;
}
.contact-info-section-inner h2 {
	font-size:20px;
}

.home-intro h2 {
	margin-top:0;
	padding-top:0;
}
	
	.activities-cta {
		flex-direction:column;
	}
	.activites-cta-left {
		flex-direction:column;
		
	}
	
	.activites-cta-left a {
		width:100%;
		margin:5px 0;
	}
}









/* 

  ##Device = Desktops

  ##Screen = 1281px to higher resolution desktops

*/



@media (min-width: 1281px) {

  

  /* CSS */

  

}



/* 

  ##Device = Laptops, Desktops

  ##Screen = B/w 1025px to 1280px

*/



@media (min-width: 1025px) and (max-width: 1280px) {

  

  /* CSS */

  

}



/* 

  ##Device = Tablets, Ipads (portrait)

  ##Screen = B/w 768px to 1024px

*/



@media (min-width: 768px) and (max-width: 1024px) {

  

  /* CSS */

  

}



/* 

  ##Device = Tablets, Ipads (landscape)

  ##Screen = B/w 768px to 1024px

*/



@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  

  /* CSS */

  

}



/* 

  ##Device = Low Resolution Tablets, Mobiles (Landscape)

  ##Screen = B/w 481px to 767px

*/



@media (min-width: 481px) and (max-width: 767px) {

  

  /* CSS */

  

}



/* 

  ##Device = Most of the Smartphones Mobiles (Portrait)

  ##Screen = B/w 320px to 479px

*/



@media (min-width: 320px) and (max-width: 480px) {

  

  /* CSS */

  

}

.sidebar-active-link a {
	pointer-events:none;
	font-weight:600;
}



/* ================================
   FACULTY SECTION – V2 DESIGN
   Safe override (no global impact)
================================ */

.faculty-section-v2 .faculty-inner {
    background: #ffffff;
    border-radius: 16px;
    padding: 20px 16px 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: transform .3s ease, box-shadow .3s ease;
    height: 100%;
    text-align: center;
    font-size: initial;
}

.faculty-section-v2 .faculty-inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

/* Remove old gradient overlay */
.faculty-section-v2 .faculty-inner:before {
    display: none;
}

/* Faculty Image */
.faculty-section-v2 .faculty-photo {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto 14px;
    display: block;
    border: 4px solid #f1f3f5;
}

/* Text block */
.faculty-section-v2 .faculty-excerpt {
    padding: 0;
    color: #333;
}

/* Name */
.faculty-section-v2 .faculty-inner h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
    letter-spacing: .3px;
}

/* Designation */
.faculty-section-v2 .faculty-inner h5 {
    font-size: 14px;
    font-weight: 600;
    color: #666;
    margin-bottom: 6px;
}

/* Department */
.faculty-section-v2 .faculty-inner strong {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #888;
    margin-bottom: 14px;
}

/* CTA Button */
.faculty-section-v2 .button-primary {
    background: #1d4ed8;
    color: #fff;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    transition: background .3s ease, transform .2s ease;
}

.faculty-section-v2 .button-primary:hover {
    background: #0f3cbf;
    transform: translateY(-1px);
}

/* Better spacing for Skeleton columns */
.faculty-section-v2 .four.columns {
    display: flex;
}

.faculty-section-v2 .faculty-inner {
    width: 100%;
}

/* Mobile refinement */
@media (max-width: 767px) {
    .faculty-section-v2 .faculty-photo {
        width: 100px;
        height: 100px;
    }
}


/* =========================================
   HoD Message Section – Scoped Styles
   ========================================= */

.hod-message-wrap {
    /*margin-top: 40px;*/
}

/* -----------------------------------------
   LEFT SIDE: HoD CARD
   ----------------------------------------- */

.hod-message-wrap .hod-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 24px;
    text-align: center;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.08),
        0 2px 6px rgba(0, 0, 0, 0.05);
}

.hod-message-wrap .hod-card img.faculty-photo {
    width: 100%;
    max-width: 180px;
    border-radius: 50%;
    margin-bottom: 15px;
	max-height:150px;
}

.hod-message-wrap .hod-card strong {
    font-size: 16px;
    display: block;
    margin-bottom: 4px;
}

/* -----------------------------------------
   RIGHT SIDE: MESSAGE CONTENT
   ----------------------------------------- */

.hod-message-content {
  position: relative;
  padding-left: 48px;
}

/* Decorative quote */
.hod-message-content::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;

  width: 36px;
  height: 36px;

  background-repeat: no-repeat;
  background-size: contain;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11h-4a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h3a1 1 0 0 1 1 1v6c0 2.667 -1.333 4.333 -4 5'/%3E%3Cpath d='M19 11h-4a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h3a1 1 0 0 1 1 1v6c0 2.667 -1.333 4.333 -4 5'/%3E%3C/svg%3E");

  transform: rotate(180deg);
  opacity: 0.35;
}


.hod-message-wrap .hod-message-content p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 14px;
    color: #333;
}

.hod-message-wrap .hod-message-content p:first-child {
    font-weight: 600;
    font-size: 16px;
}

.hod-message-wrap .hod-message-content p:last-child {
    margin-top: 25px;
    font-weight: 500;
}

/* -----------------------------------------
   RESPONSIVE
   ----------------------------------------- */

@media (max-width: 768px) {
    .hod-message-wrap .hod-message-content {
        padding-left: 0;
        margin-top: 25px;
		padding-top:30px;
    }

    .hod-message-wrap .hod-message-content::before {
        left: 0;
        top: -10px;
        width: 55px;
        height: 55px;
    }
}

/* HoD profile text styling */
.hod-card .hod-meta {
  margin-top: 15px;
  text-align: center;
  line-height: 1.4;
}

/* Name */
.hod-card .hod-name {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #111;
  margin-bottom: 4px;
}

/* Position */
.hod-card .hod-title {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #444;
  margin-bottom: 10px; /* 👈 space before department */
}

/* Department */
.hod-card .hod-dept {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  color: #666;
  max-width: 220px;
  margin: 0 auto;
}

.hod-card .hod-title::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background: #344CB7; /* golden accent */
  margin: 8px auto 0;
}

/* ===============================
   GALLERY ALBUM LAYOUT (Scoped)
================================ */

.gallery-album-wrapper {
    max-width: 1100px;
    margin: 0 auto 60px;
    padding: 0 15px;
}

/* Breadcrumb */
.gallery-breadcrumb {
    font-size: 13px;
    color: #777;
    margin-bottom: 10px;
}

.gallery-breadcrumb a {
    color: #777;
    text-decoration: none;
}

.gallery-breadcrumb a:hover {
    text-decoration: underline;
}

/* Album Title */
.gallery-album-title {
    font-size: 32px;
    font-weight: 700;
    margin: 5px 0 20px;
    line-height: 1.2;
}

/* Meta Row */
.gallery-album-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.gallery-meta-left span {
    font-size: 14px;
    color: #555;
    margin-right: 15px;
}

.gallery-category {
    font-weight: 600;
}

/* Social Icons */
.gallery-meta-right a {
    font-size: 14px;
    margin-left: 12px;
    color: #333;
    text-decoration: none;
}

.gallery-meta-right a:hover {
    text-decoration: underline;
}

/* Content */
.gallery-album-content {
    font-size: 16px;
    line-height: 1.7;
}

/* Mobile */
@media (max-width: 768px) {
    .gallery-album-title {
        font-size: 26px;
    }

    .gallery-album-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .gallery-meta-right a {
        margin-left: 0;
        margin-right: 7px;
    }
}

/* ===============================
   Gallery Album – Featured Image
   =============================== */
.gallery-album-wrapper .gallery-album-featured {
    margin: 30px 0;
   /* border-radius: 14px;*/
    overflow: hidden;
}

.gallery-album-wrapper .gallery-album-featured img {
    width: 100%;
    height: auto;
    display: block;
   /* border-radius: 14px;*/
	max-height:400px;
	object-fit:cover;
}

/* ===============================
   Gallery Album – Social Share (Minimal Icons)
   =============================== */

.gallery-album-wrapper .gallery-meta-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.gallery-album-wrapper .gallery-share-label {
    font-size: 13px;
    color: #666;
    margin-right: 6px;
}

/* Plain icon links */
.gallery-album-wrapper .gallery-share-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #344CB7;
    transition: color 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
}

/* SVG styling */
.gallery-album-wrapper .gallery-share-icon svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    fill: none;              /* IMPORTANT: no fill */
    stroke-width: 2;
}

/* Hover effect */
.gallery-album-wrapper .gallery-share-icon:hover {
    opacity: 0.8;
    transform: translateY(-1px);
}

/* ===============================
   Gallery Album – Meta Text Styling
   =============================== */

.gallery-album-wrapper .gallery-meta-left {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    font-size: 13px;
    color: #777;
}

.gallery-album-wrapper .gallery-meta-left em {
    font-style: italic;
    color: #888;
    margin-right: 4px;
	font-weight:400;
}

/* Category link */
.gallery-album-wrapper .gallery-category a {
    color: #344CB7;
    text-decoration: none;
    font-weight: 500;
}

.gallery-album-wrapper .gallery-category a:hover {
    text-decoration: underline;
}

/* Date text */
.gallery-album-wrapper .gallery-date {
    color: #777;
	font-weight:600;
}


.gallery-archive-wrapper article {
    position: relative;
    /*width: 48%;*/
	width:33%;
    margin-bottom: 25px;
    overflow: hidden;
}

/* Full clickable area */
.gallery-archive-link {
    display: block;
    position: relative;
    height: 100%;
}

/* Image fix */
.gallery-archive-link img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
}

/* Overlay title */
.gallery-archive-title {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;

    padding: 0 35px 15px 15px;
    margin: 0;

    font-size: 20px;
    font-weight: 500;
    color: #fff;

    background: linear-gradient(
        180deg,
        rgba(255,255,255,0) 0%,
        rgba(0,0,0,1) 100%
    );

    pointer-events: none; /* ⭐ KEY FIX */
}

/* Arrow icon */
.gallery-archive-title::after {
    content: "\ea1f";
    font-family: "tabler-icons" !important;
    position: absolute;
    right: 20px;
    bottom: 18px;
    font-size: 18px;
    transition: right 0.3s ease;
}

.gallery-archive-link:hover .gallery-archive-title::after {
    right: 10px;
}


/* Smooth zoom container */
.gallery-archive-link {
    overflow: hidden;
}

/* Image default state */
.gallery-archive-link img {
    transform: scale(1);
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
}

/* Hover zoom effect */
.gallery-archive-link:hover img {
    transform: scale(1.06);
}


/* ===============================
   HOME ICON MENU ITEM
================================ */

.menu-home-icon > a {
    font-size: 0!important; /* hide HOME text */
  /*  width: 40px;
    height: 40px;*/
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.menu-home-icon > a:hover {
	background:none!important;
}

/* SVG icon using mask */
.menu-home-icon > a::before {
    content: "";
    width: 24px;
    height: 24px;

    background-color: #000000; /* icon color */

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.707 2.293l9 9c.63 .63 .184 1.707 -.707 1.707h-1v6a3 3 0 0 1 -3 3h-1v-7a3 3 0 0 0 -2.824 -2.995l-.176 -.005h-2a3 3 0 0 0 -3 3v7h-1a3 3 0 0 1 -3 -3v-6h-1c-.89 0 -1.337 -1.077 -.707 -1.707l9 -9a1 1 0 0 1 1.414 0m.293 11.707a1 1 0 0 1 1 1v7h-4v-7a1 1 0 0 1 .883 -.993l.117 -.007z'/%3E%3C/svg%3E") no-repeat center / contain;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.707 2.293l9 9c.63 .63 .184 1.707 -.707 1.707h-1v6a3 3 0 0 1 -3 3h-1v-7a3 3 0 0 0 -2.824 -2.995l-.176 -.005h-2a3 3 0 0 0 -3 3v7h-1a3 3 0 0 1 -3 -3v-6h-1c-.89 0 -1.337 -1.077 -.707 -1.707l9 -9a1 1 0 0 1 1.414 0m.293 11.707a1 1 0 0 1 1 1v7h-4v-7a1 1 0 0 1 .883 -.993l.117 -.007z'/%3E%3C/svg%3E") no-repeat center / contain;

    transition: all 0.25s ease;
}

/* Hover effect */
.menu-home-icon.current-menu-item > a:hover::before {
    background-color: #1f2ea6;
   /* transform: translateY(-1px);*/
}

/* Active menu state */
.menu-home-icon.current-menu-item > a::before {
    background-color: #000000;
}






.training-and-placement-officer {
    padding: 80px 0;
    background: #f7f9ff;
}

.training-and-placement-officer .row {
    background: #fff;
    border-radius: 16px;
    padding: 45px;
    box-shadow: 0 18px 40px rgba(0,0,0,0.08);
    align-items: center;
}

.training-and-placement-officer img {
    width: 100%;
    border-radius: 14px;
    box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

.training-and-placement-officer h2 {
    margin-top: 0;
    font-size: 32px;
}

.highlighted-message-para {
    font-size: 15px;
    font-style: italic;
    padding: 18px 20px 18px 30px;
    background: #f1f4ff;
    border-radius: 8px;
    position: relative;
}

.highlighted-message-para:before {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #577BC1;
    border-radius: 4px;
}

.training-placements {
    padding: 90px 0;
    background: linear-gradient(135deg,#ffffff,#f8faff);
}

.training-placements iframe {
    border-radius: 14px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.training-placements h2 {
    font-size: 30px;
    margin-bottom: 10px;
}

.training-placements .acc__card {
    background: #fff;
    border-radius: 12px;
    margin-bottom: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

.training-placements .acc__title {
    padding: 16px 20px;
    font-weight: 600;
}

.training-placements .acc__panel {
    padding: 0 20px 18px;
}


.placement-page-logos {
    padding: 80px 0;
    background: #ffffff;
    text-align: center;
}

.placement-page-logos ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px,1fr));
    gap: 25px;
    padding: 0;
    list-style: none;
}

.placement-page-logos img {
    padding: 18px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}

.placement-page-logos img:hover {
    transform: translateY(-6px);
}

.button-list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.button-list li {
    width: auto;
}

.button-list a {
    border-radius: 30px;
    padding: 10px 24px;
    font-size: 14px;
}

.placement-contact {
    background: linear-gradient(135deg,#577BC1,#344CB7);
    color: #fff;
    text-align: center;
    padding: 80px 0;
}

.placement-contact h2 {
    font-size: 34px;
    margin-bottom: 25px;
}

.placement-contact a.button-yellow {
    display: inline-block;
    margin-top: 25px;
    padding: 14px 36px;
    border-radius: 30px;
    font-size: 16px;
}





.top-contact ul li a {
color:#fff;
transition:all 0.5s;
text-decoration:none;
	display:flex;
	align-items:center;
}

.top-contact ul li a:hover {
	color:#ffc525;
}

.top-contact ul li a svg {
	width:18px;
	height:18px;
	margin-right:3px;
}






/* ===== Labs Cards Wrapper ===== */
.labs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 0;
}

/* ===== Individual Card ===== */
.lab-card {
  display: flex;
  align-items: stretch;
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.lab-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

/* Reverse layout */
.lab-card.reverse {
  flex-direction: row-reverse;
}

/* ===== Image Section ===== */
.lab-image {
  width: 38%;
  overflow: hidden;
  position: relative;
}

.lab-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

/* Subtle luxury zoom */
.lab-card:hover .lab-image img {
  transform: scale(1.08);
}

/* ===== Content Section ===== */
.lab-content {
  width: 62%;
  padding: 30px 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.lab-content h3 {
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 600;
  color: #222;
  position: relative;
}

/* Accent underline */
.lab-content h3::after {
  content: '';
  width: 50px;
  height: 3px;
  background: #577BC1;
  display: block;
  margin-top: 10px;
  border-radius: 3px;
}

.lab-content p {
  font-size: 15px;
  line-height: 1.75;
  color: #555;
  margin: 18px 0 0;
}

/* ===== Responsive ===== */
@media (max-width: 900px) {
  .lab-card,
  .lab-card.reverse {
    flex-direction: column;
  }

  .lab-image,
  .lab-content {
    width: 100%;
  }

  .lab-image {
    height: 240px;
  }

  .lab-content {
    padding: 25px;
  }
}




/* 1. General Container Styling */
.publication-list {
    list-style: none; /* Remove default browser numbers */
    padding: 0;
    max-width: 900px; /* Prevents lines from getting too long */
    margin: 0 auto;   /* Centers the list on the page */
    counter-reset: pub-counter; /* Prepares for custom numbering */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 2. Individual Publication Card */
.publication-list li {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    /*border-left: 5px solid #3b82f6;*/ /* Blue accent bar on the left */
    /*border-radius: 8px;*/
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    line-height: 1.6; /* Makes text blocks easier to read */
    color: #374151;
}

/* Hover effect for cards */
.publication-list li:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}

/* 3. Custom Numbering */
.publication-list li::before {
    counter-increment: pub-counter;
    content: counter(pub-counter);
    position: absolute;
    top: -15px;
    left: -15px; /* Places number in top-right corner */
    background-color: #344CB7;
    color: white;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
   /* box-shadow: 0 2px 4px rgba(59, 130, 246, 0.4);*/
    z-index: 1;
}

/* 4. Link/DOI Button Styling */
.publication-list li a {
    display: inline-block; /* Makes the link act like a button block */
    margin-top: 15px; /* Pushes it away from the text */
    padding: 8px 16px;
    background-color: #344CB7; /* Dark blue */
    color: white !important; /* Ensures text is white */
    text-decoration: none;
   /* border-radius: 6px;*/
    font-size: 0.85em;
    font-weight: 600;
    transition: background 0.2s;
}

.publication-list li a:hover {
    background-color: #1e3a8a;
}

/* Responsive Design for Mobile */
@media (max-width: 600px) {
    .publication-list li {
        padding: 15px;
    }
    .publication-list li::before {
        top: 20px;
        right: 20px;
    }
}

/* Table Date Styles */
.pub-date {
    margin-top: 8px; /* Adds space between title and date */
    font-size: 0.9em; /* Makes the date slightly smaller than the title */
    color: #555; /* Darker gray for text readability */
    font-weight: 400;
    line-height: 1.4;
}

/* Style the 'Date' label specifically */
.pub-date em {
    font-style: italic; /* As requested */
    font-weight: 600; /* Makes the label slightly bolder */
    margin-right: 5px; /* Space between label and the actual date */
    color: #777; /* Slightly lighter gray for the label */
    text-transform: capitalize; /* Ensures the first letter is capitalized if needed */
}

/* Ensure the title text is bold and readable */
td strong {
    display: block;
    font-size: 1.05em;
    color: #333;
    margin-bottom: 4px;
}

.search-filters {
    max-width: 80%;
    margin: 10px auto 30px;
}

.search-filters-inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.filter-label {
    font-size: 14px;
    font-weight: 500;
    color: #555;
}

.search-filters form {
    display: flex;
    gap: 10px;
    align-items: center;
}

.search-filters select {
    padding: 7px 12px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.search-filters button {
    padding: 7px 16px;
}


/* ===============================
   Departments Layout
================================ */

.departments {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

/* Section heading */
.dept h3 {
  font-size: 22px;
  margin-bottom: 20px;
  position: relative;
}

.dept h3::after {
  /*content: "";
  width: 60px;
  height: 3px;
  background: #2563eb;
  display: block;
  margin-top: 6px;
  border-radius: 3px;*/
}

/* ===============================
   GRID – MAX 4 PER ROW
================================ */

.dept-grid {
  list-style: none;
  padding: 0;
  margin: 0;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

/* Card */
.dept-grid li a {
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 18px;
  background: #fff;
  border-radius: 14px;

  text-decoration: none;
  color: #111;

  border: 1px solid #e5e7eb;
  transition: all 0.25s ease;
  height: 100%;
}

/* SVG icon */
.dept-grid li a svg {
 width: 36px;
  height: 36px;

  flex-shrink: 0;

  /* FIXES */
  overflow: visible;
  display: block;
  max-width: none;
	stroke-width:1.5px;

  /* Keeps correct scaling */
  preserveAspectRatio: xMidYMid meet;
}

/* Hover */
.dept-grid li a:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
  border-color: #2563eb;
}

/* ===============================
   RESPONSIVE BREAKPOINTS
================================ */

/* Tablets (≤ 992px) */
@media (max-width: 992px) {
  .dept-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile (≤ 576px) */
@media (max-width: 576px) {
  .dept-grid {
    grid-template-columns: 1fr;
  }

  .dept h3 {
    font-size: 20px;
  }
}










/* ===============================
   SHARED TRANSITIONS
================================ */
.ch-featured,
.ch-small {
	transition: transform .35s ease, box-shadow .35s ease;
}

.ch-featured img,
.ch-small img {
	transition: transform .6s ease, filter .4s ease;
	will-change: transform;
}

/* ===============================
   FEATURED POST HOVER
================================ */
/* ===============================
   FEATURED POST – FIXED OVERLAY
================================ */
.ch-featured {
	position: relative;
	overflow: hidden;
}

/* IMAGE */
.ch-featured img {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
	transition: transform .6s ease, filter .4s ease;
}

/* OVERLAY */
.ch-featured::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to bottom,
		rgba(0,0,0,0) 40%,
		rgba(0,0,0,.55) 100%
	);
	opacity: 0;
	transition: opacity .35s ease;
	z-index: 2;
	pointer-events: none;
}

.ch-featured:hover::after {
	opacity: 1;
}

/* TEXT ON TOP */
.ch-featured h3,
.ch-featured .ch-category {
	position: absolute;
	z-index: 3;
}

/* HOVER EFFECT */
.ch-featured:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 40px rgba(0,0,0,.15);
}

.ch-featured:hover img {
	transform: scale(1.06);
}

/* CATEGORY BADGE */
.ch-featured .ch-category {
	position: absolute;
	top: 16px;
	left: 16px;
	background: rgba(0,0,0,.65);
	color: #fff;
	padding: 6px 12px;
	font-size: 12px;
	border-radius: 20px;
	backdrop-filter: blur(4px);
}

/* ===============================
   SMALL POSTS HOVER
================================ */
.ch-small {
	display: flex;
	gap: 15px;
	padding: 12px;
	border-radius: 8px;
}

.ch-small:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 28px rgba(0,0,0,.12);
	background: #fff;
}

.ch-small a:first-child {
	overflow: hidden;
	border-radius: 6px;
}

.ch-small:hover img {
	transform: scale(1.08);
	filter: brightness(0.9);
}

/* ===============================
   CATEGORY LINK
================================ */
.ch-category a {
	position: relative;
	text-decoration: none;
	color: #666;
	font-size: 13px;
	font-weight: 500;
}

.ch-category a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0;
	height: 2px;
	background: currentColor;
	transition: width .3s ease;
}

.ch-category a:hover::after {
	width: 100%;
}

/* ===============================
   TITLE LINK
================================ */
.ch-small h4 a {
	color: #222;
	text-decoration: none;
	transition: color .3s ease;
}

.ch-small:hover h4 a {
	color: #0056b3;
}

/* ===============================
   READ MORE LINK
================================ */
.featured-read-more-link a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	text-decoration: none;
	color: #0056b3;
	transition: color .3s ease;
}

.featured-read-more-link i {
	transition: transform .3s ease;
}

.featured-read-more-link a:hover i {
	transform: translateX(6px);
}

/* ===============================
   ACCESSIBILITY
================================ */
.ch-featured a,
.ch-small a {
	outline-offset: 4px;
}



/* Carousel container */
.toppers-carousel {
  margin: 60px 0;
}

/* Each slide */
.topper-slide {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Individual topper */
.topper-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: #f4f4f4;
  border-radius: 12px;
  transition: transform .3s ease, box-shadow .3s ease;
}

.topper-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

/* Image */
.topper-item img {
  width: 80px!important;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
}

/* Text */
.topper-item h4 {
  margin: 0;
  font-size: 15px;
}

.topper-item strong {
  font-size: 12px;
  color: #555;
}

/* Remove Owl height jumps */
.toppers-carousel .owl-stage {
  display: flex;
}



.toppers-carousel .owl-nav {
  position: absolute;
  top: 40%;
  left: 2.5%;
  width: 95%;
  display:flex;
  justify-content:space-between;
}


.toppers-carousel .owl-nav button.owl-prev,
.toppers-carousel .owl-nav button.owl-next {
  background: black!important;
  color: white!important;
  font-size: 25px;
  border: none;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  cursor: pointer;
  pointer-events: all;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  transition: background 0.3s, color 0.3s;
 
}



.toppers-carousel .owl-nav button.owl-prev:hover,
.toppers-carousel .owl-nav button.owl-next:hover {
  background: white!important;
  color: black!important;
}

.owl-carousel.toppers-carousel .owl-stage-outer {
	max-width:90%;
	margin:0 auto;
}

#onlineVisionFeedbackDiv {
	padding:40px 0;
}

.note {
	font-style:italic;
}

@media only screen and (max-width: 800px) {
    .gallery-archive-wrapper article {
        width: 100%;
    }
}

.faculty-modal .eight.columns {
	max-height:450px;
	overflow-y:auto;
}

.contact-us-map {
	font-size:0;
}


/* Sticky Announcement Wrapper */
.sticky-announcement-wrap {
    background: #ffffff;
   /* border-radius: 10px;*/
    padding: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    margin-bottom: 24px;
	border-bottom: 2px solid #577BC1;
}

/* Heading */
.sticky-announcement-title {
    font-size: 14.4px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0.6px;
    color: #fff;
    margin-bottom: 12px;
	background:#577BC1;
	padding: 12px 15px;
	margin:0;
}

/* Menu list */
.sticky-announcement-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sticky-announcement-menu li {
    padding: 12px 15px;
}

/* Links */
.sticky-announcement-menu li a {
    display: block;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    padding: 6px 0;
    transition: color 0.2s ease, transform 0.2s ease;
}

.sticky-announcement-menu li a:hover {
    color: #4e2a84; /* your theme accent */
    transform: translateX(4px);
}

/* Remove margin from last item */
.sticky-announcement-menu li:last-child {
    margin-bottom: 0;
}

/* Announcement links with arrow */
.sticky-announcement-menu li a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    padding: 6px 0;
    transition: color 0.2s ease, transform 0.2s ease;
}

/* Arrow SVG before link */
.sticky-announcement-menu li a::before {
    content: "";
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0.85;
    transition: transform 0.25s ease, opacity 0.25s ease;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23344CB7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M15 16l4 -4'/%3E%3Cpath d='M15 8l4 4'/%3E%3C/svg%3E");
}


/* Hover effects */
.sticky-announcement-menu li a:hover {
    color: #344CB7;
    transform: translateX(4px);
}

.sticky-announcement-menu li a:hover::before {
    transform: translateX(4px);
    opacity: 1;
}

footer.site-footer ul.menu li.footer-dept-heading {
	padding:7px 0;
}

footer.site-footer ul.menu li.footer-dept-heading:before {
	display:none;
}

footer.site-footer ul.menu li.footer-dept-heading a {
pointer-events:none;
	font-weight:600;
	font-size:16px;
}

.header-search svg {
	cursor:pointer
}