/* vietnamese */ @font-face {font-family: 'Josefin Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/josefinsans/v17/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMlhLzTs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin-ext */ @font-face {font-family: 'Josefin Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/josefinsans/v17/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMhhLzTs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */ @font-face {font-family: 'Josefin Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/josefinsans/v17/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMZhLw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
*, :before, :after {margin: 0; padding: 0; box-sizing: border-box; }
/* custom css */ @font-face {font-family: 'content'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/Nunito/Nunito-Regular.woff2") format("woff2"); }
/* body {font-family: 'content'; }
*/ body {font-family: 'Josefin Sans'; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:after, blockquote:before, q:after, q:before {content: ''; content: none}
table {border-collapse: collapse; border-spacing: 0}
a:focus, button:focus, input:focus, select:focus, textarea:focus {outline: none; border: none; }
body {font-family: 'Josefin Sans'; font-size: 14px; }
p {font-family: 'content'; line-height: 1.7; font-size: 18px; color: #0009; margin: 10px 0; text-shadow: 0 0 1px rgba(0, 0, 0, .6); text-align: justify; }
.wrapper {width: 100%; overflow: hidden; }
.main-container {width: 100%;max-width: 1240px;margin: 0 auto;padding: 0 6px 0;}
.main-fluid-container {width: 100%; max-width: 1640px; margin: 0px auto; }
a {text-decoration: none; color: #333; display: inline-block; }
img {max-width: 100%; }
.fl {float: left; }
.fr {float: right; }
.clear {clear: both; }
.textl {text-align: left; }
.textc {text-align: center; }
.textr {text-align: right; }
input, select, textarea, button {border: none; outline: none; box-sizing: border-box; transition: all .4s; width: 100%; height: initial; font-family: 'Josefin Sans'; }
input:focus, select:focus, textarea:focus {outline: none; border: none; }
/* Go to Top Button */ .go-to-top {position: relative; right: 30px; width: 50px; height: 50px; z-index: 999; }
.go-to-top.show {display: flex; }
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; }
h2 {font-size: 30px; text-transform: capitalize; color: #3B5998; margin: 20px 0 20px; position: relative; }
li {list-style: none; font-family: 'content'; }
iframe {width: 100%; height: 100%; }
.inner-h2 {font-size: 25px; text-transform: capitalize; color: #6C3185; margin: 40px 0 0px; }
.swaragh-index-slider::slotted(svg), & svg {width: 100%; height: 100%; object-fit: contain; transform-origin: center; fill: currentColor; pointer-events: none; max-width: 13px !important; }
h2.inner-heading-container {font-family: 'Josefin Sans'; margin: 0 0; text-transform: uppercase; font-size: 26px; letter-spacing: 0.5px; display: inline-block; position: relative; padding: 30px 4px 8px; }
h2.inner-heading-container::before {content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: currentColor; }
h3.heading-with-icon {padding-left: 60px; position: relative; font-size: 24px; margin: 28px 0 20px; letter-spacing: 0; text-decoration: underline; }
h3.heading-with-icon span {position: absolute; top: 0; left: 0; bottom: 0; margin: auto 0; width: 40px; height: 40px; background-color: #eee; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
h3.heading-with-icon span img {width: 26px; }
section.inner-content p {text-align: justify; line-height: 1.5; margin: 15px 0; color: #6b6b6b; text-shadow: initial; }
.empty-space {height: 50px; }
/* custom css */ .main-header.f-nav .pg {font-size: 15px !important; }
/* owl-carousel css */ .owl-carousel, .owl-carousel .owl-item {-webkit-tap-highlight-color: transparent; position: relative}
.owl-carousel {display: none; width: 100%; z-index: 1}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0)}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0)}
.owl-carousel .owl-item {min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none}
.owl-carousel .owl-item img {display: block; width: 100%}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display: none; font-size: 28px}
.no-js .owl-carousel, .owl-carousel.owl-loaded {display: block}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit}
.owl-carousel.owl-loading {opacity: 0; display: block}
.owl-carousel.owl-hidden {opacity: 0}
.owl-carousel.owl-refresh .owl-item {visibility: hidden}
.owl-carousel.owl-drag .owl-item {-ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.owl-carousel.owl-grab {cursor: move; cursor: grab}
.owl-carousel.owl-rtl {direction: rtl}
.owl-carousel.owl-rtl .owl-item {float: right}
.owl-carousel .animated {animation-duration: 1s; animation-fill-mode: both}
.owl-carousel .owl-animated-in {z-index: 0}
.owl-carousel .owl-animated-out {z-index: 1}
.owl-carousel .fadeOut {animation-name: fadeOut}
@keyframes fadeOut {  0% {opacity: 1}
  100% {opacity: 0}
}
.owl-height {transition: height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {max-height: 0}
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d}
.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000}
.owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease}
.owl-carousel .owl-video-play-icon:hover {-ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {display: none}
.owl-carousel .owl-video-tn {opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease}
.owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%}
/* .owl-theme .owl-nav {margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent}
.owl-theme .owl-nav [class*=owl-] {color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px}
.owl-theme .owl-nav [class*=owl-]:hover {color: #d0630e; text-decoration: none}
.owl-theme .owl-nav .disabled {opacity: .5; cursor: default}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 10px}
.owl-theme .owl-dots {text-align: center; -webkit-tap-highlight-color: transparent}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1}
.owl-theme .owl-dots .owl-dot span {width: 15px; height: 15px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {background: #869791}
.owl-theme .owl-dots .owl-dot.active span {background: #fff}
*/ .owl-dots {text-align-last: center; margin-top: 32px; }
.owl-carousel button.owl-dot {width: 20px; height: 4px; background: #000; display: inline-block; margin: 6px; }
.owl-carousel button.owl-dot.active {background: #f86a3a; }
.latest-news-frame-container.owl-carousel button.owl-dot {width: 12px; height: 12px; border-radius: 50%; background: #fff; margin-right: 10px; }
.latest-news-frame-container.owl-carousel button.owl-dot.active {background: #8dd7e5; }
.latest-news-frame-container.owl-carousel .owl-dots {margin-top: 0; }
/* owl-carousel css */ /* header */ .resp-top-head-p p a {font-weight: 700; font-size: 22px; padding: 5px; }
.mba {color: #3b5998; text-decoration: underline; }
.pg {font-size: 15px !important; color: #b99307 !important; }
.header {max-width: 100%; }
.f-nav .logo-right {display: none; }
.f-nav .resp-top-head-p.down {display: flex; justify-content: flex-end; align-items: center; padding: 0 18px 0px 0; }
.resp-top-head-p.down {display: none; }
.f-nav .resp-top-head-p.down p a {font-size: 14px; }
.f-nav .resp-top-head-p.down p {display: none; }
/* 01.responcive menu CSS code starts here */ /* 0. menu css */ html.hc-nav-yscroll {overflow-y: scroll; }
body.hc-nav-open {overflow: visible; position: fixed; width: 100%; min-height: 100%; }
.hc-offcanvas-nav {visibility: hidden; display: none; position: fixed; top: 0; height: 100%; z-index: 9999; }
.hc-offcanvas-nav.is-ios * {cursor: pointer !important; }
.hc-offcanvas-nav .nav-container {position: fixed; z-index: 9998; top: 0; width: 240px; height: 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
.hc-offcanvas-nav .nav-wrapper {width: 100%; height: 100%; max-height: 100vh; -ms-scroll-chaining: none; overscroll-behavior: none; box-sizing: border-box; }
.hc-offcanvas-nav .nav-content {height: 100%; max-height: 100vh; }
.hc-offcanvas-nav .nav-wrapper-0>.nav-content {overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box; }
.hc-offcanvas-nav ul {list-style: none; margin: 0; padding: 0; }
.hc-offcanvas-nav li {position: relative; display: block; }
.hc-offcanvas-nav li.level-open>.nav-wrapper {visibility: visible; }
.hc-offcanvas-nav input[type="checkbox"] {display: none; }
.hc-offcanvas-nav label {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer; }
.hc-offcanvas-nav a {position: relative; display: block; box-sizing: border-box; cursor: pointer; }
.hc-offcanvas-nav a, .hc-offcanvas-nav a:hover {text-decoration: none; }
.hc-offcanvas-nav .nav-item {position: relative; display: block; box-sizing: border-box; }
.hc-offcanvas-nav .nav-wrapper::after, .hc-offcanvas-nav.disable-body::after {content: ""; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -ms-scroll-chaining: none; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease 0.4s, opacity 0.4s ease; }
.hc-offcanvas-nav .sub-level-open::after, .hc-offcanvas-nav.disable-body.nav-open::after {visibility: visible; opacity: 1; transition-delay: 50ms; }
.hc-offcanvas-nav:not(.nav-open)::after {pointer-events: none; }
.hc-offcanvas-nav.nav-levels-expand .nav-content {overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box; }
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {display: none; }
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease 0.4s; }
.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {max-height: none; }
.hc-offcanvas-nav.nav-levels-overlap .nav-content {overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box; }
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease 0.4s, -webkit-transform 0.4s ease; transition: visibility 0s ease 0.4s, transform 0.4s ease; transition: visibility 0s ease 0.4s, transform 0.4s ease, -webkit-transform 0.4s ease; }
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {position: static; }
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
.hc-offcanvas-nav.nav-position-left {left: 0; }
.hc-offcanvas-nav.nav-position-left .nav-container {right: 0; -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); }
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.hc-offcanvas-nav.nav-position-right {right: 0; }
.hc-offcanvas-nav.nav-position-right .nav-container {right: 0; -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); }
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.hc-offcanvas-nav.nav-position-top {top: 0; }
.hc-offcanvas-nav.nav-position-top .nav-container {top: 0; width: 100%; height: auto; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {left: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.hc-offcanvas-nav.nav-position-bottom {top: auto; bottom: 0; }
.hc-offcanvas-nav.nav-position-bottom .nav-container {top: auto; bottom: 0; width: 100%; height: auto; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {left: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.hc-nav-trigger {position: absolute; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; top: 20px; z-index: 9980; width: 30px; min-height: 24px; }
.hc-nav-trigger span {width: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.hc-nav-trigger span, .hc-nav-trigger span::after, .hc-nav-trigger span::before {display: block; position: absolute; left: 0; height: 4px; background: #34495e; transition: all 0.2s ease; }
.hc-nav-trigger span::after, .hc-nav-trigger span::before {content: ""; width: 100%; }
.hc-nav-trigger span::before {top: -10px; }
.hc-nav-trigger span::after {bottom: -10px; }
.hc-nav-trigger.toggle-open span {background: rgba(0, 0, 0, 0); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.hc-nav-trigger.toggle-open span::after {-webkit-transform: rotate(-90deg) translate3d(10px, 0, 0); transform: rotate(-90deg) translate3d(10px, 0, 0); }
.hc-offcanvas-nav .nav-wrapper::after, .hc-offcanvas-nav::after {background: rgba(0, 0, 0, 0.3); }
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {background: #336ca6; }
.hc-offcanvas-nav h2 {font-size: 19px; font-weight: 400; text-align: left; padding: 20px 17px; color: #1b3958; }
.hc-offcanvas-nav .nav-item, .hc-offcanvas-nav a {padding: 14px 17px; font-size: 15px; color: #fff; z-index: 1; background: rgba(0, 0, 0, 0); }
.hc-offcanvas-nav:not(.touch-device) a:hover {background: #00c3ff; }
.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {border-top: 1px solid #2c5d8f; margin-top: -1px; }
.hc-offcanvas-nav li {text-align: left; }
.hc-offcanvas-nav li.nav-back a, .hc-offcanvas-nav li.nav-close a {background: #2c5d8f; }
.hc-offcanvas-nav li.nav-back a:hover, .hc-offcanvas-nav li.nav-close a:hover {background: #2b5c8d; }
.hc-offcanvas-nav li.nav-back:not(:first-child) a, .hc-offcanvas-nav li.nav-close:not(:first-child) a {margin-top: -1px; }
.hc-offcanvas-nav li.nav-parent .nav-item {padding-right: 58px; }
.hc-offcanvas-nav li.nav-back span, .hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent span.nav-next {width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background 0.2s ease; }
.hc-offcanvas-nav li.nav-close span::after, .hc-offcanvas-nav li.nav-close span::before {content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; border-top: 2px solid #fff; border-left: 2px solid #fff; }
.hc-offcanvas-nav li.nav-close span::before {margin-left: -9px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.hc-offcanvas-nav li.nav-close span::after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {border-left: 1px solid #2c5d8f; }
.hc-offcanvas-nav li.nav-back span::before, .hc-offcanvas-nav span.nav-next::before {content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform-origin: center; transform-origin: center; }
.hc-offcanvas-nav span.nav-next::before {-webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); }
.hc-offcanvas-nav li.nav-back span::before {-webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); }
.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2); }
.hc-offcanvas-nav.nav-position-right span.nav-next::before {margin-left: 0; margin-right: -2px; }
.hc-offcanvas-nav.nav-position-right li.nav-back span::before {margin-left: 0; margin-right: -2px; }
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.hc-offcanvas-nav.nav-position-top span.nav-next::before {margin-left: 0; margin-right: -2px; -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); }
.hc-offcanvas-nav.nav-position-top li.nav-back span::before {margin-left: 0; margin-right: -2px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); }
.hc-offcanvas-nav.nav-position-bottom span.nav-next::before {margin-left: 0; margin-right: -2px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {margin-left: 0; margin-right: -2px; -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); }
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {box-shadow: none; background: 0 0; }
.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2, .hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {display: none; }
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item, .hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {font-size: 14px; }
.hc-offcanvas-nav.nav-levels-expand .nav-container li, .hc-offcanvas-nav.nav-levels-none .nav-container li {transition: background 0.3s ease; }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {background: #2e6296; }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {border-bottom: 1px solid #295887; }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {background: #2f649a; }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before {margin-top: 2px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {margin-top: -2px; -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); }
html.hc-nav-yscroll {overflow-y: scroll; }
body.hc-nav-open {overflow: visible; position: fixed; width: 100%; min-height: 100%; }
.nav-close {display: none !important; }
.hc-offcanvas-nav {visibility: hidden; display: none; position: fixed; top: 0; height: 100%; z-index: 9999; }
.hc-nav-open .hc-offcanvas-nav {visibility: visible; }
.hc-offcanvas-nav.is-ios * {cursor: pointer !important; }
.hc-offcanvas-nav .nav-container {position: fixed; z-index: 9998; top: 0; width: 300px; height: 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
.hc-offcanvas-nav .nav-wrapper {width: 100%; height: 100%; max-height: 100vh; -ms-scroll-chaining: none; overscroll-behavior: none; box-sizing: border-box; }
.hc-offcanvas-nav .nav-content {height: 100%; max-height: 100vh; }
.hc-offcanvas-nav .nav-wrapper-0>.nav-content {overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box; }
.hc-offcanvas-nav ul {list-style: none; margin: 0; padding: 0; }
.hc-offcanvas-nav li {position: relative; display: block; }
.hc-offcanvas-nav li.level-open>.nav-wrapper {visibility: visible; }
.hc-offcanvas-nav input[type="checkbox"] {display: none; }
.hc-offcanvas-nav label {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer; }
.hc-offcanvas-nav a {position: relative; display: block; box-sizing: border-box; cursor: pointer; }
.hc-offcanvas-nav li.nav-parent .nav-item:hover, .nav-back a:hover, .nav-close a:hover, .resom:hover {color: #fff !important; }
.hc-offcanvas-nav .nav-item {position: relative; display: block; box-sizing: border-box; }
.hc-offcanvas-nav .nav-item svg {font-size: 16px; margin-right: 16px; color: #8fc3e8; transition: all 0.4s; }
.hc-offcanvas-nav .nav-item:hover svg {color: #fff; }
.hc-offcanvas-nav .nav-wrapper::after, .hc-offcanvas-nav.disable-body::after {content: ""; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -ms-scroll-chaining: none; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease 0.4s, opacity 0.4s ease; }
.hc-offcanvas-nav .sub-level-open::after, .hc-offcanvas-nav.disable-body.nav-open::after {visibility: visible; opacity: 1; transition-delay: 50ms; }
.hc-offcanvas-nav:not(.nav-open)::after {pointer-events: none; }
.hc-offcanvas-nav.nav-levels-expand .nav-content {overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box; }
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {display: none; }
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease 0.4s; }
.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {max-height: none; }
.hc-offcanvas-nav.nav-levels-overlap .nav-content {overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box; }
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease 0.4s, -webkit-transform 0.4s ease; transition: visibility 0s ease 0.4s, transform 0.4s ease; transition: visibility 0s ease 0.4s, transform 0.4s ease, -webkit-transform 0.4s ease; }
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {position: static; }
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper-1 {width: 297px; }
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper-2 {width: 337px; }
.hc-offcanvas-nav.nav-position-left {left: 0; }
.hc-offcanvas-nav.nav-position-left .nav-container {left: 0; -webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); }
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.hc-offcanvas-nav.nav-position-right {right: 0; }
.hc-offcanvas-nav.nav-position-right .nav-container {right: 0; -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.hc-offcanvas-nav.nav-position-top {top: 0; }
.hc-offcanvas-nav.nav-position-top .nav-container {top: 0; width: 100%; height: auto; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {left: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.hc-offcanvas-nav.nav-position-bottom {top: auto; bottom: 0; }
.hc-offcanvas-nav.nav-position-bottom .nav-container {top: auto; bottom: 0; width: 100%; height: auto; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {left: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.hc-nav-trigger {position: absolute; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; top: 107px; right: 15px; z-index: 9980; width: 30px; min-height: 24px; }
.hc-nav-trigger span {width: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.hc-nav-trigger span, .hc-nav-trigger span::after, .hc-nav-trigger span::before {display: block; position: absolute; height: 4px; background: #d0630e; transition: all 0.2s ease; width: 25px; top: 7px; }
.hc-nav-trigger span::after, .hc-nav-trigger span::before {content: ""; width: 100%; }
.hc-nav-trigger span::before {top: -7px; }
.hc-nav-trigger span::after {bottom: -7px; }
.hc-nav-trigger.toggle-open span {background: rgba(0, 0, 0, 0); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.hc-nav-trigger.toggle-open span::before {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
.hc-nav-trigger.toggle-open span::after {-webkit-transform: rotate(-90deg) translate3d(10px, 0, 0); transform: rotate(-90deg) translate3d(5px, 0, 0); }
.hc-offcanvas-nav .nav-wrapper::after, .hc-offcanvas-nav::after {background: rgba(0, 0, 0, 0.3); }
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {background-color: #4c225d; }
.hc-offcanvas-nav h2 {font-size: 19px; font-weight: 400; text-align: center; padding: 20px 17px; font-family: 'Josefin Sans'; color: #fff; }
.hc-offcanvas-nav .nav-item, .hc-offcanvas-nav a {padding: 14px 30px; font-size: 14px; /* color: #45c7f4; */ transition: all 0.4s; z-index: 1; background: rgba(0, 0, 0, 0); display: flex; align-items: center; font-family: 'Josefin Sans'; color: #fff; }
.hc-offcanvas-nav .nav-item:hover, .hc-offcanvas-nav a:hover {background: #fc0 !important; color: #fff !important; }
.first-nav li a.resact, .hc-offcanvas-nav:not(.touch-device) a:hover, .second-nav li a.resact, .second-nav ul li a.resact {background: #02596c; }
.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {border-top: 1px solid #2c5d8f; margin-top: -1px; }
.hc-offcanvas-nav li {text-align: left; }
.hc-offcanvas-nav li.nav-back a, .hc-offcanvas-nav li.nav-close a {background: #fc0; }
.hc-offcanvas-nav li.nav-back a:hover, .hc-offcanvas-nav li.nav-close a:hover {background: #8fc3e8; }
.nav-close a:hover {color: #fff; }
.hc-offcanvas-nav li.nav-back:not(:first-child) a, .hc-offcanvas-nav li.nav-close:not(:first-child) a {margin-top: -1px; }
.hc-offcanvas-nav li.nav-parent .nav-item {padding-right: 58px; font-family: 'Josefin Sans'; }
.hc-offcanvas-nav li.nav-back span, .hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent span.nav-next {width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background 0.2s ease; }
.hc-offcanvas-nav li.nav-close span::after, .hc-offcanvas-nav li.nav-close span::before {content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; border-top: 2px solid #fff; border-left: 2px solid #fff; }
.hc-offcanvas-nav li.nav-close span::before {margin-left: -6px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.hc-offcanvas-nav li.nav-close span::after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {border-left: 0px solid #2c5d8f; }
.hc-offcanvas-nav li.nav-back span::before, .hc-offcanvas-nav span.nav-next::before {content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform-origin: center; transform-origin: center; }
.hc-offcanvas-nav span.nav-next::before {-webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); }
.hc-offcanvas-nav li.nav-back span::before {-webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); }
.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2); }
.hc-offcanvas-nav.nav-position-right span.nav-next::before {margin-left: 0; margin-right: -2px; }
.hc-offcanvas-nav.nav-position-right li.nav-back span::before {margin-left: 0; margin-right: -2px; }
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.hc-offcanvas-nav.nav-position-top span.nav-next::before {margin-left: 0; margin-right: -2px; -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); }
.hc-offcanvas-nav.nav-position-top li.nav-back span::before {margin-left: 0; margin-right: -2px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); }
.hc-offcanvas-nav.nav-position-bottom span.nav-next::before {margin-left: 0; margin-right: -2px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {margin-left: 0; margin-right: -2px; -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); }
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {box-shadow: none; background: 0 0; }
.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2, .hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {display: none; }
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item, .hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {font-size: 14px; }
.hc-offcanvas-nav.nav-levels-expand .nav-container li, .hc-offcanvas-nav.nav-levels-none .nav-container li {transition: background 0.3s ease; }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {background: #2e6296; }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {border-bottom: 1px solid #295887; }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {background: #2f649a; }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before {margin-top: 2px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {margin-top: -2px; -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); }
.cf::after, .cf::before {content: ""; display: block; height: 0; overflow: hidden; }
.cf::after {clear: both; }
#main-nav {display: none; }
.nav-content h1 {font-size: 50px; font-weight: 700; text-align: center; letter-spacing: 5px; padding-bottom: 8px; }
.resp-logo-img {width: 200px; margin: 10px auto 0px; transition: all .4s; }
.nav-content h2 {font-size: 36px; line-height: 1.4; text-align: center; color: #fff; font-family: 'Josefin Sans'; text-transform: uppercase; display: block; padding: initial; margin: 10px 0}
header .git {display: inline-block; text-decoration: none; color: #fff; border-radius: 4px; padding: 4px 10px 4px 0; font-size: 15px; font-weight: 400; color: #fffce1; background: #54b9cb; transition: background 0.15s ease-in-out; }
header .git:hover {background: #4ca8b9; }
header .git:hover svg {border-color: #54b9cb; }
header .git svg {width: 15px; height: 15px; fill: #fffce1; position: relative; top: 2px; padding: 0 10px; margin-right: 10px; border-right: 1px solid #4daabb; transition: border-color 0.15s ease-in-out; }
header .ver {padding-top: 15px; font-weight: 200; color: #dab977; }
header .ver span {color: #fffce1; }
header .toggle {position: absolute; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; top: 20px; z-index: 9980; width: 35px; min-height: 24px; position: relative; width: auto; top: auto; left: auto; float: right; display: block; cursor: pointer; box-sizing: content-box; font-size: 20px; padding-left: 30px; line-height: 24px; }
header .toggle span {width: 26px; top: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
header .toggle span, header .toggle span::after, header .toggle span::before {display: block; position: absolute; left: 0; height: 3px; background: #ff9600; transition: all 0.25s ease; }
header .toggle span::after, header .toggle span::before {content: ""; width: 100%; }
header .toggle span::before {top: -7px; }
header .toggle span::after {bottom: -7px; }
header .toggle.toggle-open span {background: rgba(0, 0, 0, 0); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
header .toggle.toggle-open span::before {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 5px, 0); }
header .toggle.toggle-open span::after {-webkit-transform: rotate(-90deg) translate3d(10px, 0, 0); transform: rotate(-90deg) translate3d(10px, 0, 0); }
header .toggle:hover span, header .toggle:hover span::after, header .toggle:hover span::before {background: #f7bd00}
header .toggle div {display: inline-block; margin-right: 15px; }
main {flex: 1 0 auto; padding-bottom: 30px; text-align: left; }
main .content {border-top: 1px solid rgba(255, 255, 255, 0.1); }
main h4 {font-size: 15px; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; margin: 20px 0; }
main h4:first-child {margin-top: 30px; }
main .actions {margin: 0 -15px; text-align: center; }
main .actions.checkboxes {text-align: left; padding-top: 8px; }
main .actions.checkboxes label {font-size: 14px; text-transform: uppercase; cursor: pointer; }
main .actions.checkboxes label input {display: none; }
main .actions.checkboxes label input:checked~span {background: #dab977; }
main .actions.checkboxes label input:checked~span::before {content: ""; position: absolute; top: 50%; left: 50%; margin-top: -1px; border: solid #243949; border-width: 0 3px 3px 0; display: inline-block; padding: 5px 2px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
main .actions.checkboxes label span {display: inline-block; position: relative; top: -1px; width: 22px; height: 22px; background: #fffce1; margin-right: 12px; vertical-align: top; transition: all 0.1s ease; }
main .actions div {padding: 0 15px 20px; box-sizing: border-box; }
@media screen and (min-width: 800px) {  main .actions {display: flex; flex-wrap: wrap; }
  main .actions div {float: left; flex: 1 1 33.33%; max-width: 33.33%; }
  main .actions.position div {float: left; flex: 1 1 25%; max-width: 25%; }
}
main .button {position: relative; display: block; padding: 18px 30px 16px; text-transform: uppercase; text-align: center; font-size: 16px; font-weight: 700; line-height: 1.4; letter-spacing: 1px; text-decoration: none; color: #243949; cursor: pointer; background: #fffce1; border-radius: 30px/80px; transition: all 0.1s ease; }
main .button:not(.active):hover {color: #d5af63; }
main .button.active {background: #dab977; }
.hc-offcanvas-nav .nav-wrapper-0>.nav-content {padding-bottom: 41px; }
.hc-offcanvas-nav a {font-size: 16px; }
.hc-offcanvas-nav li.search .nav-item {padding-top: 0; }
.hc-offcanvas-nav li.search input[type="text"] {width: 100%; box-sizing: border-box; border: none; border-radius: 3px; font-size: 14px; color: #fff; background: rgba(255, 255, 255, 0.12); padding: 5px 10px; box-shadow: none; outline: 0; }
.hc-offcanvas-nav li.search input[type="text"]::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.8); }
.hc-offcanvas-nav li.search input[type="text"]:-ms-input-placeholder {color: rgba(255, 255, 255, 0.8); }
.hc-offcanvas-nav li.search input[type="text"]::-ms-input-placeholder {color: rgba(255, 255, 255, 0.8); }
.hc-offcanvas-nav li.search input[type="text"]::placeholder {color: rgba(255, 255, 255, 0.8); }
.hc-offcanvas-nav li.add>a::before {font-family: "Material Icons"; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: "add"; }
.hc-offcanvas-nav li.new>.nav-item::before {font-family: "Material Icons"; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: "fiber_new"; }
.hc-offcanvas-nav li.cryptocurrency>.nav-item::before {font-family: "Material Icons"; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: "local_atm"; }
.hc-offcanvas-nav li.devices>.nav-item::before {font-family: "Material Icons"; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: "devices"; }
.hc-offcanvas-nav li.mobile>.nav-item::before {font-family: "Material Icons"; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: "phone_android"; }
.hc-offcanvas-nav li.television>.nav-item::before {font-family: "Material Icons"; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: "desktop_windows"; }
.hc-offcanvas-nav li.camera>.nav-item::before {font-family: "Material Icons"; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: "camera_alt"; }
.hc-offcanvas-nav li.magazines>.nav-item::before {font-family: "Material Icons"; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: "import_contacts"; }
.hc-offcanvas-nav li.store>.nav-item::before {font-family: "Material Icons"; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: "store"; }
.hc-offcanvas-nav li.collections>.nav-item::before {font-family: "Material Icons"; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: "collections"; }
.hc-offcanvas-nav li.credits>.nav-item::before {font-family: "Material Icons"; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: "credit_card"; }
.hc-offcanvas-nav ul.bottom-nav {position: absolute; z-index: 10; bottom: 0; width: 100%; display: flex; flex-wrap: nowrap; align-items: stretch; border-top: 1px solid #2c5d8f; }
.hc-offcanvas-nav ul.bottom-nav li {flex: auto; }
.hc-offcanvas-nav ul.bottom-nav li a {padding: 10px; text-align: center; height: 100%; border-bottom: none; }
.hc-offcanvas-nav ul.bottom-nav li svg {fill: #fff; display: inline-block; vertical-align: middle; }
.hc-offcanvas-nav ul.bottom-nav li.github svg {width: 17px; height: 17px; }
.hc-offcanvas-nav ul.bottom-nav li.ko-fi svg {width: 21px; height: 21px; }
.hc-offcanvas-nav ul.bottom-nav li.email svg {width: 19px; height: 19px; }
/* responcive menu css */ /* 01.responcive menu CSS code ends here */ /* top header section starts here */ .top-header {/* background-color: #1C448E !important; */ padding: 8px 20px; background: linear-gradient(180deg, rgba(247, 198, 0, 1) 0%, rgba(247, 193, 0, 1) 51%, rgba(247, 184, 0, 1) 100%); }
.inner-top-header {display: flex; justify-content: space-between; align-items: center; padding: 0 33px; }
.inner-top-header article a {font-size: 14px; color: #fff; line-height: 1.4; margin: 0px 5px; }
.inner-top-header article a i {font-size: 14px; color: #fff; line-height: 1.4; margin: 0px 5px; }
.res-dis {display: none; }
/* top header section ends here */ /* main-header section starts here */ .main-header {background-color: #fff; padding: 12px 20px; }
.inner-main-header {display: flex; justify-content: space-between; align-items: center; margin: auto; }
.inner-main-header .logo-contact-text {display: flex; justify-content: space-between; align-items: center; margin: auto; }
.inner-main-header .logo-contact-text a {display: flex; justify-content: center; align-items: center; margin: 0px 20px; font-size: 16px; }
.inner-main-header .logo-contact-text a img {width: 100%; max-width: 24px; margin: 0px 10px; filter: invert(14%) sepia(5%) saturate(3961%) hue-rotate(235deg) brightness(90%) contrast(84%); }
.inner-main-header .logo {width: 100%; max-width: 700px; margin: 0px 20px; display: flex; align-items: center; justify-content: flex-start; }
.logo a img {width: 100%; max-width: 68px; margin: 0px 10px; }
.logo div h2 {font-size: 25px; color: #852fa8; text-align: left; text-shadow: initial; margin: 0; padding: 0; }
.logo div p {font-size: 11px; color: #3f1056; line-height: 1.4; text-align: left; text-shadow: initial; margin: 0px; }
.main-header-1 {background: rgb(247, 198, 0); background: linear-gradient(180deg, #3b5998 0%, #3b5998 51%, #3b5998 100%); }
.nav-bar nav>ul {display: flex; justify-content: center; align-items: center; gap: 30px; }
.nav-bar nav ul li a {color: #fff; line-height: 1.6; text-shadow: initial; padding: 10px 10px; font-size: 16px; display: block; }
.nav-bar nav ul li:hover>a {color: #f7c100; }
.nav-bar nav ul li {position: relative; }
.nav-bar nav ul li .sdc-dropdown {position: absolute; left: 0; flex-direction: column; width: 257px; transition: all .2s; opacity: 0; visibility: hidden; top: 100px; z-index: 2; align-items: initial; background: rgba(28, 68, 142, 0.89) !important; opacity: 0; visibility: hidden; transition: .3s; border-bottom: 4px solid #fc1; padding: 10px 0 !important; }
.nav-bar nav ul li .sdc-dropdown li a {font-size: 16px; }
/* .nav-bar nav ul li:hover .sdc-dropdown {display: flex; top: 64px; opacity: 1; visibility: visible; }
*/ .nav-bar nav ul li:hover .sdc-dropdown {display: flex; top: 45px; opacity: 1; visibility: visible; flex-direction: column !important; }
.sdc-dropdown.students-welfare {left: auto !important; right: -67px !important; }
.sdc-dropdown li a {padding: 5px 15px !important; color: #fff !important; }
.sdc-dropdown li a::before {display: none; }
.sdc-dropdown-1 {position: absolute; left: 280px; flex-direction: column !important; width: 300px; background-color: rgb(63, 16, 86) !important; border-top: 4px solid rgba(247, 193, 1, 0.8); transition: all .2s; opacity: 0; visibility: hidden; top: 0; z-index: 1; align-items: initial !important; }
.sdc-dropdown li:hover .sdc-dropdown-1 {display: flex; top: 0px; left: 280px; opacity: 1; visibility: visible; }
.nav-bar nav ul li a img {width: 100%; max-width: 24px; filter: invert(0%) sepia(0%) saturate(7%) hue-rotate(253deg) brightness(103%) contrast(100%); margin: auto; vertical-align: middle; }
.resp-menu {display: none; }
.f-nav {z-index: 5; position: fixed; left: 0; top: 0; width: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.logo-contact-text-res {display: none !important; }
.f-nav .logo-contact-text {display: none !important; }
.f-nav .logo-contact-text-res {display: flex !important; }
.inner-main-header .logo-contact-text-res a img {width: 100%; max-width: 24px; margin: 0px 10px; filter: invert(0%) sepia(0%) saturate(7%) hue-rotate(253deg) brightness(103%) contrast(100%); }
.inner-main-header .logo-contact-text-res a {display: flex; justify-content: center; align-items: center; margin: 0px 20px; font-size: 16px; }
.f-nav .resp-menu {display: block !important; }
.sbu-menu-icon {display: flex; justify-content: space-between; align-items: center; }
.sbu-menu-icon span {font-size: 20px; color: #fff; font-weight: bold; margin-right: 10px; }
.f-nav .logo a img {max-width: 55px; }
.f-nav .pg-sdc {display: none; }
.f-nav .logo span {display: none; }
.f-nav .logo div h2 {font-size: 20px; }
.f-nav .resp-top-head-p p a {padding: 0; }
/* mega menu */ .without-position {position: relative !important; }
.without-position ul.sdc-dropdown {width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: row !important; opacity: 0; visibility: hidden; transition: .3s; border-bottom: 4px solid #fc1; padding: 0px 0 0px !important; }
.without-position ul.bgsdc-drop {background-image: url('../images/background-imgs/banner.jpg'); background-position: center !important; background-size: cover !important; z-index: 1; position: relative; width: 100%; }
.without-position ul.bgsdc-drop:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(28, 68, 142, 0.67); opacity: .8; z-index: 0; }
.without-position ul.sdc-dropdown li {width: 100%; }
.without-position ul.sdc-dropdown li a {color: #fff !important; }
.main-header-1 .main-container {position: relative; }
/* mega menu */ .mega-menu-cards-wapper {display: flex; justify-content: flex-start; }
.mega-menu-cards-wapper div.mega-menu-cards {width: 248px; position: relative; border-right: 1px solid rgba(255, 204, 0, 0.27); }
.mega-menu-cards-wapper div.mega-menu-cards:last-child {border-right: 0px; }
.mega-menu-cards h5 {font-size: 20px; color: #683f01; margin: 0px auto; line-height: 1.4; background: #fc0; border-width: thin; padding: 5px 0px; border-top: 3px solid #750e43; }
.mega-menu-cards-wapper div.mega-menu-cards li {position: initial !important; border-bottom: 0px; width: 100%; }
.sdc-dropdown.bgsdc-drop {position: absolute; left: 0px !important; }
.sdc-dropdown.bgsdc-drop.overview {position: absolute; left: 0px !important; }
.sdc-dropdown.department {position: absolute; left: 0px !important; }
.sdc-dropdown.facilities {position: absolute; left: 0px !important; }
.nav-bar nav ul li .sdc-dropdown.enrichment {left: unset !important; }
.sdc-dropdown.facilities li a {text-align: center; }
.sdc-dropdown.students-welfare li a {text-align: left; }
.sdc-dropdown.enrichment li a, .sdc-dropdown.department li a {text-align: center; }
.know-more:hover {color: #ff9600 !important; }
/* index slider */ .swaragh-index-slider {position: relative; }
.swaragh-index-slider .swiper-wrapper .swiper-container {width: 100%; }
.swaragh-index-slider .swiper-wrapper .swiper-slide {background: no-repeat center center/cover; min-height: 100%; /* height: 600px; */ position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.swaragh-index-slider .swiper-wrapper .swiper-slide .index-slide-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .6; z-index: -1; }
.swaragh-index-slider .swiper-container {width: 100%; height: 600px; overflow: hidden; }
.swaragh-index-slider .swiper-pagination-bullet {background-color: transparent; border: 2px solid #fff; width: 12px; height: 3px; opacity: 1; }
.swaragh-index-slider .swiper-pagination-bullet-active {background-color: #fff; }
.swaragh-index-slider .swiper-button-container {background-color: #fff; }
.swaragh-index-slider .swiper-container .swiper-pagination-bullet-active {background: #17a43b !important; }
.swaragh-index-slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background: rgba(255, 255, 255, .6); }
.swaragh-index-slider .swiper-container .swiper-pagination-bullet {width: 12px; height: 3px; }
.swaragh-index-slider .swiper-container .swiper-pagination-bullet {border: none; }
.swiper-pagination-bullet {border-radius: 2px !important; }
.swaragh-index-slider .swiper-slide h2, .swiper-slide h3, .swiper-slide a, .swiper-slide p {opacity: 0; color: #ffffff; font-size: 62px; transform: translateY(-100%) scale(0.8); transition: 1s ease; margin: 10px auto; }
.swaragh-index-slider .swiper-slide a {padding: 12px 24px; border-radius: 4px; background: #ff9600; font-size: 14px; color: #fff; text-transform: uppercase; transition: all 0.3s ease 0s; text-decoration: none; }
.swaragh-index-slider .swiper-slide h3 {font-size: 32px; }
.swaragh-index-slider .swiper-slide p {font-size: 16px; color: #fff; line-height: 1.4; text-align: center; }
.swaragh-index-slider .swiper-slide h2.right-text, .swiper-slide h3.right-text, .swiper-slide a.right-text, .swiper-slide p.right-text {opacity: 0; color: #ffffff; font-size: 62px; transform: translateX(-100%) scale(0.8); transition: 1s ease; margin: 5px auto; }
.swaragh-index-slider .swiper-slide h2.left-text, .swiper-slide h3.left-text, .swiper-slide a.left-text, .swiper-slide p.left-text {opacity: 0; color: #ffffff; font-size: 62px; transform: translateX(-100%) scale(0.8); transition: 1s ease; margin: 5px auto; }
.swaragh-index-slider .swiper-slide a.left-text {padding: 12px 24px; border-radius: 4px; background: #ff9600; font-size: 14px; color: #fff; text-transform: uppercase; transition: all 0.3s ease 0s; text-decoration: none; }
.swaragh-index-slider .swiper-slide h3.left-text {font-size: 32px; }
.swaragh-index-slider .swiper-slide p.left-text {font-size: 16px; color: #fff; line-height: 1.4; text-align: center; }
.swaragh-index-slider .swiper-slide a.right-text {padding: 12px 24px; border-radius: 4px; background: #ff9600; font-size: 14px; color: #fff; text-transform: uppercase; transition: all 0.3s ease 0s; text-decoration: none; }
.swaragh-index-slider .swiper-slide h3.right-text {font-size: 30px; }
.swaragh-index-slider .swiper-slide p.right-text {font-size: 20px !important; color: #fff; line-height: 1.4; text-align: center; }
.swaragh-index-slider .swiper-slide-active h3 {opacity: 1; transform: translateY(0%) scale(1); transition: 1s ease; transition-delay: 1s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.swaragh-index-slider .swiper-slide-active h2 {opacity: 1; transform: translateY(0%) scale(1); transition: 1s ease; transition-delay: .9s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.swaragh-index-slider .swiper-slide-active p {opacity: 1; transform: translateY(0) scale(1); transition-delay: .7s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.swaragh-index-slider .swiper-slide-active a {opacity: 1; transform: translateY(0) scale(1); transition-delay: .5s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.swaragh-index-slider .swiper-slide-active h3.right-text {opacity: 1; transform: translateX(120%) scale(1); transition: 1s ease; transition-delay: 1s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.swaragh-index-slider .swiper-slide-active h2.right-text {opacity: 1; transform: translateX(77%) scale(1); transition: 1s ease; transition-delay: .9s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.swaragh-index-slider .swiper-slide-active p.right-text {opacity: 1; transform: translateX(74%) scale(1); transition-delay: .7s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); font-size: 28px; }
.swaragh-index-slider .swiper-slide-active a.right-text {opacity: 1; transform: translateX(125%) scale(1); transition-delay: .5s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.swaragh-index-slider .swiper-slide-active h3.left-text {opacity: 1; transform: translateX(-180%) scale(1); transition: 1s ease; transition-delay: 1s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.swaragh-index-slider .swiper-slide-active h2.left-text {opacity: 1; transform: translateX(-46%) scale(1); transition: 1s ease; transition-delay: .9s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.swaragh-index-slider .swiper-slide-active p.left-text {opacity: 1; transform: translateX(-100%) scale(1); transition-delay: .7s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.swaragh-index-slider .swiper-slide-active a.left-text {opacity: 1; transform: translateX(-210%) scale(1); transition-delay: .5s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.swaragh-index-slider .swiper-button-prev, .swiper-button-next {color: #fff !important; transition: all .2s; }
.swaragh-index-slider .swiper-button-prev:hover, .swiper-button-next:hover {color: #fc0 !important; }
.swaragh-index-slider .swiper-button-prev::after, .swiper-button-next::after {font-size: 28px !important; }
/* index slider */ /* three-blocks section starts here */ .three-blocks {position: relative; }
.inner-three-blocks {position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; display: flex; justify-content: center; align-items: center; z-index: 3; }
.inner-three-blocks article {width: 100%; max-width: 380px; margin: 0px; padding: 23px; display: flex; justify-content: center; align-items: center; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; position: relative; min-height: 170px; }
.inner-three-blocks article span {width: 100%; max-width: 55px; margin: 0px 10px; position: relative; }
.inner-three-blocks article span img {width: 100%; max-width: 80px; filter: invert(100%) sepia(95%) saturate(567%) hue-rotate(202deg) brightness(122%) contrast(108%); }
.inner-three-blocks article main {flex: initial; padding-bottom: 0px; text-align: initial; line-height: 1.4; }
.inner-three-blocks article main h2 {font-size: 20px; color: #fff; }
.inner-three-blocks article main p {font-size: 16px; color: #fff; text-align: left; }
.inner-three-blocks article a.three-blocks-a {position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
/* three-blocks section ends here */ /* about-us section starts here */ .about-us {padding: 100px 0px 50px; }
.about-us h2 {color: #3f1056; padding-bottom: 10px; }
.inner-about-us {display: flex; justify-content: center; margin: auto; }
.inner-about-us article {width: 55%; margin: 0px 0px; }
.inner-about-us article:nth-child(1) {background-position: center; background-repeat: no-repeat; background-size: cover; width: 45%; height: 500px; }
.inner-about-us article:nth-child(2) h3 span img {width: 100%; max-width: 25px; filter: invert(52%) sepia(88%) saturate(848%) hue-rotate(360deg) brightness(103%) contrast(105%); }
.inner-about-us article:nth-child(2) h3 {font-size: 20px; color: #3f1056; margin: 10px 0px; text-align: left; text-shadow: initial; text-transform: capitalize; }
.inner-about-us article:nth-child(2) h2 {font-size: 40px; color: #ff9600; margin: 10px 0px; text-align: left; text-shadow: initial; text-transform: capitalize; }
.inner-about-us article:nth-child(2) a {display: inline-block; background: #1c448e; border-radius: 2px; padding: 12px 32px 10px; color: #fff; font-size: 20px; margin: 85px 0px 38px; /*margin-top: 68px; */ text-align: center; width: 100%; max-width: 200px; transition: ease-in-out 0.3s; }
.inner-about-us article:nth-child(2) a:hover {background-color: #fff; color: #1c448e; border: 1px solid #1c448e; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.about-t-l-r-b-p {padding: 12px 60px 60px; }
/* 12. news css */ a.individual-news-component {width: 100%; }
a.individual-news-component .single-news-component {padding: 15px 20px; position: relative; max-width: 600px; margin: 0 auto; text-align: left; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
a.individual-news-component .single-news-component:nth-child(2) {margin: 10px auto; }
.single-news-component span {margin-top: 20px; display: flex; justify-content: flex-end; color: rgba(255, 255, 255, 0.3); }
.single-news-component span i {padding: 10px; background: #f7c200; border-radius: 32px; }
.single-news-component span em {color: #fff; margin-right: 4px; position: relative; padding: 0 6px; text-transform: capitalize; }
.single-news-component span em:not(:last-child):before {content: ''; position: absolute; right: 0; top: 0; bottom: 0; height: 80%; width: 1px; background: rgba(255, 255, 255, 0.3); margin: auto 0; }
.single-news-component h3 {color: #3F1056; font-size: 20px; }
.single-news-component p {margin: 10px 0; text-align: left; color: #6b6b6b; line-height: 1.7; }
.news-calender-links {display: inline-block; background: #1c448e; border-radius: 2px; padding: 12px 32px 10px; color: #fff; font-size: 20px; margin: 20px; text-align: center; width: 100%; max-width: 200px; transition: ease-in-out 0.3s; }
.news-calender-links:hover {background-color: #fff; color: #1c448e; border: 1px solid #1c448e; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
div.link-holder {position: relative; text-align: center; z-index: 0; }
.iframe-news-holder {width: 100%; height: 430px; }
/* about-us section ends here */ /* india-group-rank section starts here */ .india-group-rank {padding: 40px 20px; background: no-repeat center center/cover; position: relative; z-index: 0; }
.india-group-rank::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); opacity: .8; z-index: -1; }
.inner-india-group-rank {display: flex; justify-content: center; flex-wrap: wrap; }
.inner-india-group-rank article {width: 100%; max-width: 350px; margin: 20px 30px; }
.inner-india-group-rank article h3 {font-size: 25px; color: #fff; text-align: center; text-shadow: initial; margin: 20px auto; }
.inner-india-group-rank article span {display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; background-color: #792A87; margin: auto; border: 2px solid #1c448e; box-shadow: 2px 2px 2px #020202; }
.inner-india-group-rank article span i {font-size: 35px; color: #f7bd00; text-align: center; display: flex; justify-content: center; align-items: center; margin: 10px auto 0; }
.inner-india-group-rank article span i sup {font-size: 15px; display: block; transform: translate(0px, -10px); }
.inner-india-group-rank article p {color: #f7bd00; font-size: 18px; line-height: 1.4; text-align: center; margin: 20px auto; }
/* india-group-rank section ends here */ /* student-welfare section satrts here */ .student-welfare {padding: 40px 20px; padding-bottom: 0px; }
.inner-student-welfare {display: flex; justify-content: center; align-items: center; }
.inner-student-welfare .student-text {width: 100%; max-width: 1050px; margin: 0px 20px; }
.inner-student-welfare .student-text h2 {margin: 20px 10px; }
.inner-student-welfare .student-text p {font-size: 18px; color: #0009; line-height: 1.6; text-align: left; text-shadow: initial; margin: 20px 10px; }
.inner-student-welfare .student-img {background: no-repeat center center/cover; width: 100%; max-width: 380px !important; height: 665px; margin: 0 auto; }
.inner-student-welfare .student-text main {display: flex; justify-content: center; align-items: center; }
.inner-student-welfare .student-text main div .student-icon-text {display: flex; justify-content: flex-start; align-items: center; margin: 40px 10px; }
.inner-student-welfare .student-text main div .student-icon-text span {width: 100%; max-width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #ff9600; margin: 0px 10px; transition: all 0.4s; }
.inner-student-welfare .student-text main div .student-icon-text span img {width: 100%; max-width: 50px; filter: invert(52%) sepia(88%) saturate(848%) hue-rotate(360deg) brightness(103%) contrast(105%); transition: all 0.3s; }
.inner-student-welfare .student-text main div .student-icon-text div h3 {font-size: 20px; color: #000; text-align: left; text-shadow: initial; line-height: 1.4; margin: 10px 0px; }
.inner-student-welfare .student-text main div .student-icon-text div p {font-size: 18px; color: rgba(0, 0, 0, .6); text-align: left; text-shadow: initial; line-height: 1.4; margin: 10px 0px; }
.inner-student-welfare .student-text main div .student-icon-text:hover span {background-color: #ff9600; }
.inner-student-welfare .student-text main div .student-icon-text:hover span img {filter: invert(100%) sepia(0%) saturate(7475%) hue-rotate(216deg) brightness(97%) contrast(100%); }
.student-div-res {width: 100%; }
/* student-welfare section ends here */ /* latest-news section starts here */ .latest-events {padding: 40px 20px; padding-bottom: 80px; background-color: #f1f1f1; }
.inner-latest-events {width: 100%; height: 630px; }
.inner-latest-events iframe {width: 100%; height: 100%; }
/* latest-news section ends here */ /* 11. calender-news-section */ main.calender-news-section {position: relative; z-index: 0; background: url('../images/background-imgs/cources-bg.jpg') no-repeat center center/cover fixed; z-index: 0; padding: 40px 20px; }
main.calender-news-section::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); width: 100%; z-index: -1; }
main.calender-news-section .calender-news-container {width: 100%; max-width: 2000px; margin: 0 auto; padding: 20px 10px; }
.calender-news-container article {width: 100%; }
.calender-news-container article.side-note-container {padding: 60px 20px; background: no-repeat center center/cover; position: relative; z-index: 0; display: flex; justify-content: space-evenly; gap: 30px; flex-wrap: wrap; }
.calender-news-container article.side-note-container div {padding: 20px 16px; width: 100%; max-width: 435px; border: 1px solid aliceblue; border-radius: 20px; }
article.side-note-container div h4 {position: relative; font-size: 25px; color: #fff; margin: 20px 0px; line-height: 1.4; }
article.side-note-container div p {text-align: left; color: #fff; margin: 15px 0; font-size: 18px; line-height: 1.6; font-style: italic; text-shadow: initial; position: relative; }
.calender-news-container article:nth-child(2) {padding: 60px 20px; }
.calender-news-container article h2 {display: block; color: #FFA101; margin: 0; font-size: 40px; }
.calender-news-container article h5 {display: inline-block; position: relative; color: #fff; font-size: 24px; text-transform: uppercase; margin-bottom: 20px; }
.calender-news-container article .iframe-calender-holder, .calender-news-container article .iframe-news-holder {width: 100%; height: 440px; margin-top: 40px; }
.calender-news-container .link-holder a {display: inline-block; background-color: #fff; border-radius: 2px; padding: 12px 32px 10px; color: #8511bd; font-size: 20px; margin: 20px; text-align: center; width: 100%; max-width: 200px; transition: ease-in-out 0.3s; border: 1px solid #8511bd; }
.calender-news-container .link-holder a:hover {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background: #8511bd; color: #fff; }
/* 11. calender-news-section */ /* our-features section starts here */ .our-features {padding: 40px 0px; background-color: #f1f1f1; }
.our-features h2 {margin: 30px auto; }
.inner-our-features {display: flex; justify-content: center; align-items: center; }
.inner-our-features .fet-img {width: 100%; max-width: 450px; margin: 0px 0px; position: relative; background: no-repeat center center/cover; height: 550px; }
.inner-our-features .fet-img::after {content: ''; position: absolute; bottom: -60px; right: -111px; margin: auto; width: 100%; max-width: 300px; height: 370px; background: no-repeat center center/cover; background-image: url('../images/inner-img/sports-3.webp'); }
.inner-our-features .fet-img::before {content: ''; position: absolute; top: 235px; left: 255px; margin: auto; width: 69%; height: 69%; border: 10px solid #f1f1f1; box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1); }
.inner-our-features .fet-block-text {width: 100%; max-width: 830px; margin: 0px 0px 0px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 20px; margin-left: 80px; }
.inner-our-features .fet-block-text main {width: 100%; max-width: 350px; margin: 10px 15px; }
.inner-our-features .fet-block-text main span {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100px; height: 100px; border-radius: 8px; margin: auto; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.inner-our-features .fet-block-text main span img {width: 100%; max-width: 70px; filter: invert(100%) sepia(0%) saturate(7475%) hue-rotate(216deg) brightness(97%) contrast(100%); margin: auto; text-align: center; }
.inner-our-features .fet-block-text main h3 {font-size: 22px; text-align: center; text-shadow: initial; line-height: 1.6; margin: 10px auto; text-shadow: 0px 1px 1px #c1c1c1; }
.inner-our-features .fet-block-text main p {font-size: 16px; color: rgba(0, 0, 0, 0.8); text-align: center; text-shadow: initial; line-height: 1.6; margin: 10px auto; }
.inner-our-features .fet-block-text main a {display: block; border-radius: 2px; padding: 10px 32px; color: #3f1056; font-size: 20px; margin: 20px auto; text-align: center; width: 100%; max-width: 200px; }
/* our-features section ends here */ /* admission section strats here */ .admission-wapper {padding: 40px 20px; background: no-repeat center center/cover; position: relative; z-index: 0; }
.admission-wapper::before {width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0; z-index: -1; content: ""; background: rgb(28, 68, 142); opacity: 0.9; }
.inner-admission-wapper h2 {color: #fff; line-height: 1.3; font-size: 46px; text-transform: initial; }
.inner-admission-wapper h2 span {color: #eeb505; }
.inner-admission-wapper {display: flex; justify-content: space-between; gap: 40px; align-items: center; }
.inner-admission-wapper .link-holder {width: 100%; max-width: 450px; }
.inner-admission-wapper .link-holder a {display: block; background-color: #fff; border-radius: 2px; padding: 20px 40px; color: #8511bd; font-size: 30px; margin: 20px; text-align: center; width: 100%; max-width: 300px; transition: ease-in-out 0.3s; border: 1px solid #8511bd; }
.inner-admission-wapper .link-holder a:hover {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background: #8511bd; color: #fff; }
/* admission section ends here */ /* vision & mission */ .mvg-points p {width: 100%; max-width: 640px; margin: auto; }
.mba-vision-mission-left {width: 100%; max-width: 600px; }
.mba-vision-mission-right {width: 100%; max-width: 500px; }
.mba-vision-mission-main {display: flex; justify-content: space-between; align-items: center; }
/* princple-desk section starts here */ .princple-desk {padding: 0px 0px; transition: all 0.4s ease-in; }
.inner-princple-desk {display: flex; justify-content: center; align-items: center; margin: auto; }
.inner-princple-desk .princple-txt {width: 100%; max-width: 700px; margin: auto; margin-right: 30px; padding: 20px 30px; transition: all 0.4s ease-in; }
.inner-princple-desk .princple-txt h2 {color: #1c448e; text-shadow: 0px 2px 2px #c1c1c1; text-align: left; line-height: 1.4; margin: 20px 0px; }
.inner-princple-desk .princple-txt span {width: 100%; max-width: 700px; height: 1px; background-color: #d8d4d4; border-radius: 10px; display: block; margin: auto; }
.inner-princple-desk .princple-txt p {color: rgba(0, 0, 0, .6); text-shadow: initial; text-align: left; line-height: 1.8; margin: 20px 0px; position: relative; }
.inner-princple-desk .princple-txt p::before {content: ''; position: absolute; background-image: url('../images/png-logo/quets1.svg'); bottom: -75px; left: 225px; margin: auto; width: 100%; max-width: 70px; height: 70px; filter: invert(99%) sepia(4%) saturate(9%) hue-rotate(273deg) brightness(112%) contrast(89%); }
.inner-princple-desk .princple-txt h5 {font-size: 18px; color: #2c97ea; text-shadow: initial; text-align: left; line-height: 1.4; margin: 2px 0px; }
.inner-princple-desk .princple-txt h6 {font-size: 16px; color: rgba(129, 129, 129, 0.9); text-shadow: initial; text-align: left; line-height: 1.4; margin: 5px 0px; }
.inner-princple-desk .princple-txt a {display: inline-block; background: #1c448e; border-radius: 2px; padding: 12px 32px 10px; color: #fff; font-size: 20px; margin: 20px auto; text-align: center; width: 100%; max-width: 200px; transition: ease-in-out 0.3s; }
.inner-princple-desk .princple-txt a:hover {background-color: #fff; color: #1c448e; border: 1px solid #1c448e; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.inner-princple-desk .princple-img {width: 100%; max-width: 760px; height: 500px; background: no-repeat center center/cover; position: relative; z-index: 0; }
.inner-princple-desk .princple-img::before {content: ''; position: absolute; width: 100%; height: 100%; background: transparent; z-index: -1; top: 0; left: 0; margin: auto; transition: all 0.4s ease; }
.inner-princple-desk .princple-txt:hover .princple-desk {background-color: #f1f1f1; }
/* princple-desk section ends here */ /* take a tour of clg video section starts here */ .tour-video {padding: 0px 0px; background-color: #f1f1f1; transition: all 0.4s ease-in; }
.inner-tour-video {display: flex; justify-content: center; align-items: center; margin: auto; }
.inner-tour-video .video-img {display: flex; justify-content: center; align-items: center; margin: auto; position: relative; width: 100%; max-width: 841px; background-position: center; background-repeat: no-repeat; background-repeat: no-repeat; height: 470px; }
.inner-tour-video .video-img::before {position: absolute; content: ''; background-color: rgba(0, 0, 0, 0.3); width: 97%; height: 94%; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 0; }
.inner-tour-video .video-img a img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; max-width: 70px; height: 70px; filter: invert(100%) sepia(4%) saturate(1106%) hue-rotate(236deg) brightness(118%) contrast(100%); }
.inner-tour-video .video-text {width: 100%; max-width: 700px; margin: 10px 30px; transition: all 0.4s ease-in; }
.inner-tour-video .video-text em {display: block; color: rgba(0, 0, 0, .5); font-size: 20px; font-style: initial; text-shadow: initial; margin: 0px 20px; text-transform: capitalize; }
.inner-tour-video .video-text h3 {font-size: 22px; color: #000; margin: 5px 20px 10px; text-align: left; text-shadow: initial; line-height: 1.4; }
.inner-tour-video .video-text h2 {font-size: 25px; margin: 0px 20px; }
.inner-tour-video .video-text p {font-size: 18px; color: rgba(0, 0, 0, 0.6); margin: 20px 20px; text-align: left; text-shadow: initial; line-height: 1.8; }
.inner-tour-video .video-text a {display: inline-block; background: #1c448e; border-radius: 2px; padding: 12px 32px 10px; color: #fff; font-size: 20px; margin: 20px; text-align: center; width: 100%; max-width: 200px; transition: ease-in-out 0.3s; }
.inner-tour-video .video-text a:hover {background-color: #fff; color: #1c448e; border: 1px solid #1c448e; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.inner-tour-video .video-text:hover .tour-video {background-color: #fff; }
/* take a tour of clg video section ends here */ /* gallery section starst here */ .gallery {padding: 40px 0px 15px; }
.gallery em {display: block; text-align: center; margin: 20px auto; color: #333; font-size: 20px; }
.inner-gallery {display: flex; justify-content: center; align-items: center; margin: auto; flex-wrap: wrap; }
.inner-gallery article {width: 20%; margin: auto; height: 300px; background: no-repeat center center/cover; position: relative; z-index: 0; }
.inner-gallery article:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(0, 0, 0, 0.4); transition: all 0.3s ease 0s; }
.inner-gallery article:hover:before {background: rgba(0, 0, 0, 0.9); }
.inner-gallery article .overlay-g {width: 100%; position: absolute; top: 50%; margin-top: -57px; z-index: 1; text-align: center; opacity: 0; transition: all 0.3s ease 0s; z-index: 1; }
.inner-gallery article:hover .overlay-g {top: 44%; opacity: 1; }
.inner-gallery article .overlay-g h3 {display: block; padding-bottom: 4px; font-size: 24px; color: #fff; text-transform: uppercase; }
.inner-gallery article .overlay-g p {display: block; padding-bottom: 30px; font-weight: 700; font-size: 12px; color: #fff; text-transform: uppercase; opacity: 0.5; margin: auto; text-align: center; }
.inner-gallery article .overlay-g .galleryItem {width: 56px; height: 56px; margin: 0 8px; display: inline-block; line-height: 60px; border-radius: 50%; text-align: center; background: #ff9600; font-size: 22px; color: #fff; padding: 3px; }
.inner-gallery article .overlay-g .more {width: 56px; height: 56px; margin: 0 8px; display: inline-block; line-height: 60px; border-radius: 50%; text-align: center; background: #17a43b; font-size: 22px; color: #fff; padding: 5px; }
.inner-gallery article .overlay-g a span img {width: 100%; max-width: 30px; filter: invert(100%) sepia(0%) saturate(7475%) hue-rotate(216deg) brightness(97%) contrast(100%); }
.doble-btn {display: flex; justify-content: center; align-items: center; }
.doble-btn a.btn-flex-g {display: flex !important; justify-content: center; align-items: center; }
.doble-btn a span {display: flex; justify-content: center; align-items: center; }
/* gallery section starst here */ /* testimonials section starts here */ .testimonials {padding: 40px 20px 34px 20px; background: #fff; position: relative; z-index: 0; min-height: 450px; height: auto; }
.inner-testimonials h2 {text-transform: capitalize; color: #ff9600; margin: 0px 20px; position: relative; margin-bottom: 30px; }
.inner-testimonials em {display: block; margin: 10px auto; font-size: 22px; color: #1c448e; }
.testim .arrow {display: block; position: absolute; color: #1c448e; cursor: pointer; font-size: 2em; top: 50%; transform: translateY(-50%); transition: all .3s ease-in-out; padding: 5px; z-index: 2; }
.testim .arrow:before {cursor: pointer; }
.testim .arrow:hover {color: #ea830e; }
.testim .arrow.left {left: 170px; }
.testim .arrow.right {right: 170px; }
.testim .dots {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0;
	margin: 0 auto 40px;
	display: block;
	z-index: 3333;
	height: 0;
}
.inner-testimonials {
	padding: 0 0 25px;
}
/* .testim .dots {text-align: center; position: absolute; width: 100%; bottom: 0px; left: 0; margin: 20px auto 40px; display: block; z-index: 3333; height: 12px; } */
.testim .dots .dot {list-style-type: none; display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #3333; margin: 0 10px; cursor: pointer; transition: all .5s ease-in-out; position: relative; }
.testim .dots .dot.active, .testim .dots .dot:hover {background: #ea830e; border-color: #ea830e; }
.testim .dots .dot.active {animation: testim-scale .5s ease-in-out forwards; }
.testim .cont {position: relative; overflow: hidden; }
.testim .cont>div {text-align: center; position: absolute; top: 0; left: 0; padding: 0 0 0px 0; opacity: 0; }
.testim .cont>div.inactive {opacity: 1; }
.testim .cont>div.active {position: relative; opacity: 1; }
.testim .cont div .img img {display: block; width: 100px; height: 100px; margin: auto; border-radius: 50%; }
.testim .cont div h2, .testim .cont div h3 {color: #ff9600; font-size: 22px; margin: 15px 0; font-weight: bold; }
.testim .cont div p {font-size: 18px; color: #3333; width: 80%; margin: auto; text-align: center; line-height: 1.7; }
.testim .cont div.active .img img {animation: testim-show .5s ease-in-out forwards; }
.testim .cont div.active h2, .testim .cont div.active h3 {animation: testim-content-in .4s ease-in-out forwards; }
.testim .cont div.active p {animation: testim-content-in .5s ease-in-out forwards; }
.testim .cont div.inactive .img img {animation: testim-hide .5s ease-in-out forwards; }
.testim .cont div.inactive h2, .testim .cont div.inactive h3 {animation: testim-content-out .4s ease-in-out forwards; }
.testim .cont div.inactive p {animation: testim-content-out .5s ease-in-out forwards; }
@keyframes testim-scale {  0% {box-shadow: 0px 0px 0px 0px #eee; }
  35% {box-shadow: 0px 0px 10px 5px #eee; }
  70% {box-shadow: 0px 0px 10px 5px #ea830e; }
  100% {box-shadow: 0px 0px 0px 0px #ea830e; }
}
@keyframes testim-content-in {  from {opacity: 0; transform: translateY(100%); }
  to {opacity: 1; transform: translateY(0); }
}
@keyframes testim-content-out {  from {opacity: 1; transform: translateY(0); }
  to {opacity: 0; transform: translateY(-100%); }
}
@keyframes testim-show {  from {opacity: 0; transform: scale(0); }
  to {opacity: 1; transform: scale(1); }
}
@keyframes testim-hide {  from {opacity: 1; transform: scale(1); }
  to {opacity: 0; transform: scale(0); }
}
@media all and (max-width: 500px) {  .testim .arrow {font-size: 1.5em; }
  .testim .cont div p {line-height: 25px; }
}
@media (max-width: 768px) { .testimonials {	padding: 30px 15px 35px 15px;}
  .testim .arrow.left {left: 10px; }
  .testim .arrow.right {right: 10px; }
  .testim .cont div p {width: 95%; font-size: 15px; }
  .testim .cont div h2 {font-size: 18px; }
  /* #testim-dots {display: none; }
}
*/}
/* testimonials section ends here */ /*footer */ footer {padding: 20px 0 10px; background: url('../images/background-imgs/banner.jpg') no-repeat center center/cover; position: relative; z-index: 0; }
footer:before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(28, 68, 142, 0.88); ; z-index: -1; opacity: .92; }
footer .footer-logo {padding: 0 20px 20px; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 821px; margin: auto; flex-direction: column; gap: 4px; }
footer .footer-logo img {width: 100%; max-width: 100px; }
footer .footer-logo h4 {margin-left: 20px; color: #fff; font-size: 26px; text-transform: capitalize; text-align: center; letter-spacing: 1px; }
footer .footer-logo a {display: block; text-align: center; position: relative; z-index: 0; }
footer .footer-logo a:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; max-width: 90px; height: 80%; background: #fff; border-radius: 50%; z-index: -1; }
footer .main-container {display: flex; justify-content: center; padding: 10px 0 0; gap: 27px; }
footer .main-container article h3 {font-size: 20px; text-transform: uppercase; color: #e0cf20; font-weight: 600; }
footer .main-container article ul {margin-top: 12px; }
footer .main-container article ul.location-ul li {margin: 16px 0; }
footer .main-container article ul.location-ul li {position: relative; display: flex; font-size: 18px; line-height: 1.4; align-items: center; }
footer .main-container article ul.location-ul li img {width: 23px; filter: invert(81%) sepia(23%) saturate(5513%) hue-rotate(5deg) brightness(103%) contrast(105%); display: block; margin-right: 12px; }
footer .main-container article a {color: #fff; font-size: 15px; transition: all .2s; }
footer .main-container article a:hover {color: #ff9600; }
footer .main-container article address {margin-top: 20px; }
footer .main-container article ul.quick-links li {width: 48%; display: inline-block; vertical-align: middle; margin: 10px 0; }
footer .main-container article ul.quick-links li a {display: block; }
.footer-social-icons {gap: 20px; display: flex; align-items: center; justify-content: start; padding-top: 30px; }
.footer-social-icons a i {color: #fff; }
.footer-clg-details p {color: #f4b41c; margin: 0; padding: 0 0 0 22px; font-size: 20px; text-align: center; }
/*footer */ /* bottom-footer section starts here */ .bottom-footer {background-color: #1c448e; padding: 8px 20px 0; }
.inner-bottom-footer {display: flex; justify-content: space-between; align-items: center; color: #fff; }
.inner-bottom-footer a {color: #fff; font-size: 12px; }
.inner-bottom-footer span {font-size: 12px; }
/* bottom-footer section ends here */ /* go to top */ #to-top {cursor: pointer; position: fixed; bottom: 30px; right: 30px; z-index: 9; color: #f7bd00; font-size: 40px; }
/* go to top */ /* inner-page-banner section */ .inner-page-banner {height: 400px; background: no-repeat center center/cover; width: 100%; position: relative; z-index: 0; }
.inner-page-banner .main-container {height: 100%; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; }
.inner-page-banner::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background-color: rgba(0, 0, 0, 0.5)*/; z-index: -1; }
.inner-banner-container h1 {color: #fff; font-size: 36px; text-transform: uppercase; text-align: center; margin: 10px auto; text-shadow: 0 0 15px rgba(0, 0, 0, .7); display: none; }
.inner-banner-container span {color: #fff; font-size: 25px; font-weight: 600; display: block; margin: 20px auto; text-align: center; display: none; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.banner-breadcrumbs {margin-top: 10px; text-align: center; background: #3b5998d6; padding: 10px 15px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.banner-breadcrumbs span {font-size: 15px; color: #fff; display: inline-block; vertical-align: middle; margin: 0px 5px; text-shadow: 0 0 15px rgba(0, 0, 0, .7); line-height: 1.7; }
.banner-breadcrumbs span img {width: 18px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(142deg) brightness(103%) contrast(103%); vertical-align: middle; }
.banner-breadcrumbs span a {color: #fc0; transition: all 0.2s; text-shadow: 0 0 15px rgba(0, 0, 0, .7); }
.inner-pagelinks .main-fluid-container.inner-fixed-links {position: fixed; top: 82px; left: 0; right: 0; margin: 0 auto; width: 100%; z-index: 4; background: #fc0; }
.inner-fixed-links::before {display: none; }
.inner-fixed-links::after {display: none; }
/* inner-page-banner section */ /* inner pages common css code */ .mvg-points p {position: relative; padding-left: 30px; }
.mvg-points p::before {position: absolute; content: ''; background-image: url('../images/png-logo/vision-mission.png') !important; filter: invert(52%) sepia(89%) saturate(619%) hue-rotate(358deg) brightness(100%) contrast(107%); width: 100%; max-width: 25px; height: 25px; background: no-repeat center center/cover; left: 0; top: 0; margin: auto; }
.mvg-points-mission p {position: relative; padding-left: 30px; }
.mvg-points-mission p::before {position: absolute; content: ''; background-image: url('../images/png-logo/mission.png') !important; filter: invert(52%) sepia(89%) saturate(619%) hue-rotate(358deg) brightness(100%) contrast(107%); width: 100%; max-width: 25px; height: 25px; background: no-repeat center center/cover; left: 0; top: 0; margin: auto; }
.mvg-points-goal p {position: relative; padding-left: 30px; }
.mvg-points-goal p::before {position: absolute; content: ''; background-image: url('../images/png-logo/goal.png') !important; filter: invert(52%) sepia(89%) saturate(619%) hue-rotate(358deg) brightness(100%) contrast(107%); width: 100%; max-width: 25px; height: 25px; background: no-repeat center center/cover; left: 0; top: 0; margin: auto; }
.vp-points p {position: relative; padding-left: 30px; }
.vp-points p::before {position: absolute; content: ''; background-image: url('../images/check-icon.webp') !important; filter: invert(23%) sepia(15%) saturate(5104%) hue-rotate(252deg) brightness(95%) contrast(93%); width: 100%; max-width: 18px; height: 18px; background: no-repeat center center/cover; left: 0; top: 5px; margin: auto; }
.vp-points-1 p {position: relative; padding-left: 30px; }
.vp-points-1 p::before {position: absolute; content: ''; background-image: url('../images/png-logo/vision-mission.png') !important; filter: invert(52%) sepia(89%) saturate(619%) hue-rotate(358deg) brightness(100%) contrast(107%); width: 100%; max-width: 20px; height: 20px; background: no-repeat center center/cover; left: 0; top: 3px; margin: auto; }
.list-point-a {margin: 25px auto; }
.list-point-a a {position: relative; padding-left: 25px; }
.list-point-a a::before {position: absolute; content: ''; background-image: url('../images/png-logo/pdf-downloads.png') !important; filter: invert(52%) sepia(89%) saturate(619%) hue-rotate(358deg) brightness(100%) contrast(107%); width: 100%; max-width: 18px; height: 18px; background: no-repeat center center/cover; left: 0; top: 6px; margin: auto; transition: all 0.4s; }
.list-point-a a:hover:before {transform: translateY(7px); }
.list-point-p p {padding-left: 44px; margin: 20px 0; position: relative; font-size: 17px; color: #6b6b6b; line-height: 1.4; }
.list-point-p p span {position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background: #ececec; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.list-point-p p span img {width: 14px; filter: invert(55%) sepia(98%) saturate(1359%) hue-rotate(359deg) brightness(102%) contrast(106%); }
ul.pdf-ul {margin: 0px 0 20px; display: flex; flex-wrap: wrap; gap: 0 20px; }
/* ul.pdf-ul li {margin: 16px 0; padding-left: 20px; position: relative; }
*/ ul.pdf-ul li {margin: 16px 0; /* padding-left: 20px; */ position: relative; }
/* ul.pdf-ul li::before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto 0; width: 8px; height: 8px; background-color: #6d2491; }
*/ ul.pdf-ul li a {display: flex; font-size: 18px; text-decoration: underline; padding: 15px 20px; transition: all .3s; line-height: 1.4; justify-content: center; align-items: center; height: 100%; }
.duplex-imgs {display: flex; justify-content: center; flex-wrap: wrap; width: 100%; }
.duplex-imgs .duplex-img {width: 47%; margin: 20px 10px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; }
.duplex-imgs .duplex-img span {display: block; background: no-repeat top center/cover; height: 350px; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }
.log-form {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; }
.input-security {display: flex; justify-content: flex-start; width: 48%; margin: 10px 0; }
.log-form .input-security em {background: #fdca00; width: 40px; display: flex; justify-content: center; align-items: center; color: #fff; }
.log-form .input-security input, .log-form .input-security textarea, .log-form .input-security select, option {padding: 16px 20px; resize: none; height: 60px; font-family: 'Josefin Sans'; transition: all .3s ease-in-out; border: 1px solid #0000000d; border-left: none; margin: 0; }
.log-form .submit {padding: 10px 16px; color: #fff; background: #714e82; width: 100%; max-width: 250px; display: block; font-size: 20px; margin: 10px auto; border-radius: 50px; border: none; outline: none; }
/* inner pages common css code */ /* Effect 20: 3D side */ .inner-pagelinks {text-align: center; padding: 30px 0px; position: relative; }
.inner-pagelinks .inner-page {display: flex; justify-content: center; align-items: center; }
.inner-pagelinks::after {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid #6c3185; }
.inner-pagelinks::before {content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid #3b5998; transform: scaleX(-1); z-index: 1; }
.cl-effect-20 {display: flex; justify-content: flex-start; align-items: center; overflow: auto; white-space: nowrap; }
.cl-effect-20 a {line-height: 2em; perspective: 800px; position: relative; }
.cl-effect-20 a::before {content: ''; position: absolute; right: 0; top: 0; margin: auto; height: 25%; /*width: 2px; background: #6c3185; */ border-right: 2px solid #3b5998; z-index: 1; bottom: 0; }
.cl-effect-20 a:last-child:before {display: none; }
.cl-effect-20 a span {position: relative; display: inline-block; padding: 6px 16px; background: #ffcc00; /*box-shadow: inset 0 3px #fff; */ transition: background 0.6s; transform-origin: 50% 0; transform-origin: 0% 50%; font-size: 15px; color: #6c3185; }
.cl-effect-20 a span::before {position: absolute; top: 0; left: -2px; width: 100%; height: 100%; background: #3b5998; color: #fff; content: attr(data-hover); transform: rotateX(270deg); transition: transform 0.6s; transform-origin: 0 0; pointer-events: none; margin: auto; display: flex; justify-content: center; align-items: center; }
.cl-effect-20 a:hover span, .cl-effect-20 a:focus span {background: #3b5998; }
.cl-effect-20 a:hover span::before, .cl-effect-20 a:focus span::before {transform: rotateX(10deg); }
.link-edit-l {border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.link-edit-r {border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
/* Effect 20: 3D side */ /* Principal-desk pages css code */ /* .Principal-img {background: no-repeat center center/cover; width: 100%; max-width: 350px; height: 250px; text-align: center; margin: 20px auto; }
*/ .Principal-img {display: flex; justify-content: center; align-items: center; padding: 0 0 15px; }
.prin-desg em {text-align: center; margin: 0px auto; display: block; font-size: 16px; color: #602b76; font-style: italic; padding: 5px 0; }
.prin-desg h6 {font-size: 18px; line-height: 1.4; }
/* Principal-desk pages css code */ /* about management css code */ .founders {margin: 20px 0; justify-content: center; display: flex; gap: 30px; }
.para {width: 24%; text-align: center; margin-bottom: 20px; }
.para img {border-radius: 50%; }
.para .highlater {margin-top: 10px; color: #6C3185; font-size: 18px; }
.vani-frame {width: 100%; height: 650px; }
.inner-heading-container-h3 {text-align: center; padding: 15px 20px; color: #6c3185; width: 70%; margin: 10px auto; font-size: 30px; font-style: italic; }
/* about management css code */ /* managment page css code starts here */ .managment-imgs {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.managment-imgs .b-mem:nth-child(1) {width: 100%; max-width: 1000px; margin: 30px auto; text-align: center; }
.managment-imgs .b-mem {width: 100%; max-width: 250px; margin: 30px auto; text-align: center; }
.managment-imgs .b-mem p {font-size: 16px; color: #6C3185; text-align: center; text-shadow: initial; margin: 10px auto; line-height: 1.6; }
#board-content-div div p {padding: 20px 20px 0; box-shadow: 0 10px 10px 0 #ddd; border-bottom: 7px solid #e9b006}
#board-content-div div {display: inline-block; width: 32%; padding: 0 10px; margin: 10px 0; font-weight: 600}
#board-content-div div p {border-bottom: 3px solid #e9b006; padding: 20px 10px 10px; text-align: center}
#board-content-div {padding-bottom: 20px}
.managment-team-iframe {height: 900px; }
.managment-team-iframe iframe {width: 100%; max-width: 800px; }
.managment-team-iframe-1 iframe {width: 100%; max-width: 890px; }
.managment-team-iframe-1 {height: 660px; }
/* managment page css code ends here */ /* goveringconcile css code starts here */ .new-table-ha-container {overflow-x: auto; white-space: nowrap}
table {border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; margin: 10px auto; max-width: 100%; }
table tr {background-color: #f8f8f8; border: 1px solid #ddd; padding: 6px; }
table tr:nth-child(2n) {background: #fff; }
table th, table td {padding: 15px; text-align: left; vertical-align: middle; font-size: 16px; line-height: 1.4; }
table th {font-size: 18px; letter-spacing: .1em; text-transform: uppercase; background: #f1c000; color: #fff; }
/* goveringconcile css code starts here */ /* nirf page css code starts here */ .list-point-a a {font-size: 18px; color: #d0630e; font-weight: bold; line-height: 1.6; margin: 10px auto; text-align: left; text-shadow: initial; display: block; }
@keyframes flash {50%, from, to {opacity: 1}
25%, 75% {opacity: 0}
}
.flash {animation-name: flash}
.animated.infinite {animation-iteration-count: infinite}
.animated {animation-duration: 2s; animation-fill-mode: both; }
/* nirf page css code starts here */ /* teaching staff css code strats */ .new-table-body {overflow: auto; margin: 20px 0 0; }
.new-table-body table th {background: linear-gradient(#621A82, #491364); color: #fff; font-size: 18px; text-align: left; padding: 7px 5px; padding: 13px 12px; }
.new-table-body table tr:nth-child(2n) {background: #fff; }
.new-table-body table td {vertical-align: middle; padding: 10px; border: 1px solid rgba(0, 0, 0, .06); font-size: 16px; }
.new-table-body table tr td:first-child {width: 20%; }
.new-table-body table tr td:nth-child(2) {width: 33%; }
.value-added-table table tr td:first-child {width: 10%; }
.value-added-table table tr th {text-align: center; }
.value-added-table table {margin-bottom: 30px; }
table.tablecss tr td:first-child {width: 10%; }
table.tablecss tr th {text-align: center; }
/* staffs page */ .staff-flex-container {display: flex; justify-content: center; flex-wrap: wrap; }
.staff-flex-container .staff-component {width: 100%; max-width: 320px; margin: 20px 20px; box-shadow: -5px -5px 10px rgb(255, 255, 255), 5px 5px 10px rgba(230, 225, 225, 0.96); border-radius: 3px; text-align: center; transition: all 0.4s; padding: 0 0 20px; }
.staff-flex-container .staff-component:hover {box-shadow: 0 15px 30px rgba(0, 0, 0, .1); }
.staff-flex-container .staff-component.with-hod {max-width: initial; box-shadow: none; }
.staff-flex-container .staff-component.with-hod .staff-img {width: 100%; margin: 0 auto; }
.staff-flex-container .staff-component.with-hod p:before {display: none; }
.staff-flex-container .staff-component.with-hod p {color: #000; text-align: left; margin: 20px 0 !important; }
.staff-component .staff-img {height: 300px; margin: 0px; background-size: cover; background-position: top; background-repeat: no-repeat; position: relative; z-index: 0; transition: all 0.4s; }
.staff-component .staff-img .view-profile-container {position: absolute; bottom: 0; left: 0; transition: all 0.4s; right: 0; width: 100%; background: rgba(0, 0, 0, 0.5); height: 32px; display: flex; align-items: center; justify-content: center; color: #e6d818; }
.staff-component:hover .staff-img .view-profile-container {height: 100%; background: rgba(0, 0, 0, 0.8); font-size: 20px; }
.staff-component h3 {font-size: 18px; padding: 12px 12px 0; font-weight: initial; color: rgba(4, 43, 107, 0.9); text-transform: unset; }
.staff-component h4 {font-size: 16px; margin-bottom: 20px; font-style: italic; font-weight: initial; }
.staff-flex-container .staff-component h6 {font-size: 16px; text-transform: capitalize; font-style: italic; text-align: center; padding: 6px 16px; line-height: 1.4; }
.staff-component p {color: #959595; margin-top: 36px; position: relative; text-align: center; }
.staff-component p:before {content: ''; position: absolute; bottom: -24px; left: 0; right: 0; margin: 0 auto; width: 60%; border-top: 1px dotted rgba(4, 43, 107, 0.9); }
.staff-component ul {display: flex; justify-content: space-around; margin-top: 52px; }
.staff-component ul li {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 16px; box-shadow: -5px -5px 10px rgb(255, 255, 255), 5px 5px 10px rgba(230, 225, 225, 0.96); color: rgba(4, 43, 107, 0.9); }
.staff-component ul li a {display: block; width: 100%; height: 100%; line-height: 36px; }
.dept-staff-image {background-position: center; background-size: cover; height: 400px; }
/* staffs page */ /* ii.acordination */ .acc {margin: 0 auto; }
.acc__card {margin: 20px auto; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.acc__title {line-height: 1.4; font-size: 18px; background: #fff; color: #500077; cursor: pointer; display: block; padding: 20px 50px; position: relative; text-align: left; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; text-transform: uppercase; font-family: 'M-contentregular'; }
.acc__title::after {width: 8px; height: 8px; border-right: 1px solid #003552; border-bottom: 1px solid #003552; position: absolute; right: 25px; content: " "; top: 0; transform: rotate(45deg); transition: all 0.2s ease-in-out; margin: auto; bottom: 0; }
.acc__title::before {content: ''; position: absolute; width: 0px; height: 0px; border-right: 15px solid transparent; border-top: 15px solid #870164; border-left: 15px solid #870164; border-bottom: 15px solid #870164; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; top: 0; bottom: 0; left: 12px; margin: auto; }
.acc__title.active {border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; padding-bottom: 0px; }
.acc__title.active:before {top: 16px; }
.acc__title.active::after {transform: rotate(-138deg); transition: all 0.2s ease-in-out; }
.acc__panel {background: #fff; color: #212121; display: none; margin: 0; padding: 1em; text-align: left; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
/* ii.acordination */ /* teaching staff css code ends */ /* ncc css code starts here */ .ncc-img {margin: 10px auto; text-align: center; }
/* ncc css code starts here */ /* nss css code */ .nss-report-block {display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 40px 0; }
.nss-report-card {width: 100%; max-width: 370px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px; }
.nss-report-card h3.inner-h3 {text-decoration: underline; }
.nss-youtube-video-block {display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; padding-top: 40px; }
.nss-youtube-card {width: 100%; max-width: 580px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.nss-youtube-card h2.inner-h2 {font-size: 16px; margin: 20px auto; }
.nss-youtube-card .video-frame-index {width: 100%; height: 250px; }
/* nss css code */ /* contact page css */ /* .inner-content {padding: 40px 20px; }
*/ .inner-content-container p {text-align: left; margin: 20px auto; text-shadow: none; line-height: 1.4; color: rgb(0, 0, 0); }
.contact-form {padding: 40px 20px; }
.inner-contact-form {display: flex; justify-content: center; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.left-block-address {position: relative; z-index: 0; width: 100%; max-width: 550px; border: 4px solid #ff9806; }
.right-block-address {background-color: #fff; padding: 40px 20px; width: 100%; max-width: 690px; }
.left-block-address h3 {font-size: 30px; text-transform: capitalize; color: #FFF; margin: 20px 0 20px; position: relative; padding-top: 15px; }
.left-block-address p {font-size: 15px; text-transform: capitalize; color: #FFF; margin: 20px 0 20px; position: relative; }
.block-txt {display: flex; justify-content: flex-start; align-items: center; }
.block-txt span {width: 100%; max-width: 50px; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 5px; margin: 0px 20px; }
.block-txt span img {width: 100%; max-width: 30px; filter: invert(99%) sepia(3%) saturate(8%) hue-rotate(180deg) brightness(104%) contrast(100%); }
.block-txt p {color: #fff; line-height: 1.4; text-align: left; text-shadow: initial; }
label, input, textarea, select {display: block; width: 100%; font-size: 1.2rem; line-height: 1.4; outline-color: #ffa31f; border-radius: 3px; font-family: 'Josefin Sans'; }
label {margin-bottom: 3px; color: #ffa31f; font-size: 18px; padding: 0 4px; }
input, textarea, select {padding: 8px 10px; border: 1px solid #efefef; background-color: rgba(250, 250, 250, 0.85); margin: 15px auto; font-family: 'Josefin Sans'; }
input[type="submit"] {background-color: #714e82; padding: 7px; border: 0 !important; color: snow; cursor: pointer; text-transform: uppercase; outline-color: initial; }
.submit {margin: 20px auto; }
textarea:focus {border: 1px solid #ffa31f; }
input:focus {border: 1px solid #ffa31f !important; }
.g-recaptcha {display: flex; justify-content: center; align-items: center; width: 100%; margin: 40px 0; }
.iframe-map iframe {margin: 20px auto; width: 100%; max-width: 550px; height: 350px; }
/* contact page css */ /* covid 19 updates page css code starts here */ .double-img-container {display: flex; justify-content: space-between; margin: 20px 0; }
.double-img-container article .img-container {width: 100%; height: 350px; background: no-repeat top center/cover; border-radius: 4px; }
.double-img-container article {width: 49%; }
.double-img-container article h4 {margin-top: 20px; font-size: 20px; }
section.double-flex {display: flex; justify-content: flex-start; background: #f9f9f9; margin: 20px 0 45px; }
section.double-flex>article {width: 50%; padding: 20px; }
.inner-heading-container {margin: 20px 0 12px; }
ul.check-inner-page-ul {margin: 20px 0; }
ul.check-inner-page-ul li {padding-left: 44px; margin: 20px 0; position: relative; font-size: 18px; color: #6b6b6b; line-height: 1.6; }
ul.check-inner-page-ul li span {position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background: #ececec; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
ul.check-inner-page-ul li span img {width: 14px; filter: invert(23%) sepia(15%) saturate(5104%) hue-rotate(252deg) brightness(95%) contrast(93%); }
.inner-heading-container h2 {font-family: 'Josefin Sans'; margin: 0 0; letter-spacing: 0.5px; display: inline-block; position: relative; padding: 20px 4px 8px; }
/* covid 19 updates page css code starts here */ /* acadimic achivements css code starts here */ .individual-topper-mem {display: flex; justify-content: center; margin: 20px 0; flex-wrap: wrap; }
.individual-topper-mem>article {width: 100%; max-width: 250px; text-align: center; background-color: #F5F6F7; padding: 32px 20px 10px; margin: 10px 20px; }
.individual-topper-mem>article.with-marg {margin: 0 10px; }
.individual-topper-mem>article em {display: block; width: 200px; margin: 0 auto 20px}
.individual-topper-mem>article em img {width: 125px; height: 160px; object-fit: cover; object-position: top; }
.individual-topper-mem>article h5 {display: inline-block; font-size: 20px; text-transform: capitalize; margin-bottom: 10px; text-decoration: underline; color: #777474; font-style: italic; }
.right-desktop-menu-container ul li a.act-link, .right-desktop-menu-container ul li.desktop-li.act-link>a {color: #f7c100 !important; }
.individual-topper-mem>article h6 {font-size: 16px; }
.individual-topper-mem>article>p {text-align: center !important; margin: 10px 0; line-height: 1.1; color: #000; font-style: italic; }
/* acadimic achivements css code starts here */ /* active link css */ /* header active link css */ .right-desktop-menu-container ul li a.act-link, .right-desktop-menu-container ul li.desktop-li.act-link>a {color: #f7c100 !important; }
.nav-bar nav ul li .sdc-dropdown li a.act-link {color: #fc0 !important; }
.nav-bar nav ul li .sdc-dropdown li a:hover {color: #fc0 !important; }
.hc-offcanvas-nav li.nav-back a, .hc-offcanvas-nav li.nav-close a, .resp-link {background: #fc0 !important; color: #fff; }
a.home-act-link i {filter: invert(14%) sepia(82%) saturate(4957%) hue-rotate(357deg) brightness(91%) contrast(130%) !important; }
/* header active link css */ /* right active link css */ .cl-effect-20 a.right-act-link span {background-color: #3b5998; }
.cl-effect-20 a.right-act-link span::before {transform: rotateX(10deg); left: -2px; }
/* right active link css */ /* footer active link css */ ul.quick-links li a.act-link {color: #f70000 !important; }
/* footer active link css */ /* active link css */ /* 17-11-2023 */ h5.bca-h5 {display: inline-block; font-size: 20px; text-transform: capitalize; margin: 20px 0 0px; text-decoration: underline; color: #6d2491; }
.table-wrap {overflow: auto; margin: 25px 0 40px; }
.criterion {width: 100%; max-width: 80%; margin: 0 auto; box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; border-top: 7px solid #6c3185; border-bottom: 7px solid #fdbf0b}
.criterion tr td {padding: 10px; }
.criterion tr td a {color: #6d2491}
.criterion tr th {padding: 10px; font-family: heading; background-color: #6d2491; color: #fff; }
.criterion tr:nth-child(odd) {background: #e4e4e4; }
.criterion tr:nth-child(even) {background: #f1f1f1; }
/* 17-11-2023 */ /* left fixed socail icons css */ .soc-icon ul {list-style: none; }
.soc-icon ul li {text-align: center; color: white; height: 68px; position: relative; background: #e59500; margin: 4px 0; cursor: pointer; border-radius: 0 3px 3px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); display: flex; align-items: center; font-size: 14px; justify-content: space-evenly; flex-direction: column; padding: 4px 6px; }
.soc-icon ul li .fa {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #fff; }
.soc-icon ul li.facebook {background: #3b5998; }
.soc-icon ul li.twitter {background: #00aced; }
.soc-icon ul li.instagram {background: #bc2a8d; }
.soc-icon ul li.google {background: #dd4b39; }
.soc-icon ul li.whatsapp {background: #4dc247; }
.soc-icon ul li.facebook div.rot {background: #3e5d9f; }
.soc-icon ul li.twitter div.rot {background: #7fd5f6; }
.soc-icon ul li.instagram div.rot {background: #bc2a8d; }
.soc-icon ul li.google div.rot {background: #dd4b39; }
.soc-icon ul li.whatsapp div.rot {background: #4dc247; }
.rot {content: ""; position: absolute; top: 20px; left: 78px; width: 0px; background: #eebb5c; transition: all 0.5s 0.3s ease; display: flex; align-items: center; justify-content: center; height: 38px; }
.rot p {text-transform: uppercase; font-size: 9px; font-weight: 900; color: #fff; text-align: center; opacity: 0; transition: all 0.6s ease; line-height: 1.2; }
.soc-icon ul li:hover .rot {width: 140px; transition: all 0.5s ease; }
.soc-icon ul li:hover .rot p {opacity: 1; transition: all 1s 0.2s ease; }
.soc-icon {position: fixed; top: 34%; left: 0px; z-index: 1; }
@keyframes blinkr {0% {background: #f3c14a; }
100% {background: #dd4b39; }
}
@keyframes blinkr-text {0% {color: #f3c14a; }
100% {color: #dd4b39; }
}
/* left fixed socail icons css */ /* value added coures css code */ ul.rules {margin: 0px 0 20px; }
.inner-h3 {color: #6b3084; font-size: 20px; line-height: 1.4; margin: 20px 0 0; }
ul.rules li {padding: 12px 10px 12px 52px; position: relative; line-height: 1.4; font-size: 18px; color: #000000b5; }
ul.rules li img {position: absolute; top: 0; left: 10px; bottom: 0; margin: auto 0; width: 20px; filter: invert(19%) sepia(99%) saturate(1086%) hue-rotate(256deg) brightness(96%) contrast(90%); }
.inner-our-recruiters {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.inner-our-recruiters article.our-wapper {width: 100%; max-width: 300px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; margin: 20px 30px; }
.our-recruiter-img {background: no-repeat center center/cover; width: 100%; max-width: 170px; height: 100px; margin: 40px auto; }
/* value added coures css code */ /* join us css */ .left-block-address h4 {margin: 0px 0 20px; font-size: 24px; text-transform: uppercase; letter-spacing: 1px; }
.left-block-address ul li {color: #6b6b6b; margin: 14px 0; font-size: 18px; line-height: 1.4; }
.left-block-address ul li a {text-decoration: underline; color: #6d229b; }
.social-media-links {display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin: 20px 0 10px; flex-wrap: wrap; }
.social-media-links span {display: flex; justify-content: center; align-items: center; height: 50px; width: 50px; border-radius: 50%; }
.social-media-links span i {color: #fff; font-size: 25px; transition: all 0.3s ease-in-out; }
.social-media-links span:hover i {transform: rotate(360deg); }
.social-media-links a:nth-child(1) span {background: #FF0000; }
.social-media-links a:nth-child(2) span {background: #4267B2; }
.social-media-links a:nth-child(3) span {background: #1DA1F2; }
.social-media-links a:nth-child(4) span {background: #F77737; }
.social-media-links a:nth-child(5) span {background: #25D366; }
/* join us css */ /* news and events page */ section.news-component-wrapper {padding: 20px; padding-bottom: 28px; margin-bottom: 60px; border-bottom: 1px solid #eee4e4; text-align: center; position: relative; }
section.news-component-wrapper::before {position: absolute; content: ''; width: 50%; height: 100%; background: #f1f1f1; clip-path: polygon(100% 0, 0% 100%, 100% 20%, 67% 99%); right: 0; top: 0; z-index: -1; }
section.news-component-wrapper h3 {font-family: 'Josefin Sans'; text-transform: capitalize; margin-bottom: 32px; font-size: 28px; color: #000000b0; }
section.news-component-wrapper a.news-coponent-img {display: block; height: 300px; width: 100%; max-width: 350px; margin: 0 20px 20px 0px; position: relative; float: left; background: no-repeat center center/cover; }
section.news-component-wrapper p {text-align: left; }
section.news-component-wrapper p span {color: #6d229b; }
section.news-component-wrapper a.news-coponent-img em {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; display: flex; justify-content: center; align-items: center; transition: all .4s ease-in-out; }
section.news-component-wrapper a.news-coponent-img em img {width: 32px; filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(161deg) brightness(118%) contrast(100%); margin-top: 60px; opacity: 0; transition: all .4s ease-in-out; transition-delay: .2s; }
section.news-component-wrapper a.news-coponent-img em i {margin-top: 60px; opacity: 0; transition: all .4s ease-in-out; transition-delay: .2s; color: #fff; }
section.news-component-wrapper a.news-coponent-img:hover em img, section.news-component-wrapper a.news-coponent-img:hover em i {margin-top: 0; opacity: 1; }
section.news-component-wrapper a.news-coponent-img:hover em {opacity: .8; }
/* news and events page */ /* news, events, videos and gallery */ .news-events-component-wrappper {margin-top: 40px; }
.individual-news-event-component {padding: 40px 20px; margin: 0 0 32px; border: 1px solid #0000000d; }
.individual-news-event-component h3 {color: #870164; margin-bottom: 40px; text-align: center; font-family: 'Josefin Sans'; font-size: 26px; }
.news-events-inner-image {display: block; height: 300px; width: 100%; max-width: 350px; margin: 0 20px 20px 0; position: relative; float: left; background: no-repeat center center/cover; border-radius: 8px}
.news-events-inner-image.with-no-image::after {display: none; }
.news-events-inner-image::after {content: 'View'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 18px; display: grid; place-items: center; transition: all .3s ease-in-out; opacity: 0; border-radius: 8px}
.news-events-inner-image:hover::after {opacity: 1; }
.individual-news-event-component p {color: #000; margin: 12px 0; font-size: 16px; }
.individual-news-event-component p span {color: #870164; }
.individual-news-event-component:nth-child(2n) {background: #f9f9f9; }
.individual-news-event-component:last-child {margin-bottom: 0; }
.individual-news-event-component:nth-child(2n) h3 {color: #3e0f55; }
.individual-news-event-component:nth-child(2n) p span {color: #3e0f55; }
.individual-news-event-component:nth-child(2n) .news-events-inner-image {float: right; margin: 0 0 20px 20px; }
.gallery-album-wrapper {display: flex; justify-content: center; flex-wrap: wrap; margin-top: 40px; gap: 10px; }
.gallery-album-wrapper a.album-component-anchor {display: block; width: 100%; max-width: 400px; height: 300px; position: relative; transition: all .3s ease-in-out; overflow: hidden; }
.gallery-album-wrapper a.album-component-anchor em {background: no-repeat center center/cover; display: block; height: 100%; width: 100%; transition: all .6s ease-in-out; }
.gallery-album-wrapper a.album-component-anchor em span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: transparent; color: transparent; transition: all .3s ease-in-out; font-size: 18px; }
.gallery-album-wrapper a.album-component-anchor:hover em span {background: rgba(0, 0, 0, .6); color: #fff; }
.gallery-album-wrapper a.album-component-anchor:hover em {transform: scale(1.1) rotate(2deg); }
.individual-photo-components {display: flex; justify-content: center; flex-wrap: wrap; margin: 10px auto 40px; }
.individual-photo-components .magnific-img {margin: 15px 6px; width: 100%; max-width: 400px; height: 300px; position: relative; transition: all .3s ease-in-out; background: no-repeat center center/cover; }
.individual-photo-components .magnific-img>a {display: block; height: 100%; width: 100%; background: no-repeat top center/cover; position: relative; }
.individual-photo-components .magnific-img>a em {position: absolute; top: 0; left: 0; width: 96%; height: 94%; background: #000; color: #fff; opacity: 0; display: flex; justify-content: center; align-items: center; transition: all .4s ease-in-out; bottom: 0; right: 0; margin: auto; }
.individual-photo-components .magnific-img>a:hover em {opacity: 0.7; }
/* news, events, videos and gallery */ /* testimonials css code */ section.testimonials-wrapper {padding: 20px; padding-bottom: 28px; margin-bottom: 60px; border-bottom: 1px solid #eee4e4; text-align: center; position: relative; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
section.testimonials-wrapper::before {position: absolute; content: ''; width: 50%; height: 100%; background: #f1f1f1; clip-path: polygon(0 0, 100% 100%, 100% 100%, 67% 99%); right: 0; top: 0; z-index: -1; }
section.testimonials-wrapper article {display: flex; justify-content: space-around; align-items: center; gap: 40px; }
section.testimonials-wrapper article .testimonial-img-card {width: 100%; max-width: 210px; margin: 0 30px; }
section.testimonials-wrapper article .testimonial-img-card span {display: block; }
section.testimonials-wrapper article .testimonial-img-card span img {margin: 20px 0; border: 4px solid #6C3185; }
section.testimonials-wrapper article .testimonial-img-card h5 {font-size: 18px; color: #6c3185; text-align: center; line-height: 1.6; }
section.testimonials-wrapper article .testimonial-img-card i {font-size: 16px; color: #333; font-style: italic; text-align: center; line-height: 1.6; }
.testimonial-text-card h6 {font-size: 20px; line-height: 1.4; color: #3f1056; text-align: left; }
.testimonial-text-card p {line-height: 1.8 !important; margin: 0 0 16px 0 !important; }
.testimonials-video-wrapper {padding: 20px; padding-bottom: 28px; margin-bottom: 60px; border-bottom: 1px solid #eee4e4; text-align: center; position: relative; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; display: flex; justify-content: space-around; align-items: center; gap: 20px; flex-wrap: wrap; }
.testimonials-video-wrapper::before {position: absolute; content: ''; width: 50%; height: 100%; background: #f1f1f1; clip-path: polygon(0 0, 100% 100%, 100% 100%, 67% 99%); right: 0; top: 0; z-index: -1; }
.testimonials-video-wrapper iframe {width: 100%; max-width: 48%; height: 350px; }
/* testimonials css code */ /* Video gallery */ .video-gallery-wrapper {display: flex; justify-content: center; flex-wrap: wrap; gap: 40px 28px; margin-top: 40px; }
.video-gallery-container {width: 100%; max-width: 350px; text-align: center; padding-bottom: 20px; background: #f9f9f9; }
.video-gallery-container h4 {font-family: 'Josefin Sans'; }
.video-individual-component {width: 100%; height: 300px; margin-bottom: 20px; }
.video-individual-component iframe {width: 100%; height: 100%; }
/* Video gallery */ /* sitemap css code */ .sitemap-con {width: 50%; }
.sitemap-list li a:hover {color: #9d12d6; }
.info-list li {line-height: 1.7; margin: 4px 0; text-align: left; font-size: 14px; padding: 0 0 0 35px; position: relative; font-weight: normal; }
.info-list li::before {content: '\21F4'; font-size: 16px; position: absolute; left: 15px; top: -3px; color: #fc0; }
.info-list li a {color: #692f81; }
/* sitemap css code */ .vistior-count-trasform {transform: translateY(6px); }
h2.inner-page-h2-new-p {font-size: 25px; text-transform: capitalize; color: #6C3185; margin: 0px 0 0px; }
h2.inner-page-h2-new-o {font-size: 25px; text-transform: capitalize; color: #FF9600; margin: 0px 0 0px; }
/* h2.inner-page-h2-new-p {font-size: 25px; text-transform: capitalize; color: #6C3185; margin: 30px 0 0px; }
h2.inner-page-h2-new-o {font-size: 25px; text-transform: capitalize; color: #FF9600; margin: 30px 0 0px; }
*/ .resp-top-head-p p i {color: #6c3185; }
.logo-right p {font-size: 16px; color: #000; line-height: 1.4; display: flex; align-items: center; justify-content: space-around; gap: 10px; }
.logo-right {margin-right: 30px; }
/* Departments css code */ .ug-program-wrapper {display: flex; justify-content: center; flex-wrap: wrap; margin: 40px 0 20px; }
.ug-program-wrapper a.individual-ug-courses-component {display: block; width: 100%; max-width: 350px; margin: 20px; position: relative; z-index: 0; box-shadow: -5px -5px 10px rgb(255, 255, 255), 5px 5px 10px rgba(230, 225, 225, 0.96); }
.ug-program-wrapper a.individual-ug-courses-component i {position: absolute; background: #d6c808; z-index: 1; padding: 10px; color: #fff; font-style: initial; animation: glow-back 2s infinite; }
a.individual-ug-courses-component .course-img {width: 100%; background: no-repeat center center/cover; height: 300px; position: relative; transition: all .4s; }
a.individual-ug-courses-component .course-img:before {position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; font-size: 0; z-index: 0; background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(0 0 0 / 22%) 39%, rgb(0 0 0 / 0%) 66%, rgb(0 0 0 / 0%) 100%); transition: all .4s; }
a.individual-ug-courses-component:hover .course-img:before {background: rgba(0, 0, 0, 0.6); }
a.individual-ug-courses-component .course-img span {position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; text-align: center; color: #fff; font-size: 18px; padding: 10px; }
a.individual-ug-courses-component em {display: flex; text-align: center; height: 60px; justify-content: center; align-items: center; font-size: 16px; color: #f04444; }
.dep-empty-div {height: 120px; }
.name-hod {position: relative; }
.name-hod h6 {position: absolute; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; background: #fff; padding: 5px; font-size: 22px; color: #99002e; font-weight: 600; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
/* Departments css code */ /* Anusha */ .iso-link {font-size: 11px !important; color: green !important; margin: 5px 0px 0 !important; }
/* .organisationg-chart-wrap img {height: 800px; }
*/ /* Pdf */ /* .pdf-ul li {display: inline-block; padding: 20px 35px 20px 40px; border-radius: 18px; border-left: 3px solid #fbc800; position: relative; border-right: 3px solid #fbc800; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
*/ .pdf-ul li {display: inline-block; border-radius: 18px; border-left: 3px solid #fbc800; position: relative; border-right: 3px solid #fbc800; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; width: 100%; max-width: 350px; text-align: center; }
.pdf-ul li::before {content: ''; background-color: transparent; width: 0; left: 0; bottom: 0; height: 100%; margin: auto; position: absolute; border-radius: 18px; transition: all .4s; z-index: 1; }
.pdf-ul li a {text-decoration: none !important; color: #000; position: relative; }
/* .pdf-ul li a::before {content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #6c3185; left: -20px; top: 8px; bottom: 0; }
*/ .pdf-ul li:hover a {color: #fff !important; }
.pdf-ul li:hover::before {background-color: #fbc800; width: 100%; z-index: 0; }
/* Pdf */ /* Anusha */ /* sahana */ .head-bg {background: linear-gradient(#621A82D6, #491364); color: #fff; }
/* sahana */ /* pagination css */ .pagination {display: flex; justify-content: center; align-items: center; gap: 10px; transform: translateY(-10px); }
.pagination button.active {color: #fff; border: 1px solid #6c3185; padding: 8px; background: #6c3185; margin: 6px 0; border-radius: 0px; cursor: pointer; }
.pagination button.act1 {background-color: #f5c400; color: #fff !important; border-width: thin; border-color: #f5c400; }
/* pagination css */ ul.quick-links li a.act-link {color: #ff9600 !important; }
.double-flex {padding: 0 !important; }
.double-flex article .inner-heading-container {margin: 10px 0 12px; }
section.double-flex>article {width: 100%; padding: 0 20px 10px; }
/* tabination css */ .gsmk-tabination .tab-wrapper {text-align: center; display: block; margin: auto}
.gsmk-tabination .tabs {margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap}
.gsmk-tabination .tab-link {margin: 15px 1% 10px; list-style: none; padding: 10px 40px; color: #fff; cursor: pointer; transition: all ease .5s; border-bottom: solid 3px rgba(255, 255, 255, 0); letter-spacing: 1px; font: 18px myriad pro, verdana, sans-serif; box-shadow: rgba(0, 0, 0, .45) 0 25px 20px -20px; background: #005db3; min-width: 190px}
.gsmk-tabination .tab-link:hover {color: #999; border-color: #999}
.gsmk-tabination .tab-link.active {color: #333; border-color: #333}
.gsmk-tabination .tab-link:nth-of-type(1).active {color: #ffee0d; border-color: #ffee0d}
.gsmk-tabination .tab-link:nth-of-type(2).active {color: #ffee0d; border-color: #ffee0d}
.gsmk-tabination .tab-link:nth-of-type(3).active {color: #ffee0d; border-color: #ffee0d}
.gsmk-tabination .tab-link:nth-of-type(4).active {color: #ffee0d; border-color: #ffee0d}
.gsmk-tabination .tab-link:nth-of-type(5).active {color: #ffee0d; border-color: #ffee0d}
.gsmk-tabination .tab-link.active {color: #ffee0d; border-color: #ffee0d}
.gsmk-tabination .content-wrapper {padding: 10px 0 0}
.gsmk-tabination .tab-content {display: none; color: #888; font-weight: 300; font-size: 15px; opacity: 0; transform: translateY(15px); animation: fadeIn .5s ease 1 forwards}
.gsmk-tabination .tab-content.active {display: block}
@keyframes fadeIn {100% {opacity: 1; transform: none}
}
/* tabination css */ /* vishalakshi css */ ul.pdf-ul li a:hover {color: #44045f; }
h5.inner-h5 a:hover {color: #44045f; }
/*vishalakshi Archaive Photo Gallery */ .photo-gallery li, .photo-gallery-new li {border: 1px solid #f2f2f2; border-radius: 7px; box-shadow: 0 0 6px 0 #424242; display: inline-block; width: 132px; margin: 10px; padding: .2%}
.photo-gallery-new li {width: 290px !important}
#inner-section p, #inner-sections p, #lsection p {color: #303030; font: 12px/1.8 Verdana; text-align: jleft; padding: 5px 10px; }
.photo-gallery li, .photo-gallery-new li {border: 1px solid #f2f2f2; border-radius: 7px; box-shadow: 0 0 6px 0 #424242; display: inline-block; width: 132px; margin: 10px; padding: .2%; }
/* Archaive Photo Gallery End */ /* uucms css start */ #wrap {margin: 15px 0 0 65px; }
.fa {font-size: 19px; width: 20px; padding: 0px 0px; margin-left: 10px; }
.btn-slide {position: relative; display: inline-block; height: 50px; width: 240px; line-height: 50px; margin: 25px 0; padding: 0px; background: linear-gradient(135deg, #e570e7 0%, #8511bd 100%); }
.btn-slide:active {box-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.7); -webkit-transform: scale(0.98); transform: scale(0.96); }
.btn-slide:hover {background: linear-gradient(-135deg, #e570e7 0%, #fcca00 100%); }
.btn-slide span.circle {display: block; background-color: #fff; color: #6c3185; position: absolute; margin: 5px; height: 40px; width: 40px; top: 0; left: 0; border-radius: 50%; transition: all 1.5s ease; }
.btn-slide:hover span.circle {left: 100%; margin-left: -45px; background-color: #fff; color: #6c3185; }
.btn-slide span.title {position: absolute; left: 85px; font-size: 17px; font-weight: bold; color: #fff; transition: all 1.5s linear; }
.btn-slide span.title-hover {opacity: 0; }
.btn-slide:hover span.title {opacity: 0; }
.btn-slide:hover span.title-hover {opacity: 1; left: 60px; }
/* uucms css start */ /* .banner-breadcrumbs span img {display: none; }
.banner-breadcrumbs span {display: none}
*/ /* vishalakshi css */ .inner-content {padding: 0px 20px 40px; }
h1.new-h1-inner-heading-container {font-family: 'Josefin Sans'; margin: 0 0 30px; text-transform: uppercase; font-size: 36px; letter-spacing: 0.5px; display: inline-block; position: relative; padding: 30px 4px 8px; color: #FF9600; }
h1.new-h1-inner-heading-container::before {content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: #FF9600; }
/* h2.new-h2-inner-heading-container {font-family: 'Josefin Sans'; margin: 0 0; text-transform: capitalize; font-size: 28px; letter-spacing: 0.5px; color: #6C3185; }
*/ h3.new-h3-inner-heading-container {font-family: 'Josefin Sans'; margin: 0 0; font-size: 23px; letter-spacing: 0.5px; padding: 30px 4px 8px; color: #FF9600; }
h4.new-h4-inner-heading-container {font-family: 'Josefin Sans'; margin: 0 0; text-transform: capitalize; font-size: 24px; letter-spacing: 0.5px; padding: 30px 4px 8px; color: #6C3185; }
/* sanjana */ .mba-overview li {list-style: initial; padding: 8px; margin: 0 0 0 18px; }
.mba-overview li a {font-size: 18px; position: relative; }
.mba-overview li a::before {
	content: ''; position: absolute; width: 100%; max-width: 8px; height: 8px; border-radius: 50%; background: #000; top:0; bottom: 0; margin: auto; left: -16px;
}
.mba-overview li {
	list-style: inherit;
}
.duplex-imgs.mba {padding: 20px 0 10px 0; }
.inner-content.mba .inner-content-container p {margin: 3px 0 26px; }
/* media queri starts here */ .Principal-img {max-width: 650px; margin: auto; }
/* pursoit */ /* accordian css */ .accordion {border: 1px solid #e5e5e5; border-radius: 4px; padding: 2px; }
.accord-wrapper {padding: 0 0 40px; position: relative; z-index: 1; }
.inner-about-wrapper.about-colege-inner.common-inner-wrapper {padding: 0 0 40px; }
.accordion-header {background-color: rgb(250, 250, 250); cursor: pointer; color: #111b30; display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; transition: all 0.4s ease-in-out; }
.accordion-header h3 {font-size: 20px; font-weight: 600; }
.accordion-body {transition: all 0.35s ease-in-out; max-height: 0; overflow: hidden; background-color: rgb(252, 252, 252); }
.accordion-body p {padding: 0 15px; line-height: 1.8; }
.accordion+.accordion {margin-top: 1rem; }
.accordion-icon {transition: transform 0.4s ease-in-out; }
.accordion.active .accordion-header {background-color: #1c2957; color: white; }
.accordion.active .accordion-icon {transform: rotate(-45deg); }
/* Accordion Know More Button */ .know-more-btn {display: inline-block; padding: 9px 24px 7px; background-color: #e7b800; color: #fff !important; text-decoration: none; border-radius: 4px; font-weight: 500; transition: all 0.3s ease; font-size: 15px; }
.vision, .mission {width: 100%; max-width: 500px; }
.vision-misson {display: flex; justify-content: center; align-items: stretch; gap: 50px; }
.vision h2, .mission h2 {color: #005db3}
.know-more-btn:hover {background-color: #f7c600; color: #111 !important; }
/* gallery */ .gallery h2 {margin-bottom: 0; }
.gallery em {margin: 5px 0 30px; /* margin-bottom:; */}
/* about mba */ .about-mba-main-wrapper {padding: 60px 0; }
.about-mba-left {width: 100%; max-width: 450px; }
.about-mba-left img {width: 100%; height: auto; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.about-mba-right {width: 100%; max-width: 500px; }
.about-mba-wrapper {width: 100%; display: flex; justify-content: center; align-items: center; gap: 40px; }
.about-mba-right p {text-align: left; }
/* mba program */ .mba-program-specialization {display: flex; justify-content: left; align-items: stretch; gap: 5px; padding: 0 0 40px; }
.mba-program-specialization .new-h3-inner-heading-container {text-align: center; }
.main-specilization {box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; padding: 20px; }
.career-opportunity {padding: 0 0 50px; }
.career-opportunity li a {font-weight: 400; }
.overview-p {margin: 0 0 15px !important; }
.adm-btn {display: flex; justify-content: center; align-items: center; gap: 30px; }
/* ===== Latest News Section ===== */ /* ===== Latest Events Section ===== */ .latest-events-section {padding: 50px 0; background-color: #f5f7fa; }
.latest-events-section h2.textc {margin-bottom: 35px; }
.latest-events-grid {display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; }
.event-card {width: 100%; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.09); display: flex; flex-direction: column; height: 100%; transition: transform 0.3s, box-shadow 0.3s; }
/* Ensure equal heights in slider */ .owl-carousel .owl-stage {display: flex; align-items: stretch; }
.owl-carousel .owl-item {display: flex; }
.owl-carousel .owl-item>div {display: flex; flex-direction: column; flex: 1; }
.event-card:hover {transform: translateY(-5px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); }
.event-card-img {height: 200px; overflow: hidden; }
.event-card-img img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s; }
.event-card:hover .event-card-img img {transform: scale(1.05); }
.event-card-body {padding: 18px 20px; display: flex; flex-direction: column; flex-grow: 1; }
.event-date {font-size: 13px; color: #57c177; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; display: block; }
.event-card-body h3 {color: #3b145b; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 1.4; margin-bottom: 10px; }
.event-card-body p {color: #777; font-size: 14px; line-height: 1.6; text-shadow: none; text-align: left; margin: 0 0 15px; flex-grow: 1; }
.event-readmore {display: inline-block; background-color: #3b145b; color: #fff; padding: 9px 22px; border-radius: 4px; font-size: 14px; font-weight: 500; text-decoration: none; transition: background-color 0.3s; margin-top: auto; align-self: flex-start; }
.event-readmore:hover {background-color: #57c177; color: #fff; }
/* Owl Carousel handles responsive widths for event-card */ /* ===== Latest Events Section ===== */ /* Latest Events Slider - Dots */ .latest-events-slider .owl-dots {text-align: center; margin-top: 20px; }
.latest-events-slider button.owl-dot {width: 28px;height: 5px;border-radius: 3px;background: #948888;display: inline-block;margin: 4px 5px;transition: background 0.3s;}
.latest-events-slider button.owl-dot.active {background: #3b145b; }
/* Latest Events Slider - Equal card heights */ .latest-events-slider .owl-stage {display: flex; align-items: stretch; }
.latest-events-slider .owl-item {display: flex; height: auto !important; }
.latest-events-slider .owl-item .event-card {height: 100%; }
/* ===== Creative Vision & Mission Section (Overview Page) ===== */ .creative-vm-container {margin: 40px 0; }
.creative-vm-section {margin-bottom: 30px; }
.creative-vm-section h2 {color: #3b145b;  font-weight: 700; margin-bottom: 20px; font-family: 'Josefin Sans', sans-serif; position: relative; display: inline-block; }
.vn-mission-list {list-style: none; padding: 0; margin: 0; }
.vm-item {display: flex; align-items: flex-start; gap: 15px; margin-bottom: 20px; transition: transform 0.2s ease; }
.vm-item:hover {transform: translateX(8px); }
.vm-item i {color: #ff9600; font-size: 24px; margin-top: 2px; min-width: 30px; text-align: center; }
.vm-item span {font-size: 17px; line-height: 1.6; color: #333; font-weight: 400; }
.sitemap-inner-wrapper {max-width: 900px; margin: auto; }
.sitemap-list>li {margin-bottom: 25px; }
.sitemap-list>li>a {font-size: 16px; color: #111; display: inline-block; margin-bottom: 10px; }
.sitemap-list ul {padding-left: 25px; }
.sitemap-list ul li {margin-bottom: 8px; }
.sitemap-list ul li a {font-size: 16px; color: #555; text-decoration: none; transition: 0.3s ease; position: relative; }
.sitemap-list ul li a::before {content: "› "; color: #0d6efd; }
.sitemap-list ul li a:hover {color: #0d6efd; padding-left: 5px; }
/* Fix for FontAwesome font-display: swap */ @font-face {font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: swap; src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.eot"); src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.ttf") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
@font-face {font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: swap; src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.eot"); src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.ttf") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
@font-face {font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: swap; src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.eot"); src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.ttf") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
/* ===== Latest News Section ===== */ .latest-news-section {padding: 0 0 50px; background-color: #ffffff; }
.latest-news-section h2.textc {margin-bottom: 30px; }
.news-card-custom {display: flex; flex-direction: column; background-color: #eeeeee; height: 480px; }
.news-card-img {height: 250px; overflow: hidden; }
.news-card-img img {width: 100%; height: 100%; object-fit: cover; display: block; }
.news-card-body {padding: 20px; display: flex; flex-direction: column; flex-grow: 1; }
.news-card-body h3 {color: #3b145b; font-size: 18px; margin-bottom: 15px; text-transform: uppercase; font-weight: 600; line-height: 1.4; }
.news-card-body p {color: #777; font-size: 14px; text-transform: uppercase; line-height: 1.5; text-shadow: none; text-align: left; margin: 0; }
.news-card-readmore {display: block; width: 100%; background-color: #57c177; color: #fff; text-align: center; padding: 15px 0; text-decoration: none; font-size: 18px; font-weight: 500; transition: background-color 0.3s; margin-top: auto; }
.news-card-readmore:hover {background-color: #46a362; color: #fff; }
.latest-news-slider .owl-dots {text-align: center; margin-top: 20px; }
.latest-news-slider button.owl-dot {width: 28px; height: 5px; border-radius: 3px; background: #333; display: inline-block; margin: 4px 5px; transition: background 0.3s; }
.latest-news-slider button.owl-dot.active {background: #f86a3a; }
.modern-facilities-wrapper {padding: 40px 0 0; }
.facility-row {display: flex; align-items: center; gap: 50px; margin-bottom: 80px; }
.facility-row:nth-child(even) {flex-direction: row-reverse; }
.facility-img-col {border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); width: 100%; max-width: 350px; }
.facility-img-col img {width: 100%; height: auto; display: block; transition: transform 0.5s ease; border-radius: 20px; }
.facility-row:hover .facility-img-col img {transform: scale(1.05); }
.facility-text-col {flex: 1.2; }
.facility-text-col h2 {color: #3b145b; margin: 0 0 15px 0 !important; font-family: 'Josefin Sans', sans-serif; display: flex; align-items: center; gap: 12px; }
.facility-text-col h2 i {color: #ff9600; font-size: 24px; }
.facility-text-col p {line-height: 1.8; color: #444; }
.sitemap-wrapper {padding: 60px 0; }
#start-popup {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; height: 100%; left: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 9999999; }
#start-popup>div {display: inline-block; margin: 0 auto; position: relative; }
.close-popup {position: absolute; right: 0; top: 0px; padding: 10px 18px; background: #000; color: #fff !important; font-weight: bold; cursor: pointer; }
.ani-a {animation: blinkingText 0.8s infinite; }
@keyframes blinkingText {0% {color: #000; }
100% {color: #e81f2a; }
}
.opb-img {position: relative; }
.opb-img::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); }
.scan-for-location {position: absolute; top: 20px; left: 120px; z-index: 1; }
.scan-for-location a {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100px; margin: auto; }
.scan-for-location a span {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100px; margin: auto; }
.scan-for-location a span img {width: 100%; max-width: 100px; }
.scan-for-location p {color: #fff; text-shadow: 1px 1px #000; }
/* gr 03-12-2025 */ .programs-wrapper {text-align: center; padding: 10px; border-radius: 12px; max-width: 600px; margin: 0 auto; }
.programs-wrapper h3 {margin-bottom: 15px; color: #ffffff; font-size: 18px; }
.programs-wrapper a {display: inline-block; margin: 6px; width: 70px; padding: 11px 8px 8px; background: #ffffff; color: #6a2c91; border-radius: 6px; font-weight: 500; text-decoration: none; transition: 0.3s ease; }
.programs-wrapper a:hover {background: #ffd700; color: #000; transform: translateY(-3px); }
.inner-three-blocks article {flex-direction: column; min-height: 100%; }
.inner-three-blocks article span {display: flex; align-items: center; justify-content: center; }
.inner-three-blocks article main h2 {text-align: center; }
.inner-three-blocks {align-items: stretch; top: unset; bottom: -130px; }
.soc-icon {z-index: 999; }
.admission-form-button {padding: 13px 10px 10px; margin-top: 10px; background-color: #fff; font-weight: 600; }
.admission-form-button:hover {background: #ffd700; color: #000; }
.iframe-holder {min-height: 420px; background: #f5f7fa; border-radius: 12px; overflow: hidden; }
.iframe-placeholder {height: 360px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #666; }
#nav-fixed .main-container.header {padding: 0;}

.event-readmore.testimonial {margin: auto;display: flex;width: 100%;max-width: fit-content;justify-content: center;align-items: center;margin: 10px auto;}

/* Testimonial Page  */
 /* Testimonials Grid CSS */
        /* .testimonials-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 30px;margin-top: 40px;margin-bottom: 40px;} */
.testimonial-card {background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);text-align: center;transition: transform 0.3s ease;border-top: 4px solid #1f3b7b;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;background: #00000008;}
        .testimonial-card:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0,0,0,0.1);border-top-color: #ff9600;}
        .testimonial-card .img img {width: 100%;height: 100%;object-fit: cover;}
        .testimonial-card h2 {margin: 0 0 15px !important;font-size: 20px;color: #1f3b7b;padding: 0 !important;}
.testimonial-card p {color: #555;line-height: 1.6;margin: 0;}
.testimonial-card .img {width: 130px;height: 130px;border-radius: 50%;overflow: hidden;margin: 0 auto 20px;border: 3px solid #f1f1f1;}
.testimonial-card {width: 100%;}
.testimonial-card p {padding: 0 60px;text-align: center !important;}
.testimonials-grid {display: flex;flex-direction: column;justify-content: left;align-items: center;gap: 60px;}

@media(max-width:1600px) {.inner-pagelinks .inner-page {margin: 0 70px; }
}
@media (max-width: 1440px) {.inner-pagelinks::before {display: none; }
.inner-pagelinks::after {display: none; }
}
@media (max-width: 1360px) {.latest-news-section .main-container, .latest-events-section .main-container {max-width: 900px; }
.inner-our-features .fet-img::before {bottom: -66px; top: initial; left: 201px; width: 70%; height: 51%; }
.inner-our-features .fet-img {max-width: 300px; }
.inner-our-features .fet-img::after {max-width: 200px; height: 270px; }
.inner-our-features {align-items: flex-start; }
.swaragh-index-slider .swiper-slide h2.right-text, .swiper-slide h3.right-text, .swiper-slide a.right-text, .swiper-slide p.right-text {font-size: 40px; }
}
@media (max-width: 1330px) {.inner-about-us {flex-direction: column; align-items: center; margin: auto; }
.inner-about-us article:nth-child(1) {margin-bottom: 75px; width: 100%; }
.inner-about-us article:nth-child(2) {width: 100%; padding-top: 40px; }
}
@media (max-width: 1280px) {
footer .main-container article {margin: 20px 30px 0; }
main {padding-bottom: 0; }
.inner-our-features .fet-block-text {padding: 20px 0 0; }
.logo-contact-text {display: none !important; }
.logo-contact-text-res {display: flex !important; }
.logo-contact-text-res {width: 100%; max-width: 350px; }
.inner-pagelinks::before {display: none; }
.inner-pagelinks::after {display: none; }
.mba-program-specialization h2 {text-align: center; }
.main-container {padding: 0;}
.mba-program-specialization .new-h3-inner-heading-container {padding: 10px 5px;}
.know-more-btn {display: flex;}
.mba-program-specialization {	justify-content: center; flex-wrap: wrap;}
.mba-program-specialization {gap: 25px; }
}
@media (max-width: 1220px) {.nav-bar {display: none; }
.resp-menu {display: block; }
.cl-effect-20 {justify-content: flex-start; background: #fc0; }
.swaragh-index-slider .swiper-container {height: 480; }
.inner-page-banner {height: 300px; }
.inner-our-features {align-items: center; flex-direction: column; }
.inner-our-features .fet-block-text {margin-left: 0; }
.inner-our-features .fet-block-text {margin-top: 100px; }
.inner-our-features .fet-img {max-width: 450px; }
.inner-our-features .fet-img::after {max-width: 350px; }
.mba-vision-mission-right {max-width: 440px; }
.mba-vision-mission-left {max-width: 100%; }
.mvg-points p {width: 100%; }
.mba-vision-mission-main {flex-direction: column-reverse; }
.soc-icon ul {display: flex; }
.soc-icon {top: initial; right: 0; bottom: 0; width: 100%; position: fixed; }
.soc-icon ul li svg {margin: 0 8px 0 0 !important; }
.soc-icon ul li {margin: 0; }
.soc-icon ul li {margin: 0; border-radius: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 33.33%; gap: 5px; }
.soc-icon ul li i {display: none; }
.google img {display: none; }
}
@media (max-width: 1200px) {.latest-news-section .main-container, .latest-events-section .main-container {max-width: 780px; }
}
@media (max-width: 1120px) {.inner-three-blocks article main h2 {font-size: 17px; }
}
@media (max-width: 1080px) {.inner-main-header .logo-contact-text-res a {margin: 0px 5px; }
.inner-student-welfare {flex-direction: column-reverse; align-items: center; justify-content: center; }
.inner-gallery article {width: 100%; max-width: 300px; margin: auto 0px; }
.logo div h2 {font-size: 26px; }
.inner-student-welfare .student-text main {gap: 20px; }
.student-div-res {width: 50%; margin: 0 20px; }
.inner-admission-wapper {flex-direction: column; }
.inner-admission-wapper h2 {text-align: center; }
.inner-admission-wapper .link-holder {margin: auto; }
.inner-admission-wapper .link-holder a {margin: auto; }
.about-mba-left {width: 100%; max-width: 380px; }
.about-mba-wrapper {flex-direction: column; gap: 10px; }
.about-mba-right {max-width: 85%; }
.about-mba-right p {text-align: center; }
.about-mba-left {max-width: 340px; }
.about-mba-right h2 {text-align: center; }
.about-mba-main-wrapper {padding: 40px 0 30px; }
}

@media (max-width: 992px) {.facility-row {gap: 30px; }
.facility-text-col h2 {font-size: 24px; }
.inner-our-features {flex-direction: column; justify-content: center; align-items: center; }
.inner-our-features .fet-img {margin-bottom: 50px; }
.inner-our-features .fet-block-text {margin-left: 0px; }
.inner-princple-desk {flex-direction: column; justify-content: center; align-items: center; }
.inner-princple-desk .princple-txt {margin: auto !important; width: 100%; max-width: 800px; }
.inner-princple-desk .princple-img {width: 100%; max-width: 100%; }
.inner-tour-video .video-img {width: 100%; max-width: 100%; }
.inner-tour-video {flex-direction: column-reverse; justify-content: center; align-items: center; }
.testim .arrow.left {left: 30px; }
.testim .arrow.right {right: 30px; }
.inner-three-blocks {position: initial; align-items: initial; }
.inner-three-blocks article {flex-direction: column; justify-content: center; align-items: center; }
.about-us {padding: 40px 0px 0px; }
.inner-pagelinks .main-fluid-container.inner-fixed-links {top: 85px; }
.inner-bottom-footer {flex-direction: column; }
.inner-bottom-footer span {margin-bottom: 10px; }
.inner-bottom-footer span br {display: none; }
section.testimonials-wrapper article {flex-direction: column; }
.student-div-res {width: 100%; margin: 0 20px; }
.inner-tour-video .video-text {margin-top: 35px; }
.swaragh-index-slider .swiper-container {height: 460px; }
.inner-page-banner {height: 280px; }
.resp-du-img {width: 100% !important; }
.resp-av-sport {background-size: contain !important; }
.sitemap-inner-wrapper {max-width: fit-content !important; margin: auto; }
/* .testimonial-card p {padding: 0;} */
.testimonial-card p {padding: 10px 0;}
}

@media (max-width: 876px) {.swaragh-index-slider .swiper-slide-active h3.left-text {transform: translateX(-0%) scale(1); }

.swaragh-index-slider .swiper-slide-active h2.left-text {transform: translateX(-0%) scale(1); }
.swaragh-index-slider .swiper-slide-active p.left-text {transform: translateX(-0%) scale(1); }
.swaragh-index-slider .swiper-slide-active a.left-text {transform: translateX(-0%) scale(1); }
.swaragh-index-slider .swiper-slide-active h3.right-text {transform: translateX(0%) scale(1); }
.swaragh-index-slider .swiper-slide-active h2.right-text {transform: translateX(0%) scale(1); }
.swaragh-index-slider .swiper-slide-active p.right-text {transform: translateX(0%) scale(1); }
.swaragh-index-slider .swiper-slide-active a.right-text {transform: translateX(0%) scale(1); }
footer .main-container {flex-direction: column; align-items: center; justify-content: center; }
footer .main-container article {width: 85%; }
.swaragh-index-slider .swiper-container {height: 420px; }
.inner-page-banner {height: 260px; }
.logo a img {margin: 0px 13px 0 0; }
.logo div h2 {font-size: 22px; }
.logo div p {font-size: 16px; }
.f-nav .resp-top-head-p.down {display: none; }
.resp-top-head-p {display: none; }
.testim .arrow.right {display: none; }
.testim .arrow.left {display: none; }
.latest-news-section .owl-carousel {max-width: 540px; margin: auto; }
}

@media (max-width: 820px) {.inner-top-header article:nth-child(1) {display: none; }
.inner-top-header article .res-dis {display: inline-block; }
.inner-top-header {display: flex; justify-content: center; align-items: center; text-align: center; }
}

@media (max-width: 776px) {
  h3.new-h3-inner-heading-container {text-align: center;}
.career-opportunity h2 {text-align: center;}
li::marker {content: '';}
.inner-content {padding: 0px 20px 15px;}
.inner-student-welfare .student-text main {flex-direction: column; justify-content: center; align-items: center; }
.calender-news-container article {width: 100%; max-width: 100%; }
.number-count-container {flex-direction: column; justify-content: center; align-items: center; }
.number-count-container div {border: 0px; }
.inner-bottom-footer {flex-direction: column; justify-content: center; align-items: center; line-height: 1.6;    text-align: center; }
.inner-main-header .logo {max-width: 450px; }
.logo-contact-text-res {width: 100%; max-width: 250px; margin-top: 10px; }
.logo div h2 {font-size: 13px; }
.logo div p {font-size: 12px; }
.iso-link {font-size: 11px !important; }
.main-header {padding: 12px 0px; }
footer .footer-logo h4 {font-size: 25px; }
#board-content-div div {width: 49%; display: block; margin: 10px auto; }
.double-img-container article {width: 100%; margin: 20px auto; }
.double-img-container {flex-direction: column; justify-content: center; align-items: center; }
section.double-flex>article {width: 100%; }
section.double-flex {flex-direction: column; align-items: center; justify-content: center; }
.inner-contact-form {flex-wrap: wrap; }
.student-div-res {width: 100%; }
.res-header-none {display: none; }
.swaragh-index-slider .swiper-container {width: 100%; height: 400px; }
.inner-page-banner {height: 240px; }
.inner-latest-events {height: 650px; }
h1.new-h1-inner-heading-container {text-align: center !important;display: flex;justify-content: center;align-items: center;width: 100%;max-width: fit-content;margin: 0 auto 30px;}
h2.new-h2-inner-heading-container {font-size: 26px; }
h3.new-h3-inner-heading-container {font-size: 24px; }
h4.new-h4-inner-heading-container {font-size: 22px; }
}



@media screen and (max-width:768px) {.facility-row:hover .facility-img-col img {transform: inherit; }
section.inner-content p {text-align: center; }
.creative-vm-container {margin: 30px 0; }
.creative-vm-section h2 { margin-bottom: 15px; }
.vm-item {gap: 12px; margin-bottom: 15px; }
.vm-item i {font-size: 20px; min-width: 25px; }
.vm-item span {font-size: 15px; }
.facility-row, .facility-row:nth-child(even) {flex-direction: column; gap: 20px; margin-bottom: 50px; }
.facility-img-col {width: 100%; }
.facility-text-col {width: 100%; text-align: center; }
.facility-text-col h2 {justify-content: center; }
.rot {display: none; }
/* .soc-icon {top: initial; right: 0; bottom: 0; width: 100%; position: fixed; }
*/ /* .soc-icon ul {display: flex; }
*/ .soc-icon ul a {width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
/* .soc-icon ul li {margin: 0; border-radius: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 33.33%; }
*/ /* .soc-icon ul li svg {margin: 0 8px 0 0 !important; }
.soc-icon ul li {margin: 0; }
*/ .duplex-imgs .duplex-img {width: 100%; }

#to-top {bottom: 70px; }
.inner-our-features .fet-img::after {display: none; }
.inner-our-features .fet-img::before {display: none; }
.inner-our-features .fet-img {background-image: url('../images/inner-img/sports-3.jpg') !important; }
.bottom-footer {margin-bottom: 68px; }
/* .soc-icon ul li i {margin-right: 5px; }
*/ .inner-pagelinks {display: none; }
.f-nav .iso-link {display: none; }
.inner-our-features .fet-block-text {margin-top: 0px; }
.main-header.f-nav .logo div>span {display: none; }
.f-nav .logo div h2 {font-size: 12px; }
.f-nav .logo div p {font-size: 12px; }
.f-nav .logo a img {margin: 0 10px 0 0; }
}
@media (max-width: 676px) {
  .mba-overview li a::before {top: 4px;bottom: inherit; left: -16px;}
  .adm-btn {gap: 17px;flex-direction: column;}
  .facility-text-col h2 i {display: none; }
.inner-main-header {flex-direction: column; justify-content: center; align-items: flex-start; margin: auto; position: relative; }
.resp-menu {width: 100%; display: flex; justify-content: flex-end; }
.main-header {padding: 0px; padding: 23px 0 0; }
header .toggle {top: -25px; }
.inner-pagelinks .main-fluid-container.inner-fixed-links {top: 95px; }
.new-table-body {overflow: auto; margin: unset; white-space: nowrap; }
.logo-right {margin-right: 0; position: absolute; right: 16px; bottom: -15px; }
.f-nav .logo-right {display: none; }
.f-nav.main-header {padding: 10px 0; }
.f-nav .resp-menu {height: 0; }
.f-nav .toggle {top: -45px; }
header .toggle {top: -70px; }
.inner-main-header .logo {padding-right: 35px; }
.logo a img {position: relative; right: 12px; }
.f-nav .logo a img {position: relative; right: 0px; }
& ::slotted(svg), & svg {max-width: 11px; }
.testim .arrow.left {display: none; }

}
@media (max-width: 576px) {
  .know-more-btn {display: flex;width: 100%;max-width: fit-content;justify-content: center;align-items: center;margin: auto ;}
  .latest-news-section h2.textc {margin-bottom: 30px !important;}
  .right-block-address {padding: 20px 20px;}
  .contact-form {padding: 20px 20px !important;}
  .left-block-address ul li a {font-size: 16px;}
label, input, textarea, select {font-size: 14px;}
.inner-latest-events {height: 670px; }
.new-table-ha-container {padding: 0;}
.new-table-ha-container {padding: 0px 0 0 0 !important;}
table th {font-size: 13px !important;}
.inner-main-header h2 {margin: 0 !important;}
.accordion-header h3 {font-size: 18px;}
.accordion-body p {	text-align: left;}
/* h2 {margin: 25px 0 0 !important;} */
h3.new-h3-inner-heading-container {padding: 23px 4px 8px;}
.swiper-events {padding: 80px 0 !important; }
footer .footer-logo h4 {font-size: 19px; }
.footer-clg-details p {text-align: center; }
footer .main-container {padding: 0px 0 0; }
footer .main-container article {margin: 10px 0 0; }
footer .main-container article h3 {font-size: 16px; }
footer .main-container article a {font-size: 14px; }
.inner-three-blocks {flex-direction: column; justify-content: center; align-items: center; }
.inner-three-blocks article {flex-direction: row; width: 100%; max-width: 100%; }
.sitemap-con {width: 100%; }
.para {margin: 0 auto; }
.swaragh-index-slider .swiper-container {width: 100%; height: 350px; }
.res-banner-left-post {background-position: left !important; }
.inner-page-banner {height: 220px; }
.inner-admission-wapper h2 {font-size: 38px; }
article.side-note-container div h4 {font-size: 24px; }
.iframe-news-holder {height: 500px; }
.news-calender-links {margin: 5px auto 20px; }
.testimonials-video-wrapper iframe {max-width: 100% !important; }
.calender-news-container article:nth-child(2) {padding: unset; }
.inner-our-features .fet-block-text main a {padding: unset; margin: 0 auto; }
.inner-our-features .fet-block-text main p {margin: 0 auto 10px; }
.inner-our-features .fet-block-text main h3 {margin: 10px auto 0; }
.inner-tour-video .video-text p {margin: 0 20px 0; }
.testim .arrow.left {left: 20px; }
h2.new-h2-inner-heading-container {padding: 0 0 0; }
section.inner-content p {margin: 0; }
h5.inner-h5 a {margin: 15px 0 4px; }
h5.bca-h5 {margin: 15px 0 0px; }
header .toggle {padding-left: 22px; }
h2.new-h2-inner-heading-container {text-align: center; }
.mvg-points p {padding-left: 0; }
.main-specilization {padding: 0 20px; }
.testimonial-card {
	padding: 30px 10px 20px;
}
}
@media (max-width: 536px) {.swaragh-index-slider .swiper-slide h2.right-text, .swiper-slide h3.right-text, .swiper-slide a.right-text, .swiper-slide p.right-text {font-size: 45px; }
.swaragh-index-slider .swiper-slide h2.left-text, .swiper-slide h3.left-text, .swiper-slide a.left-text, .swiper-slide p.left-text {font-size: 45px; }
.swaragh-index-slider .swiper-slide h2, .swiper-slide h3, .swiper-slide a, .swiper-slide p {font-size: 45px; }
.inner-top-header article:nth-child(1) {display: none; }
.inner-top-header article .res-dis {display: inline-block; }
.inner-top-header {display: flex; justify-content: center; align-items: center; text-align: center; }
.inner-about-us article:nth-child(2) h2 {font-size: 28px; }
a.individual-news-component .single-news-component {margin: 10px 5px !important; }
.inner-about-us article:nth-child(2) {margin-top: 80px; }
#board-content-div div {width: 100%; margin: 0}
.inner-student-welfare .student-text main div .student-icon-text {flex-direction: column; text-align: center; }
.inner-student-welfare .student-text main div .student-icon-text div h3 {text-align: center; }
.inner-student-welfare .student-text main div .student-icon-text div p {text-align: center; }
.inner-student-welfare .student-text h2 {text-align: center; line-height: 1.7; }
.inner-student-welfare .student-text p {text-align: center; }
h2 {font-size: 35px; line-height: 1.3; }
/* .testimonials {height: 700px; } */
.resp-av-sport {background-position: 50% 50% !important; }
.inner-h2 {margin: 20px 0 0; }
.inner-content {padding: 20px 20px 40px; }
h1.new-h1-inner-heading-container {font-size: 26px; }
h2.new-h2-inner-heading-container {font-size: 24px; }
h3.new-h3-inner-heading-container {font-size: 22px; }
h4.new-h4-inner-heading-container {font-size: 20px; }
.logo-right {position: absolute; right: 0; bottom: -15px; left: 0; justify-content: center; display: flex; margin: 10px auto 0; }
.inner-admission-wapper {gap: unset; }
.swaragh-index-slider .swiper-slide h2.right-text, .swiper-slide h3.right-text, .swiper-slide a.right-text, .swiper-slide p.right-text {font-size: 22px; }
}


@media screen and (max-width:480px) {.calender-news-container .textc, .latest-events-section .textc {padding: 0 0 15px; }
.testimonial-card h2 {margin: 0 0 0px !important;}
.inner-tour-video .video-img {display: none; }

.latest-events-section {padding: 40px 0; }
.latest-events-section h2.textc {margin-bottom: 0; }
.our-features {padding: 40px 0px 20px; }
.textc {padding: 10px 0 0; }
p {font-size: 16px; }
.modern-facilities-wrapper {padding: 40px 0 0; }
.inner-content {padding: 30px 20px 0 !important; }
.facility-text-col h2 {font-size: 21px; }
.latest-news-section .owl-carousel, .latest-events-section .owl-carousel {max-width: 90%; margin: auto; }
.sitemap-wrapper {padding: 40px 0 !important; }
#to-top {bottom: 30px; right: 0px; font-size: 30px; }
.swaragh-index-slider .swiper-slide h3.right-text {font-size: 20px; }
.swaragh-index-slider .swiper-slide h2.right-text, .swiper-slide h3.right-text, .swiper-slide a.right-text, .swiper-slide p.right-text {margin: 0; }
.scan-for-location a span img {max-width: 28px; }
.scan-for-location p {font-size: 11px; }
.testim .arrow {display: flex; position: relative; color: #1c448e; cursor: pointer; font-size: 2em; bottom: 0; transition: all .3s ease-in-out; z-index: 2; justify-content: center; align-items: center; width: 100%; }
.testim .arrow.right {display: none !important; }
.inner-our-features .fet-block-text main h3 {font-size: 20px; }
.inner-our-features .fet-block-text main a {font-size: 17px; }
.inner-princple-desk .princple-txt a {font-size: 18px; max-width: 180px; }
/* .testimonials {padding: 30px 15px 0 15px; } */
.swaragh-index-slider .swiper-slide-active p.right-text {font-size: 16px; }
.logo a img {margin: 0px 0px 0 0; }
.iframe-news-holder {height: 510px; }
.inner-about-us article:nth-child(2) {margin-top: 100px; }
.swaragh-index-slider .swiper-container {width: 100%; height: 320px; }
.inner-page-banner {height: 200px; }
.inner-admission-wapper h2 {font-size: 30px; }
ul.pdf-ul li {margin: 16px 0; position: relative; }
.f-nav .inner-main-header .logo {padding-right: 60px; margin: 5px; }
.f-nav .inner-main-header .logo>div {padding-left: 10px; }
.logo div {max-width: 90%; }
header .toggle {top: 0; }
.resp-menu {padding: 0 0 10px; }
.pg {font-size: 10px !important; }
.main-header {padding: 10px 0 0; }
.main-header {padding: 23px 0 0; }
.logo div p {display: none; }
.logo span {display: none; }
.f-nav .inner-main-header .logo>div {padding-left: 0; }
header .toggle {top: -43px; }
.logo div h2 {font-size: 12px; }
.f-nav .toggle {top: -49px; }
.logo a img {max-width: 60px; }
.f-nav .logo a img {max-width: 55px; }
.resp-menu {padding: 0 0 0; }
h2 {font-size: 25px; margin: 0; }
.inner-student-welfare .student-text main div .student-icon-text {margin: 20px 10px; }
main.calender-news-section {padding: 0px 20px; }
article.side-note-container div h4 {font-size: 18px; margin: 10px 0px 0; }
article.side-note-container div p {font-size: 15px; }
.inner-admission-wapper .link-holder a {padding: 10px 10px 8px; font-size: 20px; max-width: 170px; }
.admission-wapper {padding: 20px 20px 40px; }
.our-features h2 {margin: 0 auto 0 !important; }
.inner-our-features .fet-img {display: none; }
.inner-our-features .fet-block-text {gap: 15px; }
.inner-content-container {padding: 0 0 40px 0;}
}

@media screen and (max-width:460px) {
	.mba-overview li a::before {top: 8px;}
  .mba-overview li a {line-height: 1.4;}
  .career-opportunity h2 {padding: 0 0 10px;}

.soc-icon ul li {flex-direction: column; justify-content: center; }
.soc-icon ul li svg {margin: 0 0 6px 0 !important; }
}


@media (max-width: 430px) {
h3.new-h3-inner-heading-container {	font-size: 18px;}
.mba-program-specialization h2 {margin: 0 0 20px;}
  h2 {font-size: 22px;margin: 0;}
  ul.check-inner-page-ul li {padding-left: 34px;}
.iframe-news-holder {height: 540px; }
.vm-item i {font-size: 16px;min-width: 16px;}
.about-t-l-r-b-p {padding: 12px 20px 20px; }
.inner-admission-wapper h2 {font-size: 25px; }
ul.check-inner-page-ul li {font-size: 16px;}
h1.new-h1-inner-heading-container {font-size: 24px; }
h2.new-h2-inner-heading-container {font-size: 22px; }
h4.new-h4-inner-heading-container {font-size: 19px; }
}
@media (max-width: 360px) {.logo div p {font-size: 14px; }
footer .footer-logo h4 {font-size: 18px; }
.footer-clg-details p {font-size: 12px; }
.gallery em {margin: 20px 5px; }
.swaragh-index-slider .swiper-container {height: 300px; }
.inner-page-banner {height: 190px; }
}