/*!
 * * Disigned & Developed by Suneel Kumar Duvvuri ()
 * * Copyright 2011-2021 Suneel Kumar Duvvuri pvt LTD.
 * */
@import "../../npm/bootstrap%405.0.1/dist/css/bootstrap.min.css";
@import "../../ajax/libs/slick-carousel/1.8.1/slick.min.css";
@import "../../ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css";
@import "../../npm/select2%404.1.0-rc.0/dist/css/select2.min.css";
@import "../../npm/select2-bootstrap-5-theme%401.1.1/dist/select2-bootstrap-5-theme.min.css";
@import "../../ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css";
@import url("../../css2.html");
@import url("../../css2-1.html");
html, body {
  font-family: "Roboto Slab", serif;
  line-height: 22px;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "AgfaRotisSemiSerif";
  color: rgb(174, 41, 86);
}

h1 {
  line-height: normal;
  font-size: 32px;
  margin: 0;
}
@media only screen and (min-width: 468px) {
  h1 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1441px) {
  h1 {
    font-size: 48px;
  }
}

h2 {
  margin-bottom: 10px;
  font-size: 28px;
}
@media only screen and (min-width: 468px) {
  h2 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: 38px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  h2 {
    font-size: 45px;
    margin-bottom: 20px;
  }
}

h3, h4, h5 {
  font-size: 20px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  h3, h4, h5 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1550px) {
  h3, h4, h5 {
    font-size: 30px;
    margin-bottom: 25px;
  }
}

h6 {
  font-size: 18px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  h6 {
    font-size: 19px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  h6 {
    font-size: 24px;
    margin-bottom: 18px;
  }
}

p {
  color: rgb(66, 67, 67);
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 22px;
  text-align: justify;
}
@media only screen and (min-width: 468px) {
  p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1550px) {
  p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 5px;
  }
}
p a {
  color: rgb(174, 41, 86);
  display: inline;
}

a {
  text-decoration: none;
  transition: all 0.3s;
}
a:hover {
  color: inherit;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
}

.form-control {
  display: block;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  color: #0a0a0a;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid rgb(208, 208, 208);
  border-radius: 0;
  transition: all 0.15s;
  height: 40px;
  outline: none;
  box-shadow: none !important;
  padding: 5px 15px;
}
@media only screen and (min-width: 468px) {
  .form-control {
    padding: 5px 22px;
  }
}
@media only screen and (min-width: 576px) {
  .form-control {
    height: 54px;
    font-size: 14px;
  }
}
.form-control::placeholder {
  color: #0a0a0a;
}
.form-control:focus {
  border-color: inherit;
}
.form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: rgb(66, 67, 67);
  -webkit-box-shadow: 0 0 0px 30px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

textarea.form-control {
  min-height: 128px;
  padding-top: 13px;
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

::selection, ::-moz-selection {
  background: rgb(128, 28, 62);
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-thumb {
  background: rgb(128, 28, 62);
  border-radius: 30px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0 grey;
  border-radius: 0px;
  background: rgb(168, 180, 198);
}

svg {
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: middle;
  overflow: hidden;
}

[data-ll-status=error] {
  background: url(../images/favicon.png) no-repeat center whitesmoke;
  width: 100%;
  height: 100%;
  object-fit: contain;
  min-height: 150px;
  display: block;
  background-size: 130px;
}

.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: none;
}

/************FONTS***********/
@font-face {
  font-family: "AgfaRotisSemiSerif";
  src: url("../fonts/AgfaRotisSemiSerif-Bold.woff2") format("woff2"), url("../fonts/AgfaRotisSemiSerif-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* BASE STYLE */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 992px) {
  .container {
    max-width: 1050px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1215px;
  }
}
@media only screen and (min-width: 1441px) {
  .container {
    max-width: 1300px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .container {
    max-width: 95%;
  }
}
@media only screen and (max-width: 768px) {
  .container {
    max-width: none;
  }
}

.modal-backdrop {
  background: rgba(54, 54, 54, 0.8);
  z-index: 3;
  display: none;
}
.modal-backdrop.show {
  opacity: 1;
}

#Header {
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9997;
  transition: all 0.4s ease-in-out, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(0);
  background: rgb(255, 255, 255);
}
#Header.scrolled {
  transform: translateY(calc(-101% - 22px));
  opacity: 0;
}
#Header .Topbar {
  background-color: rgb(5, 105, 5);
}
#Header .Topbar .navbar {
  margin: 0;
  padding: 0;
}
#Header .Topbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  #Header .Topbar .container {
    padding: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  #Header .Topbar .container {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 992px) {
  #Header .Topbar ul {
    display: flex;
    align-items: center;
    margin: -8px;
  }
}
@media only screen and (min-width: 1550px) {
  #Header .Topbar ul {
    margin: 0 -12.5px;
  }
}
@media only screen and (min-width: 992px) {
  #Header .Topbar ul li {
    padding: 8px;
  }
}
@media only screen and (min-width: 1550px) {
  #Header .Topbar ul li {
    padding: 0 12.5px;
  }
}
#Header .Topbar a {
  color: rgb(255, 255, 255);
  font-size: 12px;
  padding: 10px 20px;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(174, 41, 86);
  height: auto;
}
@media only screen and (min-width: 468px) {
  #Header .Topbar a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) {
  #Header .Topbar a {
    padding: 0;
    height: 42px;
  }
}
@media only screen and (min-width: 1550px) {
  #Header .Topbar a {
    height: 45px;
    font-size: 15px;
  }
}
#Header .Topbar a:hover {
  color: #ff5c93;
}
#Header .Topbar .collapse {
  order: 1;
  background: rgb(158, 37, 78);
}
@media only screen and (min-width: 992px) {
  #Header .Topbar .collapse {
    background: transparent;
    order: 0;
    justify-content: flex-end;
  }
}
#Header .Topbar .RitSec {
  display: flex;
  align-items: center;
  order: 0;
}
@media only screen and (min-width: 992px) {
  #Header .Topbar .RitSec {
    order: 1;
    padding-left: 35px;
  }
}
#Header .Topbar .RitSec a {
  display: flex;
  align-items: center;
  padding: 7px 20px;
}
@media only screen and (min-width: 468px) {
  #Header .Topbar .RitSec a {
    padding: 8px 25px;
  }
}
@media only screen and (min-width: 1550px) {
  #Header .Topbar .RitSec a {
    padding: 8px 30px;
  }
}
#Header .Topbar .RitSec .downloads svg {
  fill: rgb(255, 255, 255);
  width: 15px;
  margin-right: 5px;
  transition: all 0.3s;
}
@media only screen and (min-width: 468px) {
  #Header .Topbar .RitSec .downloads svg {
    width: 18px;
    margin-right: 13px;
  }
}
#Header .Topbar .RitSec .downloads:hover svg {
  fill: #ff5c93;
}
#Header .Topbar .RitSec .login {
  background-color: rgb(5, 105, 5);
  text-transform: uppercase;
}
#Header .Topbar .RitSec .login:hover {
  color: rgb(255, 255, 255);
  background: rgb(128, 28, 62);
}
#Header .Topbar .MenuIcon {
  display: flex;
}
@media only screen and (min-width: 992px) {
  #Header .Topbar .MenuIcon {
    display: none;
  }
}
#Header .Topbar .MenuIcon button {
  display: block;
  border: none;
  width: 55px;
  font-size: 0;
  outline: none;
  margin-right: 0;
  margin-top: 0;
  box-shadow: none;
  border-radius: 0;
  background: #9e254e;
  height: 37px;
  padding: 10px 15px;
}
@media only screen and (max-width: 468px) {
  #Header .Topbar .MenuIcon button {
    padding: 8px 15px;
    width: 55px;
    height: 39px;
  }
}
@media only screen and (min-width: 468px) {
  #Header .Topbar .MenuIcon button {
    padding: 12px 15px;
  }
}
#Header .Topbar .MenuIcon button svg {
  width: 15px;
  fill: #fff;
}
#Header .Topbar .MenuIcon button span {
  width: 100%;
  height: 1px;
  display: block;
  background: rgb(255, 255, 255);
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
#Header .Topbar .MenuIcon button span:nth-child(2) {
  width: 90%;
}
#Header .Topbar .MenuIcon button span:nth-child(3) {
  width: 66%;
}
#Header .Topbar .MenuIcon button span:nth-child(4) {
  width: 76%;
}
#Header .Topbar .MenuIcon button span ~ span {
  margin-top: 6px;
}
@media only screen and (max-width: 468px) {
  #Header .Topbar .MenuIcon button span ~ span {
    margin-top: 6px;
  }
}
#Header .Topbar .MenuIcon button.open span {
  width: 100%;
}
#Header .HeadCenter {
  border-bottom: 1px solid rgb(233, 231, 227);
  position: relative;
  padding: 10px 0;
}
@media only screen and (min-width: 992px) {
  #Header .HeadCenter {
    padding: 15px 0 20px;
  }
}
#Header .HeadCenter .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#Header .HeadCenter .container .logo {
  width: 250px;
}
@media only screen and (min-width: 468px) {
  #Header .HeadCenter .container .logo {
    width: 340px;
  }
}
@media only screen and (min-width: 992px) {
  #Header .HeadCenter .container .logo {
    width: 770px;
  }
}
@media only screen and (min-width: 1550px) {
  #Header .HeadCenter .container .logo {
    width: 475px;
  }
}
#Header .HeadCenter .container .RitSec {
  display: none;
}
@media only screen and (min-width: 992px) {
  #Header .HeadCenter .container .RitSec {
    display: block;
  }
}
#Header .HeadCenter .container ul {
  display: flex;
  align-items: center;
  margin: 0 -55px;
}
#Header .HeadCenter .container ul li {
  padding: 0 10px;
  display: flex;
  align-items: center;
}
#Header .HeadCenter .container ul li svg {
  fill: none;
  stroke: rgb(174, 41, 86);
  stroke-width: 13;
  stroke-miterlimit: 10;
}
#Header .HeadCenter .container ul li svg#phone {
  width: 30px;
}
#Header .HeadCenter .container ul li svg#mail {
  width: 35px;
}
#Header .HeadCenter .container ul li .flx {
  padding-left: 20px;
}
#Header .HeadCenter .container ul li .label {
  font-size: 11px;
  color: #8f949f;
}
@media only screen and (min-width: 1550px) {
  #Header .HeadCenter .container ul li .label {
    font-size: 12px;
  }
}
#Header .HeadCenter .container ul li a {
  display: block;
  font-size: 14px;
  color: #503d4f;
}
#Header .HeadCenter .container ul li a:hover {
  color: rgb(174, 41, 86);
}
@media only screen and (min-width: 1550px) {
  #Header .HeadCenter .container ul li a {
    font-size: 16px;
  }
}
#Header .HeadCenter .container ul li:not(:last-of-type) {
  border-right: 1px solid rgba(11, 63, 103, 0.2);
}
#Header .HeadCenter .MenuIcon {
  display: flex;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  #Header .HeadCenter .MenuIcon {
    display: none;
  }
}
#Header .HeadCenter .MenuIcon button {
  display: block;
  border: none;
  width: 60px;
  height: 60px;
  font-size: 0;
  outline: none;
  padding: 15px;
  margin-right: 0;
  margin-top: 0;
  box-shadow: none;
  border-radius: 0;
  background: transparent;
  height: 100%;
}
@media only screen and (max-width: 468px) {
  #Header .HeadCenter .MenuIcon button {
    width: 55px;
  }
}
#Header .HeadCenter .MenuIcon button span {
  width: 100%;
  height: 2px;
  display: block;
  background: #503d4f;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
#Header .HeadCenter .MenuIcon button span:nth-child(2) {
  width: 90%;
}
#Header .HeadCenter .MenuIcon button span:nth-child(3) {
  width: 66%;
}
#Header .HeadCenter .MenuIcon button span:nth-child(4) {
  width: 76%;
}
#Header .HeadCenter .MenuIcon button span ~ span {
  margin-top: 8px;
}
@media only screen and (max-width: 468px) {
  #Header .HeadCenter .MenuIcon button span ~ span {
    margin-top: 6px;
  }
}
#Header .HeadCenter .MenuIcon button.open span {
  width: 100%;
}
#Header .mainHeader {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#Header .mainHeader #HeaderPOP {
  min-height: 100vh;
  background: rgba(31, 31, 31, 0.75);
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP {
    position: unset;
    display: block;
    opacity: 1;
    padding: 0px;
    overflow: visible;
    height: 100%;
    background: transparent;
    min-height: auto;
  }
}
#Header .mainHeader #HeaderPOP .modal-dialog {
  margin: 0;
  max-width: 100%;
  -webkit-transform: none;
  transform: none;
  background: rgb(174, 41, 86);
  height: 100%;
  left: -100%;
  transition: ease-in-out all 0.3s;
}
@media (max-width: 992px) and (min-width: 468px) {
  #Header .mainHeader #HeaderPOP .modal-dialog {
    max-width: 350px;
  }
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .modal-dialog {
    background: transparent;
    left: auto;
  }
}
#Header .mainHeader #HeaderPOP .modal-content {
  padding: 0px;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  height: 100%;
}
#Header .mainHeader #HeaderPOP .modal-body {
  padding: 0px;
  background: rgb(128, 28, 62);
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .modal-body {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: transparent;
  }
}
#Header .mainHeader #HeaderPOP .modal-body .btnClose {
  position: fixed;
  right: 6px;
  top: 8px;
  background: transparent;
  opacity: 1;
  border: none;
  outline: none;
  box-shadow: none;
  width: 25px;
  height: 25px;
  z-index: 1;
}
@media only screen and (min-width: 468px) {
  #Header .mainHeader #HeaderPOP .modal-body .btnClose {
    width: 35px;
  }
}
#Header .mainHeader #HeaderPOP .modal-body .btnClose span {
  width: 100%;
  height: 2px;
  display: block;
  background: rgb(255, 255, 255);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
#Header .mainHeader #HeaderPOP .modal-body .btnClose span:nth-child(1) {
  transform: rotate(45deg) translate(0px, 0px);
}
#Header .mainHeader #HeaderPOP .modal-body .btnClose span:nth-child(2) {
  transform: rotate(-45deg) translate(2px, -2px);
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .modal-body .btnClose {
    display: none;
  }
}
#Header .mainHeader #HeaderPOP.show .modal-dialog {
  left: 0px;
}
#Header .mainHeader #HeaderPOP .navbar-nav {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    height: 100%;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list {
  height: 100%;
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list .link {
  position: relative;
  color: rgb(255, 255, 255);
  padding: 8px 10px;
  display: flex;
  align-items: center;
  height: 42px;
  font-size: 13px;
  border-bottom: 1px solid #9c214b;
}
@media only screen and (min-width: 468px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list .link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list .link {
    justify-content: center;
    border-bottom: none;
    color: #fff;
    height: 55px;
  }
}
@media only screen and (min-width: 1200px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list .link {
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 1550px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list .link {
    font-size: 15.6px;
    height: 70px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list .link span {
  position: relative;
  z-index: 1;
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list .link::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: -1px;
  background: rgb(174, 41, 86);
  width: 0;
  height: 1px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.active .link, #Header .mainHeader #HeaderPOP .navbar-nav .nav-list:hover .link {
    /*color: rgb(174, 41, 86); */
    background: transparent;
  }
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.active .link::before, #Header .mainHeader #HeaderPOP .navbar-nav .nav-list:hover .link::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (max-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.active .link {
    color: rgb(255, 255, 255);
    background: #9c214b;
  }
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.active .link::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop {
    position: unset;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop.DeprtDrop {
  position: relative;
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .link {
    position: relative;
  }
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .link::after {
    content: "";
    position: absolute;
    margin: auto;
    background: rgb(255, 244, 248);
    transform: rotate(45deg);
    z-index: 9991;
    opacity: 0;
    border-left: 1px solid rgba(175, 178, 179, 0.271);
    border-top: 1px solid rgba(175, 178, 179, 0.271);
    bottom: -6px;
    width: 12px;
    height: 12px;
    left: 20px;
    transition: opacity 0.2s ease-in, transform 0.2s ease-in, visibility 0.2s ease-in;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .link::after {
    left: 0px;
    right: 0px;
    bottom: -8.5px;
    width: 17px;
    height: 17px;
    transform: rotate(45deg) translate(0, 10px);
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop [data-bs-toggle=dropdown] {
  position: relative;
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu {
  background: rgb(255, 244, 248);
  border: none;
  border-radius: 0;
  width: 100%;
  margin: 0px;
  top: 100% !important;
  position: static !important;
  left: 0px !important;
  padding: 15px 15px 25px;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu {
    transform: translate(0px, 0px) !important;
  }
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu {
    padding: 30px 20px 50px;
    position: absolute !important;
    opacity: 0;
    transform: translate(0, 10px);
    transition: opacity 0.2s ease-in, transform 0.2s ease-in, visibility 0.2s ease-in;
    display: block;
    visibility: hidden;
  }
}
@media only screen and (min-width: 1200px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu {
    padding: 40px 35px 70px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu::after {
  content: "";
  position: absolute;
  margin: auto;
  background: rgb(255, 244, 248);
  transform: rotate(45deg);
  z-index: -1;
  opacity: 0;
  border-left: 1px solid rgba(175, 178, 179, 0.271);
  border-top: 1px solid rgba(175, 178, 179, 0.271);
  top: -6px;
  width: 12px;
  height: 12px;
  left: 20px;
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu::after {
    left: 0px;
    right: 0px;
    top: -8.5px;
    width: 17px;
    height: 17px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu .DropMain {
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu .DropMain {
    margin-bottom: 0px;
    padding-right: 40px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu .DropMain .info p {
  margin: 0;
}
@media only screen and (min-width: 1550px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu .DropMain .info p {
    line-height: 26px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu .head {
  line-height: normal;
  font-family: "AgfaRotisSemiSerif";
  color: rgb(174, 41, 86);
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 17px;
}
@media only screen and (min-width: 468px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu .head {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu .head {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1550px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu .head {
    margin-bottom: 20px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu li {
  line-height: normal;
  margin-bottom: 10px;
}
@media only screen and (min-width: 468px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu li {
    margin-bottom: 15px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu a {
  font-size: 13px;
  color: rgb(80, 61, 79);
  position: relative;
  padding-left: 15px;
}
@media only screen and (min-width: 468px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu a {
    padding-left: 18px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu a {
    font-size: 15px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu a::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 8px;
  height: 11px;
  background: url(../images/listIcon2.png) no-repeat center;
  background-size: 8px;
  transition: all 0.3s;
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu a:hover {
  color: rgb(174, 41, 86);
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu .OptCat .CatTitle {
  color: #503d4f;
  font-weight: 500;
  margin: 24px 0 15px;
  border-bottom: 1px solid #c66787;
  padding-bottom: 5px;
  font-size: 13px;
}
@media only screen and (min-width: 468px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu .OptCat .CatTitle {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu .OptCat .CatTitle {
    font-size: 15px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu.DeprtDropMenu {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu.DeprtDropMenu {
    width: 515px;
  }
}
@media only screen and (min-width: 1200px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu.DeprtDropMenu {
    width: 580px;
  }
}
@media only screen and (min-width: 1550px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu.DeprtDropMenu {
    width: 625px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu.show::after {
  opacity: 1;
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop .dropdown-menu.show .dropdown-menu {
  display: block;
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop:hover .link::after {
    opacity: 1;
  }
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop:hover [data-bs-toggle=dropdown]::after {
    opacity: 1;
    transform: rotate(45deg) translate(0, 10px);
  }
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.MegaDrop:hover .dropdown-menu {
    display: block;
    opacity: 1;
    transform: translate(0, 0);
    visibility: visible;
  }
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown:hover .NormalMenu, #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown.show .NormalMenu {
    display: block;
    opacity: 1;
    transform: translate(0, 0) !important;
    visibility: visible;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .mobServiceLink {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 5px 12px;
  height: 42px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #9c214b;
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .mobServiceLink {
    display: none;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .mobServiceLink svg {
  width: 12px;
  height: 12px;
  fill: rgb(255, 255, 255);
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu {
  background: rgb(255, 244, 248);
  border: none;
  border-radius: 0;
  width: 100%;
  margin: 0px;
  top: 100% !important;
  position: static !important;
  left: 0px !important;
  padding: 0px;
  transform: translate(0px, 0px);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu {
    transform: translate(0px, 0px) !important;
  }
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu {
    width: fit-content;
    width: -moz-fit-content;
    position: absolute !important;
    min-width: 250px;
    opacity: 0;
    transform: translate(0, 10px);
    transition: opacity 0.2s ease-in, transform 0.2s ease-in, visibility 0.2s ease-in;
    display: block;
    visibility: hidden;
  }
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu.FirstDrop {
    min-width: 280px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu::after {
  content: "";
  position: absolute;
  margin: auto;
  background: rgb(255, 244, 248);
  transform: rotate(45deg);
  z-index: -1;
  opacity: 1;
  border-left: 1px solid rgba(175, 178, 179, 0.271);
  border-top: 1px solid rgba(175, 178, 179, 0.271);
  top: -6px;
  width: 12px;
  height: 12px;
  left: 20px;
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu::after {
    left: 33px;
    top: -8.5px;
    width: 17px;
    height: 17px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu.show {
  display: block;
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu a {
  display: block;
  min-width: 210px;
  color: rgb(66, 67, 67);
  font-size: 12px;
  padding: 7px 15px;
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu a {
    padding: 12px 15px;
  }
}
@media only screen and (min-width: 1300px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1555px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu a {
    font-size: 14px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu a:hover {
  background: rgb(5, 105, 5);
  color: rgb(255, 255, 255);
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu [data-bs-toggle=dropdown] {
  position: relative;
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu [data-bs-toggle=dropdown] svg {
  position: absolute;
  right: 10px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  transition: all 0.3s;
  width: 9px;
  height: 9px;
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu [data-bs-toggle=dropdown] svg {
    width: 12px;
    height: 12px;
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu [data-bs-toggle=dropdown]:hover svg {
  fill: rgb(255, 255, 255);
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu li:not(:last-of-type) {
  border-bottom: 1px solid #ffdbe8;
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu li:hover .dropdown-menu {
    display: block;
  }
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu li:hover svg {
    transform: rotate(-90deg);
  }
}
#Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu .dropdown-menu {
  background: #fde8f0;
  border: none;
  border-radius: 0;
  width: 100%;
  margin: 0px;
  top: 100% !important;
  position: static !important;
  left: 0px !important;
  padding: 0px;
  transform: translate(0px, 0px);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu .dropdown-menu {
    transform: translate(0px, 0px) !important;
  }
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu .dropdown-menu a {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 992px) {
  #Header .mainHeader #HeaderPOP .navbar-nav .nav-list.dropdown .NormalMenu .dropdown-menu {
    width: fit-content;
    width: -moz-fit-content;
    position: absolute !important;
    min-width: 250px;
    top: 0 !important;
    left: 100% !important;
  }
}
#Header.sticky {
  position: fixed;
  width: 100%;
  animation-name: fadeInDown;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  z-index: 9000;
  top: 0px;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}
#Header.sticky .Topbar {
  display: none;
}
@media only screen and (min-width: 992px) {
  #Header.sticky .Topbar, #Header.sticky .HeadCenter {
    display: none;
  }
}
#Header.sticky .HeadCenter {
  padding: 5px 0;
}
#Header.sticky .HeadCenter .container .logo {
  width: 200px;
}
@media only screen and (min-width: 468px) {
  #Header.sticky .HeadCenter .container .logo {
    width: 265px;
  }
}
@media only screen and (min-width: 992px) {
  #Header.sticky .HeadCenter .container .logo {
    width: 370px;
  }
}
@media only screen and (min-width: 1550px) {
  #Header.sticky .HeadCenter .container .logo {
    width: 475px;
  }
}

#pageWrapper {
  margin-top: 106px;
}
@media only screen and (min-width: 468px) {
  #pageWrapper {
    margin-top: 123px;
  }
}
@media only screen and (min-width: 992px) {
  #pageWrapper {
    margin-top: 202px;
  }
}
@media only screen and (min-width: 1550px) {
  #pageWrapper {
    margin-top: 239px;
  }
}

.ViewMore {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  width: fit-content;
  width: -moz-fit-content;
  font-size: 11px;
}
@media only screen and (min-width: 468px) {
  .ViewMore {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) {
  .ViewMore {
    font-size: 14px;
  }
}
.ViewMore svg {
  fill: rgb(174, 41, 86);
  transform: rotate(180deg) translateY(0px);
  transition: all 0.5s ease-in-out;
  filter: drop-shadow(0px 0px 0px rgba(243, 185, 34, 0));
  width: 9px;
  height: 9px;
  margin-left: 10px;
}
@media only screen and (min-width: 468px) {
  .ViewMore svg {
    width: 11px;
    height: 11px;
    margin-left: 18px;
  }
}
.ViewMore:hover {
  color: rgb(174, 41, 86);
}
.ViewMore:hover svg {
  filter: drop-shadow(-8px 0px 0px rgba(174, 41, 86, 0.85));
  -webkit-animation: ArrowAnim 0.3s forwards;
  -moz-animation: ArrowAnim 0.3s forwards;
  animation: ArrowAnim 0.3s forwards;
}
@keyframes ArrowAnim {
  49% {
    transform: rotate(180deg) translateY(0px) translateX(-100%);
  }
  50% {
    opacity: 0;
    transform: rotate(180deg) translateY(0px) translateX(100%);
  }
  51% {
    opacity: 1;
  }
}

.customeNav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .customeNav {
    margin-top: 35px;
  }
}
.customeNav .redirct {
  font-size: 15px;
  color: rgb(80, 61, 79);
  padding: 0 20px;
}
.customeNav .redirct:hover {
  color: rgb(174, 41, 86);
}
.customeNav button {
  background: transparent;
  border: none;
  padding: 8px;
}
.customeNav .nav-button.owl-prev {
  transform: rotate(180deg) translateY(-4px);
}
.customeNav img {
  height: 14px;
}

select {
  position: relative;
  background: url(../images/back.svg) no-repeat center;
  background-size: 10px;
  background-position: right 17px center;
}

.MainHead {
  text-align: center;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .MainHead {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .MainHead {
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .MainHead {
    margin-bottom: 55px;
  }
}
.MainHead .Grtngs {
  font-family: "AgfaRotisSemiSerif";
  color: rgb(80, 61, 79);
  margin-bottom: 5px;
  font-size: 14px;
}
@media only screen and (min-width: 468px) {
  .MainHead .Grtngs {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .MainHead .Grtngs {
    font-size: 18px;
  }
}
.MainHead .Head {
  font-family: "AgfaRotisSemiSerif";
  color: rgb(174, 41, 86);
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 34px;
}
@media only screen and (min-width: 468px) {
  .MainHead .Head {
    font-size: 34px;
    line-height: 44px;
  }
}
@media only screen and (min-width: 768px) {
  .MainHead .Head {
    font-size: 38px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  .MainHead .Head {
    font-size: 45px;
    line-height: 49px;
  }
}
.MainHead .tagline {
  color: rgb(80, 61, 79);
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
@media only screen and (min-width: 468px) {
  .MainHead .tagline {
    line-height: 25px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .MainHead .tagline {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  .MainHead .tagline {
    line-height: 30px;
    font-size: 20px;
  }
}

#PageBanner {
  position: relative;
  height: 160px;
}
@media only screen and (min-width: 468px) {
  #PageBanner {
    height: 240px;
  }
}
@media only screen and (min-width: 768px) {
  #PageBanner {
    height: 275px;
  }
}
@media only screen and (min-width: 1200px) {
  #PageBanner {
    height: 330px;
  }
}
#PageBanner::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 80%;
  background: rgb(3, 9, 13);
  background: -moz-linear-gradient(0deg, rgba(3, 9, 13, 0.8) 0%, rgba(3, 9, 13, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(3, 9, 13, 0.8) 0%, rgba(3, 9, 13, 0) 100%);
  background: linear-gradient(0deg, rgba(3, 9, 13, 0.8) 0%, rgba(3, 9, 13, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03090d",endColorstr="#03090d",GradientType=1);
}
#PageBanner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#PageBanner .BannerCntnt {
  position: absolute;
  bottom: 25px;
  width: 100%;
  z-index: 1;
}
#PageBanner .BannerCntnt .PageHead {
  line-height: normal;
  font-family: "AgfaRotisSemiSerif";
  color: rgb(255, 255, 255);
  font-size: 36px;
}
@media only screen and (min-width: 468px) {
  #PageBanner .BannerCntnt .PageHead {
    font-size: 40px;
  }
}

#BreadCrumb {
  padding: 12px 0;
}
@media only screen and (min-width: 468px) {
  #BreadCrumb {
    padding: 30px 0;
  }
}
#BreadCrumb .container {
  display: flex;
  justify-content: space-between;
}
#BreadCrumb .ViewMore {
  color: rgb(174, 41, 86);
}
#BreadCrumb ul {
  display: flex;
  align-items: center;
  margin: 0 -15px;
}
#BreadCrumb ul a {
  color: rgb(80, 61, 79);
  font-size: 13px;
}
@media only screen and (min-width: 468px) {
  #BreadCrumb ul a {
    font-size: 14px;
  }
}
#BreadCrumb ul a.current {
  color: rgb(174, 41, 86);
}
#BreadCrumb ul li {
  padding: 0 15px;
  position: relative;
  line-height: normal;
  display: flex;
  align-items: center;
}
#BreadCrumb ul li:not(:last-of-type)::after {
  content: "";
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/BreadCrumb.png") no-repeat center;
  background-size: contain;
  width: 8px;
  height: 8px;
}
@media only screen and (min-width: 468px) {
  #BreadCrumb ul li:not(:last-of-type)::after {
    width: 7px;
    height: 9px;
  }
}

#StripNav {
  background-color: rgb(174, 41, 86);
  position: sticky;
  position: -webkit-sticky;
  top: 48px;
  z-index: 2;
  display: none;
}
@media only screen and (min-width: 468px) {
  #StripNav {
    top: 60px;
  }
}
@media only screen and (min-width: 768px) {
  #StripNav {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  #StripNav {
    top: 55px;
  }
}
@media only screen and (min-width: 1550px) {
  #StripNav {
    top: 70px;
  }
}
@media only screen and (max-width: 992px) {
  #StripNav .container {
    max-width: 100%;
    padding: 0;
  }
}
#StripNav ul {
  display: flex;
  align-items: center;
}
#StripNav li {
  position: relative;
}
#StripNav li:not(:last-of-type)::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 1px;
  height: 23px;
  background-color: rgb(255, 255, 255);
  opacity: 0.502;
}
#StripNav a {
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  font-size: 13px;
  height: 45px;
  padding: 0 15px;
  position: relative;
}
#StripNav a::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background: rgb(101, 13, 43);
  transition: all 0.3s;
  opacity: 0;
}
@media only screen and (min-width: 992px) {
  #StripNav a {
    padding: 0 25px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  #StripNav a {
    height: 55px;
    font-size: 16px;
  }
}
#StripNav a:hover, #StripNav a.active {
  background-color: rgb(206, 52, 104);
}
#StripNav a:hover::after, #StripNav a.active::after {
  opacity: 1;
}

.ComNavRow {
  margin: 0;
}

.CommonPage .CommonPageSec {
  padding-bottom: 40px;
}
@media only screen and (min-width: 468px) {
  .CommonPage .CommonPageSec {
    padding-bottom: 70px;
  }
}

.ComNav {
  padding: 0;
  order: 1;
  width: 100%;
  margin-bottom: 40px;
}
@media only screen and (min-width: 468px) {
  .ComNav {
    margin-bottom: 55px;
  }
}
@media only screen and (min-width: 992px) {
  .ComNav {
    width: 335px;
    order: 0;
  }
}
.ComNav ul {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: rgb(245, 237, 240);
}
.ComNav li {
  line-height: normal;
}
.ComNav li a, .ComNav li button {
  width: 100%;
  display: block;
  line-height: normal;
  padding: 10px 15px;
  position: relative;
  border-bottom: 1px solid rgb(222, 222, 222);
  font-size: 13px;
  outline: none !important;
  background: transparent;
  color: rgb(19, 19, 19);
  box-shadow: none !important;
  padding-left: 35px;
  cursor: pointer;
}
@media only screen and (min-width: 468px) {
  .ComNav li a, .ComNav li button {
    font-size: 15px;
    padding-left: 55px;
  }
}
.ComNav li a:focus, .ComNav li button:focus {
  box-shadow: none;
  border-color: rgb(222, 222, 222);
}
.ComNav li a::before, .ComNav li button::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0px;
  margin: auto;
  width: 8px;
  height: 11px;
  background: url("../images/listIcon2.png") no-repeat center;
  background-size: 8px;
  transition: all 0.3s;
  left: 15px;
}
@media only screen and (min-width: 468px) {
  .ComNav li a::before, .ComNav li button::before {
    left: 30px;
  }
}
.ComNav li a:hover, .ComNav li a.active, .ComNav li a[aria-expanded=true], .ComNav li button:hover, .ComNav li button.active, .ComNav li button[aria-expanded=true] {
  background: rgb(174, 41, 86);
  border-color: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
}
.ComNav li a:hover::before, .ComNav li a.active::before, .ComNav li a[aria-expanded=true]::before, .ComNav li button:hover::before, .ComNav li button.active::before, .ComNav li button[aria-expanded=true]::before {
  background: url("../images/listIcon.png") no-repeat;
}
.ComNav li a:hover:hover, .ComNav li a.active:hover, .ComNav li a[aria-expanded=true]:hover, .ComNav li button:hover:hover, .ComNav li button.active:hover, .ComNav li button[aria-expanded=true]:hover {
  color: rgb(255, 255, 255);
}
.ComNav li button::after {
  position: absolute;
  width: 17px;
  height: 17px;
  right: 15px;
  background-size: 15px;
}
.ComNav li button:hover, .ComNav li button.active, .ComNav li button:not(.collapsed) {
  background: rgb(174, 41, 86);
  border-color: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
}
.ComNav li button:hover::before, .ComNav li button.active::before, .ComNav li button:not(.collapsed)::before {
  background: url("../images/listIcon.png") no-repeat;
}
.ComNav li button:hover::after, .ComNav li button.active::after, .ComNav li button:not(.collapsed)::after {
  filter: invert(1) brightness(22);
}
.ComNav .accordion-body {
  padding: 0;
}
.ComNav .accordion-body li a, .ComNav .accordion-body li button {
  padding-left: 45px;
}
@media only screen and (min-width: 468px) {
  .ComNav .accordion-body li a, .ComNav .accordion-body li button {
    font-size: 15px;
    padding-left: 65px;
  }
}
.ComNav .accordion-body li a::before, .ComNav .accordion-body li button::before {
  left: 25px;
}
@media only screen and (min-width: 468px) {
  .ComNav .accordion-body li a::before, .ComNav .accordion-body li button::before {
    left: 40px;
  }
}
.ComNav .accordion-body li a:hover, .ComNav .accordion-body li a.active, .ComNav .accordion-body li button:hover, .ComNav .accordion-body li button.active {
  background: rgba(174, 41, 86, 0.251);
  border-color: rgba(174, 41, 86, 0.251);
  color: rgb(19, 19, 19);
}
.ComNav .accordion-body li a:hover::before, .ComNav .accordion-body li a.active::before, .ComNav .accordion-body li button:hover::before, .ComNav .accordion-body li button.active::before {
  background: url("../images/listIcon2.png") no-repeat;
}

.NavcntnArea {
  width: 100%;
  order: 0;
  padding: 0 0px 40px 0px;
}
@media only screen and (min-width: 468px) {
  .NavcntnArea {
    padding: 0 0px 60px 0px;
  }
}
@media only screen and (min-width: 992px) {
  .NavcntnArea {
    padding: 0 0px 80px 35px;
    width: 100%;
    order: 1;
  }
}
@media only screen and (min-width: 992px) {
  .NavcntnArea {
    width: calc(100% - 335px);
  }
}
@media only screen and (min-width: 1200px) {
  .NavcntnArea {
    padding: 10px 0px 80px 50px;
  }
}

.ComCntnt .float {
  margin-bottom: 20px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .ComCntnt .float {
    width: fit-content;
    width: -moz-fit-content;
    max-width: 335px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .ComCntnt .float {
    margin-right: 22px;
    margin-bottom: 20px;
  }
}
.ComCntnt ul {
  padding: 0;
  margin-bottom: 25px;
  padding-left: 10px;
}
@media only screen and (min-width: 468px) {
  .ComCntnt ul {
    margin-bottom: 35px;
  }
}
.ComCntnt ul li {
  font-size: 12px;
  line-height: normal;
  color: rgb(66, 67, 67);
  background: url("../images/listIcon2.png") no-repeat;
  background-position: left top 5px;
  background-size: 8px;
  padding-left: 20px;
}
.ComCntnt ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
@media only screen and (min-width: 468px) {
  .ComCntnt ul li {
    padding-left: 25px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .ComCntnt ul li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  .ComCntnt ul li {
    font-size: 15px;
  }
}
.ComCntnt ul li a {
  font-size: 12px;
  color: rgb(66, 67, 67);
  line-height: normal;
}
@media only screen and (min-width: 468px) {
  .ComCntnt ul li a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .ComCntnt ul li a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  .ComCntnt ul li a {
    font-size: 15px;
  }
}
.ComCntnt ul li a:hover {
  color: rgb(174, 41, 86);
}
.ComCntnt ol {
  padding-left: 10px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .ComCntnt ol {
    margin-bottom: 35px;
  }
}
.ComCntnt ol li {
  font-size: 12px;
  line-height: normal;
  color: rgb(66, 67, 67);
  padding-left: 20px;
}
.ComCntnt ol li:not(:last-of-type) {
  margin-bottom: 10px;
}
@media only screen and (min-width: 468px) {
  .ComCntnt ol li {
    padding-left: 25px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .ComCntnt ol li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  .ComCntnt ol li {
    font-size: 15px;
  }
}
.ComCntnt .Comdate {
  color: rgb(109, 108, 108);
  margin-bottom: 25px;
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .ComCntnt .Comdate {
    font-size: 16px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1550px) {
  .ComCntnt .Comdate {
    font-size: 18px;
  }
}
.ComCntnt table {
  /* width: 100% !important; */
  border: 1px solid rgb(232, 225, 227);
  margin-bottom: 25px;
}
.ComCntnt table thead th {
  background-color: rgb(245, 237, 240);
  height: 38px;
  color: rgb(32, 31, 32);
  font-weight: 400;
  font-size: 13px;
}
@media only screen and (min-width: 468px) {
  .ComCntnt table thead th {
    font-size: 15px;
  }
}
.ComCntnt table thead th:not(:last-of-type) {
  border-right: 1px solid rgb(232, 225, 227);
}
.ComCntnt table tbody td {
  background-color: rgb(255, 255, 255);
  height: 35px;
  color: rgb(80, 61, 79);
  font-weight: 400;
  font-size: 12px;
  transition: all 0.3s;
  padding: 3px 5px;
}
@media only screen and (min-width: 468px) {
  .ComCntnt table tbody td {
    font-size: 14px;
  }
}
.ComCntnt table tbody td:not(:last-of-type) {
  border-right: 1px solid rgb(232, 225, 227);
}
.ComCntnt table tbody td a {
  color: rgb(174, 41, 86);
  font-size: 12px;
}
@media only screen and (min-width: 468px) {
  .ComCntnt table tbody td a {
    font-size: 14px;
  }
}
.ComCntnt table tbody td a:hover {
  color: rgb(0, 0, 0);
}
.ComCntnt table tbody tr:not(:last-of-type) td {
  border-bottom: 1px solid rgb(232, 225, 227);
}
.ComCntnt table tbody tr:hover td {
  background: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
}
.ComCntnt table tbody tr:hover td a {
  color: rgb(255, 255, 255);
}
.ComCntnt .accordion .FixedNav {
  position: relative;
  bottom: -1px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .ComCntnt .accordion .FixedNav {
    display: block;
  }
}
.ComCntnt .accordion .FixedNav .row {
  align-items: center;
  margin: 0 -1px;
  flex-wrap: nowrap;
}
.ComCntnt .accordion .FixedNav .accordion-header {
  padding: 0 1px;
  width: fit-content;
  width: -moz-fit-content;
}
.ComCntnt .accordion .FixedNav button {
  background-color: rgb(243, 243, 243);
  border: 1px solid rgb(243, 243, 243);
  color: rgb(19, 19, 19);
  border-radius: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  outline: none;
  box-shadow: none;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  height: 45px;
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  .ComCntnt .accordion .FixedNav button {
    min-width: 180px;
    height: 51px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  .ComCntnt .accordion .FixedNav button {
    font-size: 17px;
  }
}
.ComCntnt .accordion .FixedNav button::after {
  display: none;
}
.ComCntnt .accordion .FixedNav button:not(.collapsed) {
  background: rgb(255, 255, 255);
  border-color: rgb(220, 220, 219);
  color: rgb(174, 41, 86);
  border-bottom: 0px;
}
.ComCntnt .accordion .accordion-item {
  border: none;
}
.ComCntnt .accordion .accordion-item .accordion-header {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .ComCntnt .accordion .accordion-item .accordion-header {
    display: none;
  }
}
.ComCntnt .accordion .accordion-item .accordion-header button {
  background-color: rgb(243, 243, 243);
  border: 1px solid rgb(255, 255, 255);
  color: rgb(19, 19, 19);
  border-radius: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  outline: none;
  box-shadow: none;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  height: 45px;
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  .ComCntnt .accordion .accordion-item .accordion-header button {
    min-width: 180px;
    height: 51px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  .ComCntnt .accordion .accordion-item .accordion-header button {
    font-size: 17px;
  }
}
.ComCntnt .accordion .accordion-item .accordion-header button::after {
  background-size: 16px;
}
.ComCntnt .accordion .accordion-item .accordion-header button:not(.collapsed) {
  background: rgb(174, 41, 86);
  border-color: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
  border-bottom: 0px;
}
.ComCntnt .accordion .accordion-item .accordion-header button:not(.collapsed)::after {
  filter: invert(1) brightness(22);
}
.ComCntnt .accordion .accordion-collapse.show {
  margin-bottom: 20px;
}
@media only screen and (min-width: 468px) {
  .ComCntnt .accordion .accordion-collapse.show {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .ComCntnt .accordion .accordion-collapse.show {
    margin-bottom: 0px;
  }
}
.ComCntnt .accordion .accordion-body {
  border: 1px solid rgb(220, 220, 219);
  padding: 20px 15px 30px;
}
@media only screen and (min-width: 768px) {
  .ComCntnt .accordion .accordion-body {
    padding: 40px 30px 45px;
  }
}
@media only screen and (min-width: 1550px) {
  .ComCntnt .accordion .accordion-body {
    padding: 50px 40px 60px;
  }
}
.ComCntnt .TitleSec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .ComCntnt .TitleSec {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .ComCntnt .TitleSec {
    margin-bottom: 40px;
  }
}
.ComCntnt .TitleSec::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background: rgb(224, 221, 221);
  width: 100%;
  height: 1px;
}
.ComCntnt .TitleSec h3, .ComCntnt .TitleSec h4, .ComCntnt .TitleSec h5 {
  margin: 0;
}
.ComCntnt .TitleSec .sectitle {
  margin: 0;
  padding-right: 15px;
  background: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
}
.ComCntnt .TitleSec a {
  color: rgb(130, 130, 130);
  padding-left: 20px;
  background: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
  font-size: 12px;
}
.ComCntnt .TitleSec a:hover {
  color: rgb(174, 41, 86);
}
@media only screen and (min-width: 468px) {
  .ComCntnt .TitleSec a {
    font-size: 14px;
  }
}
.ComCntnt .BtnSec {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: fit-content;
  width: -moz-fit-content;
  gap: 5px;
  margin-top: 35px;
}
@media only screen and (min-width: 468px) {
  .ComCntnt .BtnSec {
    gap: 15px;
    margin-top: 55px;
  }
}
.ComCntnt .BtnSec a {
  background-color: rgb(174, 41, 86);
  min-width: 130px;
  outline: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  font-family: "AgfaRotisSemiSerif";
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  height: 40px;
  padding: 8px 20px;
}
@media only screen and (min-width: 468px) {
  .ComCntnt .BtnSec a {
    padding: 8px 33px;
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) {
  .ComCntnt .BtnSec a {
    font-size: 20px;
    height: 50px;
  }
}
.ComCntnt .BtnSec a:last-of-type {
  background: rgb(128, 28, 62);
}
.ComCntnt .BtnSec a:hover {
  background: rgb(206, 52, 104);
  color: rgb(255, 255, 255);
}
.ComCntnt h1 {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .ComCntnt h1 {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  .ComCntnt h1 {
    margin-bottom: 20px;
  }
}
.ComCntnt .LibraryGal {
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .ComCntnt .LibraryGal {
    margin-bottom: 35px;
  }
}

.FixedNav2 {
  margin-bottom: 50px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .FixedNav2 {
    display: block;
  }
}
.FixedNav2 .row {
  justify-content: center;
}
.FixedNav2 .accordion-header {
  width: fit-content;
  width: -moz-fit-content;
  padding: 0;
}
.FixedNav2 .accordion-header button, .FixedNav2 .accordion-header a {
  border-radius: 0px;
  padding: 0 37px;
  background-color: rgb(255, 255, 255);
  color: #503d4f;
  border-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  outline: none;
  transition: all 0.3s;
  min-width: 137px;
  height: 48px;
  font-size: 19px;
}
@media only screen and (min-width: 1550px) {
  .FixedNav2 .accordion-header button, .FixedNav2 .accordion-header a {
    height: 53px;
    font-size: 22px;
  }
}
.FixedNav2 .accordion-header button::before, .FixedNav2 .accordion-header a::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 24px;
  height: 24px;
  background-color: rgb(255, 255, 255);
  transform: rotate(45deg);
  transition: all 0.3s;
  opacity: 0;
  z-index: 0;
}
.FixedNav2 .accordion-header button::after, .FixedNav2 .accordion-header a::after {
  display: none;
}
.FixedNav2 .accordion-header button:not(.collapsed), .FixedNav2 .accordion-header button.active, .FixedNav2 .accordion-header a:not(.collapsed), .FixedNav2 .accordion-header a.active {
  background-color: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
}
.FixedNav2 .accordion-header button:not(.collapsed)::before, .FixedNav2 .accordion-header button.active::before, .FixedNav2 .accordion-header a:not(.collapsed)::before, .FixedNav2 .accordion-header a.active::before {
  bottom: -12px;
  background-color: rgb(174, 41, 86);
  opacity: 1;
}
.FixedNav2 .accordion-header:not(:last-of-type) button, .FixedNav2 .accordion-header:not(:last-of-type) a {
  border-right: 1px solid rgb(229, 229, 229);
}
.FixedNav2 .accordion-header:first-child button, .FixedNav2 .accordion-header:first-child a {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.FixedNav2 .accordion-header:last-of-type button, .FixedNav2 .accordion-header:last-of-type a {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ActivityBox .imgBox {
  position: relative;
  height: 175px;
  overflow: hidden;
}
@media only screen and (min-width: 468px) {
  .ActivityBox .imgBox {
    height: 205px;
  }
}
.ActivityBox .imgBox img {
  transition: all 0.8s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ActivityBox .imgBox .Date {
  font-size: 14px;
  color: rgb(255, 255, 255);
  background-color: rgb(174, 41, 86);
  min-width: 117px;
  height: 23px;
  padding: 1px 10px;
  position: absolute;
  left: 10px;
  bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ActivityBox .CntnBox {
  padding: 10px 0 25px;
}
@media only screen and (min-width: 468px) {
  .ActivityBox .CntnBox {
    padding: 15px 0 40px;
  }
}
.ActivityBox .CntnBox .BlogTitle {
  line-height: 25px;
  color: rgb(22, 22, 22);
  margin-bottom: 10px;
  font-size: 16px;
}
@media only screen and (min-width: 468px) {
  .ActivityBox .CntnBox .BlogTitle {
    font-size: 17px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .ActivityBox .CntnBox .BlogTitle {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1550px) {
  .ActivityBox .CntnBox .BlogTitle {
    font-size: 19px;
    line-height: 27px;
  }
}
.ActivityBox .CntnBox .ViewMore {
  color: rgb(174, 41, 86);
}
.ActivityBox:hover .imgBox img {
  transform: scale(1.2);
}

.FaculBox {
  border: 1px solid rgb(223, 222, 222);
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  text-align: center;
  padding: 10px 9px 15px;
  height: 100%;
}
@media only screen and (min-width: 468px) {
  .FaculBox {
    padding: 13px 13px 25px;
  }
}
@media only screen and (min-width: 1550px) {
  .FaculBox {
    padding: 17px 18px 30px;
  }
}
.FaculBox .imgBox {
  position: relative;
  height: 175px;
  overflow: hidden;
}
@media only screen and (min-width: 468px) {
  .FaculBox .imgBox {
    height: 230px;
  }
}
.FaculBox .imgBox img {
  transition: all 0.8s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.FaculBox .CntnBox {
  padding-top: 15px;
}
@media only screen and (min-width: 468px) {
  .FaculBox .CntnBox {
    padding-top: 25px;
  }
}
.FaculBox .CntnBox .Name {
  font-weight: 400;
  color: rgb(10, 10, 10);
  margin-bottom: 6px;
  font-size: 14px;
}
@media only screen and (min-width: 468px) {
  .FaculBox .CntnBox .Name {
    font-size: 17px;
    margin-bottom: 10px;
  }
}
.FaculBox .CntnBox .Position {
  color: rgb(107, 107, 107);
  font-size: 11px;
}
@media only screen and (min-width: 468px) {
  .FaculBox .CntnBox .Position {
    font-size: 13px;
  }
}
.FaculBox .CntnBox .ViewMore {
  color: rgb(174, 41, 86);
  margin: auto;
  margin-top: 10px;
}
@media only screen and (min-width: 468px) {
  .FaculBox .CntnBox .ViewMore {
    margin-top: 20px;
  }
}

.modal {
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
.modal .modal-header {
  background-color: rgb(174, 41, 86);
  padding: 10px 15px;
}
@media only screen and (min-width: 468px) {
  .modal .modal-header {
    padding: 10px 30px;
  }
}
@media only screen and (min-width: 992px) {
  .modal .modal-header {
    padding: 15px 30px 15px 45px;
  }
}
.modal .modal-header .modal-title {
  font-family: "AgfaRotisSemiSerif";
  color: rgb(255, 255, 255);
  font-size: 26px;
}
@media only screen and (min-width: 468px) {
  .modal .modal-header .modal-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .modal .modal-header .modal-title {
    font-size: 36px;
  }
}
.modal .modal-header .btn-close {
  background: none;
  border-radius: 0;
  width: auto;
  height: auto;
  margin: 0;
  opacity: 1;
  outline: none;
  box-shadow: none;
}
.modal .modal-header .btn-close svg {
  fill: rgb(255, 255, 255);
  width: 15px;
}
@media only screen and (min-width: 468px) {
  .modal .modal-header .btn-close svg {
    width: 19px;
  }
}
.modal .modal-body {
  padding: 25px 15px 30px;
}
@media only screen and (min-width: 468px) {
  .modal .modal-body {
    padding: 30px 30px 50px;
  }
}
.modal .modal-body .formInfo {
  margin-bottom: 15px;
}
@media only screen and (min-width: 576px) {
  .modal .modal-body .formInfo {
    margin-bottom: 30px;
  }
}
.modal .modal-body .formInfo p {
  line-height: 22px;
  margin: 0;
}
@media only screen and (min-width: 1550px) {
  .modal .modal-body .formInfo p {
    font-size: 16px;
  }
}
.modal .modal-body .label {
  font-size: 14px;
  color: rgb(10, 10, 10);
  margin-top: 10px;
  margin-bottom: 15px;
}
.modal .modal-body .Flexinput {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -5px -10px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 576px) {
  .modal .modal-body .Flexinput {
    padding-bottom: 35px;
  }
}
.modal .modal-body .Flexinput .cheeckBox {
  position: relative;
  padding: 5px 10px;
}
@media only screen and (min-width: 576px) {
  .modal .modal-body .Flexinput .cheeckBox {
    min-width: 150px;
  }
}
.modal .modal-body .Flexinput .cheeckBox input {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}
.modal .modal-body .Flexinput .cheeckBox label {
  position: relative;
  color: rgb(85, 84, 84);
  padding-left: 25px;
  cursor: pointer;
  font-size: 13px;
}
@media only screen and (min-width: 576px) {
  .modal .modal-body .Flexinput .cheeckBox label {
    padding-left: 33px;
    font-size: 15px;
  }
}
.modal .modal-body .Flexinput .cheeckBox label::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid rgb(210, 210, 210);
  border-radius: 50%;
  width: 17px;
  height: 17px;
}
@media only screen and (min-width: 576px) {
  .modal .modal-body .Flexinput .cheeckBox label::before {
    width: 22px;
    height: 22px;
  }
}
.modal .modal-body .Flexinput .cheeckBox label::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: rgb(174, 41, 86);
  opacity: 0;
  transition: all 0.3s;
  width: 6px;
  height: 6px;
  left: 5px;
}
@media only screen and (min-width: 576px) {
  .modal .modal-body .Flexinput .cheeckBox label::after {
    left: 6px;
    width: 10px;
    height: 10px;
  }
}
.modal .modal-body .Flexinput .cheeckBox input:checked ~ label::after {
  opacity: 1;
}
@media only screen and (min-width: 576px) {
  .modal .modal-body textarea.form-control {
    min-height: 160px;
  }
}

form .row {
  margin: -6px;
}
form .row .col-, form .row [class^=col-], form .row [class*=col-] {
  padding: 6px;
}
form .btn {
  background-color: rgb(174, 41, 86);
  min-width: 130px;
  padding: 8px 15px;
  outline: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  font-family: "AgfaRotisSemiSerif";
  color: rgb(255, 255, 255);
  display: block;
  margin: auto;
  margin-right: 0;
  font-size: 17px;
  height: 40px;
}
@media only screen and (min-width: 576px) {
  form .btn {
    font-size: 20px;
    height: 50px;
  }
}
form .btn:hover {
  background: rgb(128, 28, 62);
  color: rgb(255, 255, 255);
}

@media only screen and (min-width: 576px) {
  #FeedbackModal .modal-dialog {
    max-width: 645px;
  }
}
@media only screen and (min-width: 992px) {
  #FeedbackModal .modal-body {
    padding: 45px 40px 65px;
  }
}

@media only screen and (min-width: 576px) {
  #StudentRedressalModal .modal-dialog {
    max-width: 645px;
  }
}
@media only screen and (min-width: 768px) {
  #StudentRedressalModal .modal-dialog {
    max-width: 725px;
  }
}
@media only screen and (min-width: 576px) {
  #StudentRedressalModal .modal-dialog textarea.form-control {
    min-height: 190px;
  }
}
@media only screen and (min-width: 576px) {
  #StudentRedressalModal .modal-body .Flexinput {
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) {
  #StudentRedressalModal .modal-body .Flexinput .cheeckBox {
    min-width: 115px;
  }
}
#StudentRedressalModal .modal-body .Flexinput .cheeckBox label {
  color: rgb(10, 10, 10);
}
#StudentRedressalModal .modal-body .Flexinput .cheeckBox label::before {
  border-radius: 0px;
}
#StudentRedressalModal .modal-body .Flexinput .cheeckBox label::after {
  background: url("../images/checked.svg") no-repeat center;
  background-size: 6px;
}
@media only screen and (min-width: 576px) {
  #StudentRedressalModal .modal-body .Flexinput .cheeckBox label::after {
    background-size: 10px;
  }
}

.AnnouncementsPopmodal {
  overflow: visible !important;
  padding: 0 !important;
}

.AnnouncementsPop {
  left: auto;
  right: 0;
  height: fit-content;
  height: -moz-fit-content;
  background: transparent !important;
  top: 50%;
  transform: translateY(-50%);
  max-width: 300px;
  padding: 0 !important;
  z-index: 1001;
}
.AnnouncementsPop.show {
  display: block;
}
@media only screen and (min-width: 468px) {
  .AnnouncementsPop {
    max-width: 300px;
    position: absolute;
    transform: translateY(0%);
  }
}
@media only screen and (min-width: 1550px) {
  .AnnouncementsPop {
    transform: translateY(-95px);
    max-width: 330px;
  }
}
.AnnouncementsPop .modal-dialog {
  margin: 0px;
  max-width: 100%;
}
.AnnouncementsPop .modal-content {
  border: none;
}
.AnnouncementsPop .modal-header {
  padding: 5px 15px;
}
.AnnouncementsPop .modal-header .btn-close {
  padding: 0;
}
@media only screen and (min-width: 468px) {
  .AnnouncementsPop .modal-header {
    padding: 10px 15px;
  }
  .AnnouncementsPop .modal-header .btn-close svg {
    width: 15px;
  }
}
.AnnouncementsPop .modal-header .modal-title {
  font-size: 18px;
}
@media only screen and (min-width: 468px) {
  .AnnouncementsPop .modal-header .modal-title {
    font-size: 21px;
  }
}
.AnnouncementsPop:not(.show) {
  pointer-events: none;
}
.AnnouncementsPop .modal-body {
  padding: 15px 15px 20px;
  border: 1px solid #ced9e1;
  border-top: 0px;
}
@media only screen and (min-width: 468px) {
  .AnnouncementsPop .modal-body {
    padding: 20px 15px 20px;
  }
}
.AnnouncementsPop a {
  display: block;
  color: rgb(66, 67, 67);
  font-size: 10px;
  line-height: 14px;
  border-bottom: 1px solid #ced9e1;
  padding: 10px 0;
}
@media only screen and (min-width: 468px) {
  .AnnouncementsPop a {
    font-size: 11px;
  }
}
@media only screen and (min-width: 768px) {
  .AnnouncementsPop a {
    font-size: 12px;
    line-height: 17px;
  }
}
.AnnouncementsPop a strong {
  display: block;
  font-size: 11px;
  margin-bottom: 3px;
}
@media only screen and (min-width: 468px) {
  .AnnouncementsPop a strong {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .AnnouncementsPop a strong {
    font-size: 13px;
  }
}
.AnnouncementsPop a:hover {
  color: rgb(174, 41, 86);
}

#UGAdminPage {
  padding-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  #UGAdminPage {
    padding-bottom: 45px;
  }
}
@media only screen and (min-width: 1550px) {
  #UGAdminPage h2 {
    font-size: 38px;
  }
}
#UGAdminPage a.feestructure {
  background: #f5edf0;
  font-size: 12px;
  line-height: normal;
  color: rgb(66, 67, 67);
  background: url("../images/fee.svg") no-repeat #f5edf0;
  border: 1px solid rgb(174, 41, 86);
  background-size: 17px;
  padding: 10px 20px 10px 33px;
  background-position: center left 10px;
  display: block;
  width: fit-content;
  width: -moz-fit-content;
  margin-top: 25px;
}
@media only screen and (min-width: 468px) {
  #UGAdminPage a.feestructure {
    padding: 12px 25px 12px 45px;
    font-size: 13px;
    background-position: center left 15px;
    background-size: 20px;
    margin-top: 35px;
  }
}
@media only screen and (min-width: 768px) {
  #UGAdminPage a.feestructure {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  #UGAdminPage a.feestructure {
    font-size: 15px;
  }
}
#UGAdminPage a.feestructure:hover {
  border-color: rgb(174, 41, 86);
}

#MainSlider {
  position: relative;
  overflow: hidden;
}
#MainSlider .carousel-item {
  height: 355px;
}
@media only screen and (min-width: 468px) {
  #MainSlider .carousel-item {
    height: 460px;
  }
}
@media only screen and (min-width: 768px) {
  #MainSlider .carousel-item {
    height: calc(100vh - 202px);
  }
}
@media only screen and (min-width: 1550px) {
  #MainSlider .carousel-item {
    height: 730px;
  }
}
#MainSlider .carousel-item::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 75%;
  background: rgb(3, 9, 13);
  background: -moz-linear-gradient(0deg, rgba(3, 9, 13, 0.5) 0%, rgba(3, 9, 13, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(3, 9, 13, 0.5) 0%, rgba(3, 9, 13, 0) 100%);
  background: linear-gradient(0deg, rgba(3, 9, 13, 0.5) 0%, rgba(3, 9, 13, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03090d",endColorstr="#03090d",GradientType=1);
}
#MainSlider .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#MainSlider .carousel-item .cntnBox {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  z-index: 1;
  text-align: center;
  opacity: 0;
  transition: all 0.2s;
  bottom: 90px;
}
@media only screen and (min-width: 468px) {
  #MainSlider .carousel-item .cntnBox {
    bottom: 115px;
  }
}
@media only screen and (min-width: 1550px) {
  #MainSlider .carousel-item .cntnBox {
    bottom: 165px;
  }
}
#MainSlider .carousel-item .MainTxt {
  font-family: "AgfaRotisSemiSerif";
  color: rgb(255, 255, 255);
  font-weight: bold;
  margin-bottom: 15px;
  transition: all 0.3s;
  transform: translateY(15px);
  font-size: 28px;
  line-height: 34px;
}
@media only screen and (min-width: 468px) {
  #MainSlider .carousel-item .MainTxt {
    font-size: 34px;
    line-height: 42px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  #MainSlider .carousel-item .MainTxt {
    font-size: 44px;
    line-height: 51px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1550px) {
  #MainSlider .carousel-item .MainTxt {
    font-size: 60px;
    line-height: 70px;
  }
}
#MainSlider .carousel-item .SubTxt {
  color: rgb(247, 58, 122);
  line-height: normal;
  font-weight: 300;
  transform: translateY(15px);
  transition: all 0.3s;
  transition-delay: 0.1s;
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  #MainSlider .carousel-item .SubTxt {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  #MainSlider .carousel-item .SubTxt {
    font-size: 20px;
  }
}
#MainSlider .carousel-item.active .cntnBox {
  opacity: 1;
}
#MainSlider .carousel-item.active .MainTxt, #MainSlider .carousel-item.active .SubTxt {
  transform: translateY(0px);
}
#MainSlider .carousel-indicators {
  margin: 0;
  bottom: 40px;
}
@media only screen and (min-width: 468px) {
  #MainSlider .carousel-indicators {
    bottom: 55px;
  }
}
@media only screen and (min-width: 1550px) {
  #MainSlider .carousel-indicators {
    bottom: 105px;
  }
}
#MainSlider .carousel-indicators button {
  border-radius: 50%;
  background: transparent;
  width: 8px;
  height: 8px;
  padding: 0;
  outline: none;
  box-shadow: none;
  font-size: 0;
  opacity: 1;
  transition: all 0.3s;
  margin: 0 8px;
  border: 1px solid rgb(255, 255, 255);
}
@media only screen and (min-width: 468px) {
  #MainSlider .carousel-indicators button {
    border: 2px solid rgb(255, 255, 255);
    margin: 0 10px;
  }
}
#MainSlider .carousel-indicators button.active {
  border-color: rgb(174, 41, 86);
}
#MainSlider #marquee {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  #MainSlider #marquee .Cuscontainer {
    width: calc(100% - (100% - 995px) / 2);
  }
}
@media only screen and (min-width: 1200px) {
  #MainSlider #marquee .Cuscontainer {
    width: calc(100% - (100% - 1127px) / 2);
  }
}
@media only screen and (min-width: 1441px) {
  #MainSlider #marquee .Cuscontainer {
    width: calc(100% - (100% - 1205px) / 2);
  }
}
#MainSlider #marquee .newsTitle {
  font-size: 12px;
  width: 120px;
  height: 37px;
  color: rgb(255, 255, 255);
  background: rgb(174, 41, 86);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  #MainSlider #marquee .newsTitle {
    font-size: 14px;
    width: 150px;
    height: 45px;
  }
}
@media only screen and (min-width: 1441px) {
  #MainSlider #marquee .newsTitle {
    font-size: 16px;
  }
}
#MainSlider #marquee .marquee-, #MainSlider #marquee marquee {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(80, 61, 79, 0.6);
  height: 37px;
  width: calc(100% - 120px);
}
@media only screen and (min-width: 576px) {
  #MainSlider #marquee .marquee-, #MainSlider #marquee marquee {
    width: calc(100% - 160px);
    height: 45px;
  }
}
#MainSlider #marquee .marquee- a, #MainSlider #marquee marquee a {
  font-size: 12px;
  color: rgb(255, 255, 255);
  padding-left: 13px;
  margin-right: 25px;
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 576px) {
  #MainSlider #marquee .marquee- a, #MainSlider #marquee marquee a {
    font-size: 14px;
    margin-right: 55px;
  }
}
@media only screen and (min-width: 1441px) {
  #MainSlider #marquee .marquee- a, #MainSlider #marquee marquee a {
    font-size: 16px;
    margin-right: 80px;
  }
}
#MainSlider #marquee .marquee- a::before, #MainSlider #marquee marquee a::before {
  content: "";
  border-radius: 50%;
  background-color: rgb(174, 41, 86);
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

/************** ******* **************/
/************* HOME_PAGE *************/
/************** ******* **************/
#WelcomeSec {
  padding: 35px 0;
}
@media only screen and (min-width: 468px) {
  #WelcomeSec {
    padding: 45px 0 60px;
  }
}
@media only screen and (min-width: 768px) {
  #WelcomeSec {
    padding: 55px 0 70px;
  }
}
#WelcomeSec .LftSec {
  order: 0;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  #WelcomeSec .LftSec {
    text-align: left;
  }
}
#WelcomeSec .hilitTxt {
	font-family: "AgfaRotisSemiSerif";
    color: rgb(174, 41, 86);
    margin-bottom: 10px;

  font-size: 40px;
  
  font-weight: 300;
}
@media only screen and (min-width: 576px) {
  #WelcomeSec .hilitTxt {
    width: fit-content;
    width: -moz-fit-content;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  #WelcomeSec .hilitTxt {
    font-size: 36px;
    
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1550px) {
  #WelcomeSec .hilitTxt {
    font-size: 340px;
    
  }
}
#WelcomeSec .hilitTxt span {
  font-weight: 400;
  display: block;
  color: rgb(174, 41, 86);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: rgb(174, 41, 86);
}
#WelcomeSec .year {
  margin-bottom: 8px;
}
@media only screen and (min-width: 576px) {
  #WelcomeSec .year {
    margin-bottom: 25px;
  }
}
#WelcomeSec .year .count {
  color: rgb(26, 33, 40);
  font-weight: 800;
  background-attachment: fixed;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-size: 180px;
  line-height: 120px;
  -webkit-text-stroke: rgb(174, 41, 86);
  -webkit-text-stroke-width: 2px;
}
@media only screen and (min-width: 768px) {
  #WelcomeSec .year .count {
    font-size: 140px;
    line-height: 120px;
  }
}
@media only screen and (min-width: 992px) {
  #WelcomeSec .year .count {
    font-size: 180px;
    line-height: 140px;
  }
}
#WelcomeSec .ExlTxt {
  color: rgb(80, 61, 79);
  letter-spacing: 3px;
  font-weight: 300;
  font-size: 12px;
}
@media only screen and (min-width: 768px) {
  #WelcomeSec .ExlTxt {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) {
  #WelcomeSec .ExlTxt {
    font-size: 20px;
  }
}
#WelcomeSec strong {
  font-weight: 500;
  color: #020202;
}
#WelcomeSec .BtnFlex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -4px;
  margin-top: 20px;
}
@media only screen and (min-width: 468px) {
  #WelcomeSec .BtnFlex {
    margin-top: 35px;
  }
}
@media only screen and (min-width: 1550px) {
  #WelcomeSec .BtnFlex {
    margin-top: 50px;
  }
}
#WelcomeSec .BtnFlex li {
  width: 50%;
  padding: 4px;
}
#WelcomeSec .BtnFlex li a {
  border: 1px solid rgb(201, 208, 223);
  background-color: rgb(255, 255, 255);
  width: 100%;
  height: 40px;
  font-size: 11px;
  color: rgb(174, 41, 86);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 468px) {
  #WelcomeSec .BtnFlex li a {
    height: 45px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 1550px) {
  #WelcomeSec .BtnFlex li a {
    height: 54px;
    font-size: 15px;
  }
}
#WelcomeSec .BtnFlex li a:hover {
  background: rgb(128, 28, 62);
  color: rgb(255, 255, 255);
  border-color: rgb(128, 28, 62);
}
#WelcomeSec .BtnFlex li:nth-child(1) a {
  background-color: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
  border-color: rgb(174, 41, 86);
}
#WelcomeSec .BtnFlex li:nth-child(1) a:hover {
  background: rgb(128, 28, 62);
  color: rgb(255, 255, 255);
  border-color: rgb(128, 28, 62);
}
#WelcomeSec .CenterSec {
  order: 2;
  margin-top: 25px;
}
@media only screen and (min-width: 468px) {
  #WelcomeSec .CenterSec {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 992px) {
  #WelcomeSec .CenterSec {
    order: 1;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1200px) {
  #WelcomeSec .CenterSec {
    padding-right: 55px;
  }
}
#WelcomeSec .RitSec {
  order: 1;
  margin-top: 20px;
}
@media only screen and (min-width: 576px) {
  #WelcomeSec .RitSec {
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) {
  #WelcomeSec .RitSec {
    order: 2;
  }
}
#WelcomeSec .princiMsg {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 30px 0px rgba(11, 46, 72, 0.15);
  height: 100%;
}
#WelcomeSec .princiMsg .imgBox {
  height: 195px;
  position: relative;
}
#WelcomeSec .princiMsg .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#WelcomeSec .princiMsg .imgBox .tag {
  position: absolute;
  bottom: 0px;
  color: rgb(255, 255, 255);
  background: rgb(174, 41, 86);
  padding: 3px 13px;
  left: 20px;
  font-size: 12px;
}
@media only screen and (min-width: 992px) {
  #WelcomeSec .princiMsg .imgBox .tag {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  #WelcomeSec .princiMsg .imgBox .tag {
    left: 30px;
    font-size: 16px;
  }
}
#WelcomeSec .princiMsg .MsgBox {
  padding: 15px 10px;
}
@media only screen and (min-width: 468px) {
  #WelcomeSec .princiMsg .MsgBox {
    padding: 20px 20px;
  }
}
@media only screen and (min-width: 768px) {
  #WelcomeSec .princiMsg .MsgBox {
    padding: 20px 20px 40px;
  }
}
@media only screen and (min-width: 1550px) {
  #WelcomeSec .princiMsg .MsgBox {
    padding: 33px 30px 55px;
  }
}
#WelcomeSec .princiMsg .MsgBox .Name {
  color: rgb(174, 41, 86);
  font-size: 20px;
  margin-bottom: 13px;
}
@media only screen and (min-width: 768px) {
  #WelcomeSec .princiMsg .MsgBox .Name {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) {
  #WelcomeSec .princiMsg .MsgBox .Name {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
#WelcomeSec .princiMsg .MsgBox p {
  margin: 0;
}
#WelcomeSec .MainFeatures {
  margin-top: 35px;
}
@media only screen and (min-width: 468px) {
  #WelcomeSec .MainFeatures {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 1550px) {
  #WelcomeSec .MainFeatures {
    margin-top: 70px;
  }
}
#WelcomeSec .MainFeatures .row {
  margin: 0;
}
#WelcomeSec .MainFeatures .box {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 30px 0px rgba(11, 46, 72, 0.15);
  padding: 35px 25px;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  #WelcomeSec .MainFeatures .box {
    width: 33.3333333333%;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  #WelcomeSec .MainFeatures .box {
    padding: 25px 18px;
  }
}
@media only screen and (min-width: 1200px) {
  #WelcomeSec .MainFeatures .box {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 1550px) {
  #WelcomeSec .MainFeatures .box {
    padding: 45px 35px 40px;
  }
}
#WelcomeSec .MainFeatures .box svg {
  fill: rgb(174, 41, 86);
  width: 50px;
  height: 50px;
  transition: all 0.3s;
}
@media only screen and (min-width: 468px) {
  #WelcomeSec .MainFeatures .box svg {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (min-width: 1550px) {
  #WelcomeSec .MainFeatures .box svg {
    width: 74px;
    height: 74px;
  }
}
#WelcomeSec .MainFeatures .box svg .st1 {
  fill: none;
}
#WelcomeSec .MainFeatures .box .Rit {
  padding-top: 15px;
}
@media only screen and (min-width: 468px) {
  #WelcomeSec .MainFeatures .box .Rit {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  #WelcomeSec .MainFeatures .box .Rit {
    padding-top: 0px;
    padding-left: 20px;
  }
}
#WelcomeSec .MainFeatures .box .title {
  color: rgb(174, 41, 86);
  margin-bottom: 10px;
  font-size: 18px;
}
@media (max-width: 768px) and (min-width: 576px) {
  #WelcomeSec .MainFeatures .box .title {
    min-height: 44px;
  }
}
@media only screen and (min-width: 1550px) {
  #WelcomeSec .MainFeatures .box .title {
    font-size: 20px;
  }
}
#WelcomeSec .MainFeatures .box p {
  margin: 0;
}
#WelcomeSec .MainFeatures .box:hover svg {
  -webkit-animation: hovicon 0.3s forwards;
  -moz-animation: hovicon 0.3s forwards;
  animation: hovicon 0.3s forwards;
}
@keyframes hovicon {
  49% {
    -webkit-transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}

#accademics {
  position: relative;
}
#accademics::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(35, 49, 60, 0.6);
  z-index: 0;
}
#accademics .container {
  position: relative;
  z-index: 1;
}
#accademics .row {
  margin: 0;
}
#accademics .row .col-, #accademics .row [class^=col-], #accademics .row [class*=col-] {
  padding: 0;
}
#accademics .lftSec {
  padding-top: 40px;
}
@media only screen and (min-width: 468px) {
  #accademics .lftSec {
    padding-top: 55px;
  }
}
@media only screen and (min-width: 992px) {
  #accademics .lftSec {
    padding-top: 95px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  #accademics .lftSec {
    padding-right: 55px;
  }
}
#accademics .MainHead {
  text-align: left;
}
#accademics .MainHead .Head, #accademics .MainHead .tagline {
  color: rgb(255, 255, 255);
}
#accademics .MainHead .Head {
  margin-bottom: 30px;
}
#accademics .FlexBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#accademics .FlexBox .box {
  border: 1px solid rgba(255, 255, 255, 0.302);
  position: relative;
  transition: all 0.3s;
  padding: 25px 20px 40px;
  min-height: 195px;
  width: 50%;
}
@media only screen and (min-width: 576px) {
  #accademics .FlexBox .box {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 768px) {
  #accademics .FlexBox .box {
    padding: 35px 35px 50px;
    min-height: 235px;
  }
}
@media only screen and (min-width: 992px) {
  #accademics .FlexBox .box {
    min-height: 245px;
  }
}
@media only screen and (min-width: 1550px) {
  #accademics .FlexBox .box {
    padding: 55px 55px 70px;
    min-height: 270px;
  }
}
#accademics .FlexBox .box .count {
  color: rgb(208, 46, 101);
  transition: all 0.3s;
  font-size: 18px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 1550px) {
  #accademics .FlexBox .box .count {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
#accademics .FlexBox .box .course {
  color: rgb(255, 255, 255);
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  #accademics .FlexBox .box .course {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1550px) {
  #accademics .FlexBox .box .course {
    font-size: 30px;
    line-height: 40px;
  }
}
#accademics .FlexBox .box .ViewMore {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
@media only screen and (min-width: 768px) {
  #accademics .FlexBox .box .ViewMore {
    bottom: 35px;
    left: 35px;
  }
}
@media only screen and (min-width: 1550px) {
  #accademics .FlexBox .box .ViewMore {
    bottom: 55px;
    left: 55px;
  }
}
#accademics .FlexBox .box:hover .count {
  color: rgb(255, 255, 255);
}
#accademics .FlexBox .box:hover .ViewMore svg {
  fill: rgb(255, 255, 255);
}
#accademics .FlexBox .box:hover .ViewMore:hover {
  color: rgb(255, 255, 255);
}
#accademics .FlexBox .box:hover .ViewMore:hover svg {
  filter: drop-shadow(-8px 0px 0px rgba(255, 255, 255, 0.85));
  -webkit-animation: ArrowAnim 0.3s forwards;
  -moz-animation: ArrowAnim 0.3s forwards;
  animation: ArrowAnim 0.3s forwards;
}
@media only screen and (max-width: 576px) {
  #accademics .FlexBox .box:nth-child(1), #accademics .FlexBox .box:nth-child(4), #accademics .FlexBox .box:nth-child(5) {
    background: rgba(80, 61, 79, 0.75);
  }
  #accademics .FlexBox .box:nth-child(1):hover, #accademics .FlexBox .box:nth-child(4):hover, #accademics .FlexBox .box:nth-child(5):hover {
    background: rgb(80, 61, 79);
  }
}
#accademics .FlexBox .box:nth-child(2), #accademics .FlexBox .box:nth-child(3), #accademics .FlexBox .box:nth-child(6) {
  background: rgba(174, 41, 86, 0.5);
}
#accademics .FlexBox .box:nth-child(2):hover, #accademics .FlexBox .box:nth-child(3):hover, #accademics .FlexBox .box:nth-child(6):hover {
  background: rgb(174, 41, 86);
}
@media only screen and (min-width: 576px) {
  #accademics .FlexBox .box:nth-child(odd) {
    background: rgba(80, 61, 79, 0.75);
  }
  #accademics .FlexBox .box:nth-child(odd):hover {
    background: rgb(80, 61, 79);
  }
}
@media only screen and (min-width: 576px) {
  #accademics .FlexBox .box:nth-child(even) {
    background: rgba(174, 41, 86, 0.5);
  }
  #accademics .FlexBox .box:nth-child(even):hover {
    background: rgb(174, 41, 86);
  }
}

#StudentClubs {
  padding: 40px 15px 30px;
}
@media only screen and (min-width: 468px) {
  #StudentClubs {
    padding: 55px 18px 45px;
  }
}
@media only screen and (min-width: 1550px) {
  #StudentClubs {
    padding: 70px 18px 55px;
  }
}
#StudentClubs .box {
  border: 1px solid rgb(225, 229, 237);
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  text-align: center;
  padding: 10px;
  display: block;
}
@media only screen and (min-width: 468px) {
  #StudentClubs .box {
    padding: 20px;
  }
}
@media only screen and (min-width: 1550px) {
  #StudentClubs .box {
    padding: 25px;
  }
}
#StudentClubs .box .imgBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  height: 130px;
}
@media only screen and (min-width: 768px) {
  #StudentClubs .box .imgBox {
    height: 155px;
  }
}
@media only screen and (min-width: 1550px) {
  #StudentClubs .box .imgBox {
    margin-bottom: 25px;
  }
}
#StudentClubs .box .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#StudentClubs .box .txt {
  font-size: 14px;
  color: rgb(80, 61, 79);
}
@media only screen and (min-width: 468px) {
  #StudentClubs .box .txt {
    font-size: 16px;
  }
}

#MultiSec {
  position: relative;
}
#MultiSec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(35, 49, 60, 0.6);
  z-index: 0;
}
#MultiSec .container {
  position: relative;
  z-index: 1;
}
#MultiSec .row {
  margin: 0 -8px;
}
@media only screen and (min-width: 768px) {
  #MultiSec .row {
    align-items: flex-end;
  }
}
#MultiSec .row > * {
  padding: 0 8px;
}
#MultiSec .TestiBox {
  background: rgb(174, 41, 86);
  text-align: center;
  position: relative;
  padding: 35px 25px 30px;
  height: 100%;
}
@media only screen and (min-width: 468px) {
  #MultiSec .TestiBox {
    padding: 45px 35px 50px;
  }
}
@media only screen and (min-width: 576px) {
  #MultiSec .TestiBox {
    padding: 65px 20px 55px;
  }
}
@media only screen and (min-width: 992px) {
  #MultiSec .TestiBox {
    padding: 65px 35px 55px;
  }
}
#MultiSec .TestiBox .Title {
  font-family: "AgfaRotisSemiSerif";
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-size: 28px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) {
  #MultiSec .TestiBox .Title {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1550px) {
  #MultiSec .TestiBox .Title {
    font-size: 27px;
  }
}
#MultiSec .TestiBox #BGIcon {
  fill: rgb(255, 255, 255);
  opacity: 0.051;
  width: 175px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 30px;
}
@media only screen and (min-width: 468px) {
  #MultiSec .TestiBox #BGIcon {
    top: 65px;
  }
}
@media only screen and (min-width: 992px) {
  #MultiSec .TestiBox #BGIcon {
    top: 145px;
  }
}
#MultiSec .TestiBox .owl-carousel {
  display: block !important;
}
@media (max-width: 992px) and (min-width: 768px) {
  #MultiSec .TestiBox .box {
    padding: 0 15px;
  }
}
#MultiSec .TestiBox .box .Dp {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 120px;
  height: 120px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 468px) {
  #MultiSec .TestiBox .box .Dp {
    width: 153px;
    height: 153px;
    margin-bottom: 25px;
  }
}
#MultiSec .TestiBox .box .Dp img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  object-fit: cover;
}
@media only screen and (min-width: 468px) {
  #MultiSec .TestiBox .box .Dp img {
    width: 122px;
    height: 122px;
  }
}
#MultiSec .TestiBox .box .Testiinfo {
  margin-bottom: 22px;
}
@media only screen and (min-width: 468px) {
  #MultiSec .TestiBox .box .Testiinfo {
    margin-bottom: 30px;
  }
}
#MultiSec .TestiBox .box .Testiinfo .Name {
  color: rgb(255, 255, 255);
  font-size: 16px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 468px) {
  #MultiSec .TestiBox .box .Testiinfo .Name {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
#MultiSec .TestiBox .box .Testiinfo .masterd {
  color: rgb(255, 255, 255);
  line-height: normal;
  font-size: 10px;
}
@media only screen and (min-width: 468px) {
  #MultiSec .TestiBox .box .Testiinfo .masterd {
    font-size: 12px;
  }
}
#MultiSec .TestiBox .box .Msg p {
  color: rgb(255, 255, 255);
  margin: 0;
  font-weight: 300;
  text-align: center;
}
@media only screen and (min-width: 1550px) {
  #MultiSec .TestiBox .box .Msg p {
    line-height: 32px;
  }
}
#MultiSec .TestiBox .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
@media only screen and (min-width: 468px) {
  #MultiSec .TestiBox .owl-dots {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) {
  #MultiSec .TestiBox .owl-dots {
    margin-top: 70px;
  }
}
#MultiSec .TestiBox .owl-dots .owl-dot {
  border: 2px solid rgb(255, 255, 255);
  border-radius: 50%;
  background: transparent;
  width: 12px;
  height: 12px;
  opacity: 1;
  margin: 0 8.5px;
}
@media only screen and (min-width: 468px) {
  #MultiSec .TestiBox .owl-dots .owl-dot {
    margin: 0 12.5px;
  }
}
#MultiSec .TestiBox .owl-dots .owl-dot.active {
  border-color: rgb(242, 56, 119);
}
/*@media only screen and (min-width: 1200px) {*/
/*  #MultiSec .col-lg-4 {*/
/*    width: 35.333333%;*/
/*  }*/
/*}*/
#MultiSec .Fend {
  display: flex;
  align-items: flex-end;
  margin: 20px 0;
  flex-wrap: wrap;
  
}
@media only screen and (min-width: 992px) {
  #MultiSec .Fend {
    margin: 0;
  }
}
/*@media only screen and (min-width: 1200px) {*/
/*  #MultiSec .Fend {*/
/*    width: 29.333333%;*/
/*  }*/
/*}*/

#MultiSec .Fend .ReDirctBtn{
    width: 100%;
justify-content: space-between;
padding: 10px 11px;
background: #ae2956;
margin-bottom: 21px;
}
#MultiSec .Fend .ReDirctBtn svg{
    fill: rgb(255, 255, 255);
}
#MultiSec .Fend .ReDirctBtn:hover{
    color: #fff;
}
#MultiSec .Fend .ReDirctBtn:hover svg{
    filter: drop-shadow(-8px 0px 0px rgba(255, 255, 255, 0.85));
}
#MultiSec .PlacementSec .placemntBox {
  height: auto;
}
@media only screen and (min-width: 992px) {
  #MultiSec .PlacementSec .placemntBox #BGIcon {
    top: 18px;
  }
}
#MultiSec .PlacementSec .placemntBox .ViewMore {
  position: unset;
  margin: auto;
  margin-top: 20px;
}
#MultiSec .PlacementSec .placemntBox .ViewMore svg {
  fill: rgb(255, 255, 255);
}
#MultiSec .PlacementSec .placemntBox .ViewMore:hover {
  color: rgb(255, 255, 255);
}
#MultiSec .PlacementSec .placemntBox .ViewMore:hover svg {
  filter: drop-shadow(-8px 0px 0px rgba(255, 255, 255, 0.85));
}
#MultiSec .PlacementSec .placemntBox .owl-dots {
  margin-top: 30px;
}
@media only screen and (min-width: 576px) {
  #MultiSec .PlacementSec .placemntBox .owl-dots {
    margin-top: 35px;
  }
}
#MultiSec .flexBox {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#MultiSec .flexBox .box {
  width: 50%;
  position: relative;
  transition: all 0.3s;
  padding: 20px 15px 35px;
  overflow: hidden;
}
@media only screen and (min-width: 468px) {
  #MultiSec .flexBox .box {
    padding: 20px 15px 40px;
  }
}
#MultiSec .flexBox .box .icon {
  margin-bottom: 18px;
}
@media only screen and (min-width: 468px) {
  #MultiSec .flexBox .box .icon {
    margin-bottom: 25px;
  }
}
#MultiSec .flexBox .box .icon svg {
  fill: rgb(255, 255, 255);
  width: 45px;
}
@media only screen and (min-width: 468px) {
  #MultiSec .flexBox .box .icon svg {
    width: 55px;
  }
}
#MultiSec .flexBox .box .itmName {
  color: rgb(255, 255, 255);
  margin-bottom: 10px;
  min-height: 44px;
  font-size: 16px;
}
@media only screen and (min-width: 468px) {
  #MultiSec .flexBox .box .itmName {
    font-size: 16px;
    min-height: 52px;
  }
}
@media only screen and (min-width: 1551px) {
  #MultiSec .flexBox .box .itmName {
    font-size: 20px;
  }
}
#MultiSec .flexBox .box .ViewMore {
  position: absolute;
  left: 15px;
  bottom: 15px;
}
@media only screen and (min-width: 468px) {
  #MultiSec .flexBox .box .ViewMore {
    left: 13px;
    bottom: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  #MultiSec .flexBox .box .ViewMore {
    left: 15px;
    bottom: 30px;
  }
}
#MultiSec .flexBox .box .ViewMore svg {
  fill: rgb(255, 255, 255);
}
#MultiSec .flexBox .box .ViewMore:hover {
  color: rgb(255, 255, 255);
}
#MultiSec .flexBox .box .ViewMore:hover svg {
  filter: drop-shadow(-8px 0px 0px rgba(255, 255, 255, 0.85));
}
#MultiSec .flexBox .box:nth-child(odd) {
  background: rgba(80, 61, 79, 0.7);
}
#MultiSec .flexBox .box:nth-child(odd):hover {
  background: rgb(80, 61, 79);
}
#MultiSec .flexBox .box:nth-child(even) {
  background: rgba(174, 41, 86, 0.7);
}
#MultiSec .flexBox .box:nth-child(even):hover {
  background: rgb(174, 41, 86);
}
#MultiSec .flexBox .box:nth-child(1) {
  order: 0;
}
#MultiSec .flexBox .box:nth-child(2) {
  order: 2;
}
@media only screen and (min-width: 468px) {
  #MultiSec .flexBox .box:nth-child(2) {
    order: 1;
  }
}
#MultiSec .flexBox .box:nth-child(3) {
  order: 4;
}
@media only screen and (max-width: 468px) {
  #MultiSec .flexBox .box:nth-child(3) {
    background: rgba(80, 61, 79, 0.7);
  }
  #MultiSec .flexBox .box:nth-child(3):hover {
    background: rgb(80, 61, 79);
  }
}
#MultiSec .flexBox .box:nth-child(4) {
  order: 3;
}
#MultiSec .flexBox .box:nth-child(5) {
  order: 5;
}
#MultiSec .flexBox .box:nth-child(6) {
  order: 6;
}
#MultiSec .flexBox .box:hover .icon svg {
  -webkit-animation: hovicon 0.3s forwards;
  -moz-animation: hovicon 0.3s forwards;
  animation: hovicon2 0.3s forwards;
}
@keyframes hovicon2 {
  49% {
    -webkit-transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}

#NewsEvents {
  padding: 40px 0 35px;
}
@media only screen and (min-width: 468px) {
  #NewsEvents {
    padding: 50px 0 55px;
  }
}
@media only screen and (min-width: 992px) {
  #NewsEvents {
    padding: 65px 0 70px;
  }
}
#NewsEvents .HeadSec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) {
  #NewsEvents .HeadSec {
    margin-bottom: 35px;
  }
}
#NewsEvents .HeadSec .Head {
  font-family: "AgfaRotisSemiSerif";
  color: rgb(174, 41, 86);
  font-weight: 500;
  font-size: 28px;
}
@media only screen and (min-width: 1550px) {
  #NewsEvents .HeadSec .Head {
    font-size: 30px;
  }
}
#NewsEvents .HeadSec .ViewMore:not(:hover) {
  color: #808693;
}
#NewsEvents .row {
  margin: -15px;
}
@media only screen and (min-width: 1200px) {
  #NewsEvents .row {
    margin: -32.5px;
  }
}
#NewsEvents .col- {
  padding: 15px;
}
@media only screen and (min-width: 1200px) {
  #NewsEvents .col- {
    padding: 32.5px;
  }
}
#NewsEvents .NewsEventsBox {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #NewsEvents .NewsEventsBox {
    width: calc(100% - 465px);
  }
}
@media only screen and (min-width: 1200px) {
  #NewsEvents .NewsEventsBox {
    width: calc(100% - 500px);
  }
}
#NewsEvents .NewsEventsBox .box .imgBox {
  height: 175px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  #NewsEvents .NewsEventsBox .box .imgBox {
    height: 215px;
  }
}
#NewsEvents .NewsEventsBox .box .imgBox img {
  transition: all 0.8s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#NewsEvents .NewsEventsBox .box .FlexHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
@media only screen and (min-width: 468px) {
  #NewsEvents .NewsEventsBox .box .FlexHead {
    padding: 15px 0 20px;
  }
}
#NewsEvents .NewsEventsBox .box .FlexHead .cat {
  font-size: 13px;
  color: rgb(174, 41, 86);
}
#NewsEvents .NewsEventsBox .box .FlexHead .date {
  font-size: 12px;
  color: rgb(128, 134, 147);
}
#NewsEvents .NewsEventsBox .box .EventName {
  color: rgb(80, 61, 79);
  font-size: 18px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 468px) {
  #NewsEvents .NewsEventsBox .box .EventName {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  #NewsEvents .NewsEventsBox .box .EventName {
    margin-bottom: 20px;
  }
}
#NewsEvents .NewsEventsBox .box .brief {
  font-size: 14px;
  color: rgb(80, 81, 81);
  line-height: 22px;
}
#NewsEvents .NewsEventsBox .box:hover .imgBox img {
  transform: scale(1.2);
}
#NewsEvents .VideoSec {
  width: 100%;
  margin-top: 15px;
}
@media only screen and (min-width: 468px) {
  #NewsEvents .VideoSec {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) {
  #NewsEvents .VideoSec {
    margin-top: 0px;
    width: 465px;
  }
}
@media only screen and (min-width: 1200px) {
  #NewsEvents .VideoSec {
    width: 500px;
  }
}
#NewsEvents .VideoSec .video {
  width: 100%;
  background-color: rgb(72, 62, 62);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 220px;
}
@media only screen and (min-width: 468px) {
  #NewsEvents .VideoSec .video {
    height: 324px;
  }
}
#NewsEvents .VideoSec .video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}
#NewsEvents .VideoSec .video .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
}
@media only screen and (min-width: 468px) {
  #NewsEvents .VideoSec .video .icon {
    width: 66px;
    height: 66px;
  }
}
#NewsEvents .VideoSec .video .icon::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  background: rgb(174, 41, 86);
  border-radius: 50%;
  animation: pulse-border 1800ms ease-out infinite;
  width: 58px;
  height: 58px;
}
@media only screen and (min-width: 468px) {
  #NewsEvents .VideoSec .video .icon::after {
    width: 76px;
    height: 76px;
  }
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
#NewsEvents .VideoSec .video svg {
  fill: rgb(255, 255, 255);
  width: 48px;
  height: 48px;
}
@media only screen and (min-width: 468px) {
  #NewsEvents .VideoSec .video svg {
    width: 66px;
    height: 66px;
  }
}

#OurFacilities {
  position: relative;
  padding: 40px 0;
}
@media only screen and (min-width: 468px) {
  #OurFacilities {
    padding: 55px 0;
  }
}
@media only screen and (min-width: 992px) {
  #OurFacilities {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1550px) {
  #OurFacilities {
    padding: 100px 0;
  }
}
#OurFacilities::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(35, 49, 60, 0.8);
  z-index: 0;
}
#OurFacilities .container {
  position: relative;
  z-index: 1;
}
#OurFacilities .MainHead .Head, #OurFacilities .MainHead .tagline {
  color: rgb(255, 255, 255);
}
#OurFacilities .box {
  height: 100%;
  border: 2px solid rgb(255, 255, 255);
  width: 100%;
  min-height: 170px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  padding: 25px 15px 40px;
}
@media only screen and (min-width: 468px) {
  #OurFacilities .box {
    min-height: 195px;
  }
}
@media only screen and (min-width: 992px) {
  #OurFacilities .box {
    border: 4px solid rgb(255, 255, 255);
    padding: 30px 15px 55px;
  }
}
#OurFacilities .box .icon {
  margin-bottom: 15px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#OurFacilities .box .icon svg, #OurFacilities .box .icon img {
  fill: rgb(224, 50, 109);
  width: 55px;
}
@media only screen and (min-width: 992px) {
  #OurFacilities .box .icon svg, #OurFacilities .box .icon img {
    width: 65px;
  }
}
#OurFacilities .box .txt {
  color: rgb(248, 248, 248);
  font-size: 16px;
}
@media only screen and (min-width: 468px) {
  #OurFacilities .box .txt {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) {
  #OurFacilities .box .txt {
    font-size: 20px;
  }
}
#OurFacilities .box .ViewMore {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  color: rgb(255, 255, 255);
  font-weight: 300;
  opacity: 0;
  font-size: 12px;
}
@media only screen and (min-width: 468px) {
  #OurFacilities .box .ViewMore {
    font-size: 13px;
  }
}
#OurFacilities .box .ViewMore svg {
  margin-left: 10px;
  transform: rotate(180deg) translateY(0px);
  fill: rgb(224, 50, 109);
}
#OurFacilities .box:hover {
  border-color: rgb(174, 41, 86);
}
#OurFacilities .box:hover .ViewMore {
  opacity: 1;
  bottom: 20px;
}
@media only screen and (min-width: 992px) {
  #OurFacilities .box:hover .ViewMore {
    bottom: 35px;
  }
}

#OurGallery {
  padding: 40px 0 45px;
}
@media only screen and (min-width: 468px) {
  #OurGallery {
    padding: 50px 0 55px;
  }
}
@media only screen and (min-width: 1550px) {
  #OurGallery {
    padding: 60px 0 75px;
  }
}
#OurGallery .GalleryGrid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  z-index: 1;
  grid-auto-rows: 130px;
}
@media only screen and (min-width: 468px) {
  #OurGallery .GalleryGrid {
    gap: 15px;
    grid-auto-rows: 210px;
  }
}
@media only screen and (min-width: 768px) {
  #OurGallery .GalleryGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  #OurGallery .GalleryGrid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  #OurGallery .GalleryGrid {
    grid-auto-rows: 235px;
  }
}
#OurGallery .GalleryGrid .col {
  grid-column: span 2/auto;
}
@media (max-width: 992px) and (min-width: 768px) {
  #OurGallery .GalleryGrid .item:last-of-type {
    grid-column: span 1/auto;
  }
}
#OurGallery .GalleryGrid a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: rgb(21, 21, 30);
  position: relative;
  overflow: hidden;
}
#OurGallery .GalleryGrid a::after {
  content: "";
  background: url("../images/gallicon.png") no-repeat rgba(21, 21, 21, 0.7) center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
  background-size: 30px;
}
@media only screen and (min-width: 468px) {
  #OurGallery .GalleryGrid a::after {
    background-size: 45px;
  }
}
#OurGallery .GalleryGrid a img {
  transition: all 0.8s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#OurGallery .GalleryGrid a:hover::after {
  opacity: 1;
}
#OurGallery .GalleryGrid a:hover img {
  transform: scale(1.1);
}
#OurGallery .GalleryGrid a.redirct {
  text-align: center;
  background-color: rgb(174, 41, 86);
}
#OurGallery .GalleryGrid a.redirct::after {
  display: none;
}
#OurGallery .GalleryGrid a.redirct svg {
  width: 45px;
  height: 38px;
  fill: rgb(255, 255, 255);
}
@media only screen and (min-width: 1441px) {
  #OurGallery .GalleryGrid a.redirct svg {
    width: 55px;
    height: 48px;
  }
}
#OurGallery .GalleryGrid a.redirct .txtBox {
  font-size: 10px;
  line-height: 14px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 20px;
}
@media only screen and (min-width: 1441px) {
  #OurGallery .GalleryGrid a.redirct .txtBox {
    font-size: 12px;
    line-height: 16px;
    margin-top: 25px;
  }
}
#OurGallery .GalleryGrid a.redirct .txtBox span {
  display: block;
  font-size: 14px;
  margin-top: 3px;
}
@media only screen and (min-width: 1441px) {
  #OurGallery .GalleryGrid a.redirct .txtBox span {
    font-size: 16px;
  }
}

/************** ******** **************/
/*********** [ ABOUT PAGE ] ***********/
/************** ******** **************/
.AboutPage #PageBanner img {
  object-position: bottom;
}
.AboutPage #WelcomeSec {
  padding: 10px 0 30px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #WelcomeSec {
    padding: 10px 0 40px;
  }
}
.AboutPage #WelcomeSec .row {
  margin: 0 -25px;
}
.AboutPage #WelcomeSec .col-, .AboutPage #WelcomeSec [class^=col-], .AboutPage #WelcomeSec [class*=col-] {
  padding: 0 25px;
}
.AboutPage #WelcomeSec .MainHead .tagline {
  font-style: italic;
}
.AboutPage #MiZVIZ {
  background-color: rgb(174, 41, 86);
  padding: 35px 0;
}
@media only screen and (min-width: 468px) {
  .AboutPage #MiZVIZ {
    padding: 45px 0 60px;
  }
}
@media only screen and (min-width: 768px) {
  .AboutPage #MiZVIZ {
    padding: 70px 0;
  }
}
.AboutPage #MiZVIZ .LftSec {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .AboutPage #MiZVIZ .LftSec {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #MiZVIZ .RitSec {
    padding-left: 45px;
  }
}
.AboutPage #MiZVIZ .hilitTxt {
  color: rgb(255, 255, 255);
  margin-bottom: 10px;
  text-decoration: underline;
  text-decoration-color: rgb(255, 255, 255);
  text-decoration-thickness: 2px;
  text-underline-position: under;
  font-size: 20px;
  line-height: 34px;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  .AboutPage #MiZVIZ .hilitTxt {
    font-size: 26px;
    line-height: 43px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #MiZVIZ .hilitTxt {
    font-size: 32px;
    line-height: 50px;
  }
}
.AboutPage #MiZVIZ .hilitTxt span {
  font-weight: 400;
  display: block;
  color: rgb(255, 255, 255);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: rgb(255, 255, 255);
}
.AboutPage #MiZVIZ .year {
  margin-bottom: 8px;
}
@media only screen and (min-width: 576px) {
  .AboutPage #MiZVIZ .year {
    margin-bottom: 25px;
  }
}
.AboutPage #MiZVIZ .year .count {
  color: rgb(255, 255, 255);
  font-weight: 800;
  background-attachment: fixed;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-size: 145px;
  line-height: 120px;
  -webkit-text-stroke: rgb(255, 255, 255);
  -webkit-text-stroke-width: 2px;
}
@media only screen and (min-width: 768px) {
  .AboutPage #MiZVIZ .year .count {
    font-size: 205px;
    line-height: 165px;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #MiZVIZ .year .count {
    font-size: 250px;
    line-height: 205px;
  }
}
.AboutPage #MiZVIZ .ExlTxt {
  color: rgb(255, 255, 255);
  letter-spacing: 3px;
  font-weight: 300;
  font-size: 12px;
}
@media only screen and (min-width: 768px) {
  .AboutPage #MiZVIZ .ExlTxt {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #MiZVIZ .ExlTxt {
    font-size: 20px;
  }
}
.AboutPage #MiZVIZ strong {
  font-weight: 500;
  color: #020202;
}
.AboutPage #MiZVIZ .Head {
  line-height: normal;
  color: rgb(255, 255, 255);
  margin-bottom: 15px;
  font-size: 25px;
}
@media only screen and (min-width: 768px) {
  .AboutPage #MiZVIZ .Head {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #MiZVIZ .Head {
    font-size: 34px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #MiZVIZ .Head {
    font-size: 36px;
  }
}
.AboutPage #MiZVIZ li {
  font-size: 12px;
  line-height: normal;
  color: rgb(255, 255, 255);
  background: url("../images/listIcon.png") no-repeat;
  background-position: left top 5px;
  background-size: 8px;
  padding-left: 20px;
}
.AboutPage #MiZVIZ li:not(:last-of-type) {
  margin-bottom: 12px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #MiZVIZ li {
    padding-left: 25px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .AboutPage #MiZVIZ li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #MiZVIZ li {
    font-size: 15px;
  }
}
.AboutPage #MiZVIZ p {
  color: rgb(255, 255, 255);
}
@media only screen and (min-width: 1550px) {
  .AboutPage #MiZVIZ p {
    line-height: 30px;
  }
}
.AboutPage #MiZVIZ .ViZ {
  margin-top: 30px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #MiZVIZ .ViZ {
    margin-top: 40px;
  }
}
.AboutPage #crest {
  position: relative;
  padding: 40px 0;
}
@media only screen and (min-width: 468px) {
  .AboutPage #crest {
    padding: 55px 0;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #crest {
    padding: 80px 0;
  }
}
.AboutPage #crest::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(35, 49, 60, 0.94);
  z-index: 0;
}
.AboutPage #crest .container {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .AboutPage #crest .container {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #crest .FlexBox {
    display: flex;
    flex-wrap: wrap;
  }
}
.AboutPage #crest .ImgBox {
  border: 5px solid rgb(174, 41, 86);
  background-color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  width: 190px;
  height: 230px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #crest .ImgBox {
    width: 235px;
    height: 285px;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #crest .ImgBox {
    width: 300px;
    height: 310px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #crest .ImgBox {
    width: 340px;
    height: 373px;
  }
}
.AboutPage #crest .ImgBox img {
  width: 100%;
  max-width: 190px;
}
@media only screen and (min-width: 1550px) {
  .AboutPage #crest .ImgBox img {
    max-width: 260px;
  }
}
.AboutPage #crest .CntnBox {
  width: 100%;
  padding-top: 20px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #crest .CntnBox {
    padding-top: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #crest .CntnBox {
    width: calc(100% - 300px);
    padding-top: 0px;
    padding-left: 55px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #crest .CntnBox {
    width: calc(100% - 340px);
  }
}
.AboutPage #crest .CntnBox .SecHead {
  font-family: "AgfaRotisSemiSerif";
  color: rgb(255, 255, 255);
  font-size: 28px;
  margin-bottom: 10px;
  line-height: normal;
}
@media only screen and (min-width: 468px) {
  .AboutPage #crest .CntnBox .SecHead {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) {
  .AboutPage #crest .CntnBox .SecHead {
    font-size: 38px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #crest .CntnBox .SecHead {
    font-size: 45px;
    margin-bottom: 25px;
  }
}
.AboutPage #crest .CntnBox p {
  color: rgb(255, 255, 255);
}
.AboutPage #Prayer {
  padding: 40px 0;
}
@media only screen and (min-width: 468px) {
  .AboutPage #Prayer {
    padding: 55px 0;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #Prayer {
    padding: 55px 0 65px;
  }
}
@media only screen and (min-width: 1200px) {
  .AboutPage #Prayer .container {
    padding: 0 90px 0 155px;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #Prayer .FlexBox {
    display: flex;
    flex-wrap: wrap;
  }
}
.AboutPage #Prayer .FlexBox .ImgBox {
  background-color: rgb(69, 162, 185);
  width: 190px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #Prayer .FlexBox .ImgBox {
    width: 235px;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #Prayer .FlexBox .ImgBox {
    width: 300px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #Prayer .FlexBox .ImgBox {
    width: 400px;
  }
}
.AboutPage #Prayer .FlexBox .ImgBox img {
  width: 100%;
  max-width: 400px;
}
.AboutPage #Prayer .FlexBox .CntnBox {
  width: 100%;
  padding-top: 20px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #Prayer .FlexBox .CntnBox {
    padding-top: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #Prayer .FlexBox .CntnBox {
    width: calc(100% - 300px);
    padding-top: 0px;
    padding-left: 85px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #Prayer .FlexBox .CntnBox {
    width: calc(100% - 400px);
  }
}
.AboutPage #Prayer .FlexBox .CntnBox .SecHead {
  font-family: "AgfaRotisSemiSerif";
  color: rgb(174, 41, 86);
  font-size: 28px;
  margin-bottom: 10px;
  line-height: normal;
}
@media only screen and (min-width: 468px) {
  .AboutPage #Prayer .FlexBox .CntnBox .SecHead {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) {
  .AboutPage #Prayer .FlexBox .CntnBox .SecHead {
    font-size: 38px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #Prayer .FlexBox .CntnBox .SecHead {
    font-size: 45px;
    margin-bottom: 25px;
  }
}
.AboutPage #AdministrationTab {
  padding: 10px 0 40px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #AdministrationTab {
    padding: 10px 0 65px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #AdministrationTab {
    padding: 10px 0 85px;
  }
}
.AboutPage #AdministrationTab .FixedNav {
  position: relative;
  bottom: -1px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .AboutPage #AdministrationTab .FixedNav {
    display: block;
  }
}
.AboutPage #AdministrationTab .FixedNav .row {
  align-items: center;
  margin: 0 -1px;
  flex-wrap: nowrap;
}
.AboutPage #AdministrationTab .FixedNav .accordion-header {
  padding: 0 1px;
  width: fit-content;
  width: -moz-fit-content;
}
.AboutPage #AdministrationTab .FixedNav button {
  background-color: rgb(243, 243, 243);
  border: 1px solid rgb(243, 243, 243);
  color: rgb(19, 19, 19);
  border-radius: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  outline: none;
  box-shadow: none;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  height: 45px;
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  .AboutPage #AdministrationTab .FixedNav button {
    min-width: 180px;
    height: 51px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #AdministrationTab .FixedNav button {
    font-size: 17px;
  }
}
.AboutPage #AdministrationTab .FixedNav button::after {
  display: none;
}
.AboutPage #AdministrationTab .FixedNav button:not(.collapsed) {
  background: rgb(255, 255, 255);
  border-color: rgb(220, 220, 219);
  color: rgb(174, 41, 86);
  border-bottom: 0px;
}
.AboutPage #AdministrationTab .accordion-item {
  border: none;
}
.AboutPage #AdministrationTab .accordion-item .accordion-header {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .AboutPage #AdministrationTab .accordion-item .accordion-header {
    display: none;
  }
}
.AboutPage #AdministrationTab .accordion-item .accordion-header button {
  background-color: rgb(243, 243, 243);
  border: 1px solid rgb(255, 255, 255);
  color: rgb(19, 19, 19);
  border-radius: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  outline: none;
  box-shadow: none;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  height: 45px;
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  .AboutPage #AdministrationTab .accordion-item .accordion-header button {
    min-width: 180px;
    height: 51px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #AdministrationTab .accordion-item .accordion-header button {
    font-size: 17px;
  }
}
.AboutPage #AdministrationTab .accordion-item .accordion-header button::after {
  background-size: 16px;
}
.AboutPage #AdministrationTab .accordion-item .accordion-header button:not(.collapsed) {
  background: rgb(174, 41, 86);
  border-color: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
  border-bottom: 0px;
}
.AboutPage #AdministrationTab .accordion-item .accordion-header button:not(.collapsed)::after {
  filter: invert(1) brightness(22);
}
.AboutPage #AdministrationTab .accordion-collapse.show {
  margin-bottom: 20px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #AdministrationTab .accordion-collapse.show {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .AboutPage #AdministrationTab .accordion-collapse.show {
    margin-bottom: 0px;
  }
}
.AboutPage #AdministrationTab .accordion-body {
  border: 1px solid rgb(220, 220, 219);
  padding: 20px 15px 30px;
}
@media only screen and (min-width: 768px) {
  .AboutPage #AdministrationTab .accordion-body {
    padding: 40px 30px 45px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #AdministrationTab .accordion-body {
    padding: 50px 40px 60px;
  }
}
.AboutPage #AdministrationTab .accordion-body .Head {
  font-size: 25px;
  font-family: "AgfaRotisSemiSerif";
  color: rgb(174, 41, 86);
  line-height: normal;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .AboutPage #AdministrationTab .accordion-body .Head {
    font-size: 28px;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #AdministrationTab .accordion-body .Head {
    font-size: 34px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #AdministrationTab .accordion-body .Head {
    font-size: 36px;
  }
}
.AboutPage #AdministrationTab .accordion-body .OrganogramFancy {
  display: block;
}
.AboutPage #AdministrationTab .accordion-body .TeamFlex {
  margin: -6px;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .AboutPage #AdministrationTab .accordion-body .TeamFlex {
    margin-top: 35px;
  }
}
.AboutPage #AdministrationTab .accordion-body .TeamFlex .item {
  padding: 6px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .AboutPage #AdministrationTab .accordion-body .TeamFlex .item {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #AdministrationTab .accordion-body .TeamFlex .item {
    width: 33.3333333333%;
  }
}
.AboutPage #AdministrationTab .accordion-body .TeamFlex .box {
  border: 1px solid rgb(223, 222, 222);
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  padding: 12px 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.AboutPage #AdministrationTab .accordion-body .TeamFlex .box .imgBox {
  border: 1px solid rgb(223, 222, 222);
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  width: 75px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #AdministrationTab .accordion-body .TeamFlex .box .imgBox {
    width: 95px;
  }
}
@media only screen and (min-width: 1200px) {
  .AboutPage #AdministrationTab .accordion-body .TeamFlex .box .imgBox {
    width: 110px;
  }
}
.AboutPage #AdministrationTab .accordion-body .TeamFlex .box .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.AboutPage #AdministrationTab .accordion-body .TeamFlex .box .cntnBox {
  padding-left: 15px;
  width: calc(100% - 75px);
}
@media only screen and (min-width: 468px) {
  .AboutPage #AdministrationTab .accordion-body .TeamFlex .box .cntnBox {
    width: calc(100% - 95px);
  }
}
@media only screen and (min-width: 1200px) {
  .AboutPage #AdministrationTab .accordion-body .TeamFlex .box .cntnBox {
    width: calc(100% - 110px);
    padding-left: 35px;
  }
}
.AboutPage #AdministrationTab .accordion-body .TeamFlex .box .cntnBox .Name {
  color: rgb(10, 10, 10);
  margin-bottom: 8px;
  line-height: 19px;
  font-size: 13px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #AdministrationTab .accordion-body .TeamFlex .box .cntnBox .Name {
    line-height: 22px;
    font-size: 15px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #AdministrationTab .accordion-body .TeamFlex .box .cntnBox .Name {
    font-size: 16px;
  }
}
.AboutPage #AdministrationTab .accordion-body .TeamFlex .box .cntnBox .Position {
  color: rgb(174, 41, 86);
  text-transform: uppercase;
  font-size: 12px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #AdministrationTab .accordion-body .TeamFlex .box .cntnBox .Position {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1200px) {
  .AboutPage #AdministrationTab .accordion-body .TeamFlex .box .cntnBox .Position {
    font-size: 14px;
  }
}
.AboutPage #CollegeHistory {
  padding: 10px 0;
}
@media only screen and (min-width: 468px) {
  .AboutPage #CollegeHistory {
    padding: 10px 0 50px;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #CollegeHistory {
    padding: 20px 0 90px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #CollegeHistory {
    padding: 22px 0 130px;
  }
}
.AboutPage #CollegeHistory .MainHead {
  text-align: left;
}
@media only screen and (min-width: 1550px) {
  .AboutPage #CollegeHistory .HistoryMap {
    padding-top: 25px;
  }
}
.AboutPage #CollegeHistory .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.AboutPage #CollegeHistory .item .LftSec {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .AboutPage #CollegeHistory .item .LftSec {
    width: 95px;
  }
}
@media only screen and (min-width: 768px) {
  .AboutPage #CollegeHistory .item .LftSec {
    width: 110px;
  }
}
.AboutPage #CollegeHistory .item .Year {
  background-color: rgb(174, 41, 86);
  font-family: "AgfaRotisSemiSerif";
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 65px;
  height: 35px;
  font-size: 16px;
}
@media only screen and (min-width: 576px) {
  .AboutPage #CollegeHistory .item .Year::before {
    content: "";
    position: absolute;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 11px solid rgb(174, 41, 86);
    border-left: 11px solid transparent;
    bottom: -9px;
    right: 0px;
  }
}
@media only screen and (min-width: 768px) {
  .AboutPage #CollegeHistory .item .Year {
    width: 67px;
    height: 44px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) {
  .AboutPage #CollegeHistory .item .Year {
    font-size: 20px;
  }
}
.AboutPage #CollegeHistory .item .CntntBox {
  border-top: 1px solid rgb(188, 188, 188);
  position: relative;
  padding: 25px 0;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .AboutPage #CollegeHistory .item .CntntBox {
    border-top: 0px;
    border-left: 1px solid rgb(188, 188, 188);
    width: calc(100% - 95px);
  }
}
@media only screen and (min-width: 768px) {
  .AboutPage #CollegeHistory .item .CntntBox {
    width: calc(100% - 110px);
    padding: 0 0 40px 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .AboutPage #CollegeHistory .item .CntntBox {
    padding: 0 0 50px 70px;
  }
}
.AboutPage #CollegeHistory .item .CntntBox::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: rgb(174, 41, 86);
  width: 7px;
  height: 7px;
  right: 0px;
  top: -4.5px;
}
@media only screen and (min-width: 576px) {
  .AboutPage #CollegeHistory .item .CntntBox::before {
    right: auto;
    left: -3.5px;
    top: 0px;
  }
}
.AboutPage #CollegeHistory .item .CntntBox .Title {
  line-height: normal;
  color: #020202;
  margin-bottom: 15px;
  margin-top: -7px;
  font-size: 16px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #CollegeHistory .item .CntntBox .Title {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) {
  .AboutPage #CollegeHistory .item .CntntBox .Title {
    font-size: 22px;
  }
}
.AboutPage #CollegeHistory .item .CntntBox ul {
  padding: 0;
  margin-bottom: 25px;
  padding-left: 10px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #CollegeHistory .item .CntntBox ul {
    margin-bottom: 35px;
  }
}
.AboutPage #CollegeHistory .item .CntntBox ul li {
  font-size: 12px;
  line-height: normal;
  color: rgb(66, 67, 67);
  background: url("../images/listIcon2.png") no-repeat;
  background-position: left top 5px;
  background-size: 8px;
  padding-left: 20px;
}
.AboutPage #CollegeHistory .item .CntntBox ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #CollegeHistory .item .CntntBox ul li {
    padding-left: 25px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .AboutPage #CollegeHistory .item .CntntBox ul li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #CollegeHistory .item .CntntBox ul li {
    font-size: 15px;
  }
}
.AboutPage #CollegeHistory .item .CntntBox ul li a {
  font-size: 12px;
  color: rgb(66, 67, 67);
  line-height: normal;
}
@media only screen and (min-width: 468px) {
  .AboutPage #CollegeHistory .item .CntntBox ul li a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .AboutPage #CollegeHistory .item .CntntBox ul li a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #CollegeHistory .item .CntntBox ul li a {
    font-size: 15px;
  }
}
.AboutPage #CollegeHistory .item .CntntBox ul li a:hover {
  color: rgb(174, 41, 86);
}
.AboutPage #CollegeHistory .item .CntntBox ol {
  padding-left: 10px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #CollegeHistory .item .CntntBox ol {
    margin-bottom: 35px;
  }
}
.AboutPage #CollegeHistory .item .CntntBox ol li {
  font-size: 12px;
  line-height: normal;
  color: rgb(66, 67, 67);
  padding-left: 20px;
}
.AboutPage #CollegeHistory .item .CntntBox ol li:not(:last-of-type) {
  margin-bottom: 10px;
}
@media only screen and (min-width: 468px) {
  .AboutPage #CollegeHistory .item .CntntBox ol li {
    padding-left: 25px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .AboutPage #CollegeHistory .item .CntntBox ol li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  .AboutPage #CollegeHistory .item .CntntBox ol li {
    font-size: 15px;
  }
}

/************** ************ **************/
/*********** [ COMMUNITY_COLLAGE_PAGE PAGE ] ***********/
/************** ************ **************/
.collegePage #collegeDtl .ListTable {
  width: 100%;
  font-size: 15px;
  margin-top: 20px;
  border: none;
  color: #424343;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .collegePage #collegeDtl .ListTable {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .collegePage #collegeDtl .ListTable {
    margin-top: 35px;
  }
}
.collegePage #collegeDtl .ListTable tbody tr {
  display: block;
  margin-bottom: 15px;
}
@media only screen and (min-width: 576px) {
  .collegePage #collegeDtl .ListTable tbody tr {
    display: table-row;
    margin-bottom: 0;
  }
}
.collegePage #collegeDtl .ListTable tbody tr td {
  display: block;
  border: none;
  padding: 2px 0;
  height: auto;
}
@media only screen and (min-width: 576px) {
  .collegePage #collegeDtl .ListTable tbody tr td {
    display: table-cell;
    padding: 4px 0;
  }
}
.collegePage #collegeDtl .ListTable tbody tr td:first-child {
  position: relative;
  color: #0a0a0a;
}
@media only screen and (min-width: 576px) {
  .collegePage #collegeDtl .ListTable tbody tr td:first-child {
    color: #424343;
    width: 50%;
  }
  .collegePage #collegeDtl .ListTable tbody tr td:first-child::after {
    content: ":";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: rgb(10, 10, 10);
  }
}
@media only screen and (min-width: 768px) {
  .collegePage #collegeDtl .ListTable tbody tr td:first-child {
    width: 245px;
  }
}
@media only screen and (min-width: 992px) {
  .collegePage #collegeDtl .ListTable tbody tr td:first-child {
    width: 340px;
  }
}
@media only screen and (min-width: 576px) {
  .collegePage #collegeDtl .ListTable tbody tr td:not(:first-child) {
    padding-left: 15px;
  }
}
.collegePage #collegeDtl .ListTable tbody tr:hover td {
  background: none;
  color: #424343;
}
.collegePage #collegeDtl .accordion .item:not(:last-of-type) {
  margin-bottom: 8px;
}
.collegePage #collegeDtl .accordion button {
  border: 1px solid rgb(227, 214, 219);
  background-color: rgb(255, 255, 255);
  min-height: 50px;
  outline: none;
  box-shadow: none;
  padding: 10px 15px;
  color: rgb(38, 38, 38);
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .collegePage #collegeDtl .accordion button {
    font-size: 16px;
  }
}
.collegePage #collegeDtl .accordion button::after {
  background: url("../images/plus.svg") no-repeat center;
  transform: none;
  transition: all 0.3s;
  background-size: 13px !important;
}
@media only screen and (min-width: 468px) {
  .collegePage #collegeDtl .accordion button::after {
    background-size: 16px !important;
  }
}
@media only screen and (min-width: 768px) {
  .collegePage #collegeDtl .accordion button {
    padding: 10px 25px;
  }
}
.collegePage #collegeDtl .accordion button:not(.collapsed) {
  color: rgb(174, 41, 86);
  border-color: rgb(174, 41, 86);
}
.collegePage #collegeDtl .accordion button:not(.collapsed)::after {
  background: url("../images/minus.svg") no-repeat center;
  transform: none;
}
.collegePage #collegeDtl .accordion .accordion-collapse .accordion-body {
  padding: 25px 25px 35px;
  border-top: 0;
  border-color: rgb(174, 41, 86);
}
.collegePage #collegeDtl .OurGallery {
  padding-top: 35px;
}
@media only screen and (min-width: 468px) {
  .collegePage #collegeDtl .OurGallery {
    padding-top: 45px;
  }
}
.collegePage #collegeDtl .OurGallery .sectitle {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .collegePage #collegeDtl .OurGallery .sectitle {
    margin-bottom: 35px;
  }
}
.collegePage #collegeDtl .OurGallery .row {
  margin: -4px;
}
@media only screen and (min-width: 468px) {
  .collegePage #collegeDtl .OurGallery .row {
    margin: -9px;
  }
}
.collegePage #collegeDtl .OurGallery .col-, .collegePage #collegeDtl .OurGallery [class^=col-], .collegePage #collegeDtl .OurGallery [class*=col-] {
  padding: 4px;
}
@media only screen and (min-width: 468px) {
  .collegePage #collegeDtl .OurGallery .col-, .collegePage #collegeDtl .OurGallery [class^=col-], .collegePage #collegeDtl .OurGallery [class*=col-] {
    padding: 9px;
  }
}
.collegePage #collegeDtl .OurGallery a {
  display: block;
  width: 100%;
  background-color: rgb(21, 21, 30);
  position: relative;
  overflow: hidden;
  height: 120px;
}
.collegePage #collegeDtl .OurGallery a::after {
  content: "";
  background: url("../images/gallicon.png") no-repeat rgba(21, 21, 21, 0.7) center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
  background-size: 30px;
}
@media only screen and (min-width: 468px) {
  .collegePage #collegeDtl .OurGallery a::after {
    background-size: 45px;
  }
}
@media only screen and (min-width: 468px) {
  .collegePage #collegeDtl .OurGallery a {
    height: 160px;
  }
}
@media only screen and (min-width: 768px) {
  .collegePage #collegeDtl .OurGallery a {
    height: 210px;
  }
}
.collegePage #collegeDtl .OurGallery a img {
  transition: all 0.8s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.collegePage #collegeDtl .OurGallery a:hover::after {
  opacity: 1;
}
.collegePage #collegeDtl .OurGallery a:hover img {
  transform: scale(1.1);
}

.TeachingStaffPage {
  background: rgba(80, 61, 79, 0.102);
}
.TeachingStaffPage #TeachingStaff {
  padding-bottom: 40px;
}
@media only screen and (min-width: 468px) {
  .TeachingStaffPage #TeachingStaff {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .TeachingStaffPage #TeachingStaff {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 1550px) {
  .TeachingStaffPage #TeachingStaff {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) {
  .TeachingStaffPage #TeachingStaff .FixedNav2 {
    margin-bottom: 65px;
  }
}
.TeachingStaffPage #TeachingStaff .search-header {
  margin-bottom: 15px;
}
.TeachingStaffPage #TeachingStaff .search-header form {
  margin: auto;
  max-width: 637px;
}
@media only screen and (min-width: 1551px) {
  .TeachingStaffPage #TeachingStaff .search-header form {
    max-width: 702px;
  }
}
.TeachingStaffPage #TeachingStaff .search-header .form-group {
  display: flex;
  align-items: center;
}
.TeachingStaffPage #TeachingStaff .search-header .form-control {
  background: #fff;
  border-color: #edebed;
  width: calc(100% - 45px);
  border-right: 0;
}
@media only screen and (min-width: 468px) {
  .TeachingStaffPage #TeachingStaff .search-header .form-control {
    width: calc(100% - 60px);
  }
}
.TeachingStaffPage #TeachingStaff .search-header .btn {
  min-width: auto;
  width: 45px;
  border: 1px solid #edebed;
  border-left: 0;
  height: 40px;
}
@media only screen and (min-width: 468px) {
  .TeachingStaffPage #TeachingStaff .search-header .btn {
    width: 60px;
  }
}
@media only screen and (min-width: 576px) {
  .TeachingStaffPage #TeachingStaff .search-header .btn {
    height: 54px;
  }
}
.TeachingStaffPage #TeachingStaff .search-header .btn svg {
  fill: rgb(174, 41, 86);
  width: 17px;
}
@media only screen and (min-width: 468px) {
  .TeachingStaffPage #TeachingStaff .search-header .btn svg {
    width: 19px;
  }
}
.TeachingStaffPage #TeachingStaff .accordion-body {
  padding: 10px;
  background: white;
}
@media only screen and (min-width: 768px) {
  .TeachingStaffPage #TeachingStaff .accordion-body {
    padding: 0;
    background: none;
  }
}
.TeachingStaffPage #TeachingStaff .accordion-item {
  background: transparent;
  border: none;
  margin-bottom: 7px;
}
@media only screen and (min-width: 768px) {
  .TeachingStaffPage #TeachingStaff .accordion-item {
    margin-bottom: 0;
  }
}
.TeachingStaffPage #TeachingStaff .accordion-item .accordion-header button {
  background: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
  outline: none;
  box-shadow: none;
}
.TeachingStaffPage #TeachingStaff .accordion-item .accordion-header button::after {
  filter: brightness(22);
}
@media only screen and (min-width: 768px) {
  .TeachingStaffPage #TeachingStaff .accordion-item .accordion-header {
    display: none;
  }
}
.TeachingStaffPage #TeachingStaff table {
  font-size: 14px;
  color: #503d4f;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .TeachingStaffPage #TeachingStaff table {
    display: block;
  }
}
.TeachingStaffPage #TeachingStaff table thead {
  border: 1px solid rgb(234, 233, 233);
  background-color: rgb(174, 41, 86);
  padding: 15px 0;
}
@media only screen and (max-width: 768px) {
  .TeachingStaffPage #TeachingStaff table thead {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
  }
}
.TeachingStaffPage #TeachingStaff table thead input {
  background-color: rgb(255, 255, 255);
  width: 100%;
  color: rgb(10, 10, 10);
  border: none;
  box-shadow: none;
  outline: none;
  height: 40px;
  font-size: 13px;
}
@media only screen and (max-width: 468px) {
  .TeachingStaffPage #TeachingStaff table thead input {
    height: 46px;
    font-size: 14px;
  }
}
.TeachingStaffPage #TeachingStaff table thead tr {
  margin: -10px;
}
@media only screen and (max-width: 768px) {
  .TeachingStaffPage #TeachingStaff table thead tr {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
  }
}
.TeachingStaffPage #TeachingStaff table thead tr th {
  padding: 10px;
  color: rgb(255, 255, 255);
}
@media only screen and (max-width: 768px) {
  .TeachingStaffPage #TeachingStaff table thead tr th {
    display: block;
    width: 50%;
  }
  .TeachingStaffPage #TeachingStaff table thead tr th:nth-child(1) {
    display: none;
  }
  .TeachingStaffPage #TeachingStaff table thead tr th:last-of-type {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .TeachingStaffPage #TeachingStaff table tbody {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
  }
}
.TeachingStaffPage #TeachingStaff table tbody tr {
  border: 1px solid rgb(234, 233, 233);
  background: rgb(255, 255, 255);
  width: 100%;
}
@media only screen and (min-width: 468px) {
  .TeachingStaffPage #TeachingStaff table tbody tr {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .TeachingStaffPage #TeachingStaff table tbody tr {
    border-bottom: 6px solid #edebed;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .TeachingStaffPage #TeachingStaff table tbody tr {
    display: block;
    padding: 10px 0;
  }
}
.TeachingStaffPage #TeachingStaff table tbody tr td {
  background: rgb(255, 255, 255);
  border-radius: 5px;
  padding: 5px 20px;
}
@media only screen and (min-width: 768px) {
  .TeachingStaffPage #TeachingStaff table tbody tr td {
    padding: 8px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .TeachingStaffPage #TeachingStaff table tbody tr td {
    display: block;
  }
}
.TeachingStaffPage #TeachingStaff table tbody tr td .imgBox {
  border-radius: 50%;
  background-color: rgb(206, 52, 104);
  overflow: hidden;
  width: 47px;
  height: 47px;
  margin: auto;
}
.TeachingStaffPage #TeachingStaff table tbody tr td .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.TeachingStaffPage #TeachingStaff table tbody tr td .imgBox strong {
  font-weight: 600;
}
.TeachingStaffPage #TeachingStaff table tbody tr td a {
  display: block;
  width: 31px;
  height: 31px;
}
.TeachingStaffPage #TeachingStaff table tbody tr td a img {
  width: 31px;
  height: 31px;
}
.TeachingStaffPage #TeachingStaff table tbody tr td:nth-child(1) {
  min-width: 82px;
  width: 82px;
}
@media only screen and (min-width: 768px) {
  .TeachingStaffPage #TeachingStaff table tbody tr td:nth-child(1) {
    border-right: 1px solid rgb(237, 235, 237);
  }
}
.TeachingStaffPage #TeachingStaff table tbody tr td:nth-child(2) {
  color: rgb(174, 41, 86);
  font-weight: 600;
}
.TeachingStaffPage #TeachingStaff table tbody tr td:nth-child(2) a {
  display: block;
  color: rgb(174, 41, 86);
  width: auto;
  font-weight: 600;
}
.TeachingStaffPage #TeachingStaff table tbody tr:nth-child(1) td {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.TeachingStaffPage #TeachingStaff ul {
  padding: 0;
  margin-bottom: 25px;
  padding-left: 10px;
}
@media only screen and (min-width: 468px) {
  .TeachingStaffPage #TeachingStaff ul {
    margin-bottom: 35px;
  }
}
.TeachingStaffPage #TeachingStaff ul li {
  font-size: 12px;
  line-height: normal;
  color: rgb(66, 67, 67);
  background: url("../images/listIcon2.png") no-repeat;
  background-position: left top 5px;
  background-size: 8px;
  padding-left: 20px;
}
.TeachingStaffPage #TeachingStaff ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
@media only screen and (min-width: 468px) {
  .TeachingStaffPage #TeachingStaff ul li {
    padding-left: 25px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .TeachingStaffPage #TeachingStaff ul li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  .TeachingStaffPage #TeachingStaff ul li {
    font-size: 15px;
  }
}
.TeachingStaffPage #TeachingStaff ul li a {
  font-size: 12px;
  color: rgb(66, 67, 67);
  line-height: normal;
}
@media only screen and (min-width: 468px) {
  .TeachingStaffPage #TeachingStaff ul li a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .TeachingStaffPage #TeachingStaff ul li a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  .TeachingStaffPage #TeachingStaff ul li a {
    font-size: 15px;
  }
}
.TeachingStaffPage #TeachingStaff ul li a:hover {
  color: rgb(174, 41, 86);
}
.TeachingStaffPage #TeachingStaff ol {
  padding-left: 10px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .TeachingStaffPage #TeachingStaff ol {
    margin-bottom: 35px;
  }
}
.TeachingStaffPage #TeachingStaff ol li {
  font-size: 12px;
  line-height: normal;
  color: rgb(66, 67, 67);
  padding-left: 20px;
}
.TeachingStaffPage #TeachingStaff ol li:not(:last-of-type) {
  margin-bottom: 10px;
}
@media only screen and (min-width: 468px) {
  .TeachingStaffPage #TeachingStaff ol li {
    padding-left: 25px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .TeachingStaffPage #TeachingStaff ol li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  .TeachingStaffPage #TeachingStaff ol li {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1550px) {
  .CommunityAlumniPage #StudentClubDtl {
    padding-bottom: 40px;
  }
}
.CommunityAlumniPage .search-header {
  margin-bottom: 15px;
}
.CommunityAlumniPage .search-header form {
  margin: auto;
  max-width: 637px;
}
@media only screen and (min-width: 1551px) {
  .CommunityAlumniPage .search-header form {
    max-width: 702px;
  }
}
.CommunityAlumniPage .search-header .form-group {
  display: flex;
  align-items: center;
}
.CommunityAlumniPage .search-header .form-control {
  background: #fff;
  border-color: #edebed;
  width: calc(100% - 45px);
  border-right: 0;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .search-header .form-control {
    width: calc(100% - 60px);
  }
}
.CommunityAlumniPage .search-header .btn {
  min-width: auto;
  width: 45px;
  border: 1px solid #edebed;
  border-left: 0;
  height: 40px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .search-header .btn {
    width: 60px;
  }
}
@media only screen and (min-width: 576px) {
  .CommunityAlumniPage .search-header .btn {
    height: 54px;
  }
}
.CommunityAlumniPage .search-header .btn svg {
  fill: rgb(174, 41, 86);
  width: 17px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .search-header .btn svg {
    width: 19px;
  }
}
.CommunityAlumniPage p strong {
  text-align: left;
  font-weight: 400;
  color: rgb(66, 67, 67);
  font-size: 14px;
}
@media only screen and (min-width: 1200px) {
  .CommunityAlumniPage p strong {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1550px) {
  .CommunityAlumniPage p strong {
    font-size: 18px;
  }
}
.CommunityAlumniPage .float {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage .float {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .CommunityAlumniPage .float {
    margin-right: 45px;
    margin-bottom: 40px;
  }
}
.CommunityAlumniPage .TitleSec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .TitleSec {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .CommunityAlumniPage .TitleSec {
    margin-bottom: 40px;
  }
}
.CommunityAlumniPage .TitleSec::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background: rgb(224, 221, 221);
  width: 100%;
  height: 1px;
}
.CommunityAlumniPage .TitleSec h3, .CommunityAlumniPage .TitleSec h4, .CommunityAlumniPage .TitleSec h5 {
  margin: 0;
}
.CommunityAlumniPage .TitleSec .sectitle, .CommunityAlumniPage .TitleSec h3 {
  margin: 0;
  padding-right: 15px;
  background: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
}
.CommunityAlumniPage .TitleSec a {
  color: rgb(130, 130, 130);
  padding-left: 20px;
  background: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
  font-size: 12px;
}
.CommunityAlumniPage .TitleSec a:hover {
  color: rgb(174, 41, 86);
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .TitleSec a {
    font-size: 14px;
  }
}
.CommunityAlumniPage .co-ordinators {
  margin-bottom: 40px;
}
.CommunityAlumniPage .co-ordinators .row {
  margin: -15px -8.5px;
}
.CommunityAlumniPage .co-ordinators .col-, .CommunityAlumniPage .co-ordinators [class^=col-], .CommunityAlumniPage .co-ordinators [class*=col-] {
  padding: 15px 8.5px;
}
.CommunityAlumniPage .co-ordinators .box {
  text-align: center;
}
.CommunityAlumniPage .co-ordinators .box .imgBox {
  height: 180px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .co-ordinators .box .imgBox {
    height: 225px;
  }
}
.CommunityAlumniPage .co-ordinators .box .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.CommunityAlumniPage .co-ordinators .box .cntnBox {
  padding: 25px 10px 0;
}
.CommunityAlumniPage .co-ordinators .box .cntnBox .Name {
  font-size: 17px;
  color: rgb(174, 41, 86);
  margin-bottom: 8px;
}
.CommunityAlumniPage .co-ordinators .box .cntnBox .position {
  font-size: 13px;
  color: #2e2e2e;
  line-height: 18px;
}
.CommunityAlumniPage .MoreActivities {
  overflow: hidden;
}
.CommunityAlumniPage .MoreActivities .slick-list {
  margin: 0 -5px;
}
.CommunityAlumniPage .MoreActivities .slick-slide {
  padding: 0 5px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .MoreActivities .BlogTitle {
    min-height: 50px;
  }
}
@media only screen and (min-width: 1550px) {
  .CommunityAlumniPage .MoreActivities .BlogTitle {
    min-height: 54px;
  }
}
.CommunityAlumniPage .MoreActivities .slickArrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 -10px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .MoreActivities .slickArrow {
    margin-right: -13px;
  }
}
.CommunityAlumniPage .MoreActivities .slickArrow li {
  font-size: 14px;
  color: rgb(174, 41, 86);
  background: none;
  padding: 0 10px;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.CommunityAlumniPage .MoreActivities .slickArrow li svg {
  fill: rgb(174, 41, 86);
  width: 11px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .MoreActivities .slickArrow li svg {
    width: 14px;
  }
}
.CommunityAlumniPage .MoreActivities .slickArrow li.SlidePrev svg {
  transform: rotate(180deg);
  margin-right: 5px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .MoreActivities .slickArrow li.SlidePrev svg {
    margin-right: 15px;
  }
}
.CommunityAlumniPage .MoreActivities .slickArrow li.SlidePrev::after {
  content: "/";
  position: absolute;
  right: -3px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  font-size: 14px;
  color: #b8b7b8;
}
.CommunityAlumniPage .MoreActivities .slickArrow li.SlideNext svg {
  margin-left: 5px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .MoreActivities .slickArrow li.SlideNext svg {
    margin-left: 15px;
  }
}
.CommunityAlumniPage .OurGallery {
  padding-top: 35px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .OurGallery {
    padding-top: 45px;
  }
}
.CommunityAlumniPage .OurGallery .sectitle {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage .OurGallery .sectitle {
    margin-bottom: 35px;
  }
}
.CommunityAlumniPage .OurGallery .row {
  margin: -4px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .OurGallery .row {
    margin: -9px;
  }
}
.CommunityAlumniPage .OurGallery .col-, .CommunityAlumniPage .OurGallery [class^=col-], .CommunityAlumniPage .OurGallery [class*=col-] {
  padding: 4px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .OurGallery .col-, .CommunityAlumniPage .OurGallery [class^=col-], .CommunityAlumniPage .OurGallery [class*=col-] {
    padding: 9px;
  }
}
.CommunityAlumniPage .OurGallery a {
  display: block;
  width: 100%;
  background-color: rgb(21, 21, 30);
  position: relative;
  overflow: hidden;
  height: 120px;
}
.CommunityAlumniPage .OurGallery a::after {
  content: "";
  background: url("../images/gallicon.png") no-repeat rgba(21, 21, 21, 0.7) center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
  background-size: 30px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .OurGallery a::after {
    background-size: 45px;
  }
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .OurGallery a {
    height: 160px;
  }
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage .OurGallery a {
    height: 210px;
  }
}
.CommunityAlumniPage .OurGallery a img {
  transition: all 0.8s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.CommunityAlumniPage .OurGallery a:hover::after {
  opacity: 1;
}
.CommunityAlumniPage .OurGallery a:hover img {
  transform: scale(1.1);
}
.CommunityAlumniPage #RetiredStaff {
  background: rgba(80, 61, 79, 0.102);
  padding: 40px 0 45px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage #RetiredStaff {
    padding: 40px 0 50px;
  }
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage #RetiredStaff {
    padding: 40px 0 70px;
  }
}
@media only screen and (min-width: 1550px) {
  .CommunityAlumniPage #RetiredStaff {
    padding: 60px 0 90px;
  }
}
.CommunityAlumniPage #RetiredStaff .Sectitle {
  font-size: 28px;
  color: rgb(174, 41, 86);
  text-align: center;
  margin-bottom: 15px;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage #RetiredStaff .Sectitle {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage #RetiredStaff .Sectitle {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1550px) {
  .CommunityAlumniPage #RetiredStaff .Sectitle {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage #RetiredStaff .FixedNav2 {
    margin-bottom: 45px;
  }
}
.CommunityAlumniPage #RetiredStaff .accordion-body {
  padding: 10px;
  background: white;
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage #RetiredStaff .accordion-body {
    padding: 0;
    background: none;
  }
}
.CommunityAlumniPage #RetiredStaff .accordion-item {
  background: transparent;
  border: none;
  margin-bottom: 7px;
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage #RetiredStaff .accordion-item {
    margin-bottom: 0;
  }
}
.CommunityAlumniPage #RetiredStaff .accordion-item .accordion-header button {
  background: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
  outline: none;
  box-shadow: none;
}
.CommunityAlumniPage #RetiredStaff .accordion-item .accordion-header button::after {
  filter: brightness(22);
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage #RetiredStaff .accordion-item .accordion-header {
    display: none;
  }
}
.CommunityAlumniPage #RetiredStaff table {
  font-size: 14px;
  color: #503d4f;
}
@media only screen and (max-width: 768px) {
  .CommunityAlumniPage #RetiredStaff table {
    display: block;
  }
}
.CommunityAlumniPage #RetiredStaff table thead {
  border: 1px solid rgb(234, 233, 233);
  background-color: rgb(174, 41, 86);
  padding: 15px 0;
}
@media only screen and (max-width: 768px) {
  .CommunityAlumniPage #RetiredStaff table thead {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
  }
}
.CommunityAlumniPage #RetiredStaff table thead input {
  background-color: rgb(255, 255, 255);
  width: 100%;
  color: rgb(10, 10, 10);
  border: none;
  box-shadow: none;
  outline: none;
  height: 40px;
  font-size: 13px;
}
@media only screen and (max-width: 468px) {
  .CommunityAlumniPage #RetiredStaff table thead input {
    height: 46px;
    font-size: 14px;
  }
}
.CommunityAlumniPage #RetiredStaff table thead tr {
  margin: -10px;
}
@media only screen and (max-width: 768px) {
  .CommunityAlumniPage #RetiredStaff table thead tr {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
  }
}
.CommunityAlumniPage #RetiredStaff table thead tr th {
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  .CommunityAlumniPage #RetiredStaff table thead tr th {
    display: block;
    width: 50%;
  }
  .CommunityAlumniPage #RetiredStaff table thead tr th:nth-child(1) {
    display: none;
  }
  .CommunityAlumniPage #RetiredStaff table thead tr th:last-of-type {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .CommunityAlumniPage #RetiredStaff table tbody {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
  }
}
.CommunityAlumniPage #RetiredStaff table tbody tr {
  border: 1px solid rgb(234, 233, 233);
  background: rgb(255, 255, 255);
  width: 100%;
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage #RetiredStaff table tbody tr {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage #RetiredStaff table tbody tr {
    border-bottom: 6px solid #edebed;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .CommunityAlumniPage #RetiredStaff table tbody tr {
    display: block;
    padding: 10px 0;
  }
}
.CommunityAlumniPage #RetiredStaff table tbody tr td {
  background: rgb(255, 255, 255);
  border-radius: 5px;
  padding: 5px 20px;
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage #RetiredStaff table tbody tr td {
    padding: 8px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .CommunityAlumniPage #RetiredStaff table tbody tr td {
    display: block;
  }
}
.CommunityAlumniPage #RetiredStaff table tbody tr td .imgBox {
  border-radius: 50%;
  background-color: rgb(206, 52, 104);
  overflow: hidden;
  width: 47px;
  height: 47px;
  margin: auto;
}
.CommunityAlumniPage #RetiredStaff table tbody tr td .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.CommunityAlumniPage #RetiredStaff table tbody tr td .imgBox strong {
  font-weight: 600;
}
.CommunityAlumniPage #RetiredStaff table tbody tr td a {
  display: block;
  width: 31px;
  height: 31px;
}
.CommunityAlumniPage #RetiredStaff table tbody tr td a img {
  width: 31px;
  height: 31px;
}
.CommunityAlumniPage #RetiredStaff table tbody tr td:nth-child(1) {
  min-width: 82px;
  width: 82px;
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage #RetiredStaff table tbody tr td:nth-child(1) {
    border-right: 1px solid rgb(237, 235, 237);
  }
}
.CommunityAlumniPage #RetiredStaff table tbody tr td:nth-child(2) {
  color: rgb(174, 41, 86);
  font-weight: 600;
}
.CommunityAlumniPage #RetiredStaff table tbody tr td:nth-child(2) a {
  color: rgb(174, 41, 86);
  font-weight: 600;
}
.CommunityAlumniPage #RetiredStaff table tbody tr:nth-child(1) td {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

/************** ************ **************/
/*********** [ COMMUNITY_COLLAGE_PAGE PAGE ] ***********/
/************** ************ **************/
.AcademicsPage {
  padding-bottom: 40px;
}
@media only screen and (min-width: 468px) {
  .AcademicsPage {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .AcademicsPage {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 1550px) {
  .AcademicsPage {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) {
  .AcademicsPage .FixedNav2 {
    margin-bottom: 65px;
  }
}
.AcademicsPage .FixedNav2 .accordion-header button, .AcademicsPage .FixedNav2 .accordion-header a {
  border: 1px solid rgb(220, 220, 220);
}
.AcademicsPage .FixedNav2 .accordion-header button[aria-expanded=true], .AcademicsPage .FixedNav2 .accordion-header a[aria-expanded=true] {
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .AcademicsPage h2 {
    font-size: 36px;
  }
}
.AcademicsPage iframe {
  min-height: 345px;
}
.AcademicsPage .accordion-item {
  background: none;
  border: none;
  margin-bottom: 7px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .AcademicsPage .accordion-item {
    margin-bottom: 0;
  }
}
.AcademicsPage .accordion-item .accordion-header button {
  background: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
  outline: none;
  box-shadow: none;
}
.AcademicsPage .accordion-item .accordion-header button::after {
  filter: brightness(22);
}
@media only screen and (min-width: 768px) {
  .AcademicsPage .accordion-item .accordion-header {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .AcademicsPage .ComNav {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
.AcademicsPage .accordion-body {
  padding: 15px 15px 0;
  background: white;
  border: none;
}
@media only screen and (min-width: 768px) {
  .AcademicsPage .accordion-body {
    padding: 0px;
  }
}
.AcademicsPage .accordion-body .accordion .item:not(:last-of-type) {
  margin-bottom: 7px;
}
.AcademicsPage .accordion-body .accordion button {
  border: 1px solid rgb(234, 233, 233);
  background-color: rgb(255, 255, 255);
  min-height: 62px;
  outline: none;
  box-shadow: none;
  padding: 10px 15px;
  color: rgb(38, 38, 38);
  font-size: 14px;
  border-radius: 5px;
  display: block;
  padding-right: 35px;
}
@media only screen and (min-width: 768px) {
  .AcademicsPage .accordion-body .accordion button {
    padding-right: 50px;
    font-size: 15px;
  }
}
.AcademicsPage .accordion-body .accordion button strong {
  padding: 0 5px;
}
.AcademicsPage .accordion-body .accordion button::after {
  background: url("../images/plus.svg") no-repeat center;
  transform: none;
  transition: all 0.3s;
  background-size: 13px !important;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
  .AcademicsPage .accordion-body .accordion button::after {
    right: 20px;
  }
}
@media only screen and (min-width: 468px) {
  .AcademicsPage .accordion-body .accordion button::after {
    background-size: 16px !important;
  }
}
@media only screen and (min-width: 768px) {
  .AcademicsPage .accordion-body .accordion button {
    padding: 10px 25px;
  }
}
.AcademicsPage .accordion-body .accordion button:not(.collapsed) {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0px;
}
.AcademicsPage .accordion-body .accordion button:not(.collapsed)::after {
  background: url("../images/minus.svg") no-repeat center;
}

.ProgrameDtlPage {
  background: rgba(80, 61, 79, 0.102);
}
.ProgrameDtlPage .accordion-item {
  background: none;
}
.ProgrameDtlPage .accordion-body {
  background: none;
  padding: 15px;
}
@media only screen and (min-width: 768px) {
  .ProgrameDtlPage .accordion-body {
    padding: 0;
  }
}
.ProgrameDtlPage #ProgrameDtl h2 {
  color: #343434;
}
.ProgrameDtlPage #ProgrameDtl .ComCntnt .item:not(:last-of-type) {
  margin-bottom: 40px;
}
.ProgrameDtlPage #ProgrameDtl .programeList .box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: rgb(80, 61, 79);
  border: 1px solid rgb(234, 233, 233);
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  margin-bottom: 6px;
  min-height: 66px;
  padding: 15px;
  font-size: 14px;
}
@media only screen and (min-width: 468px) {
  .ProgrameDtlPage #ProgrameDtl .programeList .box {
    padding: 20px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .ProgrameDtlPage #ProgrameDtl .programeList .box {
    padding: 0px;
  }
}
.ProgrameDtlPage #ProgrameDtl .programeList .box * {
  padding: 3px 0;
}
@media only screen and (min-width: 992px) {
  .ProgrameDtlPage #ProgrameDtl .programeList .box * {
    padding: 15px;
  }
}
.ProgrameDtlPage #ProgrameDtl .programeList .box .po {
  font-size: 16px;
  font-weight: 500;
  color: rgb(174, 41, 86);
  text-transform: uppercase;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .ProgrameDtlPage #ProgrameDtl .programeList .box .po {
    text-align: center;
    width: 90px;
  }
}
.ProgrameDtlPage #ProgrameDtl .programeList .box .programe {
  font-weight: 500;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .ProgrameDtlPage #ProgrameDtl .programeList .box .programe {
    padding-left: 30px;
    width: 365px;
  }
}
@media only screen and (min-width: 1200px) {
  .ProgrameDtlPage #ProgrameDtl .programeList .box .programe {
    width: 405px;
  }
}
@media only screen and (min-width: 1550px) {
  .ProgrameDtlPage #ProgrameDtl .programeList .box .programe {
    padding-left: 50px;
  }
}
.ProgrameDtlPage #ProgrameDtl .programeList .box .info {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .ProgrameDtlPage #ProgrameDtl .programeList .box .info {
    padding-left: 30px;
    width: calc(100% - 455px);
  }
}
@media only screen and (min-width: 1200px) {
  .ProgrameDtlPage #ProgrameDtl .programeList .box .info {
    width: calc(100% - 495px);
  }
}
@media only screen and (min-width: 1550px) {
  .ProgrameDtlPage #ProgrameDtl .programeList .box .info {
    padding-left: 50px;
  }
}

.AcademicsUGPage {
  background: rgba(80, 61, 79, 0.102);
}
@media only screen and (min-width: 768px) {
  .AcademicsUGPage h2 {
    font-size: 36px;
  }
}
.AcademicsUGPage .FixedNav2 .accordion-header button, .AcademicsUGPage .FixedNav2 .accordion-header a {
  border: none;
}
.AcademicsUGPage .FixedNav2 .accordion-header:not(:last-of-type) {
  border-right: 1px solid #e5e5e5;
}
.AcademicsUGPage #AcademicsUGDtl .accordion-body {
  padding: 15px;
  background: rgb(255, 255, 255);
}
@media only screen and (min-width: 768px) {
  .AcademicsUGPage #AcademicsUGDtl .accordion-body {
    padding: 0;
    background: none;
  }
}
.AcademicsUGPage #AcademicsUGDtl .accordion-body .item:not(:last-of-type) {
  margin-bottom: 40px;
}
.AcademicsUGPage #AcademicsUGDtl .Tag {
  background-color: rgb(174, 41, 86);
  width: fit-content;
  width: -noz-fit-content;
  font-family: "AgfaRotisSemiSerif";
  padding: 15px 20px;
  color: rgb(255, 255, 255);
  font-size: 24px;
}
@media only screen and (min-width: 468px) {
  .AcademicsUGPage #AcademicsUGDtl .Tag {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) {
  .AcademicsUGPage #AcademicsUGDtl .Tag {
    font-size: 28px;
  }
}
@media only screen and (min-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl .Tag {
    font-size: 32px;
    padding: 16px 20px;
  }
}
@media only screen and (min-width: 1550px) {
  .AcademicsUGPage #AcademicsUGDtl .Tag {
    font-size: 36px;
  }
}
.AcademicsUGPage #AcademicsUGDtl table {
  font-size: 14px;
  color: #503d4f;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
  margin-top: -6px;
}
@media only screen and (max-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table {
    font-size: 16px;
    display: block;
  }
}
.AcademicsUGPage #AcademicsUGDtl table thead {
  border: 1px solid rgb(234, 233, 233);
  background-color: rgb(174, 41, 86);
  padding: 15px 0;
}
@media only screen and (max-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table thead {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
  }
}
.AcademicsUGPage #AcademicsUGDtl table thead input {
  background-color: rgb(255, 255, 255);
  width: 100%;
  color: rgb(10, 10, 10);
  border: none;
  box-shadow: none;
  outline: none;
  height: 40px;
  font-size: 13px;
}
@media only screen and (max-width: 468px) {
  .AcademicsUGPage #AcademicsUGDtl table thead input {
    height: 46px;
    font-size: 14px;
  }
}
.AcademicsUGPage #AcademicsUGDtl table thead tr {
  margin: -10px;
}
@media only screen and (max-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table thead tr {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
  }
}
.AcademicsUGPage #AcademicsUGDtl table thead tr th {
  padding: 10px;
}
@media only screen and (max-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table thead tr th {
    display: block;
    width: 50%;
  }
  .AcademicsUGPage #AcademicsUGDtl table thead tr th:nth-child(1) {
    display: none;
  }
  .AcademicsUGPage #AcademicsUGDtl table thead tr th:last-of-type {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table tbody {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
  }
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr {
  border: 1px solid rgb(234, 233, 233);
  background: rgb(255, 255, 255);
  width: 100%;
  transition: all 0.3s;
  border-radius: 5px;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .AcademicsUGPage #AcademicsUGDtl table tbody tr {
    margin-bottom: 0px;
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table tbody tr {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table tbody tr {
    display: block;
    padding: 10px 0;
  }
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td {
  background: rgb(255, 255, 255);
  border-radius: 5px;
  padding: 5px 20px;
  transition: all 0.3s;
}
@media only screen and (min-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table tbody tr td {
    border-radius: 0px;
    padding: 10px 20px 13px;
    border-top: 1px solid rgb(234, 233, 233);
    border-bottom: 1px solid rgb(234, 233, 233);
  }
}
@media only screen and (max-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table tbody tr td {
    display: block;
  }
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td .imgBox {
  border-radius: 50%;
  background-color: rgb(206, 52, 104);
  overflow: hidden;
  width: 47px;
  height: 47px;
  margin: auto;
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td strong {
  font-weight: 500;
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td .label {
  font-size: 12px;
  padding-right: 15px;
  margin-bottom: 3px;
  color: #adadad;
}
@media only screen and (min-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table tbody tr td .label {
    font-size: 13px;
  }
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td span {
  margin-top: 10px;
  display: inline-block;
  line-height: normal;
  margin-bottom: 0px;
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td a {
  display: block;
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td a svg {
  transition: all 0.3s;
  width: 40px;
}
@media only screen and (min-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table tbody tr td a svg {
    width: 46px;
  }
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td a .st0 {
  opacity: 0.1;
  fill: #CF3468;
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td a .st1 {
  fill: #AE2A57;
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td a img {
  width: 31px;
  height: 31px;
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td:nth-child(1) {
  color: rgb(174, 41, 86);
  font-weight: 500;
  width: 305px;
}
@media only screen and (min-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table tbody tr td:nth-child(1) {
    border-left: 1px solid rgb(234, 233, 233);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td:nth-child(2) {
  width: 310px;
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr td:nth-child(3) {
  width: 220px;
}
@media only screen and (min-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table tbody tr td:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 1px solid rgb(234, 233, 233);
  }
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr:hover {
  border-color: rgb(174, 41, 86);
  box-shadow: 0px 9px 24px 0px rgba(30, 40, 69, 0.3);
}
@media only screen and (min-width: 992px) {
  .AcademicsUGPage #AcademicsUGDtl table tbody tr:hover td {
    border-color: rgb(174, 41, 86);
  }
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr:hover td a svg .st0 {
  opacity: 1;
  fill: rgb(174, 41, 86);
}
.AcademicsUGPage #AcademicsUGDtl table tbody tr:hover td a svg .st1 {
  fill: rgb(255, 255, 255);
}
.AcademicsUGPage #AcademicsUGDtl .intake {
  color: #424343;
  margin-bottom: 15px;
  font-size: 15px;
}
@media only screen and (min-width: 468px) {
  .AcademicsUGPage #AcademicsUGDtl .intake {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .AcademicsUGPage #AcademicsUGDtl .intake {
    font-size: 18px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1550px) {
  .AcademicsUGPage #AcademicsUGDtl .intake {
    font-size: 20px;
  }
}
.AcademicsUGPage #AcademicsUGDtl .intake strong {
  color: rgb(174, 41, 86);
  font-weight: 500;
}
.AcademicsUGPage #AcademicsUGDtl .elgibility {
  font-size: 12px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 468px) {
  .AcademicsUGPage #AcademicsUGDtl .elgibility {
    font-size: 13px0;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .AcademicsUGPage #AcademicsUGDtl .elgibility {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1550px) {
  .AcademicsUGPage #AcademicsUGDtl .elgibility {
    font-size: 15px;
  }
}
.AcademicsUGPage #AcademicsUGDtl .elgibility strong {
  color: rgb(174, 41, 86);
  font-weight: 500;
  font-size: 15px;
}
@media only screen and (min-width: 468px) {
  .AcademicsUGPage #AcademicsUGDtl .elgibility strong {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .AcademicsUGPage #AcademicsUGDtl .elgibility strong {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1550px) {
  .AcademicsUGPage #AcademicsUGDtl .elgibility strong {
    font-size: 20px;
  }
}

.AcademicsUGDtlPage {
  background: rgb(255, 255, 255);
  padding: 0;
}
.AcademicsUGDtlPage #AcademicsUGDtl {
  padding-bottom: 40px;
}
@media only screen and (min-width: 468px) {
  .AcademicsUGDtlPage #AcademicsUGDtl {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .AcademicsUGDtlPage #AcademicsUGDtl {
    padding-bottom: 70px;
  }
}
.AcademicsUGDtlPage #CourseDetails {
  background: rgba(80, 61, 79, 0.102);
  padding: 40px 0;
}
@media only screen and (min-width: 468px) {
  .AcademicsUGDtlPage #CourseDetails {
    padding: 55px 0 50px;
  }
}
@media only screen and (min-width: 768px) {
  .AcademicsUGDtlPage #CourseDetails {
    padding: 65px 0 60px;
  }
}
.AcademicsUGDtlPage #CourseDetails .Sectitle {
  font-size: 22px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 468px) {
  .AcademicsUGDtlPage #CourseDetails .Sectitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .AcademicsUGDtlPage #CourseDetails .Sectitle {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1550px) {
  .AcademicsUGDtlPage #CourseDetails .Sectitle {
    margin-bottom: 25px;
  }
}
.AcademicsUGDtlPage #CourseDetails .tableHead {
  background: rgb(174, 41, 86);
  font-size: 22px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  padding: 16px 28px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.AcademicsUGDtlPage #CourseDetails table {
  background: rgb(255, 255, 255);
  margin-bottom: 15px;
  font-size: 14px;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.AcademicsUGDtlPage #CourseDetails table thead {
  border-bottom: 1px solid rgba(0, 0, 0, 0.102);
}
.AcademicsUGDtlPage #CourseDetails table thead th {
  font-size: 16px;
  font-weight: 500;
  color: rgb(174, 41, 86);
  min-height: 47px;
  padding: 10px;
}
.AcademicsUGDtlPage #CourseDetails table thead th:nth-child(1) {
  padding-left: 35px;
}
.AcademicsUGDtlPage #CourseDetails table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.102);
}
.AcademicsUGDtlPage #CourseDetails table tbody td {
  color: rgb(0, 0, 0);
  padding: 10px;
  min-height: 47px;
}
@media only screen and (min-width: 768px) {
  .AcademicsUGDtlPage #CourseDetails table tbody td {
    min-width: 180px;
  }
}
@media only screen and (min-width: 992px) {
  .AcademicsUGDtlPage #CourseDetails table tbody td {
    min-width: 180px;
  }
}
@media only screen and (min-width: 1200px) {
  .AcademicsUGDtlPage #CourseDetails table tbody td {
    min-width: 225px;
  }
}
@media only screen and (min-width: 768px) {
  .AcademicsUGDtlPage #CourseDetails table tbody td:nth-child(1) {
    padding-left: 40px;
    min-width: 100px;
  }
}
@media only screen and (min-width: 992px) {
  .AcademicsUGDtlPage #CourseDetails table tbody td:nth-child(1) {
    min-width: 180px;
  }
}
@media only screen and (min-width: 1200px) {
  .AcademicsUGDtlPage #CourseDetails table tbody td:nth-child(1) {
    width: 235px;
  }
}

.CommunityAlumniPage .BtnSec {
  grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 576px) {
  .CommunityAlumniPage .BtnSec {
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
  }
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage .BtnSec {
    gap: 15px;
  }
}
@media only screen and (min-width: 468px) {
  .CommunityAlumniPage .BtnSec a {
    padding: 8px 20px;
  }
}
@media only screen and (min-width: 576px) {
  .CommunityAlumniPage .BtnSec a {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) {
  .CommunityAlumniPage .BtnSec a {
    padding: 8px 33px;
  }
}
@media only screen and (min-width: 992px) {
  .CommunityAlumniPage .BtnSec a {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1551px) {
  .CommunityAlumniPage .BtnSec a {
    font-size: 20px;
  }
}

/************** ************ **************/
/*********** [ EXAMINATION_PAGE ] ***********/
/************** ************ **************/
.examinationPage .campuslist {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
  margin-top: 25px;
}
.examinationPage .campuslist .item {
  padding: 5px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .examinationPage .campuslist .item {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .examinationPage .campuslist .item {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 992px) {
  .examinationPage .campuslist .item {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .examinationPage .campuslist .item {
    width: 33.3333333333%;
  }
}
.examinationPage .campuslist .box {
  background-color: rgb(245, 237, 240);
  padding: 30px 25px 30px;
}
@media only screen and (min-width: 992px) {
  .examinationPage .campuslist .box {
    padding: 35px 30px 35px;
  }
}
.examinationPage .campuslist .box .campus {
  font-family: "AgfaRotisSemiSerif";
  color: rgb(174, 41, 86);
  font-size: 22px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 468px) {
  .examinationPage .campuslist .box .campus {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .examinationPage .campuslist .box .campus {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
.examinationPage .campuslist .box p {
  font-size: 14px;
  line-height: 26px;
  color: rgb(37, 37, 37);
  margin-bottom: 10px;
  text-align: left;
}
.examinationPage .campuslist .box ul {
  margin: 0;
}
.examinationPage .campuslist .box li, .examinationPage .campuslist .box a {
  font-size: 14px;
  color: rgb(174, 41, 86);
  background: none;
  padding: 0;
}
.examinationPage .campuslist .box li {
  display: flex;
}
.examinationPage .campuslist .box li a {
  padding-left: 7px;
}
.examinationPage .campuslist .box li:not(:last-of-type) {
  margin-bottom: 10px;
}
.examinationPage #Reports a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(245, 237, 240);
  width: 100%;
  border-bottom: 2px solid rgb(223, 215, 218);
  padding: 10px 0 10px 5px;
  min-height: 45px;
}
@media only screen and (min-width: 468px) {
  .examinationPage #Reports a {
    min-height: 54px;
    padding: 10px 10px 10px 20px;
  }
}
.examinationPage #Reports a:not(:last-of-type) {
  margin-bottom: 6px;
}
.examinationPage #Reports a > * {
  padding: 0 10px;
}
.examinationPage #Reports a .Name {
  color: rgb(32, 31, 32);
  line-height: normal;
  font-size: 13px;
  transition: all 0.3s;
}
@media only screen and (min-width: 468px) {
  .examinationPage #Reports a .Name {
    font-size: 15px;
  }
}
.examinationPage #Reports a .Name .date {
  transition: all 0.3s;
  color: rgb(174, 41, 86);
  margin-bottom: 5px;
}
@media only screen and (min-width: 468px) {
  .examinationPage #Reports a .Name .date {
    margin-bottom: 7px;
    font-size: 16px;
  }
}
.examinationPage #Reports a .Btn {
  display: flex;
  align-items: center;
  color: rgb(174, 41, 86);
  font-size: 0px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .examinationPage #Reports a .Btn {
    font-size: 14px;
  }
}
.examinationPage #Reports a .Btn svg {
  width: 28px;
  margin-left: 22px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .examinationPage #Reports a .Btn svg {
    width: 32px;
  }
}
.examinationPage #Reports a .Btn svg .st0 {
  transition: all 0.3s;
  fill: #CC4B4C;
}
.examinationPage #Reports a .Btn svg .st1 {
  transition: all 0.3s;
  fill: #D65B64;
}
.examinationPage #Reports a .Btn svg .st2 {
  transition: all 0.3s;
  fill: #FFFFFF;
}
.examinationPage #Reports a:hover {
  background: rgb(174, 41, 86);
}
.examinationPage #Reports a:hover .Name {
  color: rgb(255, 255, 255);
}
.examinationPage #Reports a:hover .Name .date {
  color: rgb(255, 255, 255);
}
.examinationPage #Reports a:hover .Btn {
  color: rgb(255, 255, 255);
}
.examinationPage #Reports a:hover svg .st0 {
  fill: rgb(255, 255, 255);
}
.examinationPage #Reports a:hover svg .st1 {
  fill: #D65B64;
}
.examinationPage #Reports a:hover svg .st2 {
  fill: rgb(174, 41, 86);
}

/************** ************* **************/
/*********** [ DEPARTMENT PAGE ] ***********/
/************** ************* **************/
.DepartmentPage #DepartmentSec {
  padding-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .DepartmentPage #DepartmentSec {
    padding-bottom: 45px;
  }
}
@media only screen and (min-width: 1550px) {
  .DepartmentPage #DepartmentSec h2 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .DepartmentPage #DepartmentSec .float {
    margin-right: 45px;
  }
}
.DepartmentPage #DepartmentSec p {
  margin-bottom: 15px;
}
.DepartmentPage #DepartmentSec p strong {
  text-align: left;
  font-weight: 400;
  color: rgb(66, 67, 67);
  font-size: 14px;
}
@media only screen and (min-width: 1200px) {
  .DepartmentPage #DepartmentSec p strong {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1550px) {
  .DepartmentPage #DepartmentSec p strong {
    font-size: 20px;
  }
}
.DepartmentPage #DepartmentSec .TitleSec a {
  display: flex;
  align-items: center;
}
.DepartmentPage #DepartmentSec .TitleSec a svg {
  width: 13px;
  fill: rgb(174, 41, 86);
  margin-left: 22px;
}
.DepartmentPage #DepartmentSec .InfoSec {
  padding: 10px 0 15px;
}
@media only screen and (min-width: 468px) {
  .DepartmentPage #DepartmentSec .InfoSec {
    padding: 25px 0 45px;
  }
}
.DepartmentPage #DepartmentSec .OurFaculty {
  margin-top: 30px;
}
@media only screen and (min-width: 468px) {
  .DepartmentPage #DepartmentSec .OurFaculty {
    margin-top: 55px;
  }
}
.DepartmentPage #DepartmentSec .OurFaculty .Grid {
  display: flex;
  flex-wrap: wrap;
  margin: -4.5px;
  justify-content: center;
}
@media only screen and (min-width: 468px) {
  .DepartmentPage #DepartmentSec .OurFaculty .Grid {
    margin: -8.5px;
  }
}
@media only screen and (min-width: 1550px) {
  .DepartmentPage #DepartmentSec .OurFaculty .Grid {
    margin: -12.5px;
  }
}
.DepartmentPage #DepartmentSec .OurFaculty .Grid .GridItm {
  padding: 4.5px;
  width: 50%;
}
@media only screen and (min-width: 468px) {
  .DepartmentPage #DepartmentSec .OurFaculty .Grid .GridItm {
    padding: 8.5px;
  }
}
@media only screen and (min-width: 768px) {
  .DepartmentPage #DepartmentSec .OurFaculty .Grid .GridItm {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 992px) {
  .DepartmentPage #DepartmentSec .OurFaculty .Grid .GridItm {
    width: 25%;
  }
}
@media only screen and (min-width: 1200px) {
  .DepartmentPage #DepartmentSec .OurFaculty .Grid .GridItm {
    width: 20%;
  }
}
@media only screen and (min-width: 1550px) {
  .DepartmentPage #DepartmentSec .OurFaculty .Grid .GridItm {
    padding: 12.5px;
  }
}
.DepartmentPage #DepartmentSec .MoreActivities {
  margin-top: 30px;
}
@media only screen and (min-width: 468px) {
  .DepartmentPage #DepartmentSec .MoreActivities {
    margin-top: 40px;
  }
}

.DepartmentFacultyPage #OurFaculty {
  margin-bottom: 30px;
}
@media only screen and (min-width: 468px) {
  .DepartmentFacultyPage #OurFaculty {
    margin-bottom: 65px;
  }
}
.DepartmentFacultyPage #OurFaculty .Grid {
  display: flex;
  flex-wrap: wrap;
  margin: -4.5px;
  justify-content: center;
}
@media only screen and (min-width: 468px) {
  .DepartmentFacultyPage #OurFaculty .Grid {
    margin: -8.5px;
  }
}
@media only screen and (min-width: 1550px) {
  .DepartmentFacultyPage #OurFaculty .Grid {
    margin: -12.5px;
  }
}
.DepartmentFacultyPage #OurFaculty .Grid .GridItm {
  padding: 4.5px;
  width: 50%;
}
@media only screen and (min-width: 468px) {
  .DepartmentFacultyPage #OurFaculty .Grid .GridItm {
    padding: 8.5px;
  }
}
@media only screen and (min-width: 768px) {
  .DepartmentFacultyPage #OurFaculty .Grid .GridItm {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 992px) {
  .DepartmentFacultyPage #OurFaculty .Grid .GridItm {
    width: 25%;
  }
}
@media only screen and (min-width: 1200px) {
  .DepartmentFacultyPage #OurFaculty .Grid .GridItm {
    width: 20%;
  }
}
@media only screen and (min-width: 1550px) {
  .DepartmentFacultyPage #OurFaculty .Grid .GridItm {
    padding: 12.5px;
  }
}
.DepartmentFacultyPage .FaculBoxGrid {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.DepartmentFacultyPage .FaculBoxGrid > * {
  padding: 10px;
  width: 50%;
}
@media only screen and (min-width: 576px) {
  .DepartmentFacultyPage .FaculBoxGrid > * {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 768px) {
  .DepartmentFacultyPage .FaculBoxGrid > * {
    width: 25%;
  }
}
@media only screen and (min-width: 992px) {
  .DepartmentFacultyPage .FaculBoxGrid > * {
    width: 33.3333333333%;
  }
}

.DepartmentFacultyDtlPage #OurFacultyDetl {
  padding: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl {
    padding: 10px 0 35px;
  }
}
.DepartmentFacultyDtlPage #OurFacultyDetl ul {
  margin: 0;
}
.DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard {
  border: 1px solid rgb(223, 222, 222);
  border-radius: 5px;
  background-color: rgb(244, 244, 244);
  padding: 20px 20px 25px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 30px 35px;
  }
}
@media only screen and (min-width: 992px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard {
    padding: 35px 40px 40px;
  }
}
.DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .imgBox {
  border-radius: 5px;
  background-color: rgb(47, 53, 66);
  overflow: hidden;
  width: 235px;
  height: 310px;
}
@media only screen and (min-width: 992px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .imgBox {
    width: 270px;
    height: 350px;
  }
}
.DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox {
  width: 100%;
  padding-top: 25px;
}
@media only screen and (min-width: 768px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox {
    padding-top: 30px;
    padding-left: 30px;
    width: calc(100% - 235px);
  }
}
@media only screen and (min-width: 992px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox {
    padding-left: 50px;
    width: calc(100% - 270px);
  }
}
@media only screen and (min-width: 1200px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox {
    padding-left: 75px;
  }
}
@media only screen and (min-width: 1550px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox {
    padding-left: 90px;
  }
}
.DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox .Name {
  color: rgb(174, 41, 86);
  margin-bottom: 10px;
  font-size: 23px;
}
@media only screen and (min-width: 468px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox .Name {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox .Name {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox .Name {
    font-size: 30px;
  }
}
.DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox .dept {
  color: rgb(80, 61, 79);
  font-size: 14px;
}
@media only screen and (min-width: 468px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox .dept {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox .dept {
    font-size: 18px;
  }
}
.DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table {
  width: 100%;
  font-size: 15px;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table {
    margin-top: 35px;
  }
}
@media only screen and (min-width: 1550px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table {
    font-size: 18px;
  }
}
.DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr {
  display: block;
  margin-bottom: 15px;
}
@media only screen and (min-width: 576px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr {
    display: table-row;
    margin-bottom: 0;
  }
}
.DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr td {
  display: block;
  padding: 3px 0;
}
@media only screen and (min-width: 576px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr td {
    padding: 7px 0;
    display: table-cell;
  }
}
@media only screen and (min-width: 1200px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr td {
    padding: 9px 0;
  }
}
@media only screen and (min-width: 1550px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr td {
    padding: 11px 0;
  }
}
.DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr td:first-child {
  color: #0a0a0a;
  position: relative;
}
@media only screen and (min-width: 576px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr td:first-child {
    width: 50%;
  }
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr td:first-child::after {
    content: ":";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: rgb(10, 10, 10);
  }
}
@media only screen and (min-width: 768px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr td:first-child {
    width: 245px;
  }
}
@media only screen and (min-width: 992px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr td:first-child {
    width: 290px;
  }
}
.DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr td:not(:first-child) {
  color: #848484;
}
@media only screen and (min-width: 576px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .FacultyProCard .RitBox table tbody tr td:not(:first-child) {
    padding-left: 60px;
  }
}
.DepartmentFacultyDtlPage #OurFacultyDetl .TableOfCntnt {
  border: 1px solid rgb(223, 222, 222);
  border-radius: 5px;
  margin-bottom: 17px;
}
.DepartmentFacultyDtlPage #OurFacultyDetl .TableOfCntnt .Thead {
  background-color: rgb(244, 244, 244);
  width: 100%;
  display: flex;
  align-items: center;
  color: rgb(174, 41, 86);
  padding: 10px 20px;
  min-height: 50px;
  font-size: 16px;
}
@media only screen and (min-width: 468px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .TableOfCntnt .Thead {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .TableOfCntnt .Thead {
    min-height: 55px;
    padding: 10px 30px;
  }
}
@media only screen and (min-width: 992px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .TableOfCntnt .Thead {
    padding: 15px 42px;
    font-size: 20px;
    min-height: 75px;
  }
}
@media only screen and (min-width: 1550px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .TableOfCntnt .Thead {
    font-size: 22px;
    min-height: 83px;
  }
}
.DepartmentFacultyDtlPage #OurFacultyDetl .TableOfCntnt .TBody {
  padding: 25px 23px 35px;
}
@media only screen and (min-width: 768px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .TableOfCntnt .TBody {
    padding: 25px 33px 35px;
  }
}
@media only screen and (min-width: 992px) {
  .DepartmentFacultyDtlPage #OurFacultyDetl .TableOfCntnt .TBody {
    padding: 40px 45px 35px;
  }
}
.DepartmentFacultyDtlPage #OurFaculty {
  background-color: rgb(244, 244, 244);
  padding: 30px 0 35px;
}
@media only screen and (min-width: 468px) {
  .DepartmentFacultyDtlPage #OurFaculty {
    padding: 35px 0 40px;
  }
}
@media only screen and (min-width: 768px) {
  .DepartmentFacultyDtlPage #OurFaculty {
    padding: 50px 0 55px;
  }
}
.DepartmentFacultyDtlPage #OurFaculty .Grid {
  display: flex;
  flex-wrap: wrap;
  margin: -4.5px;
  justify-content: center;
}
@media only screen and (min-width: 468px) {
  .DepartmentFacultyDtlPage #OurFaculty .Grid {
    margin: -8.5px;
  }
}
@media only screen and (min-width: 1550px) {
  .DepartmentFacultyDtlPage #OurFaculty .Grid {
    margin: -12.5px;
  }
}
.DepartmentFacultyDtlPage #OurFaculty .Grid .GridItm {
  padding: 4.5px;
  width: 50%;
}
@media only screen and (min-width: 468px) {
  .DepartmentFacultyDtlPage #OurFaculty .Grid .GridItm {
    padding: 8.5px;
  }
}
@media only screen and (min-width: 768px) {
  .DepartmentFacultyDtlPage #OurFaculty .Grid .GridItm {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 992px) {
  .DepartmentFacultyDtlPage #OurFaculty .Grid .GridItm {
    width: 25%;
  }
}
@media only screen and (min-width: 1200px) {
  .DepartmentFacultyDtlPage #OurFaculty .Grid .GridItm {
    width: 20%;
  }
}
@media only screen and (min-width: 1550px) {
  .DepartmentFacultyDtlPage #OurFaculty .Grid .GridItm {
    padding: 12.5px;
  }
}

/************** *********** **************/
/*********** [ COMMITEE PAGE ] ***********/
/************** *********** **************/
@media only screen and (min-width: 768px) {
  .CommitteePage h2 {
    font-size: 36px;
  }
}
.CommitteePage #AboutPta {
  padding: 0px 0 15px;
}
@media only screen and (min-width: 468px) {
  .CommitteePage #AboutPta {
    padding: 10px 0 30px;
  }
}
@media only screen and (min-width: 1550px) {
  .CommitteePage #AboutPta {
    padding: 35px 0 30px;
  }
}
.CommitteePage #OurFaculty {
  background-color: rgb(237, 235, 238);
  padding: 30px 0 35px;
}
@media only screen and (min-width: 468px) {
  .CommitteePage #OurFaculty {
    padding: 35px 0 40px;
  }
}
@media only screen and (min-width: 768px) {
  .CommitteePage #OurFaculty {
    padding: 40px 0 55px;
  }
}
@media only screen and (min-width: 1550px) {
  .CommitteePage #OurFaculty {
    padding: 45px 0 75px;
  }
}
.CommitteePage #OurFaculty .Grid {
  display: flex;
  flex-wrap: wrap;
  margin: -4.5px;
  justify-content: center;
}
@media only screen and (min-width: 468px) {
  .CommitteePage #OurFaculty .Grid {
    margin: -8.5px;
  }
}
@media only screen and (min-width: 1550px) {
  .CommitteePage #OurFaculty .Grid {
    margin: -12.5px;
  }
}
.CommitteePage #OurFaculty .Grid .GridItm {
  padding: 4.5px;
  width: 50%;
}
@media only screen and (min-width: 468px) {
  .CommitteePage #OurFaculty .Grid .GridItm {
    padding: 8.5px;
  }
}
@media only screen and (min-width: 768px) {
  .CommitteePage #OurFaculty .Grid .GridItm {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 992px) {
  .CommitteePage #OurFaculty .Grid .GridItm {
    width: 25%;
  }
}
@media only screen and (min-width: 1200px) {
  .CommitteePage #OurFaculty .Grid .GridItm {
    width: 20%;
  }
}
@media only screen and (min-width: 1550px) {
  .CommitteePage #OurFaculty .Grid .GridItm {
    padding: 12.5px;
  }
}
.CommitteePage #Reports {
  padding: 30px 0 40px;
}
@media only screen and (min-width: 468px) {
  .CommitteePage #Reports {
    padding: 45px 0 65px;
  }
}
@media only screen and (min-width: 1550px) {
  .CommitteePage #Reports {
    padding: 65px 0 80px;
  }
}
.CommitteePage #Reports ul {
  display: flex;
  flex-wrap: wrap;
  margin: -7.5px -15px;
}
.CommitteePage #Reports ul li {
  padding: 7.5px 15px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .CommitteePage #Reports ul li {
    width: 50%;
  }
}
.CommitteePage #Reports a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(245, 237, 240);
  width: 100%;
  border-bottom: 2px solid rgb(223, 215, 218);
  padding: 10px 0 10px 5px;
  min-height: 45px;
}
@media only screen and (min-width: 468px) {
  .CommitteePage #Reports a {
    min-height: 54px;
    padding: 10px 10px 10px 20px;
  }
}
.CommitteePage #Reports a > * {
  padding: 0 10px;
}
.CommitteePage #Reports a .Name {
  color: rgb(32, 31, 32);
  line-height: normal;
  font-size: 13px;
  transition: all 0.3s;
}
@media only screen and (min-width: 468px) {
  .CommitteePage #Reports a .Name {
    font-size: 15px;
  }
}
.CommitteePage #Reports a .Btn {
  display: flex;
  align-items: center;
  color: rgb(174, 41, 86);
  font-size: 0px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .CommitteePage #Reports a .Btn {
    font-size: 14px;
  }
}
.CommitteePage #Reports a .Btn svg {
  width: 28px;
  margin-left: 22px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .CommitteePage #Reports a .Btn svg {
    width: 32px;
  }
}
.CommitteePage #Reports a .Btn svg .st0 {
  transition: all 0.3s;
  fill: #CC4B4C;
}
.CommitteePage #Reports a .Btn svg .st1 {
  transition: all 0.3s;
  fill: #D65B64;
}
.CommitteePage #Reports a .Btn svg .st2 {
  transition: all 0.3s;
  fill: #FFFFFF;
}
.CommitteePage #Reports a:hover {
  background: rgb(174, 41, 86);
}
.CommitteePage #Reports a:hover .Name {
  color: rgb(255, 255, 255);
}
.CommitteePage #Reports a:hover .Btn {
  color: rgb(255, 255, 255);
}
.CommitteePage #Reports a:hover svg .st0 {
  fill: rgb(255, 255, 255);
}
.CommitteePage #Reports a:hover svg .st1 {
  fill: #D65B64;
}
.CommitteePage #Reports a:hover svg .st2 {
  fill: rgb(174, 41, 86);
}

/************** ******** **************/
/*********** [ STUDENT CLUB ] ***********/
/************** ******** **************/
.StudentClubPage #StudentClubsList {
  padding: 10px 0px 40px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubsList {
    padding: 25px 0px 60px;
  }
}
@media only screen and (min-width: 1550px) {
  .StudentClubPage #StudentClubsList {
    padding: 40px 0px 90px;
  }
}
.StudentClubPage #StudentClubsList .tagline {
  color: rgb(80, 61, 79);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubsList .tagline {
    font-size: 18px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .StudentClubPage #StudentClubsList .tagline {
    font-size: 20px;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 1550px) {
  .StudentClubPage #StudentClubsList .tagline {
    font-size: 24px;
  }
}
.StudentClubPage #StudentClubsList .FlexBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -10px;
}
.StudentClubPage #StudentClubsList .FlexBox .itm {
  padding: 10px;
  width: 50%;
}
@media only screen and (min-width: 576px) {
  .StudentClubPage #StudentClubsList .FlexBox .itm {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 768px) {
  .StudentClubPage #StudentClubsList .FlexBox .itm {
    width: 25%;
  }
}
@media only screen and (min-width: 992px) {
  .StudentClubPage #StudentClubsList .FlexBox .itm {
    width: 20%;
  }
}
.StudentClubPage #StudentClubsList .box {
  border: 1px solid rgb(225, 229, 237);
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  text-align: center;
  padding: 10px;
  display: block;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubsList .box {
    padding: 20px;
  }
}
@media only screen and (min-width: 1550px) {
  .StudentClubPage #StudentClubsList .box {
    padding: 25px;
  }
}
.StudentClubPage #StudentClubsList .box .imgBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  height: 130px;
}
@media only screen and (min-width: 768px) {
  .StudentClubPage #StudentClubsList .box .imgBox {
    height: 155px;
  }
}
@media only screen and (min-width: 1550px) {
  .StudentClubPage #StudentClubsList .box .imgBox {
    margin-bottom: 25px;
  }
}
.StudentClubPage #StudentClubsList .box .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.StudentClubPage #StudentClubsList .box .txt {
  font-size: 14px;
  color: rgb(80, 61, 79);
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubsList .box .txt {
    font-size: 16px;
  }
}
.StudentClubPage #StudentClubDtl .NavcntnArea p strong {
  text-align: left;
  font-weight: 400;
  color: rgb(66, 67, 67);
  font-size: 14px;
}
@media only screen and (min-width: 1200px) {
  .StudentClubPage #StudentClubDtl .NavcntnArea p strong {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1550px) {
  .StudentClubPage #StudentClubDtl .NavcntnArea p strong {
    font-size: 18px;
  }
}
.StudentClubPage #StudentClubDtl .NavcntnArea .float {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .StudentClubPage #StudentClubDtl .NavcntnArea .float {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .StudentClubPage #StudentClubDtl .NavcntnArea .float {
    margin-right: 45px;
    margin-bottom: 40px;
  }
}
.StudentClubPage #StudentClubDtl .NavcntnArea .TitleSec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .NavcntnArea .TitleSec {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .StudentClubPage #StudentClubDtl .NavcntnArea .TitleSec {
    margin-bottom: 40px;
  }
}
.StudentClubPage #StudentClubDtl .NavcntnArea .TitleSec::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background: rgb(224, 221, 221);
  width: 100%;
  height: 1px;
}
.StudentClubPage #StudentClubDtl .NavcntnArea .TitleSec h3, .StudentClubPage #StudentClubDtl .NavcntnArea .TitleSec h4, .StudentClubPage #StudentClubDtl .NavcntnArea .TitleSec h5 {
  margin: 0;
}
.StudentClubPage #StudentClubDtl .NavcntnArea .TitleSec .sectitle, .StudentClubPage #StudentClubDtl .NavcntnArea .TitleSec h3 {
  margin: 0;
  padding-right: 15px;
  background: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
}
.StudentClubPage #StudentClubDtl .NavcntnArea .TitleSec a {
  color: rgb(130, 130, 130);
  padding-left: 20px;
  background: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
  font-size: 12px;
}
.StudentClubPage #StudentClubDtl .NavcntnArea .TitleSec a:hover {
  color: rgb(174, 41, 86);
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .NavcntnArea .TitleSec a {
    font-size: 14px;
  }
}
.StudentClubPage #StudentClubDtl .co-ordinators {
  margin-bottom: 40px;
}
.StudentClubPage #StudentClubDtl .co-ordinators .row {
  margin: -15px -8.5px;
}
.StudentClubPage #StudentClubDtl .co-ordinators .col-, .StudentClubPage #StudentClubDtl .co-ordinators [class^=col-], .StudentClubPage #StudentClubDtl .co-ordinators [class*=col-] {
  padding: 15px 8.5px;
}
.StudentClubPage #StudentClubDtl .co-ordinators .box {
  text-align: center;
}
.StudentClubPage #StudentClubDtl .co-ordinators .box .imgBox {
  height: 180px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .co-ordinators .box .imgBox {
    height: 225px;
  }
}
.StudentClubPage #StudentClubDtl .co-ordinators .box .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.StudentClubPage #StudentClubDtl .co-ordinators .box .cntnBox {
  padding: 25px 10px 0;
}
.StudentClubPage #StudentClubDtl .co-ordinators .box .cntnBox .Name {
  font-size: 17px;
  color: rgb(174, 41, 86);
  margin-bottom: 8px;
}
.StudentClubPage #StudentClubDtl .co-ordinators .box .cntnBox .position {
  font-size: 13px;
  color: #2e2e2e;
  line-height: 18px;
}
.StudentClubPage #StudentClubDtl .MoreActivities {
  overflow: hidden;
}
.StudentClubPage #StudentClubDtl .MoreActivities .slick-list {
  margin: 0 -5px;
}
.StudentClubPage #StudentClubDtl .MoreActivities .slick-slide {
  padding: 0 5px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .MoreActivities .BlogTitle {
    min-height: 50px;
  }
}
@media only screen and (min-width: 1550px) {
  .StudentClubPage #StudentClubDtl .MoreActivities .BlogTitle {
    min-height: 54px;
  }
}
.StudentClubPage #StudentClubDtl .MoreActivities .slickArrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 -10px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .MoreActivities .slickArrow {
    margin-right: -13px;
  }
}
.StudentClubPage #StudentClubDtl .MoreActivities .slickArrow li {
  font-size: 14px;
  color: rgb(174, 41, 86);
  background: none;
  padding: 0 10px;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.StudentClubPage #StudentClubDtl .MoreActivities .slickArrow li svg {
  fill: rgb(174, 41, 86);
  width: 11px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .MoreActivities .slickArrow li svg {
    width: 14px;
  }
}
.StudentClubPage #StudentClubDtl .MoreActivities .slickArrow li.SlidePrev svg {
  transform: rotate(180deg);
  margin-right: 5px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .MoreActivities .slickArrow li.SlidePrev svg {
    margin-right: 15px;
  }
}
.StudentClubPage #StudentClubDtl .MoreActivities .slickArrow li.SlidePrev::after {
  content: "/";
  position: absolute;
  right: -3px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  font-size: 14px;
  color: #b8b7b8;
}
.StudentClubPage #StudentClubDtl .MoreActivities .slickArrow li.SlideNext svg {
  margin-left: 5px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .MoreActivities .slickArrow li.SlideNext svg {
    margin-left: 15px;
  }
}
.StudentClubPage #StudentClubDtl .OurGallery {
  padding-top: 35px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .OurGallery {
    padding-top: 45px;
  }
}
.StudentClubPage #StudentClubDtl .OurGallery .sectitle {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .StudentClubPage #StudentClubDtl .OurGallery .sectitle {
    margin-bottom: 35px;
  }
}
.StudentClubPage #StudentClubDtl .OurGallery .row {
  margin: -4px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .OurGallery .row {
    margin: -9px;
  }
}
.StudentClubPage #StudentClubDtl .OurGallery .col-, .StudentClubPage #StudentClubDtl .OurGallery [class^=col-], .StudentClubPage #StudentClubDtl .OurGallery [class*=col-] {
  padding: 4px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .OurGallery .col-, .StudentClubPage #StudentClubDtl .OurGallery [class^=col-], .StudentClubPage #StudentClubDtl .OurGallery [class*=col-] {
    padding: 9px;
  }
}
.StudentClubPage #StudentClubDtl .OurGallery a {
  display: block;
  width: 100%;
  background-color: rgb(21, 21, 30);
  position: relative;
  overflow: hidden;
  height: 120px;
}
.StudentClubPage #StudentClubDtl .OurGallery a::after {
  content: "";
  background: url("../images/gallicon.png") no-repeat rgba(21, 21, 21, 0.7) center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
  background-size: 30px;
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .OurGallery a::after {
    background-size: 45px;
  }
}
@media only screen and (min-width: 468px) {
  .StudentClubPage #StudentClubDtl .OurGallery a {
    height: 160px;
  }
}
@media only screen and (min-width: 768px) {
  .StudentClubPage #StudentClubDtl .OurGallery a {
    height: 210px;
  }
}
.StudentClubPage #StudentClubDtl .OurGallery a img {
  transition: all 0.8s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.StudentClubPage #StudentClubDtl .OurGallery a:hover::after {
  opacity: 1;
}
.StudentClubPage #StudentClubDtl .OurGallery a:hover img {
  transform: scale(1.1);
}

/************** ******** **************/
/*********** [ ACTIVITIES ] ***********/
/************** ******** **************/
.ActivitiesPage #Activities {
  padding: 10px 0 30px;
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #Activities {
    padding: 20px 0 40px;
  }
}
@media only screen and (min-width: 768px) {
  .ActivitiesPage #Activities {
    padding: 30px 0 55px;
  }
}
.ActivitiesPage #Activities .row {
  margin: -5px;
}
.ActivitiesPage #Activities .col-, .ActivitiesPage #Activities [class^=col-], .ActivitiesPage #Activities [class*=col-] {
  padding: 5px;
}
.ActivitiesPage #ActivitiesDtl {
  padding: 10px 0 30px;
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #ActivitiesDtl {
    padding: 15px 0 45px;
  }
}
.ActivitiesPage #ActivitiesDtl .ChatScreenView {
  padding-top: 20px;
  margin: -4px;
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #ActivitiesDtl .ChatScreenView {
    margin: -9px;
    padding-top: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .ActivitiesPage #ActivitiesDtl .ChatScreenView {
    margin: -15px;
  }
}
.ActivitiesPage #ActivitiesDtl .ChatScreenView .col-, .ActivitiesPage #ActivitiesDtl .ChatScreenView [class^=col-], .ActivitiesPage #ActivitiesDtl .ChatScreenView [class*=col-] {
  padding: 4px;
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #ActivitiesDtl .ChatScreenView .col-, .ActivitiesPage #ActivitiesDtl .ChatScreenView [class^=col-], .ActivitiesPage #ActivitiesDtl .ChatScreenView [class*=col-] {
    padding: 9px;
  }
}
@media only screen and (min-width: 768px) {
  .ActivitiesPage #ActivitiesDtl .ChatScreenView .col-, .ActivitiesPage #ActivitiesDtl .ChatScreenView [class^=col-], .ActivitiesPage #ActivitiesDtl .ChatScreenView [class*=col-] {
    padding: 15px;
  }
}
.ActivitiesPage #ActivitiesDtl .ChatScreenView .imgBox {
  width: 100%;
  height: 220px;
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #ActivitiesDtl .ChatScreenView .imgBox {
    height: 260px;
  }
}
@media only screen and (min-width: 992px) {
  .ActivitiesPage #ActivitiesDtl .ChatScreenView .imgBox {
    height: 300px;
  }
}
.ActivitiesPage #ActivitiesDtl .ChatScreenView .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ActivitiesPage #ActivitiesDtl .OurGallery {
  padding-top: 35px;
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #ActivitiesDtl .OurGallery {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .ActivitiesPage #ActivitiesDtl .OurGallery {
    padding-top: 70px;
  }
}
.ActivitiesPage #ActivitiesDtl .OurGallery .sectitle {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .ActivitiesPage #ActivitiesDtl .OurGallery .sectitle {
    margin-bottom: 35px;
  }
}
.ActivitiesPage #ActivitiesDtl .OurGallery .row {
  margin: -4px;
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #ActivitiesDtl .OurGallery .row {
    margin: -9px;
  }
}
.ActivitiesPage #ActivitiesDtl .OurGallery .col-, .ActivitiesPage #ActivitiesDtl .OurGallery [class^=col-], .ActivitiesPage #ActivitiesDtl .OurGallery [class*=col-] {
  padding: 4px;
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #ActivitiesDtl .OurGallery .col-, .ActivitiesPage #ActivitiesDtl .OurGallery [class^=col-], .ActivitiesPage #ActivitiesDtl .OurGallery [class*=col-] {
    padding: 9px;
  }
}
.ActivitiesPage #ActivitiesDtl .OurGallery a {
  display: block;
  width: 100%;
  background-color: rgb(21, 21, 30);
  position: relative;
  overflow: hidden;
  height: 120px;
}
.ActivitiesPage #ActivitiesDtl .OurGallery a::after {
  content: "";
  background: url("../images/gallicon.png") no-repeat rgba(21, 21, 21, 0.7) center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
  background-size: 30px;
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #ActivitiesDtl .OurGallery a::after {
    background-size: 45px;
  }
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #ActivitiesDtl .OurGallery a {
    height: 160px;
  }
}
@media only screen and (min-width: 768px) {
  .ActivitiesPage #ActivitiesDtl .OurGallery a {
    height: 210px;
  }
}
.ActivitiesPage #ActivitiesDtl .OurGallery a img {
  transition: all 0.8s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ActivitiesPage #ActivitiesDtl .OurGallery a:hover::after {
  opacity: 1;
}
.ActivitiesPage #ActivitiesDtl .OurGallery a:hover img {
  transform: scale(1.1);
}
.ActivitiesPage #ActivitiesDtl .MoreActivities {
  margin-top: 35px;
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #ActivitiesDtl .MoreActivities {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .ActivitiesPage #ActivitiesDtl .MoreActivities {
    margin-top: 95px;
  }
}
.ActivitiesPage #ActivitiesDtl .MoreActivities .TitleSec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #ActivitiesDtl .MoreActivities .TitleSec {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .ActivitiesPage #ActivitiesDtl .MoreActivities .TitleSec {
    margin-bottom: 40px;
  }
}
.ActivitiesPage #ActivitiesDtl .MoreActivities .TitleSec::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background: rgb(224, 221, 221);
  width: 100%;
  height: 1px;
}
.ActivitiesPage #ActivitiesDtl .MoreActivities .TitleSec h3, .ActivitiesPage #ActivitiesDtl .MoreActivities .TitleSec h4, .ActivitiesPage #ActivitiesDtl .MoreActivities .TitleSec h5 {
  margin: 0;
}
.ActivitiesPage #ActivitiesDtl .MoreActivities .TitleSec .sectitle {
  margin: 0;
  padding-right: 15px;
  background: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
}
.ActivitiesPage #ActivitiesDtl .MoreActivities .TitleSec a {
  color: rgb(130, 130, 130);
  padding-left: 20px;
  background: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
  font-size: 12px;
}
.ActivitiesPage #ActivitiesDtl .MoreActivities .TitleSec a:hover {
  color: rgb(174, 41, 86);
}
@media only screen and (min-width: 468px) {
  .ActivitiesPage #ActivitiesDtl .MoreActivities .TitleSec a {
    font-size: 14px;
  }
}

/******************* ******** *******************/
/*********** [ STUDENT_SUPPORT PAGE ] ***********/
/******************* ******** *******************/
.StudentSupportPage #StudentSupport {
  margin: -22px 0;
  padding: 10px 0px 40px;
}
@media only screen and (min-width: 468px) {
  .StudentSupportPage #StudentSupport {
    margin: -27.5px 0;
    padding: 25px 0px 60px;
  }
}
@media only screen and (min-width: 1550px) {
  .StudentSupportPage #StudentSupport {
    padding: 40px 0px 130px;
  }
}
.StudentSupportPage #StudentSupport .item {
  padding: 22px 0;
}
@media only screen and (min-width: 468px) {
  .StudentSupportPage #StudentSupport .item {
    padding: 27.5px 0;
  }
}
@media only screen and (min-width: 992px) {
  .StudentSupportPage #StudentSupport .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.StudentSupportPage #StudentSupport .imgBox {
  background-color: rgb(0, 0, 0);
  height: 234px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .StudentSupportPage #StudentSupport .imgBox {
    width: 335px;
  }
}
.StudentSupportPage #StudentSupport .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.StudentSupportPage #StudentSupport .CntnBox {
  width: 100%;
  padding-top: 30px;
}
@media only screen and (min-width: 992px) {
  .StudentSupportPage #StudentSupport .CntnBox {
    width: calc(100% - 335px);
    padding-top: 0px;
    padding-left: 30px;
  }
}
.StudentSupportPage #StudentSupport .CntnBox .Title {
  color: rgb(174, 41, 86);
  font-family: "AgfaRotisSemiSerif";
  font-size: 28px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 468px) {
  .StudentSupportPage #StudentSupport .CntnBox .Title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .StudentSupportPage #StudentSupport .CntnBox .Title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 468px) {
  .StudentSupportPage #StudentSupport .CntnBox p {
    margin-bottom: 15px;
  }
}
.StudentSupportPage #StudentSupport .CntnBox .btn {
  border: 1px solid rgb(174, 41, 86);
  border-radius: 3px;
  padding: 5px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(80, 61, 79);
  width: fit-content;
  width: -moz-fit-content;
  font-size: 14px;
}
@media only screen and (min-width: 1550px) {
  .StudentSupportPage #StudentSupport .CntnBox .btn {
    font-size: 16px;
  }
}
.StudentSupportPage #StudentSupport .CntnBox .btn:hover {
  background: rgb(174, 41, 86);
  border-color: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
}
.StudentSupportPage.Principals #StudentSupport .imgBox {
  margin: 0 0px 30px 0px;
}
@media only screen and (min-width: 468px) {
  .StudentSupportPage.Principals #StudentSupport .imgBox {
    height: 305px;
  }
}
@media only screen and (min-width: 992px) {
  .StudentSupportPage.Principals #StudentSupport .imgBox {
    float: left;
    margin: 0 30px 25px 0;
    width: 445px;
  }
}
.StudentSupportPage.Principals #StudentSupport .CntnBox {
  padding: 0;
  width: 100%;
}

/************** ************ **************/
/*********** [ COMMUNITY_COLLAGE_PAGE PAGE ] ***********/
/************** ************ **************/
.AchievementsPage {
  background-color: rgb(237, 235, 237);
}
.AchievementsPage #AchievementsTab {
  padding-bottom: 40px;
}
@media only screen and (min-width: 468px) {
  .AchievementsPage #AchievementsTab {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .AchievementsPage #AchievementsTab {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 1550px) {
  .AchievementsPage #AchievementsTab {
    padding-bottom: 100px;
  }
}
.AchievementsPage #AchievementsTab .accordion-item {
  background-color: rgb(237, 235, 237);
  border: none;
  margin-bottom: 7px;
}
@media only screen and (min-width: 768px) {
  .AchievementsPage #AchievementsTab .accordion-item {
    margin-bottom: 0;
  }
}
.AchievementsPage #AchievementsTab .accordion-item .accordion-header button {
  background: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
  outline: none;
  box-shadow: none;
}
.AchievementsPage #AchievementsTab .accordion-item .accordion-header button::after {
  filter: brightness(22);
}
@media only screen and (min-width: 768px) {
  .AchievementsPage #AchievementsTab .accordion-item .accordion-header {
    display: none;
  }
}
.AchievementsPage #AchievementsTab .accordion-body {
  padding: 15px;
  background: white;
}
@media only screen and (min-width: 768px) {
  .AchievementsPage #AchievementsTab .accordion-body {
    padding: 0;
    background: none;
  }
}
.AchievementsPage #AchievementsTab .accordion-body .accordion .item:not(:last-of-type) {
  margin-bottom: 7px;
}
.AchievementsPage #AchievementsTab .accordion-body .accordion button {
  border: 1px solid rgb(234, 233, 233);
  background-color: rgb(255, 255, 255);
  min-height: 62px;
  outline: none;
  box-shadow: none;
  padding: 10px 15px;
  color: rgb(38, 38, 38);
  font-size: 14px;
  border-radius: 5px;
  display: block;
  padding-right: 35px;
}
@media only screen and (min-width: 768px) {
  .AchievementsPage #AchievementsTab .accordion-body .accordion button {
    padding-right: 50px;
    font-size: 15px;
  }
}
.AchievementsPage #AchievementsTab .accordion-body .accordion button strong {
  padding: 0 5px;
}
.AchievementsPage #AchievementsTab .accordion-body .accordion button::after {
  background: url("../images/plus.svg") no-repeat center;
  transform: none;
  transition: all 0.3s;
  background-size: 13px !important;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
  .AchievementsPage #AchievementsTab .accordion-body .accordion button::after {
    right: 20px;
  }
}
@media only screen and (min-width: 468px) {
  .AchievementsPage #AchievementsTab .accordion-body .accordion button::after {
    background-size: 16px !important;
  }
}
@media only screen and (min-width: 768px) {
  .AchievementsPage #AchievementsTab .accordion-body .accordion button {
    padding: 10px 25px;
  }
}
.AchievementsPage #AchievementsTab .accordion-body .accordion button:not(.collapsed) {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0px;
}
.AchievementsPage #AchievementsTab .accordion-body .accordion button:not(.collapsed)::after {
  background: url("../images/minus.svg") no-repeat center;
}
.AchievementsPage #AchievementsTab .accordion-body .accordion .accordion-collapse .accordion-body {
  border: 1px solid rgb(234, 233, 233);
  border-top: 0;
  background: rgb(255, 255, 255);
  padding: 10px 15px 30px;
}
@media only screen and (min-width: 768px) {
  .AchievementsPage #AchievementsTab .accordion-body .accordion .accordion-collapse .accordion-body {
    padding: 25px 25px 35px;
  }
}
.AchievementsPage #AchievementsTab .accordion-body .accordion .accordion-collapse .accordion-body p {
  margin: 0;
}

/************** *********** **************/
/*********** [ COMMITEE PAGE ] ***********/
/************** *********** **************/
.nirfPage #Reports {
  padding: 10px 0 40px;
}
@media only screen and (min-width: 468px) {
  .nirfPage #Reports {
    padding: 15px 0 65px;
  }
}
@media only screen and (min-width: 1550px) {
  .nirfPage #Reports {
    padding: 25px 0 90px;
  }
}
@media only screen and (min-width: 768px) {
  .nirfPage #Reports h2 {
    font-size: 36px;
  }
}
.nirfPage #Reports .DocWrap {
  margin-top: -10px;
}
.nirfPage #Reports .DocWrap .itm {
  border-bottom: 1px dashed #edebee;
  padding: 25px 0;
}
@media only screen and (min-width: 468px) {
  .nirfPage #Reports .DocWrap .itm {
    padding: 40px 0;
  }
}
.nirfPage #Reports .DocWrap .itm .label {
  color: rgb(45, 45, 45);
  margin-bottom: 15px;
  font-size: 14px;
}
@media only screen and (min-width: 468px) {
  .nirfPage #Reports .DocWrap .itm .label {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .nirfPage #Reports .DocWrap .itm .label {
    font-size: 18px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1550px) {
  .nirfPage #Reports .DocWrap .itm .label {
    font-size: 20px;
  }
}
.nirfPage #Reports ul {
  display: flex;
  flex-wrap: wrap;
  margin: -7.5px -15px;
}
.nirfPage #Reports ul li {
  padding: 7.5px 15px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .nirfPage #Reports ul li {
    width: 50%;
  }
}
.nirfPage #Reports a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(245, 237, 240);
  width: 100%;
  border-bottom: 2px solid rgb(223, 215, 218);
  padding: 10px 0 10px 5px;
  min-height: 45px;
}
@media only screen and (min-width: 468px) {
  .nirfPage #Reports a {
    min-height: 54px;
    padding: 10px 10px 10px 20px;
  }
}
.nirfPage #Reports a > * {
  padding: 0 10px;
}
.nirfPage #Reports a .Name {
  color: rgb(32, 31, 32);
  line-height: normal;
  font-size: 13px;
  transition: all 0.3s;
}
@media only screen and (min-width: 468px) {
  .nirfPage #Reports a .Name {
    font-size: 15px;
  }
}
.nirfPage #Reports a .Btn {
  display: flex;
  align-items: center;
  color: rgb(174, 41, 86);
  font-size: 0px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .nirfPage #Reports a .Btn {
    font-size: 14px;
  }
}
.nirfPage #Reports a .Btn svg {
  width: 28px;
  margin-left: 22px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .nirfPage #Reports a .Btn svg {
    width: 32px;
  }
}
.nirfPage #Reports a .Btn svg .st0 {
  transition: all 0.3s;
  fill: #CC4B4C;
}
.nirfPage #Reports a .Btn svg .st1 {
  transition: all 0.3s;
  fill: #D65B64;
}
.nirfPage #Reports a .Btn svg .st2 {
  transition: all 0.3s;
  fill: #FFFFFF;
}
.nirfPage #Reports a:hover {
  background: rgb(174, 41, 86);
}
.nirfPage #Reports a:hover .Name {
  color: rgb(255, 255, 255);
}
.nirfPage #Reports a:hover .Btn {
  color: rgb(255, 255, 255);
}
.nirfPage #Reports a:hover svg .st0 {
  fill: rgb(255, 255, 255);
}
.nirfPage #Reports a:hover svg .st1 {
  fill: #D65B64;
}
.nirfPage #Reports a:hover svg .st2 {
  fill: rgb(174, 41, 86);
}

/************** ************ **************/
/*********** [ IQAC_PAGE PAGE ] ***********/
/************** ************ **************/
.ResearchPage #IQACSec .ComCntnt h2 {
  font-size: 24px;
}
@media only screen and (min-width: 468px) {
  .ResearchPage #IQACSec .ComCntnt h2 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) {
  .ResearchPage #IQACSec .ComCntnt h2 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 1550px) {
  .ResearchPage #IQACSec .ComCntnt h2 {
    font-size: 36px;
  }
}
.ResearchPage #IQACSec .ComCntnt h3, .ResearchPage #IQACSec .ComCntnt h4, .ResearchPage #IQACSec .ComCntnt h5 {
  color: #503d4f;
}
@media only screen and (min-width: 1550px) {
  .ResearchPage #IQACSec .ComCntnt h3, .ResearchPage #IQACSec .ComCntnt h4, .ResearchPage #IQACSec .ComCntnt h5 {
    font-size: 26px;
  }
}
.ResearchPage #IQACSec .ComCntnt h6 {
  color: #503d4f;
}
@media only screen and (min-width: 1550px) {
  .ResearchPage #IQACSec .ComCntnt h6 {
    font-size: 20px;
  }
}
.ResearchPage #IQACSec .ComCntnt table {
  text-align: left;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .ResearchPage #IQACSec .ComCntnt table {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .ResearchPage #IQACSec .ComCntnt table {
    margin-bottom: 40px;
  }
}
.ResearchPage #IQACSec .ComCntnt table thead tr th:first-child {
  text-align: center;
  padding: 0 20px;
  min-width: 85px;
}
.ResearchPage #IQACSec .ComCntnt table tbody tr td {
  border: none;
  padding: 10px 0;
}
.ResearchPage #IQACSec .ComCntnt table tbody tr td:first-child {
  padding: 0 20px;
  text-align: center;
}
.ResearchPage #IQACSec .ComCntnt table tbody tr td:last-of-type {
  padding-right: 10px;
}
.ResearchPage #IQACSec .ComCntnt table tbody tr:not(:last-of-type) td {
  border-bottom: 1px solid #e8e1e3;
}
.ResearchPage #IQACSec .ComCntnt table strong {
  display: block;
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(245, 237, 240);
  width: 100%;
  border-bottom: 2px solid rgb(223, 215, 218);
  padding: 10px 0 10px 5px;
  min-height: 45px;
}
@media only screen and (min-width: 468px) {
  .ResearchPage #IQACSec .ComCntnt .InitiativeReports a {
    min-height: 54px;
    padding: 10px 10px 10px 20px;
  }
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a:not(:last-of-type) {
  margin-bottom: 6px;
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a > * {
  padding: 0 10px;
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a .Name {
  color: rgb(32, 31, 32);
  line-height: normal;
  font-size: 13px;
  transition: all 0.3s;
}
@media only screen and (min-width: 468px) {
  .ResearchPage #IQACSec .ComCntnt .InitiativeReports a .Name {
    font-size: 15px;
  }
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a .Btn {
  display: flex;
  align-items: center;
  color: rgb(174, 41, 86);
  font-size: 0px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .ResearchPage #IQACSec .ComCntnt .InitiativeReports a .Btn {
    font-size: 14px;
  }
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a .Btn svg {
  width: 28px;
  margin-left: 22px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .ResearchPage #IQACSec .ComCntnt .InitiativeReports a .Btn svg {
    width: 32px;
  }
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a .Btn svg .st0 {
  transition: all 0.3s;
  fill: #CC4B4C;
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a .Btn svg .st1 {
  transition: all 0.3s;
  fill: #D65B64;
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a .Btn svg .st2 {
  transition: all 0.3s;
  fill: #FFFFFF;
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a:hover {
  background: rgb(174, 41, 86);
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a:hover .Name {
  color: rgb(255, 255, 255);
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a:hover .Btn {
  color: rgb(255, 255, 255);
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a:hover svg .st0 {
  fill: rgb(255, 255, 255);
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a:hover svg .st1 {
  fill: #D65B64;
}
.ResearchPage #IQACSec .ComCntnt .InitiativeReports a:hover svg .st2 {
  fill: rgb(174, 41, 86);
}

/************** ************ **************/
/*********** [ IQAC_PAGE PAGE ] ***********/
/************** ************ **************/
.IQACPage #IQACSec .ComCntnt h2 {
  font-size: 24px;
}
@media only screen and (min-width: 468px) {
  .IQACPage #IQACSec .ComCntnt h2 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) {
  .IQACPage #IQACSec .ComCntnt h2 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 1550px) {
  .IQACPage #IQACSec .ComCntnt h2 {
    font-size: 36px;
  }
}
.IQACPage #IQACSec .ComCntnt h3, .IQACPage #IQACSec .ComCntnt h4, .IQACPage #IQACSec .ComCntnt h5 {
  color: #503d4f;
}
@media only screen and (min-width: 1550px) {
  .IQACPage #IQACSec .ComCntnt h3, .IQACPage #IQACSec .ComCntnt h4, .IQACPage #IQACSec .ComCntnt h5 {
    font-size: 26px;
  }
}
.IQACPage #IQACSec .ComCntnt h6 {
  color: #503d4f;
}
.IQACPage #IQACSec .ComCntnt table {
  text-align: center;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .IQACPage #IQACSec .ComCntnt table {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .IQACPage #IQACSec .ComCntnt table {
    margin-bottom: 40px;
  }
}
.IQACPage #IQACSec .ComCntnt table strong {
  display: block;
}
.IQACPage.iqaccontact .IqacMain {
  margin-bottom: 75px;
}
.IQACPage.iqaccontact .IqacMain .Grid {
  display: flex;
  flex-wrap: wrap;
  margin: -4.5px;
}
@media only screen and (min-width: 468px) {
  .IQACPage.iqaccontact .IqacMain .Grid {
    margin: -8.5px;
  }
}
@media only screen and (min-width: 1550px) {
  .IQACPage.iqaccontact .IqacMain .Grid {
    margin: -12.5px;
  }
}
.IQACPage.iqaccontact .IqacMain .Grid .GridItm {
  padding: 4.5px;
  width: 50%;
}
@media only screen and (min-width: 468px) {
  .IQACPage.iqaccontact .IqacMain .Grid .GridItm {
    padding: 8.5px;
  }
}
@media only screen and (min-width: 768px) {
  .IQACPage.iqaccontact .IqacMain .Grid .GridItm {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .IQACPage.iqaccontact .IqacMain .Grid .GridItm {
    width: 33.3333333333%;
  }
}
.IQACPage.iqaccontact .IqacMain .FaculBox {
  text-align: left;
}
.IQACPage.iqaccontact .IqacMain .FaculBox .Name {
  margin-bottom: 2px;
}
@media only screen and (min-width: 468px) {
  .IQACPage.iqaccontact .IqacMain .FaculBox .Name {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
.IQACPage.iqaccontact .IqacMain .FaculBox .Position {
  color: rgb(174, 41, 86);
  font-size: 13px;
}
@media only screen and (min-width: 468px) {
  .IQACPage.iqaccontact .IqacMain .FaculBox .Position {
    font-size: 15px;
  }
}
.IQACPage.iqaccontact .IqacMain .FaculBox ul {
  margin: 0px;
  margin-top: 10px;
}
@media only screen and (min-width: 468px) {
  .IQACPage.iqaccontact .IqacMain .FaculBox ul {
    margin-top: 15px;
  }
}
.IQACPage.iqaccontact .IqacMain .FaculBox li {
  padding: 0;
  background: transparent;
}
.IQACPage.iqaccontact .FormSec .MainHead {
  text-align: left;
}
@media only screen and (min-width: 468px) {
  .IQACPage.iqaccontact .FormSec .MainHead {
    margin-bottom: 40px;
  }
}
.IQACPage.iqaccontact .FormSec .MainHead .Grtngs {
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  font-size: 11px;
}
@media only screen and (min-width: 768px) {
  .IQACPage.iqaccontact .FormSec .MainHead .Grtngs {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .IQACPage.iqaccontact .FormSec .MainHead .tagline {
    font-size: 16px;
  }
}
.IQACPage.iqaccontact .FormSec input[type=file] {
  padding: 10px 28px;
}
@media only screen and (min-width: 468px) {
  .IQACPage.iqaccontact .FormSec input[type=file] {
    padding: 10px 35px;
  }
}
@media only screen and (min-width: 576px) {
  .IQACPage.iqaccontact .FormSec input[type=file] {
    padding: 16px 35px;
  }
}
@media only screen and (min-width: 768px) {
  .IQACPage.IQACFeedback .NavcntnArea h2 {
    font-size: 36px;
  }
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap {
  margin-top: -10px;
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap .itm {
  padding: 25px 0;
}
@media only screen and (min-width: 468px) {
  .IQACPage.IQACFeedback .NavcntnArea .DocWrap .itm {
    padding: 40px 0;
  }
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap .itm .label {
  color: rgb(45, 45, 45);
  margin-bottom: 15px;
  font-size: 14px;
}
@media only screen and (min-width: 468px) {
  .IQACPage.IQACFeedback .NavcntnArea .DocWrap .itm .label {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .IQACPage.IQACFeedback .NavcntnArea .DocWrap .itm .label {
    font-size: 18px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1550px) {
  .IQACPage.IQACFeedback .NavcntnArea .DocWrap .itm .label {
    font-size: 20px;
  }
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap ul {
  display: flex;
  flex-wrap: wrap;
  margin: -7.5px -15px;
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap ul li {
  padding: 7.5px 15px;
  width: 100%;
  background: none;
}
@media only screen and (min-width: 992px) {
  .IQACPage.IQACFeedback .NavcntnArea .DocWrap ul li {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .IQACPage.IQACFeedback .NavcntnArea .DocWrap ul li {
    width: 33.3333333333%;
  }
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(245, 237, 240);
  width: 100%;
  border-bottom: 2px solid rgb(223, 215, 218);
  padding: 10px 0 10px 5px;
  min-height: 45px;
}
@media only screen and (min-width: 468px) {
  .IQACPage.IQACFeedback .NavcntnArea .DocWrap a {
    min-height: 54px;
    padding: 10px 10px 10px 20px;
  }
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a > * {
  padding: 0 10px;
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a .Name {
  color: rgb(32, 31, 32);
  line-height: normal;
  font-size: 13px;
  transition: all 0.3s;
}
@media only screen and (min-width: 468px) {
  .IQACPage.IQACFeedback .NavcntnArea .DocWrap a .Name {
    font-size: 15px;
  }
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a .Btn {
  display: flex;
  align-items: center;
  color: rgb(174, 41, 86);
  font-size: 0px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .IQACPage.IQACFeedback .NavcntnArea .DocWrap a .Btn {
    font-size: 14px;
  }
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a .Btn svg {
  width: 20px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .IQACPage.IQACFeedback .NavcntnArea .DocWrap a .Btn svg {
    width: 24px;
  }
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a .Btn svg .st0 {
  transition: all 0.3s;
  fill: #CC4B4C;
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a .Btn svg .st1 {
  transition: all 0.3s;
  fill: #D65B64;
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a .Btn svg .st2 {
  transition: all 0.3s;
  fill: #FFFFFF;
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a:hover {
  background: rgb(174, 41, 86);
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a:hover .Name {
  color: rgb(255, 255, 255);
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a:hover .Btn {
  color: rgb(255, 255, 255);
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a:hover svg .st0 {
  fill: rgb(255, 255, 255);
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a:hover svg .st1 {
  fill: #D65B64;
}
.IQACPage.IQACFeedback .NavcntnArea .DocWrap a:hover svg .st2 {
  fill: rgb(174, 41, 86);
}
.IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul {
  margin: -5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li {
  padding: 5px;
  background: none;
  width: 33.3333333333%;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li {
    width: 33.3333333333%;
  }
}
.IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li a {
  display: block;
  border: 1px solid rgb(174, 41, 86);
  padding: 12px 10px;
}
@media only screen and (min-width: 468px) {
  .IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li a {
    padding: 20px 15px;
  }
}
.IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li a .icon {
  margin-bottom: 18px;
}
.IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li a .icon svg, .IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li a .icon img {
  fill: rgb(255, 255, 255);
  width: 45px;
  transition: all 0.3s;
}
@media only screen and (min-width: 468px) {
  .IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li a .icon svg, .IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li a .icon img {
    width: 55px;
  }
}
.IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li a .itmName {
  color: #201f20;
  min-height: 44px;
  transition: all 0.3s;
  line-height: 20px;
  font-size: 14px;
}
@media only screen and (min-width: 1200px) {
  .IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li a .itmName {
    line-height: 22px;
    font-size: 16px;
  }
}
.IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li a:hover {
  background: rgb(174, 41, 86);
}
.IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li a:hover .icon img {
  filter: invert(1);
}
.IQACPage.IQACFeedback .NavcntnArea .SatisfactionSurvey ul li a:hover .itmName {
  color: rgb(255, 255, 255);
}
.IQACPage.GalleryPage .Grid .BoxWrp {
  border: 1px solid rgb(174, 41, 86);
}
.IQACPage.GalleryPage .Grid .BoxWrp .itmName {
  background: rgb(174, 41, 86);
  color: #fff;
  padding: 8px 13px;
  text-align: center;
}

.InitiativeReports a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(245, 237, 240);
  width: 100%;
  border-bottom: 2px solid rgb(223, 215, 218);
  padding: 10px 0 10px 5px;
  min-height: 45px;
}
@media only screen and (min-width: 468px) {
  .InitiativeReports a {
    min-height: 54px;
    padding: 10px 10px 10px 20px;
  }
}
.InitiativeReports a:not(:last-of-type) {
  margin-bottom: 6px;
}
.InitiativeReports a > * {
  padding: 0 10px;
}
.InitiativeReports a .Name {
  color: rgb(32, 31, 32);
  line-height: normal;
  font-size: 13px;
  transition: all 0.3s;
}
@media only screen and (min-width: 468px) {
  .InitiativeReports a .Name {
    font-size: 15px;
  }
}
.InitiativeReports a .Btn {
  display: flex;
  align-items: center;
  color: rgb(174, 41, 86);
  font-size: 0px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .InitiativeReports a .Btn {
    font-size: 14px;
  }
}
.InitiativeReports a .Btn svg {
  width: 28px;
  margin-left: 22px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .InitiativeReports a .Btn svg {
    width: 32px;
  }
}
.InitiativeReports a .Btn svg .st0 {
  transition: all 0.3s;
  fill: #CC4B4C;
}
.InitiativeReports a .Btn svg .st1 {
  transition: all 0.3s;
  fill: #D65B64;
}
.InitiativeReports a .Btn svg .st2 {
  transition: all 0.3s;
  fill: #FFFFFF;
}
.InitiativeReports a:hover {
  background: rgb(174, 41, 86);
}
.InitiativeReports a:hover .Name {
  color: rgb(255, 255, 255);
}
.InitiativeReports a:hover .Btn {
  color: rgb(255, 255, 255);
}
.InitiativeReports a:hover svg .st0 {
  fill: rgb(255, 255, 255);
}
.InitiativeReports a:hover svg .st1 {
  fill: #D65B64;
}
.InitiativeReports a:hover svg .st2 {
  fill: rgb(174, 41, 86);
}

/********************** ********* **********************/
/*********** [ COLLEGE_RESOURCES_PAGE PAGE ] ***********/
/********************** ********* **********************/
.CollegeResourcesPage #CollegeResources .LibraryGal {
  padding-top: 10px;
  margin: -4px;
}
@media only screen and (min-width: 468px) {
  .CollegeResourcesPage #CollegeResources .LibraryGal {
    margin: -5px;
    padding-top: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .CollegeResourcesPage #CollegeResources .LibraryGal {
    margin: -7.5px;
  }
}
.CollegeResourcesPage #CollegeResources .LibraryGal .col-, .CollegeResourcesPage #CollegeResources .LibraryGal [class^=col-], .CollegeResourcesPage #CollegeResources .LibraryGal [class*=col-] {
  padding: 4px;
}
@media only screen and (min-width: 468px) {
  .CollegeResourcesPage #CollegeResources .LibraryGal .col-, .CollegeResourcesPage #CollegeResources .LibraryGal [class^=col-], .CollegeResourcesPage #CollegeResources .LibraryGal [class*=col-] {
    padding: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .CollegeResourcesPage #CollegeResources .LibraryGal .col-, .CollegeResourcesPage #CollegeResources .LibraryGal [class^=col-], .CollegeResourcesPage #CollegeResources .LibraryGal [class*=col-] {
    padding: 7.5px;
  }
}
.CollegeResourcesPage #CollegeResources .LibraryGal .imgBox {
  width: 100%;
  height: 220px;
}
@media only screen and (min-width: 468px) {
  .CollegeResourcesPage #CollegeResources .LibraryGal .imgBox {
    height: 230px;
  }
}
.CollegeResourcesPage #CollegeResources .LibraryGal .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.CollegeResourcesPage #CollegeResources .LibraryCollction {
  margin-top: 35px;
}
@media only screen and (min-width: 468px) {
  .CollegeResourcesPage #CollegeResources .LibraryCollction {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .CollegeResourcesPage #CollegeResources .LibraryCollction {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .CollegeResourcesPage #CollegeResources .LibraryCollction {
    margin-top: 95px;
  }
}
.CollegeResourcesPage #CollegeResources .LibraryCollction h6 {
  color: rgb(80, 61, 79);
}
@media only screen and (min-width: 1550px) {
  .CollegeResourcesPage #CollegeResources .LibraryCollction h6 {
    font-size: 20px;
    margin-bottom: 18px;
  }
}
.CollegeResourcesPage #CollegeResources .LibraryCollction table {
  text-align: center;
  margin: 0;
}
.CollegeResourcesPage #CollegeResources .LibraryCollction table tbody tr:hover td {
  background: #fff;
  color: #424343;
}
.CollegeResourcesPage #CollegeResources .LibraryCollction table tbody td {
  vertical-align: top;
}
.CollegeResourcesPage #CollegeResources .LibraryCollction table tbody ol {
  padding: 0;
  margin: 0;
  text-align: left;
  margin-left: 30px;
  margin-top: 10px;
}
.CollegeResourcesPage #CollegeResources .LibraryCollction table tbody ol li {
  padding-left: 0;
}

/************** *************** **************/
/*********** [ GALLERY_PAGE PAGE ] ***********/
/************** *************** **************/
.GalleryPage .ComNav {
  order: 0;
}
.GalleryPage .NavcntnArea {
  order: 1;
  padding-top: 0;
}
@media only screen and (min-width: 992px) {
  .GalleryPage .NavcntnArea {
    order: 0;
    padding-left: 30px;
  }
}
.GalleryPage .Grid {
  margin: -6.5px;
}
.GalleryPage .Grid .col-, .GalleryPage .Grid [class^=col-], .GalleryPage .Grid [class*=col-] {
  padding: 6.5px;
}
.GalleryPage .Grid a {
  display: block;
  width: 100%;
  background-color: rgb(21, 21, 30);
  position: relative;
  overflow: hidden;
  height: 120px;
}
.GalleryPage .Grid a::after {
  content: "";
  background: url("../images/gallicon.png") no-repeat rgba(21, 21, 21, 0.7) center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
  background-size: 30px;
}
@media only screen and (min-width: 468px) {
  .GalleryPage .Grid a::after {
    background-size: 45px;
  }
}
@media only screen and (min-width: 468px) {
  .GalleryPage .Grid a {
    height: 160px;
  }
}
@media only screen and (min-width: 768px) {
  .GalleryPage .Grid a {
    height: 200px;
  }
}
.GalleryPage .Grid a img {
  transition: all 0.8s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.GalleryPage .Grid a:hover::after {
  opacity: 1;
}
.GalleryPage .Grid a:hover img {
  transform: scale(1.1);
}
.GalleryPage #VideoGall {
  padding: 0px 0 40px;
}
@media only screen and (min-width: 468px) {
  .GalleryPage #VideoGall {
    padding: 0px 0 70px;
  }
}
.GalleryPage #VideoGall .row {
  margin: -5px;
}
@media only screen and (min-width: 468px) {
  .GalleryPage #VideoGall .row {
    margin: -15px;
  }
}
.GalleryPage #VideoGall .row > * {
  padding: 5px;
}
@media only screen and (min-width: 468px) {
  .GalleryPage #VideoGall .row > * {
    padding: 15px;
  }
}
.GalleryPage #VideoGall .video {
  width: 100%;
  background-color: rgb(72, 62, 62);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 220px;
}
@media only screen and (min-width: 468px) {
  .GalleryPage #VideoGall .video {
    height: 324px;
  }
}
.GalleryPage #VideoGall .video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}
.GalleryPage #VideoGall .video .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  transition: all 0.3s;
}
@media only screen and (min-width: 468px) {
  .GalleryPage #VideoGall .video .icon {
    width: 66px;
    height: 66px;
  }
}
.GalleryPage #VideoGall .video .icon::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  background: rgb(174, 41, 86);
  border-radius: 50%;
  width: 58px;
  height: 58px;
  visibility: hidden;
}
@media only screen and (min-width: 468px) {
  .GalleryPage #VideoGall .video .icon::after {
    width: 76px;
    height: 76px;
  }
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.GalleryPage #VideoGall .video svg {
  fill: rgb(255, 255, 255);
  width: 48px;
  height: 48px;
}
@media only screen and (min-width: 468px) {
  .GalleryPage #VideoGall .video svg {
    width: 66px;
    height: 66px;
  }
}
.GalleryPage #VideoGall .video:hover .icon::after {
  animation: pulse-border 3800ms ease-out infinite;
  visibility: visible;
}

/************** ********** **************/
/*********** [ CONTACT PAGE ] ***********/
/************** ********** **************/
.ContactPage #ContactSec .FormSec {
  padding: 20px 15px 45px;
}
@media only screen and (min-width: 576px) {
  .ContactPage #ContactSec .FormSec {
    padding: 20px 15px 60px;
  }
}
@media only screen and (min-width: 992px) {
  .ContactPage #ContactSec .FormSec {
    padding: 40px 70px 90px 15px;
  }
}
.ContactPage #ContactSec .FormSec .MainHead {
  text-align: left;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .FormSec .MainHead {
    margin-bottom: 40px;
  }
}
.ContactPage #ContactSec .FormSec .MainHead .Grtngs {
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 11px;
}
@media only screen and (min-width: 768px) {
  .ContactPage #ContactSec .FormSec .MainHead .Grtngs {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .ContactPage #ContactSec .FormSec .MainHead .Grtngs {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 992px) {
  .ContactPage #ContactSec .FormSec .MainHead .Head {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .ContactPage #ContactSec .FormSec .MainHead .tagline {
    font-size: 16px;
  }
}
.ContactPage #ContactSec .AddressSec {
  background: rgb(174, 41, 86);
  margin-bottom: 30px;
  padding: 35px 25px 40px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .AddressSec {
    margin-bottom: 40px;
    padding: 45px 30px 45px;
  }
}
@media only screen and (min-width: 768px) {
  .ContactPage #ContactSec .AddressSec {
    padding: 80px 45px 50px;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .ContactPage #ContactSec .AddressSec {
    margin-bottom: 0px;
    padding: 130px 30px 35px 65px;
    margin-top: -80px;
  }
}
.ContactPage #ContactSec .AddressSec .Title {
  font-size: 20px;
  font-weight: 300;
  color: rgb(255, 255, 255);
  line-height: 30px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .AddressSec .Title {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .ContactPage #ContactSec .AddressSec .Title {
    margin-bottom: 55px;
  }
}
.ContactPage #ContactSec .AddressSec .contctDtls .itm {
  display: flex;
  align-items: flex-start;
}
.ContactPage #ContactSec .AddressSec .contctDtls .itm:not(:last-of-type) {
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .AddressSec .contctDtls .itm:not(:last-of-type) {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .ContactPage #ContactSec .AddressSec .contctDtls .itm:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
.ContactPage #ContactSec .AddressSec .contctDtls .itm .icon {
  width: 20px;
  margin-right: 13px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .AddressSec .contctDtls .itm .icon {
    margin-right: 20px;
  }
}
.ContactPage #ContactSec .AddressSec .contctDtls .itm .icon svg, .ContactPage #ContactSec .AddressSec .contctDtls .itm .icon img {
  fill: rgb(255, 255, 255);
  width: 18px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .AddressSec .contctDtls .itm .icon svg, .ContactPage #ContactSec .AddressSec .contctDtls .itm .icon img {
    width: 20px;
  }
}
.ContactPage #ContactSec .AddressSec .contctDtls .itm:first-child .icon {
  margin-top: 4px;
}
.ContactPage #ContactSec .AddressSec .contctDtls .itm p {
  color: rgb(255, 255, 255);
  line-height: 24px;
  margin: 0;
  text-align: left;
  font-size: 13px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .AddressSec .contctDtls .itm p {
    font-size: 14px;
    line-height: 26px;
  }
}
.ContactPage #ContactSec .AddressSec .contctDtls .itm a {
  color: rgb(255, 255, 255);
  font-size: 13px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .AddressSec .contctDtls .itm a {
    font-size: 14px;
  }
}
.ContactPage #ContactSec .AddressSec .contctDtls .itm a.call {
  font-size: 16px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .AddressSec .contctDtls .itm a.call {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .ContactPage #ContactSec .AddressSec .contctDtls .itm a.call {
    font-size: 20px;
  }
}
.ContactPage #ContactSec .AddressSec .contctDtls .itm a:hover {
  color: #f93e7d;
}
.ContactPage #ContactSec .AddressSec .social {
  margin-top: 40px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .AddressSec .social {
    margin-top: 55px;
  }
}
@media only screen and (min-width: 992px) {
  .ContactPage #ContactSec .AddressSec .social {
    margin-top: 70px;
  }
}
.ContactPage #ContactSec .AddressSec .social .label {
  font-size: 12px;
  color: rgb(255, 255, 255);
  margin-bottom: 15px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .AddressSec .social .label {
    margin-bottom: 22px;
  }
}
.ContactPage #ContactSec .AddressSec .social ul {
  display: flex;
  align-items: center;
}
.ContactPage #ContactSec .AddressSec .social ul li:not(:last-of-type) {
  margin-right: 20px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .AddressSec .social ul li:not(:last-of-type) {
    margin-right: 30px;
  }
}
.ContactPage #ContactSec .AddressSec .social ul a {
  display: block;
}
.ContactPage #ContactSec .AddressSec .social ul a svg {
  fill: rgb(255, 255, 255);
  transition: all 0.3s;
  width: 16px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #ContactSec .AddressSec .social ul a svg {
    width: 19px;
  }
}
.ContactPage #ContactSec .AddressSec .social ul a:hover svg {
  fill: #f93e7d;
}
.ContactPage #Map iframe {
  width: 100%;
  border: none;
  height: 275px;
}
@media only screen and (min-width: 468px) {
  .ContactPage #Map iframe {
    height: 490px;
  }
}
@media only screen and (min-width: 992px) {
  .ContactPage #Map iframe {
    height: 635px;
  }
}

/*************************BLOG_PAGE******************/
.BlogPage #blog-list {
  padding-top: 55px;
  padding-bottom: 65px;
}
@media only screen and (max-width: 768px) {
  .BlogPage #blog-list {
    padding-top: 40px;
    padding-bottom: 45px;
  }
}
.BlogPage .box {
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .BlogPage .box {
    margin-bottom: 30px;
  }
}
.BlogPage .box .img_box {
  width: 100%;
  background-size: cover !important;
  background-position: center !important;
  display: block;
  margin-bottom: 15px;
  position: relative;
}
.BlogPage .box .info_box .date {
  font-size: 11px;
  color: rgb(15, 117, 188);
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-left: 25px;
  position: relative;
  font-weight: 500;
}
.BlogPage .box .info_box .date::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  background-color: rgb(15, 117, 188);
  position: absolute;
  width: 21px;
  height: 1px;
}
.BlogPage .box .info_box .news {
  font-size: 15px;
  color: rgb(10, 49, 77);
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  .BlogPage .box .info_box .news {
    font-size: 12px;
  }
}

.BlogPage #blog-list {
  padding-top: 55px;
  padding-bottom: 45px;
}
@media only screen and (max-width: 768px) {
  .BlogPage #blog-list {
    padding-top: 40px;
    padding-bottom: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .BlogPage .dlog-dtl-box {
    padding-right: 20px;
  }
}
.BlogPage .blog-header .blog-title {
  font-size: 22px;
  font-weight: 600;
  color: rgb(174, 41, 86);
  letter-spacing: 1px;
  line-height: normal;
}
@media (max-width: 1400px) and (min-width: 992px) {
  .BlogPage .blog-header .blog-title {
    font-size: 22px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .BlogPage .blog-header .blog-title {
    font-size: 20px;
  }
}
@media (max-width: 768px) and (min-width: 468px) {
  .BlogPage .blog-header .blog-title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 468px) {
  .BlogPage .blog-header .blog-title {
    font-size: 17px;
  }
}
.BlogPage .blog-meta {
  padding: 25px 0;
}
@media only screen and (max-width: 992px) {
  .BlogPage .blog-meta {
    padding: 15px 0;
  }
}
.BlogPage .blog-meta span {
  font-size: 12px;
  color: rgb(156, 158, 159);
  line-height: normal;
  position: relative;
  padding: 0px 10px;
  letter-spacing: 1px;
  border-right: 1px solid rgb(156, 158, 159);
}
.BlogPage .blog-meta span:first-child {
  padding-left: 0px;
}
.BlogPage .blog-meta span:last-child {
  padding-right: 0px;
  border-right: 0px;
}
@media (max-width: 1400px) and (min-width: 992px) {
  .BlogPage .blog-meta span {
    font-size: 13px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .BlogPage .blog-meta span {
    font-size: 11px;
  }
}
@media (max-width: 768px) and (min-width: 468px) {
  .BlogPage .blog-meta span {
    font-size: 11px;
  }
}
@media only screen and (max-width: 468px) {
  .BlogPage .blog-meta span {
    font-size: 10px;
  }
}
.BlogPage .blog-meta::after {
  content: "";
  display: flex;
  clear: both;
}
.BlogPage .blog-content .img-box {
  margin-bottom: 40px;
}
.BlogPage .blog-content p {
  font-size: 14px;
  color: rgb(105, 103, 103);
  line-height: 26px;
  margin-bottom: 35px;
}
@media (max-width: 1400px) and (min-width: 992px) {
  .BlogPage .blog-content p {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 992px) {
  .BlogPage .blog-content p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 992px) {
  .BlogPage aside {
    margin-top: 40px;
  }
}
.BlogPage aside .new-posts {
  margin-bottom: 45px;
}
@media (max-width: 992px) and (min-width: 576px) {
  .BlogPage aside .new-posts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.BlogPage aside .new-posts .head {
  position: relative;
  margin-bottom: 10px;
}
@media (max-width: 992px) and (min-width: 576px) {
  .BlogPage aside .new-posts .head {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.BlogPage aside .new-posts .head span {
  font-size: 19px;
  color: rgb(174, 41, 86);
  line-height: normal;
  font-weight: 600;
  position: relative;
  z-index: 1;
  background: #fff;
  padding-right: 15px;
  letter-spacing: 1px;
}
@media (max-width: 1400px) and (min-width: 992px) {
  .BlogPage aside .new-posts .head span {
    font-size: 16px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .BlogPage aside .new-posts .head span {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .BlogPage aside .new-posts .head span {
    font-size: 18px;
  }
}
.BlogPage aside .new-posts .post {
  padding: 30px 0;
  border-bottom: 1px dashed rgb(229, 233, 232);
}
@media only screen and (min-width: 1500px) {
  .BlogPage aside .new-posts .post {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) and (min-width: 576px) {
  .BlogPage aside .new-posts .post {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.BlogPage aside .new-posts .post .img-box {
  display: inline-block;
  margin-right: 25px;
}
@media only screen and (min-width: 1700px) {
  .BlogPage aside .new-posts .post .img-box {
    width: 160px;
  }
}
@media (max-width: 1700px) and (min-width: 1500px) {
  .BlogPage aside .new-posts .post .img-box {
    width: 160px;
  }
}
@media only screen and (max-width: 1500px) {
  .BlogPage aside .new-posts .post .img-box {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1700px) {
  .BlogPage aside .new-posts .post .cntnt {
    width: calc(100% - 185px);
  }
}
@media (max-width: 1700px) and (min-width: 1500px) {
  .BlogPage aside .new-posts .post .cntnt {
    width: calc(100% - 195px);
  }
}
.BlogPage aside .new-posts .post .cntnt .blog-title {
  font-size: 12px;
  color: rgb(14, 14, 14);
  line-height: 20px;
  margin-bottom: 20px;
  letter-spacing: 1px;
  font-weight: 600;
  display: block;
}
@media (max-width: 1600px) and (min-width: 992px) {
  .BlogPage aside .new-posts .post .cntnt .blog-title {
    font-size: 12px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 992px) {
  .BlogPage aside .new-posts .post .cntnt .blog-title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .BlogPage aside .new-posts .post .cntnt .blog-title {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 15px;
  }
}
.BlogPage aside .new-posts .post .cntnt .date {
  font-size: 10px;
  font-weight: 600;
  color: rgb(8, 59, 102);
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: 1px;
}
@media (max-width: 1600px) and (min-width: 992px) {
  .BlogPage aside .new-posts .post .cntnt .date {
    font-size: 12px;
  }
}
@media only screen and (max-width: 992px) {
  .BlogPage aside .new-posts .post .cntnt .date {
    font-size: 10px;
  }
}
.BlogPage .readmore {
  margin-right: 30px;
  float: right;
  margin-top: 50px;
}

/************** ********* **************/
/*********** [ AWARDS PAGE ] ***********/
/************************ **************/
@media only screen and (min-width: 468px) {
  .AwardsPage .ComCntnt table tbody td {
    font-size: 13px;
    padding: 8px 5px;
  }
}
.AwardsPage .ComCntnt table tbody tr:hover td {
  background-color: rgb(255, 255, 255);
  color: rgb(80, 61, 79);
}
.AwardsPage .ComCntnt table.AwardsList {
  border: none;
}

/************** ******** **************/
/*********** [ JET ] ***********/
/************** ******** **************/
.JetPage #StudentClubDtl {
  padding-bottom: 40px;
}
@media only screen and (min-width: 468px) {
  .JetPage #StudentClubDtl {
    padding-bottom: 70px;
  }
}
.JetPage #StudentClubDtl .ComCntnt {
  width: 100%;
}
.JetPage #StudentClubDtl .ComCntnt p strong {
  text-align: left;
  font-weight: 400;
  color: rgb(66, 67, 67);
  font-size: 14px;
}
@media only screen and (min-width: 1200px) {
  .JetPage #StudentClubDtl .ComCntnt p strong {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1550px) {
  .JetPage #StudentClubDtl .ComCntnt p strong {
    font-size: 18px;
  }
}
.JetPage #StudentClubDtl .ComCntnt .MainHead {
  text-align: left;
}
.JetPage #StudentClubDtl .ComCntnt .MainHead .tagline {
  font-style: italic;
}
.JetPage #StudentClubDtl .ComCntnt .float {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .JetPage #StudentClubDtl .ComCntnt .float {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .JetPage #StudentClubDtl .ComCntnt .float {
    margin-right: 45px;
    margin-bottom: 40px;
  }
}
.JetPage #StudentClubDtl .ComCntnt .TitleSec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .JetPage #StudentClubDtl .ComCntnt .TitleSec {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .JetPage #StudentClubDtl .ComCntnt .TitleSec {
    margin-bottom: 40px;
  }
}
.JetPage #StudentClubDtl .ComCntnt .TitleSec::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background: rgb(224, 221, 221);
  width: 100%;
  height: 1px;
}
.JetPage #StudentClubDtl .ComCntnt .TitleSec h3, .JetPage #StudentClubDtl .ComCntnt .TitleSec h4, .JetPage #StudentClubDtl .ComCntnt .TitleSec h5 {
  margin: 0;
}
.JetPage #StudentClubDtl .ComCntnt .TitleSec .sectitle, .JetPage #StudentClubDtl .ComCntnt .TitleSec h3 {
  margin: 0;
  padding-right: 15px;
  background: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
}
.JetPage #StudentClubDtl .ComCntnt .TitleSec a {
  color: rgb(130, 130, 130);
  padding-left: 20px;
  background: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
  font-size: 12px;
}
.JetPage #StudentClubDtl .ComCntnt .TitleSec a:hover {
  color: rgb(174, 41, 86);
}
@media only screen and (min-width: 468px) {
  .JetPage #StudentClubDtl .ComCntnt .TitleSec a {
    font-size: 14px;
  }
}
.JetPage #StudentClubDtl .ComCntnt .campuslist {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
  margin-top: 25px;
}
.JetPage #StudentClubDtl .ComCntnt .campuslist .item {
  padding: 5px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .JetPage #StudentClubDtl .ComCntnt .campuslist .item {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .JetPage #StudentClubDtl .ComCntnt .campuslist .item {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 992px) {
  .JetPage #StudentClubDtl .ComCntnt .campuslist .item {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .JetPage #StudentClubDtl .ComCntnt .campuslist .item {
    width: 33.3333333333%;
  }
}
.JetPage #StudentClubDtl .ComCntnt .campuslist .box {
  background-color: rgb(245, 237, 240);
  padding: 30px 25px 30px;
}
@media only screen and (min-width: 992px) {
  .JetPage #StudentClubDtl .ComCntnt .campuslist .box {
    padding: 35px 30px 35px;
  }
}
.JetPage #StudentClubDtl .ComCntnt .campuslist .box .campus {
  font-family: "AgfaRotisSemiSerif";
  color: rgb(174, 41, 86);
  font-size: 22px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 468px) {
  .JetPage #StudentClubDtl .ComCntnt .campuslist .box .campus {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .JetPage #StudentClubDtl .ComCntnt .campuslist .box .campus {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
.JetPage #StudentClubDtl .ComCntnt .campuslist .box p {
  font-size: 14px;
  line-height: 26px;
  color: rgb(37, 37, 37);
  margin-bottom: 10px;
  text-align: left;
}
.JetPage #StudentClubDtl .ComCntnt .campuslist .box ul {
  margin: 0;
}
.JetPage #StudentClubDtl .ComCntnt .campuslist .box li, .JetPage #StudentClubDtl .ComCntnt .campuslist .box a {
  font-size: 14px;
  color: rgb(174, 41, 86);
  background: none;
  padding: 0;
}
.JetPage #StudentClubDtl .ComCntnt .campuslist .box li {
  display: flex;
}
.JetPage #StudentClubDtl .ComCntnt .campuslist .box li a {
  padding-left: 7px;
}
.JetPage #StudentClubDtl .ComCntnt .campuslist .box li:not(:last-of-type) {
  margin-bottom: 10px;
}

/************** ******* **************/
/*********** [ NAAC_PAGE ] ***********/
/************** ****** **************/
.NaacPage .NaacCntnt h1, .NaacPage .NaacCntnt h2, .NaacPage .NaacCntnt h3, .NaacPage .NaacCntnt h4, .NaacPage .NaacCntnt h5, .NaacPage .NaacCntnt h6 {
  color: rgb(0, 0, 0);
  border-bottom: 2px solid rgb(174, 41, 86);
  padding-bottom: 10px;
}
@media only screen and (min-width: 1550px) {
  .NaacPage .NaacCntnt h1, .NaacPage .NaacCntnt h2, .NaacPage .NaacCntnt h3, .NaacPage .NaacCntnt h4, .NaacPage .NaacCntnt h5, .NaacPage .NaacCntnt h6 {
    font-size: 24px;
  }
}
.NaacPage .NaacCntnt .normalpdflist {
  margin-top: 10px;
}
@media only screen and (min-width: 1550px) {
  .NaacPage .NaacCntnt .normalpdflist {
    font-size: 30px;
    margin-top: 25px;
  }
}
.NaacPage .NaacCntnt .normalpdflist ol, .NaacPage .NaacCntnt .normalpdflist ul {
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .NaacPage .NaacCntnt .normalpdflist ol, .NaacPage .NaacCntnt .normalpdflist ul {
    margin-bottom: 35px;
  }
}
.NaacPage .NaacCntnt .normalpdflist ol li, .NaacPage .NaacCntnt .normalpdflist ul li {
  font-size: 12px;
  line-height: normal;
  color: rgb(66, 67, 67);
  background: url("../images/listIcon2.png") no-repeat;
  background-position: left top 5px;
  background-size: 8px;
  padding-left: 20px;
}
.NaacPage .NaacCntnt .normalpdflist ol li:not(:last-of-type), .NaacPage .NaacCntnt .normalpdflist ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
@media only screen and (min-width: 468px) {
  .NaacPage .NaacCntnt .normalpdflist ol li, .NaacPage .NaacCntnt .normalpdflist ul li {
    padding-left: 25px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .NaacPage .NaacCntnt .normalpdflist ol li, .NaacPage .NaacCntnt .normalpdflist ul li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  .NaacPage .NaacCntnt .normalpdflist ol li, .NaacPage .NaacCntnt .normalpdflist ul li {
    font-size: 15px;
  }
}
.NaacPage .NaacCntnt .normalpdflist ol li a, .NaacPage .NaacCntnt .normalpdflist ul li a {
  color: rgb(174, 41, 86);
  font-size: inherit;
  text-decoration: none;
}
.NaacPage .NaacCntnt .Boxedpdflist {
  margin-top: 10px;
}
@media only screen and (min-width: 1550px) {
  .NaacPage .NaacCntnt .Boxedpdflist {
    font-size: 30px;
    margin-top: 25px;
  }
}
.NaacPage .NaacCntnt .Boxedpdflist a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(245, 237, 240);
  width: 100%;
  border-bottom: 2px solid rgb(223, 215, 218);
  padding: 10px 0 10px 5px;
  min-height: 45px;
}
@media only screen and (min-width: 468px) {
  .NaacPage .NaacCntnt .Boxedpdflist a {
    min-height: 54px;
    padding: 10px 10px 10px 20px;
  }
}
.NaacPage .NaacCntnt .Boxedpdflist a:not(:last-of-type) {
  margin-bottom: 6px;
}
.NaacPage .NaacCntnt .Boxedpdflist a > * {
  padding: 0 10px;
}
.NaacPage .NaacCntnt .Boxedpdflist a .Name {
  color: rgb(32, 31, 32);
  line-height: normal;
  font-size: 13px;
  transition: all 0.3s;
}
@media only screen and (min-width: 468px) {
  .NaacPage .NaacCntnt .Boxedpdflist a .Name {
    font-size: 15px;
  }
}
.NaacPage .NaacCntnt .Boxedpdflist a .Btn {
  display: flex;
  align-items: center;
  color: rgb(174, 41, 86);
  font-size: 0px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .NaacPage .NaacCntnt .Boxedpdflist a .Btn {
    font-size: 14px;
  }
}
.NaacPage .NaacCntnt .Boxedpdflist a .Btn svg {
  width: 28px;
  margin-left: 22px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  .NaacPage .NaacCntnt .Boxedpdflist a .Btn svg {
    width: 32px;
  }
}
.NaacPage .NaacCntnt .Boxedpdflist a .Btn svg .st0 {
  transition: all 0.3s;
  fill: #CC4B4C;
}
.NaacPage .NaacCntnt .Boxedpdflist a .Btn svg .st1 {
  transition: all 0.3s;
  fill: #D65B64;
}
.NaacPage .NaacCntnt .Boxedpdflist a .Btn svg .st2 {
  transition: all 0.3s;
  fill: #FFFFFF;
}
.NaacPage .NaacCntnt .Boxedpdflist a:hover {
  background: rgb(174, 41, 86);
}
.NaacPage .NaacCntnt .Boxedpdflist a:hover .Name {
  color: rgb(255, 255, 255);
}
.NaacPage .NaacCntnt .Boxedpdflist a:hover .Btn {
  color: rgb(255, 255, 255);
}
.NaacPage .NaacCntnt .Boxedpdflist a:hover svg .st0 {
  fill: rgb(255, 255, 255);
}
.NaacPage .NaacCntnt .Boxedpdflist a:hover svg .st1 {
  fill: #D65B64;
}
.NaacPage .NaacCntnt .Boxedpdflist a:hover svg .st2 {
  fill: rgb(174, 41, 86);
}
.NaacPage .NaacCntnt .Buttnpdflist {
  margin-top: 10px;
}
@media only screen and (min-width: 1550px) {
  .NaacPage .NaacCntnt .Buttnpdflist {
    font-size: 30px;
    margin-top: 25px;
  }
}
.NaacPage .NaacCntnt .Buttnpdflist ol, .NaacPage .NaacCntnt .Buttnpdflist ul {
  list-style: none;
  padding: 0;
  display: block;
  border-collapse: collapse;
  border-spacing: 2px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  .NaacPage .NaacCntnt .Buttnpdflist ol, .NaacPage .NaacCntnt .Buttnpdflist ul {
    margin-bottom: 35px;
  }
}
.NaacPage .NaacCntnt .Buttnpdflist ol li, .NaacPage .NaacCntnt .Buttnpdflist ul li {
  font-size: 12px;
  line-height: normal;
  color: rgb(66, 67, 67);
  display: table-cell;
  padding: 2px;
}
@media only screen and (min-width: 468px) {
  .NaacPage .NaacCntnt .Buttnpdflist ol li, .NaacPage .NaacCntnt .Buttnpdflist ul li {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .NaacPage .NaacCntnt .Buttnpdflist ol li, .NaacPage .NaacCntnt .Buttnpdflist ul li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1550px) {
  .NaacPage .NaacCntnt .Buttnpdflist ol li, .NaacPage .NaacCntnt .Buttnpdflist ul li {
    font-size: 15px;
  }
}
.NaacPage .NaacCntnt .Buttnpdflist ol li a, .NaacPage .NaacCntnt .Buttnpdflist ul li a {
  color: rgb(174, 41, 86);
  font-size: inherit;
  text-decoration: none;
  border: 1px solid rgb(174, 41, 86);
  border-radius: 30px;
  padding: 4px 15px;
  display: block;
}
.NaacPage .NaacCntnt .Buttnpdflist ol li a:hover, .NaacPage .NaacCntnt .Buttnpdflist ul li a:hover {
  background: rgb(174, 41, 86);
  color: rgb(255, 255, 255);
}

#innovationsarea {
  padding: 60px 0 95px 0;
}
@media (max-width: 767px) {
  #innovationsarea {
    padding: 40px 0;
  }
}
#innovationsarea .row {
  margin-left: 0;
  margin-right: 0;
}
#innovationsarea .row [class*=col-] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#innovationsarea .single-innovation {
  padding: 65px 45px 60px 40px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.11);
  clip-path: inset(-30px 0 -30px -30px);
}
@media (min-width: 992px) and (max-width: 1200px) {
  #innovationsarea .single-innovation {
    padding: 65px 35px 60px 35px;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  #innovationsarea .single-innovation {
    padding: 65px 40px 60px 40px;
  }
}
@media (max-width: 767px) {
  #innovationsarea .single-innovation {
    clip-path: inset(0px -30px -30px -30px) !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #innovationsarea .single-innovation {
    clip-path: inset(-30px -27px 12px 2px) !important;
  }
}
#innovationsarea .single-innovation .title {
  font-size: 45px;
  font-weight: bold;
  color: rgb(158, 37, 78);
  font-family: "AgfaRotisSemiSerif";
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
}
@media (max-width: 767px) {
  #innovationsarea .single-innovation .title {
    font-size: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #innovationsarea .single-innovation .title {
    font-size: 28px;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  #innovationsarea .single-innovation .title {
    font-size: 40px;
  }
}
#innovationsarea .single-innovation .title img {
  text-align: right;
}
#innovationsarea .single-innovation .sub-title {
  font-size: 19px;
  color: #161616;
  margin-bottom: 25px;
  line-height: 1.4;
}
@media (min-width: 992px) and (max-width: 1200px) {
  #innovationsarea .single-innovation .sub-title {
    font-size: 17px;
  }
}
#innovationsarea .single-innovation p {
  color: #424343;
  margin-bottom: 40px;
  text-align: left;
  height: 150px;
}
#innovationsarea .single-innovation .innovationlink {
  cursor: pointer;
}
#innovationsarea .single-innovation .innovationlink a {
  font-size: 14px;
  color: rgb(158, 37, 78);
  transition: 0.3s;
}
#innovationsarea .single-innovation .innovationlink img {
  margin-left: 12px;
  transition: 0.3s;
}
#innovationsarea .single-innovation:hover a {
  padding-left: 5px;
}
#innovationsarea .single-innovation:hover img {
  margin-left: 8px;
}

.row .col-lg-4:nth-last-child(3n+0) .single-innovation {
  clip-path: inset(-30px -30px -30px -30px) !important;
}

.row .col-lg-4:nth-child(1) .single-innovation {
  clip-path: inset(-30px 0px 0px -30px) !important;
}

.row .col-lg-4:nth-child(2) .single-innovation {
  clip-path: inset(-30px 0px 0px -30px) !important;
}

.row .col-lg-4:nth-child(5) .single-innovation {
  clip-path: inset(-30px -30px -30px -30px) !important;
}

#innovationdetail p {
  color: #424343;
  margin-bottom: 40px;
}
#innovationdetail .ActivityBox .CntnBox {
  padding: 10px 0 25px;
}
@media only screen and (min-width: 468px) {
  #innovationdetail .ActivityBox .CntnBox {
    padding: 15px 0 40px;
  }
}
#innovationdetail .ActivityBox .CntnBox .BlogTitle {
  line-height: 25px;
  color: rgb(22, 22, 22);
  margin-bottom: 10px;
  font-size: 16px;
}
@media only screen and (min-width: 468px) {
  #innovationdetail .ActivityBox .CntnBox .BlogTitle {
    font-size: 17px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) {
  #innovationdetail .ActivityBox .CntnBox .BlogTitle {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1550px) {
  #innovationdetail .ActivityBox .CntnBox .BlogTitle {
    font-size: 19px;
    line-height: 27px;
  }
}
#innovationdetail .ActivityBox .CntnBox .ViewMore {
  color: rgb(174, 41, 86);
}
#innovationdetail .ActivityBox:hover .imgBox img {
  transform: scale(1.2);
}

#Activities {
  padding-top: 90px;
  padding-bottom: 100px;
}
#Activities .TitleSec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 45px;
}
#Activities .TitleSec::after {
  position: absolute;
  right: 0;
  width: 97%;
  height: 1px;
  content: "";
  background: rgb(224, 221, 221);
  top: 50%;
  z-index: -1;
}
#Activities .TitleSec h3, #Activities .TitleSec h4, #Activities .TitleSec h5 {
  margin: 0;
}
#Activities .TitleSec .sectitle {
  margin: 0;
  padding-right: 15px;
  background: #fff;
  position: relative;
  z-index: 1;
}
#Activities .TitleSec a {
  color: rgb(130, 130, 130);
  padding-left: 20px;
  background: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
  font-size: 12px;
}
#Activities .TitleSec a:hover {
  color: rgb(174, 41, 86);
}
@media only screen and (min-width: 468px) {
  #Activities .TitleSec a {
    font-size: 14px;
  }
}
#Activities .subtitle {
  margin-bottom: 30px;
  font-size: 19px;
  color: #161616;
}

#Reports a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(245, 237, 240);
  width: 100%;
  border-bottom: 2px solid rgb(223, 215, 218);
  padding: 10px 0 10px 5px;
  min-height: 45px;
}
@media only screen and (min-width: 468px) {
  #Reports a {
    min-height: 54px;
    padding: 10px 10px 10px 20px;
  }
  #Reports a:not(:last-of-type) {
    margin-bottom: 6px;
  }
  #Reports a > * {
    padding: 0 10px;
  }
}
#Reports a .Name {
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
@media only screen and (min-width: 468px) {
  #Reports a .Name {
    font-size: 15px;
  }
}
#Reports a .Name .date {
  transition: all 0.3s;
  color: rgb(174, 41, 86);
  margin-bottom: 5px;
}
@media only screen and (min-width: 468px) {
  #Reports a .Name .date {
    margin-bottom: 7px;
    font-size: 16px;
  }
}
#Reports a .Btn {
  display: flex;
  align-items: center;
  color: rgb(174, 41, 86);
  font-size: 0px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  #Reports a .Btn {
    font-size: 14px;
  }
}
#Reports a .Btn svg {
  width: 28px;
  margin-left: 22px;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  #Reports a .Btn svg {
    width: 32px;
  }
}
#Reports a .Btn svg .st0 {
  transition: all 0.3s;
  fill: #CC4B4C;
}
#Reports a .Btn svg .st1 {
  transition: all 0.3s;
  fill: #D65B64;
}
#Reports a .Btn svg .st2 {
  transition: all 0.3s;
  fill: #FFFFFF;
}
#Reports a:hover {
  background: rgb(174, 41, 86);
}
#Reports a:hover .Name {
  color: rgb(255, 255, 255);
}
#Reports a:hover .Name .date {
  color: rgb(255, 255, 255);
}
#Reports a:hover .Btn {
  color: rgb(255, 255, 255);
}
#Reports a:hover svg .st0 {
  fill: rgb(255, 255, 255);
}
#Reports a:hover svg .st1 {
  fill: #D65B64;
}
#Reports a:hover svg .st2 {
  fill: rgb(174, 41, 86);
}

/******************ERROR_PAGE**********************/
.error_page .row {
  margin: 0;
}
.error_page .page_cntnt {
  padding: 40px 0 70px;
  text-align: center;
  margin: auto;
}
@media only screen and (min-width: 468px) {
  .error_page .page_cntnt {
    padding: 80px 0 120px;
  }
}
.error_page .head_one {
  font-size: 69px;
  font-family: "Roboto Slab", serif;
  font-weight: 600;
  color: rgb(174, 41, 86);
  letter-spacing: 1px;
}
@media only screen and (min-width: 468px) {
  .error_page .head_one {
    font-size: 95px;
  }
}
.error_page .head_two {
  font-size: 14px;
  font-weight: 600;
  color: #696868;
  margin-bottom: 30px;
  letter-spacing: 1px;
}
@media only screen and (min-width: 468px) {
  .error_page .head_two {
    font-size: 20px;
    margin-bottom: 40px;
  }
}
.error_page .head_three {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 1px;
  font-weight: 600;
  color: #696868;
  margin-bottom: 15px;
}
@media only screen and (min-width: 468px) {
  .error_page .head_three {
    font-size: 25px;
  }
}
.error_page p {
  color: #696868;
  margin: 0px;
  text-align: center;
}
.error_page .viewMore {
  font-family: "Roboto Slab", serif;
  background: rgb(174, 41, 86);
  padding: 13px 20px;
  color: #fff;
  margin-top: 35px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
}
.error_page .link {
  font-family: "Roboto Slab", serif;
  background: rgb(174, 41, 86);
  padding: 13px 20px;
  color: #fff;
  margin-top: 35px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
}

/************ ****** ************/
/************ FOOTER ************/
/************ ****** ************/
footer {
  background: rgb(5, 105, 5);
  font-weight: 300;
  padding-bottom: 40px;
}
@media only screen and (min-width: 468px) {
  footer {
    padding-bottom: 0px;
  }
}
footer .FootTop {
  padding: 25px 0;
}
@media only screen and (min-width: 468px) {
  footer .FootTop {
    padding: 50px 0 35px;
  }
}
@media only screen and (min-width: 992px) {
  footer .FootTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1200px) {
  footer .FootTop {
    padding: 75px 0 50px;
  }
}
footer .FootTop ul {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  justify-content: center;
}
@media only screen and (min-width: 468px) {
  footer .FootTop ul {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 992px) {
  footer .FootTop ul {
    justify-content: flex-start;
    margin: 0;
  }
}
footer .FootTop ul a {
  display: flex;
  align-items: center;
  color: rgb(255, 255, 255);
  font-size: 14px;
}
@media only screen and (min-width: 468px) {
  footer .FootTop ul a {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1200px) {
  footer .FootTop ul a {
    font-size: 20px;
  }
}
footer .FootTop ul a svg {
  fill: rgb(218, 57, 112);
}
footer .FootTop ul a.downloads svg {
  margin-right: 10px;
  width: 16px;
}
@media only screen and (min-width: 468px) {
  footer .FootTop ul a.downloads svg {
    width: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  footer .FootTop ul a.downloads svg {
    width: 25px;
    margin-right: 25px;
  }
}
footer .FootTop ul a.admission {
  margin-left: 25px;
}
@media only screen and (min-width: 468px) {
  footer .FootTop ul a.admission {
    margin-left: 45px;
  }
}
@media only screen and (min-width: 1200px) {
  footer .FootTop ul a.admission {
    margin-left: 110px;
  }
}
footer .FootTop ul a.admission svg {
  margin-right: 10px;
  width: 30px;
}
@media only screen and (min-width: 468px) {
  footer .FootTop ul a.admission svg {
    width: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  footer .FootTop ul a.admission svg {
    width: 45px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 992px) {
  footer .FootTop .Newsletter {
    display: flex;
    align-items: center;
  }
}
footer .FootTop .Newsletter .label {
  color: rgb(255, 255, 255);
  font-size: 13px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 468px) {
  footer .FootTop .Newsletter .label {
    font-size: 15px;
    margin-bottom: 10px;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  footer .FootTop .Newsletter .label {
    text-align: left;
    margin: 0;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  footer .FootTop .Newsletter .label {
    font-size: 16px;
    padding-right: 55px;
  }
}
footer .FootTop .Newsletter .form-group {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 468px) {
  footer .FootTop .Newsletter .form-group {
    width: 320px;
    margin: auto;
  }
}
@media only screen and (min-width: 992px) {
  footer .FootTop .Newsletter .form-group {
    margin: 0;
  }
}
@media only screen and (min-width: 1550px) {
  footer .FootTop .Newsletter .form-group {
    width: 430px;
  }
}
footer .FootTop .Newsletter .form-group .form-control {
  background-color: rgb(255, 255, 255);
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 0px;
  color: rgb(117, 123, 136);
  height: 45px;
  font-size: 13px;
  padding: 10px 15px;
  width: calc(100% - 48px);
}
@media only screen and (min-width: 468px) {
  footer .FootTop .Newsletter .form-group .form-control {
    width: calc(100% - 68px);
    padding: 10px 25px;
  }
}
@media only screen and (min-width: 992px) {
  footer .FootTop .Newsletter .form-group .form-control {
    height: 53px;
    font-size: 14px;
  }
}
footer .FootTop .Newsletter .form-group .sendBtn {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 0px;
  background: rgb(255, 255, 255);
  width: 48px;
  height: 45px;
}
@media only screen and (min-width: 468px) {
  footer .FootTop .Newsletter .form-group .sendBtn {
    width: 68px;
  }
}
@media only screen and (min-width: 992px) {
  footer .FootTop .Newsletter .form-group .sendBtn {
    height: 53px;
  }
}
footer .FootTop .Newsletter .form-group .sendBtn svg {
  width: 19px;
  fill: rgb(218, 57, 112);
  transition: all 0.5s ease-in-out;
}
@media only screen and (min-width: 1550px) {
  footer .FootTop .Newsletter .form-group .sendBtn svg {
    width: 23px;
  }
}
footer .FootTop .Newsletter .form-group .sendBtn:hover svg {
  -webkit-animation: ArrowAnim2 0.3s forwards;
  -moz-animation: ArrowAnim2 0.3s forwards;
  animation: ArrowAnim2 0.3s forwards;
}
@keyframes ArrowAnim2 {
  49% {
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
footer .FootMain {
  border-top: 1px solid rgba(255, 255, 255, 0.102);
  padding: 25px 0;
  font-weight: 400;
}
@media only screen and (min-width: 468px) {
  footer .FootMain {
    padding: 40px 0 35px;
  }
}
@media only screen and (min-width: 992px) {
  footer .FootMain {
    padding: 60px 0 50px;
  }
}
footer .FootMain .row {
  margin: -10px -15px;
}
@media only screen and (min-width: 768px) {
  footer .FootMain .row {
    margin: -15px;
  }
}
footer .FootMain .col-, footer .FootMain [class^=col-], footer .FootMain [class*=col-] {
  padding: 10px 15px;
}
@media only screen and (min-width: 768px) {
  footer .FootMain .col-, footer .FootMain [class^=col-], footer .FootMain [class*=col-] {
    padding: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  footer .FootMain .col-:nth-child(1), footer .FootMain [class^=col-]:nth-child(1), footer .FootMain [class*=col-]:nth-child(1) {
    width: 48%;
  }
}
@media only screen and (min-width: 1200px) {
  footer .FootMain .col-:nth-child(2), footer .FootMain [class^=col-]:nth-child(2), footer .FootMain [class*=col-]:nth-child(2) {
    width: 33%;
    padding-left: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  footer .FootMain .col-:nth-child(3), footer .FootMain [class^=col-]:nth-child(3), footer .FootMain [class*=col-]:nth-child(3) {
    width: 19%;
  }
}
footer .FootMain ul {
  margin: 0;
}
footer .FootMain li {
  line-height: normal;
}
footer .FootMain li, footer .FootMain a, footer .FootMain p {
  font-size: 13px;
  color: rgb(255, 255, 255);
}
@media only screen and (min-width: 468px) {
  footer .FootMain li, footer .FootMain a, footer .FootMain p {
    font-size: 14px;
  }
}
footer .FootMain p {
  margin: 0;
  letter-spacing: 0.6px;
}
footer .FootMain a:hover {
  color: rgb(218, 57, 112);
}
footer .FootMain .footLinks {
  display: grid;
  grid-template-rows: repeat(7, 1fr);
  gap: 13px;
  grid-auto-flow: row;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (min-width: 468px) {
  footer .FootMain .footLinks {
    grid-auto-flow: column;
    gap: 15px;
  }
}
footer .FootMain .contact {
  margin-top: 10px;
  letter-spacing: 0.6px;
}
@media only screen and (min-width: 468px) {
  footer .FootMain .contact {
    margin-top: 0px;
  }
}
footer .FootMain .contact li {
  position: relative;
  padding-left: 35px;
}
footer .FootMain .contact li:not(:last-of-type) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 468px) {
  footer .FootMain .contact li:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
footer .FootMain .contact li .icon {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .FootMain .contact li .icon svg {
  width: 20px;
  fill: rgb(218, 57, 112);
}
footer .FootMain .contact li .icon.location {
  top: 7px;
}
footer .FootMain .contact .call {
  font-size: 16px;
}
@media only screen and (min-width: 468px) {
  footer .FootMain .contact .call {
    font-size: 20px;
  }
}
footer .FootMain .follow {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  footer .FootMain .follow {
    margin-top: 55px;
  }
}
@media only screen and (min-width: 992px) {
  footer .FootMain .follow {
    margin-top: 60px;
  }
}
footer .FootMain .follow .label {
  font-size: 12px;
  color: rgb(218, 57, 112);
  margin-bottom: 20px;
  display: none;
}
@media only screen and (min-width: 992px) {
  footer .FootMain .follow .label {
    display: block;
  }
}
footer .FootMain .follow ul {
  display: flex;
  align-items: center;
}
footer .FootMain .follow ul li:not(:last-of-type) {
  margin-right: 20px;
}
@media only screen and (min-width: 468px) {
  footer .FootMain .follow ul li:not(:last-of-type) {
    margin-right: 30px;
  }
}
footer .FootMain .follow ul a {
  display: block;
}
footer .FootMain .follow ul a svg {
  fill: rgb(255, 255, 255);
  transition: all 0.3s;
  width: 16px;
}
@media only screen and (min-width: 468px) {
  footer .FootMain .follow ul a svg {
    width: 19px;
  }
}
footer .FootMain .follow ul a:hover svg {
  fill: rgb(218, 57, 112);
}
footer .footBottom {
  padding: 25px 0 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.102);
  text-align: center;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 468px) {
  footer .footBottom {
    padding: 25px 0;
  }
}
@media only screen and (min-width: 768px) {
  footer .footBottom {
    text-align: unset;
  }
}
@media only screen and (min-width: 1441px) {
  footer .footBottom {
    padding: 43px 0;
  }
}
@media only screen and (min-width: 768px) {
  footer .footBottom .flexRow {
    justify-content: space-between;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
footer .footBottom p {
  color: rgb(255, 255, 255);
  margin: 0px;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  footer .footBottom p {
    text-align: left;
  }
}
footer .footBottom p span {
  color: #fff;
  font-size: 14px;
}
footer .footBottom .rit {
  margin-top: 15px;
}
@media only screen and (min-width: 768px) {
  footer .footBottom .rit {
    margin-top: 0px;
  }
}
footer .footBottom .rit .designed {
  font-size: 12px;
  font-family: "Courier Prime", monospace;
  color: rgb(255, 255, 255);
  text-transform: capitalize;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 468px) {
  footer .footBottom .rit .designed {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) {
  footer .footBottom .rit .designed {
    justify-content: normal;
  }
}
@media only screen and (min-width: 1441px) {
  footer .footBottom .rit .designed {
    font-size: 14px;
  }
}
footer .footBottom .rit .designed a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-left: 5px;
}
footer .footBottom .rit .designed a svg {
  max-width: 108px;
  transition: all 0.3s;
  fill: rgb(255, 255, 255);
}
footer .footBottom .rit .designed a svg path {
  transition: all 0.3s;
}
footer .footBottom .rit .designed a svg .st0, footer .footBottom .rit .designed a svg .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
}
footer .footBottom .rit .designed a:hover svg .st0 {
  fill: #265B8A;
}
footer .footBottom .rit .designed a:hover svg .st1 {
  fill: #5BAE46;
}
footer .footBottom .rit .designed a:hover svg .st2 {
  fill: #265D8A;
}
footer .footBottom .rit .designed a:hover svg .st3 {
  fill: #5BAD46;
}
footer .footBottom .rit .designed a:hover svg .st4 {
  fill: rgb(255, 255, 255);
}
footer .footBottom .rit .txt {
  font-family: "Courier Prime", monospace;
  font-size: 11px;
  letter-spacing: 1px;
  color: #da3970;
  text-transform: capitalize;
  transition: all 0.3s;
  position: relative;
  z-index: 1;
  display: block;
}
@media only screen and (min-width: 468px) {
  footer .footBottom .rit .txt {
    font-size: 13px;
  }
}
footer .footBottom .rit .txt:hover {
  color: rgb(255, 255, 255);
}

#downloadlist {
  padding: 30px 0 80px 0;
}
@media (max-width: 767px) {
  #downloadlist {
    padding: 30px 0 45px 0;
  }
}
#downloadlist .subtitle {
  font-size: 19px;
  margin-bottom: 35px;
  color: #000;
  line-height: 1.4;
}
#downloadlist .programeList a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  width: 100%;
  border: 1px solid rgb(223, 215, 218);
  padding: 10px 20px 10px 20px;
  min-height: 55px;
  margin-bottom: 20px;
}
@media (min-width: 1500px) {
  #downloadlist .programeList a {
    padding: 10px 20px 10px 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 468px) {
  #downloadlist .programeList a {
    min-height: 54px;
    padding: 10px 10px 10px 20px;
  }
  #downloadlist .programeList a:not(:last-of-type) {
    margin-bottom: 6px;
  }
  #downloadlist .programeList a > * {
    padding: 0 10px;
  }
}
#downloadlist .programeList a .Name {
  font-size: 15px;
  font-weight: 500;
  color: #686868;
  text-transform: capitalise;
}
@media only screen and (min-width: 468px) {
  #downloadlist .programeList a .Name {
    font-size: 15px;
  }
}
#downloadlist .programeList a .Btn {
  display: flex;
  align-items: center;
  color: rgb(174, 41, 86);
  font-size: 0px;
  color: #424343;
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) {
  #downloadlist .programeList a .Btn {
    font-size: 14px;
  }
}
#downloadlist .programeList a .Btn img {
  margin-left: 22px;
  transition: all 0.3s;
}
#downloadlist .programeList a:hover {
  background: #f5edf0;
}
#downloadlist .programeList a:hover .Name {
  color: #424343;
}
#downloadlist .programeList a:hover .Btn {
  color: rgb(174, 41, 86);
}
#downloadlist .ActivityBox .imgBox {
  position: relative;
  height: 175px;
  overflow: hidden;
}
@media only screen and (min-width: 468px) {
  #downloadlist .ActivityBox .imgBox {
    height: 205px;
  }
}
#downloadlist .ActivityBox .imgBox img {
  transition: all 0.8s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#downloadlist .ActivityBox .imgBox .Date {
  font-size: 14px;
  color: rgb(255, 255, 255);
  background-color: rgb(174, 41, 86);
  min-width: 117px;
  height: 23px;
  padding: 1px 10px;
  position: absolute;
  left: 10px;
  bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#downloadlist .ActivityBox .CntnBox {
  padding: 10px 0 25px;
}
@media only screen and (min-width: 468px) {
  #downloadlist .ActivityBox .CntnBox {
    padding: 15px 0 40px;
  }
}
#downloadlist .ActivityBox .CntnBox .BlogTitle {
  line-height: 25px;
  color: rgb(22, 22, 22);
  margin-bottom: 10px;
  font-size: 16px;
}
@media only screen and (min-width: 468px) {
  #downloadlist .ActivityBox .CntnBox .BlogTitle {
    font-size: 17px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) {
  #downloadlist .ActivityBox .CntnBox .BlogTitle {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1550px) {
  #downloadlist .ActivityBox .CntnBox .BlogTitle {
    font-size: 19px;
    line-height: 27px;
  }
}
#downloadlist .ActivityBox .CntnBox .ViewMore {
  color: rgb(174, 41, 86);
}
#downloadlist .ActivityBox:hover .imgBox img {
  transform: scale(1.2);
}
#downloadlist .TitleSec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
  #downloadlist .TitleSec {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 468px) and (min-width: 992px) {
  #downloadlist .TitleSec {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 468px) {
  #downloadlist .TitleSec::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    background: rgb(224, 221, 221);
    width: 100%;
    height: 1px;
  }
}
@media only screen and (min-width: 468px) {
  #downloadlist .TitleSec h3, #downloadlist .TitleSec h4, #downloadlist .TitleSec h5 {
    margin: 0;
  }
}
@media only screen and (min-width: 468px) {
  #downloadlist .TitleSec .sectitle {
    margin: 0;
    padding-right: 15px;
    background: rgb(255, 255, 255);
    position: relative;
    z-index: 1;
  }
}
@media only screen and (min-width: 468px) {
  #downloadlist .TitleSec a {
    color: rgb(130, 130, 130);
    padding-left: 20px;
    background: rgb(255, 255, 255);
    position: relative;
    z-index: 1;
    font-size: 12px;
  }
  #downloadlist .TitleSec a:hover {
    color: rgb(174, 41, 86);
  }
}
@media only screen and (min-width: 468px) and (min-width: 468px) {
  #downloadlist .TitleSec a {
    font-size: 14px;
  }
}

/***********************SCROLL_UP_BTN***********************/
.scrollup {
  width: 35px;
  position: fixed;
  right: 10px;
  bottom: 45px;
  display: none;
  z-index: 5;
  font-size: 12px;
  color: rgb(218, 57, 112);
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .scrollup {
    width: 40px;
    right: 20px;
  }
}
.scrollup svg {
  fill: rgb(218, 57, 112);
  margin-top: 10px;
  width: 37px;
  height: 37px;
}
.scrollup:hover {
  color: rgb(174, 41, 86);
}

/***********************FIXED_BTN***********************/
.ActionBtn {
  position: fixed;
  z-index: 2;
  bottom: 0;
  width: 100%;
}
@media only screen and (min-width: 468px) {
  .ActionBtn {
    position: absolute;
    width: auto;
    bottom: auto;
    top: 50%;
    transform: translate(0, -50%);
    right: 0px;
  }
}
@media only screen and (min-width: 1550px) {
  .ActionBtn {
    top: 40%;
  }
}
.ActionBtn ul {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 468px) {
  .ActionBtn ul {
    display: block;
    margin: 0px;
  }
}
.ActionBtn ul li {
  width: 50%;
}
@media only screen and (min-width: 468px) {
  .ActionBtn ul li {
    width: auto;
  }
  .ActionBtn ul li:not(:last-of-type) {
    margin-bottom: 13px;
  }
}
.ActionBtn ul a {
  background-color: rgb(174, 41, 86);
  height: 40px;
  font-size: 11px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 468px) {
  .ActionBtn ul a {
    width: 125px;
  }
}
@media only screen and (min-width: 768px) {
  .ActionBtn ul a {
    width: 145px;
    height: 45px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 1550px) {
  .ActionBtn ul a {
    width: 175px;
    height: 52px;
    font-size: 14px;
    font-weight: 500;
  }
}
.ActionBtn ul a.admission {
  background: rgb(206, 52, 104);
}
.ActionBtn ul a:hover {
  background: #801c3e;
}

.fixedRit {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 5;
  border-radius: 5px;
  overflow: hidden;
  right: 5px;
  background: rgb(128, 28, 62);
  border-radius: 3px;
  box-shadow: 0px 5px 70px 0px rgba(30, 33, 56, 0.1);
}
@media only screen and (min-width: 468px) {
  .fixedRit {
    right: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .fixedRit {
    right: 22px;
  }
}
.fixedRit ul {
  margin: 0px;
}
.fixedRit ul a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5px;
  height: 40px;
  width: 40px;
  transition: all 0.3s;
}
@media only screen and (min-width: 768px) {
  .fixedRit ul a {
    height: 60px;
    width: 60px;
  }
}
@media only screen and (min-width: 1441px) {
  .fixedRit ul a {
    height: 73px;
    width: 68px;
  }
}
.fixedRit ul a span {
  font-family: "AgfaRotisSemiSerif";
  text-transform: uppercase;
  font-size: 8px;
  display: none;
  color: rgb(112, 118, 117);
  transition: all 0.3s;
}
@media only screen and (min-width: 768px) {
  .fixedRit ul a span {
    display: block;
  }
}
@media only screen and (min-width: 1441px) {
  .fixedRit ul a span {
    font-size: 10px;
  }
}
.fixedRit ul a svg {
  display: block;
  margin: auto;
  width: 19px;
  fill: rgb(174, 41, 86);
  transition: all 0.3s;
}
@media only screen and (min-width: 468px) {
  .fixedRit ul a svg {
    width: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .fixedRit ul a svg {
    margin-bottom: 7px;
    width: 22px;
  }
}
.fixedRit ul a.call {
  background: rgb(255, 255, 255);
}
.fixedRit ul a.call span {
  color: rgb(18, 18, 18);
}
.fixedRit ul a.call svg {
  fill: rgb(18, 18, 18);
}
.fixedRit ul a.mail {
  background: rgb(174, 41, 86);
}
.fixedRit ul a.mail span {
  color: rgb(255, 255, 255);
}
.fixedRit ul a.mail svg {
  fill: rgb(255, 255, 255);
}
.fixedRit ul a.whatsapp {
  background: rgb(78, 149, 37);
}
.fixedRit ul a.whatsapp span {
  color: rgb(255, 255, 255);
}
.fixedRit ul a.whatsapp svg {
  fill: rgb(255, 255, 255);
}
.fixedRit ul a:hover {
  background: rgb(128, 28, 62);
}
.fixedRit ul a:hover span {
  color: rgb(255, 255, 255);
}
.fixedRit ul a:hover svg {
  fill: rgb(255, 255, 255);
}

/***********PARALLAX**************/
.parallax {
  position: relative;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: 50% 0;
}

.owl-carousel {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.accordion-header {
  cursor: pointer;
}

button[aria-expanded=true], a[aria-expanded=true] {
  pointer-events: none;
}

.Navigation{
    display: flex;
    align-items: center;
    justify-content: center;
}
.Navigation .arrows{
    margin: 0 !important;
    padding: 0 10px;
    cursor: pointer;
    user-select: none;
}
.Navigation .arrows svg{
    fill: #fff
}
.Navigation .arrows:hover{
    color: #fff;
}
.Navigation .arrows.OwlPrev svg{
    transform: rotate(0deg);
    margin-left: 0px;
    margin-right: 18px;
}
.Navigation .arrows.OwlPrev:hover svg{
    animation: ArrowAnim2 0.3s forwards;
}

@keyframes ArrowAnim2 {
  49% {
    transform: rotate(0deg) translateY(0px) translateX(-100%);
  }
  50% {
    opacity: 0;
    transform: rotate(0deg) translateY(0px) translateX(100%);
  }
  51% {
    opacity: 1;
  }
}



/*# sourceMappingURL=app.min.css.map */