h1,
.h1 {
  font-size: 2rem;
}

@font-face {
  font-family: Carattere-Regular;
  src: url("../fonts/Carattere-Regular.ttf");
}
@font-face {
  font-family: RobotoSlab;
  src: url("../fonts/RobotoSlab.ttf");
}
@font-face {
  font-family: OpenSans-Regular;
  src: url("../fonts/OpenSans-Regular.ttf");
}

a {
  text-decoration: none !important;
}

p {
  font-size: 14px;
  line-height: 30px;
}
.erp_links {
  right: 0px;
  position: fixed;
  bottom: 105px;
  z-index: 999;
}
.erp_links img {
  width: 80px;
}
body {
  overflow-x: hidden !important;
  font-family: OpenSans-Regular;
}

h1,
h3,
h5 {
  font-family: RobotoSlab;
}

.highlighttext {
  background: #ececec !important;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  text-transform: uppercase;
}

.dropdown-menu li {
  text-align: left;
}

.navbar-dark .navbar-nav .nav-link {
  color: #000;
  font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #650300;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: inherit;
}
#sidebar::-webkit-scrollbar {
  width: 0;
}
#sidebar {
  min-width: 280px;
  max-width: 280px;
  background: #af1716;
  color: #fff;
  transition: all 0.3s;
  position: absolute !important;
  z-index: 9;
  height: 100%;
  overflow-y: scroll;
}

#sidebarCollapse.no-left {
  left: 12px;
}

#sidebar.active {
  margin-left: -280px;
}

#sidebar .sidebar-header {
  padding: 10px;
}

#sidebar .sidebar-header {
  width: 160px;
  margin: auto;
  display: block;
}

#sidebar ul.components {
  padding: 20px 0;
}

#sidebar ul p {
  color: #fff;
  padding: 10px;
}

#sidebar ul li a {
  padding: 7px 15px;
  font-size: 1.1em;
  display: block;
  color: #fff;
  text-decoration: none;
  text-transform: capitalize !important;
  font-family: RobotoSlab;
}

#sidebar ul li a:hover {
  color: #ffffff;
  background: #3d4392;
}

#sidebar ul li.active > a,
a[aria-expanded="true"] {
  color: #fff;
  background: #af1716;
}

a[data-toggle="collapse"] {
  position: relative;
}

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

ul ul a {
  font-size: 0.9em !important;
  padding: 5px 20px !important;
  background: #af1716;
  color: #ffd7d6 !important;
}

ul.CTAs {
  padding: 20px;
}

ul.CTAs a {
  text-align: center;
  font-size: 0.9em !important;
  display: block;
  border-radius: 5px;
  margin-bottom: 5px;
}

a.download {
  background: #fff;
  color: #7386d5;
}

a.article,
a.article:hover {
  background: #6d7fcc !important;
  color: #fff !important;
}

.button {
  text-align: center;
  cursor: pointer;
  display: inline-block;
  border-radius: 3px;
  margin: 1rem;
  text-decoration: none;
  font-family: system-ui;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff !important;
  background-image: linear-gradient(-45deg, #f761a1 0, #8c1bab 100%);
  box-shadow: 0 3px 13px 0 rgba(14, 9, 73, 0.2),
    0 11px 21px 0 rgba(255, 166, 220, 0.004);
}

.card {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  text-align: center !important;
}

.card::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: -50%;
  left: 0px;
  transition: 1s ease-in;
  display: none;
}

.card:hover::before {
  top: 0%;
  background-color: #3d439245;
  color: white;
}

.card .image {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card .image img {
  max-width: 100%;
  transition: 1s ease-in;
}

.card:hover .image img {
  width: 80%;
}

.btn-primary {
  color: #000000;
  background-color: #ffffff;
  border-color: #c7c7c7;
  width: max-content;
  /* text-align: center; */
  margin: auto;
  display: block;
  position: relative;
  transition: 0.8s;
}

.btn-primary:hover {
  background-color: #282f8e;
  border-color: #ffffff;
}

.slide-new {
  height: auto !important;
  width: 100%;
  padding: 0px !important;
  position: fixed;
  background: #000;
}

.slide-new .black_overlay {
  background: #00000082;
  position: absolute;
  z-index: 999999;
  height: 100%;
  top: 0px;
  width: 100%;
}

.slide-new .resvideo {
  width: 100%;
  height: auto;
}

.slide-new .data-home {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  margin: auto;
  height: 100vh;
  top: 250px;
  width: max-content;
  z-index: 999999;
}

.slide-new .data-home h1 {
  color: #fff;
  line-height: 55px;
  font-size: 40px;
  text-align: center;
}

.slide-new .data-home h3 {
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 2px 2px 6px black;
  line-height: 30px;
}

.slide-new .data-home img {
  width: 520px;
  margin: auto;
  display: block;
  border-radius: 30px;
  padding: 4px;
}

.slide-new .alumni-reg {
  background: #ffffff;
  padding: 0px 10px;
  margin: auto;
  margin-top: 25px;
  border-radius: 65px;
  border-bottom: solid 3px #af1716;
  display: block;
  width: max-content;
}

.slide-new .alumni-reg .centerBox {
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide-new .alumni-reg .categoryWrapper h1 {
  color: white;
  font-size: 15px;
  letter-spacing: 2px;
  -webkit-transition: all 0.15s ease 0s;
  position: relative;
  display: flex;
  z-index: 10;
  margin-bottom: 0px;
}

.slide-new .alumni-reg .categoryWrapper h1 img {
  width: 50px;
  display: flex;
  /* margin-right: 11px; */
}

.slide-new .alumni-reg .categoryWrapper h1 a {
  color: #af1716;
  text-decoration: none;
}

.slide-new .alumni-reg .categoryWrapper h1 a:hover {
  color: #fff;
}

.slide-new .patron-sec {
  position: absolute;
  bottom: 200px;
  left: 0px;
  z-index: 999999;
}

.slide-new .patron-sec img {
  width: 250px;
}

.slide-new .excellese-sec {
  position: absolute;
  bottom: 200px;
  right: 0px;
  z-index: 999999;
}

.slide-new .excellese-sec img {
  width: 250px;
}

.snowflake {
  --size: 1vw;
  width: var(--size);
  height: var(--size);
  background: white;
  border-radius: 50%;
  position: absolute;
  top: -5vh;
}

@keyframes snowfall {
  0% {
    transform: translate3d(var(--left-ini), 0, 0);
  }
  100% {
    transform: translate3d(var(--left-end), 110vh, 0);
  }
}
.snowflake:nth-child(1) {
  --size: 0.8vw;
  --left-ini: 4vw;
  --left-end: 5vw;
  left: 58vw;
  animation: snowfall 9s linear infinite;
  animation-delay: -5s;
}

.snowflake:nth-child(2) {
  --size: 1vw;
  --left-ini: -5vw;
  --left-end: 0vw;
  left: 26vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(3) {
  --size: 0.2vw;
  --left-ini: -2vw;
  --left-end: 1vw;
  left: 49vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(4) {
  --size: 0.6vw;
  --left-ini: -2vw;
  --left-end: 3vw;
  left: 52vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(5) {
  --size: 0.4vw;
  --left-ini: 9vw;
  --left-end: -2vw;
  left: 71vw;
  animation: snowfall 9s linear infinite;
  animation-delay: -10s;
}

.snowflake:nth-child(6) {
  --size: 1vw;
  --left-ini: -7vw;
  --left-end: 8vw;
  left: 48vw;
  animation: snowfall 9s linear infinite;
  animation-delay: -9s;
}

.snowflake:nth-child(7) {
  --size: 0.6vw;
  --left-ini: 8vw;
  --left-end: 10vw;
  left: 28vw;
  animation: snowfall 6s linear infinite;
  animation-delay: -9s;
}

.snowflake:nth-child(8) {
  --size: 0.2vw;
  --left-ini: -6vw;
  --left-end: -1vw;
  left: 20vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -1s;
}

.snowflake:nth-child(9) {
  --size: 0.4vw;
  --left-ini: 10vw;
  --left-end: 3vw;
  left: 44vw;
  animation: snowfall 9s linear infinite;
  animation-delay: -1s;
}

.snowflake:nth-child(10) {
  --size: 0.8vw;
  --left-ini: -4vw;
  --left-end: 3vw;
  left: 24vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -5s;
}

.snowflake:nth-child(11) {
  --size: 0.4vw;
  --left-ini: -2vw;
  --left-end: -4vw;
  left: 74vw;
  animation: snowfall 9s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(12) {
  --size: 0.2vw;
  --left-ini: 8vw;
  --left-end: 9vw;
  left: 75vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(13) {
  --size: 0.2vw;
  --left-ini: -7vw;
  --left-end: 6vw;
  left: 51vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -9s;
}

.snowflake:nth-child(14) {
  --size: 1vw;
  --left-ini: -4vw;
  --left-end: 8vw;
  left: 71vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -9s;
}

.snowflake:nth-child(15) {
  --size: 0.2vw;
  --left-ini: -3vw;
  --left-end: -5vw;
  left: 7vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(16) {
  --size: 0.4vw;
  --left-ini: 8vw;
  --left-end: 10vw;
  left: 18vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(17) {
  --size: 1vw;
  --left-ini: -2vw;
  --left-end: -2vw;
  left: 91vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -10s;
}

.snowflake:nth-child(18) {
  --size: 0.4vw;
  --left-ini: 1vw;
  --left-end: 3vw;
  left: 69vw;
  animation: snowfall 7s linear infinite;
  animation-delay: -5s;
}

.snowflake:nth-child(19) {
  --size: 0.6vw;
  --left-ini: -1vw;
  --left-end: 9vw;
  left: 17vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -9s;
}

.snowflake:nth-child(20) {
  --size: 0.4vw;
  --left-ini: 6vw;
  --left-end: 3vw;
  left: 33vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -7s;
}

.snowflake:nth-child(21) {
  --size: 0.8vw;
  --left-ini: -5vw;
  --left-end: 1vw;
  left: 43vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -9s;
}

.snowflake:nth-child(22) {
  --size: 1vw;
  --left-ini: 4vw;
  --left-end: -2vw;
  left: 15vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(23) {
  --size: 1vw;
  --left-ini: -7vw;
  --left-end: -5vw;
  left: 91vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(24) {
  --size: 1vw;
  --left-ini: -4vw;
  --left-end: -9vw;
  left: 39vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -7s;
}

.snowflake:nth-child(25) {
  --size: 0.6vw;
  --left-ini: -6vw;
  --left-end: 10vw;
  left: 58vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -7s;
}

.snowflake:nth-child(26) {
  --size: 0.8vw;
  --left-ini: 9vw;
  --left-end: 2vw;
  left: 60vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(27) {
  --size: 0.8vw;
  --left-ini: -4vw;
  --left-end: 10vw;
  left: 72vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(28) {
  --size: 0.2vw;
  --left-ini: 9vw;
  --left-end: 5vw;
  left: 43vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(29) {
  --size: 1vw;
  --left-ini: -7vw;
  --left-end: 6vw;
  left: 46vw;
  animation: snowfall 9s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(30) {
  --size: 0.4vw;
  --left-ini: 5vw;
  --left-end: 10vw;
  left: 35vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(31) {
  --size: 0.4vw;
  --left-ini: 5vw;
  --left-end: 2vw;
  left: 5vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -7s;
}

.snowflake:nth-child(32) {
  --size: 1vw;
  --left-ini: 6vw;
  --left-end: -9vw;
  left: 42vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(33) {
  --size: 0.6vw;
  --left-ini: 10vw;
  --left-end: 1vw;
  left: 62vw;
  animation: snowfall 7s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(34) {
  --size: 0.4vw;
  --left-ini: -5vw;
  --left-end: 4vw;
  left: 36vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -2s;
}

.snowflake:nth-child(35) {
  --size: 0.4vw;
  --left-ini: 7vw;
  --left-end: -4vw;
  left: 8vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(36) {
  --size: 1vw;
  --left-ini: -4vw;
  --left-end: 5vw;
  left: 1vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -10s;
}

.snowflake:nth-child(37) {
  --size: 0.2vw;
  --left-ini: -5vw;
  --left-end: 5vw;
  left: 25vw;
  animation: snowfall 15s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(38) {
  --size: 0.8vw;
  --left-ini: 7vw;
  --left-end: 3vw;
  left: 13vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(39) {
  --size: 0.2vw;
  --left-ini: 1vw;
  --left-end: -8vw;
  left: 56vw;
  animation: snowfall 7s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(40) {
  --size: 1vw;
  --left-ini: 6vw;
  --left-end: 4vw;
  left: 2vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -2s;
}

.snowflake:nth-child(41) {
  --size: 0.8vw;
  --left-ini: 3vw;
  --left-end: 2vw;
  left: 75vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(42) {
  --size: 0.4vw;
  --left-ini: -4vw;
  --left-end: 7vw;
  left: 13vw;
  animation: snowfall 15s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(43) {
  --size: 0.6vw;
  --left-ini: -4vw;
  --left-end: 2vw;
  left: 15vw;
  animation: snowfall 9s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(44) {
  --size: 0.4vw;
  --left-ini: -8vw;
  --left-end: -7vw;
  left: 99vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -10s;
}

.snowflake:nth-child(45) {
  --size: 0.4vw;
  --left-ini: 6vw;
  --left-end: 2vw;
  left: 57vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(46) {
  --size: 0.6vw;
  --left-ini: -8vw;
  --left-end: 8vw;
  left: 81vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -1s;
}

.snowflake:nth-child(47) {
  --size: 0.6vw;
  --left-ini: 2vw;
  --left-end: -3vw;
  left: 25vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -9s;
}

.snowflake:nth-child(48) {
  --size: 0.8vw;
  --left-ini: 1vw;
  --left-end: 10vw;
  left: 87vw;
  animation: snowfall 7s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(49) {
  --size: 0.6vw;
  --left-ini: 9vw;
  --left-end: 3vw;
  left: 13vw;
  animation: snowfall 6s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(50) {
  --size: 0.4vw;
  --left-ini: 8vw;
  --left-end: 1vw;
  left: 27vw;
  animation: snowfall 6s linear infinite;
  animation-delay: -3s;
}

/* added small blur every 6 snowflakes*/
.snowflake:nth-child(6n) {
  filter: blur(1px);
}

.button {
  display: inline-block;
  border-radius: 10rem;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10rem;
  z-index: -2;
}

.button:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #af1716;
  color: #fff;
  transition: all 0.3s;
  border-radius: 10rem;
  z-index: -1;
}

.button:hover {
  color: #fff;
}

.button:hover:before {
  width: 100%;
}

.top-header {
  background: #af1716;
}

.top-header ul.right-sec {
  text-align: right;
}

.top-header ul {
  margin: 0px;
}

.top-header ul li {
  display: inline-block;
  margin-left: 10px;
  line-height: 35px;
}

.top-header ul li a {
  color: #fff;
  text-decoration: none;
}

.top-header ul li a:hover {
  color: #f0c020;
}

.menu-sec {
  height: 90px;
  padding-top: 10px;
}

.menu-sec .logo-sec {
  position: relative;
  z-index: 9;
  align-items: center;
  justify-items: center;
  right: 0px;
  left: 0px;
  display: grid;
  top: -50px;
}

.menu-sec .logo-sec img {
  width: 165px;
  background: #ffffff;
  border-radius: 30px;
  padding: 10px;
}

.quick-links .row {
  align-items: center;
  margin: auto;
  justify-content: center;
}
.quick-links {
  position: absolute;
  z-index: 9;
  bottom: 100px;
  width: 100%;
  margin: 0 auto;
  /* align-items: center; */
  /* align-content: center; */
  /* display: flex; */
  /* margin: auto; */
  /* justify-content: center; */
  left: 150px;
}

.quick-links .card::before {
  top: inherit;
  left: inherit;
  position: inherit;
}

.quick-links .card {
  border: 0px;
  background: none;
  background: #ffffff;
  box-shadow: 2px 3px 12px #000000bd;
  border-radius: 100%;
  width: 100%;
  transition: 0.5s;
  width: 150px;
  height: 150px;
  justify-content: center;
}

.quick-links .card.clr_1 {
  background: #348fd9;
}

.quick-links .card.clr_2 {
  background: #ffc000;
}

.quick-links .card.clr_3 {
  background: #f35d20;
}

.quick-links .card.clr_4 {
  background: #c80a50;
}

.quick-links .card.clr_5 {
  background: #47b983;
}

.quick-links .myDIV-ani {
  margin: auto;
  color: white;
  animation: mymove 2s infinite;
  border-radius: 100%;
  padding-top: 15px;
}

.quick-links .card:hover {
  border-radius: 310% 420% 95% 239%;
}

@keyframes mymove {
  50% {
    box-shadow: 10px 20px 30px #dadada;
  }
}
.quick-links h3 {
  text-align: center;
  display: none !important;
  background: #af1716;
  width: max-content;
  display: block;
  margin: auto;
  margin-top: -15px;
  position: relative;
  padding: 10px;
  color: #fff;
  margin-bottom: 50px;
}

.quick-links img {
  width: 60px;
  height: 60px;
  margin: auto;
  display: block;
}

.quick-links p {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-top: 0px;
  display: block !important;
  margin-bottom: 4px;
  word-break: break-all;
  font-weight: bold;
  letter-spacing: 1px;
}

.quick-links a {
  color: #fff;
  text-decoration: none;
}

.quick-links a :hover {
  color: #000;
}

.online-reg {
  position: absolute;
  z-index: 9;
  right: 170px;
  background: #af1716;
  padding: 5px 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.online-reg h3 {
  font-size: 19px;
}

.online-reg h3 a {
  color: #fff;
  text-decoration: none;
}

.online-reg i {
  color: #ffffff;
  width: 37px;
  height: 30px;
  border-radius: 100%;
  margin-left: 15px;
}

.online-reg img {
  width: 30px;
  display: inline-block;
}

.slider-sec {
  position: relative;
}

#sidebarCollapse {
  position: absolute;
  z-index: 999;
  left: 278px;
  background: #af1716;
  border-color: transparent;
  color: #fff;
  top: 10px;
  font-size: 33px;
  padding: 5px;
  line-height: 0;
  border-radius: 0;
  box-shadow: none;
}

.slider-sec h5,
.slider-sec p {
  display: none;
}

.slider-sec .important-icons {
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 9;
  background: #fff;
  border-top: 5px solid #af1716;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.slider-sec .important-icons ul {
  text-align: center;
  margin: 0px;
  padding: 5px 20px;
}

.slider-sec .important-icons ul li {
  display: inline-block;
  margin-left: 20px;
}

.slider-sec .important-icons ul li img {
  width: 20px;
}

.slider-sec .important-icons .hide {
  display: none;
  position: absolute;
  background: #fff;
  padding: 15px;
  border-radius: 20px;
  min-width: 170px;
  right: 0px;
  top: 35px;
  width: max-content;
}

.slider-sec .important-icons .hide input {
  width: 150px;
  border: solid 1px #ddd;
  margin-bottom: 10px;
  font-size: 12px;
  padding-left: 10px;
  color: #000;
  outline: none;
  display: block;
  padding: 5px;
}

.slider-sec .important-icons .hide input[type="submit"] {
  color: #fff;
}

.submit {
  background: #af1716;
}

.slider-sec .important-icons .hide h4 {
  font-size: 14px;
  font-weight: bold;
}

.slider-sec .important-icons.hide {
  display: block;
}

.card {
  border: 0px;
  background: none;
}

.top-scroll-sec {
  background: #f7f2e2;
  /* margin-top: 50px; */
}

.top-scroll-sec h1 {
  text-align: center;
  font-size: 35px;
}

.top-scroll-sec h1 a {
  color: #fff;
  text-decoration: none;
}

.top-scroll-sec h1 a:hover {
  color: #f0c020;
}

.top-scroll-sec .first-bg {
  background: #06c15f;
  padding: 50px 20px;
}

.top-scroll-sec .first-bg .kids-bg {
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/kids.png)
    center no-repeat;
  height: 475px !important;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100%;
}

.top-scroll-sec .first-bg .kids-bg .card {
  padding-top: 175px;
}

.top-scroll-sec .first-bg .kids-bg .card img {
  width: 150px;
  margin: auto;
  border: solid 4px #ffc900;
  object-fit: contain;
  object-position: center;
  background-color: whitesmoke;
}

.top-scroll-sec .first-bg .kids-bg .card h5 {
  text-align: center;
}

.top-scroll-sec .first-bg .kids-bg .card p {
  text-align: center;
  font-weight: bold;
}

.top-scroll-sec .second-bg {
  background: #ff9b34;
  padding: 50px 20px;
}

.top-scroll-sec .second-bg .achievement-bg {
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/achievement.png)
    bottom right no-repeat;
  height: 475px;
}

.top-scroll-sec .second-bg .achievement-bg .card {
  padding-top: 80px;
  width: 100%;
}

.top-scroll-sec .second-bg .achievement-bg .card img {
  width: 350px;
  margin: auto;
  border: solid 4px #ffc900;
  height: 350px;
  max-height: 250px;
}

.top-scroll-sec .second-bg .achievement-bg .card h5 {
  color: #fff;
  text-align: center;
  font-size: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-scroll-sec .second-bg .achievement-bg .card p {
  color: #fff;
  text-align: center;
  font-size: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-scroll-sec .third-bg {
  background: #ffd023;
  padding: 50px 20px;
}

.top-scroll-sec .third-bg .birthday-bg {
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/birthday.png)
    center no-repeat;
  height: 475px;
}

.top-scroll-sec .third-bg .birthday-bg .card {
  padding-top: 150px;
  width: 100%;
}

.top-scroll-sec .third-bg .birthday-bg .card img {
  width: 200px;
  margin: auto;
  border-radius: 100%;
  height: 200px;
}

.top-scroll-sec .third-bg .birthday-bg .card h5 {
  color: #000;
  text-align: center;
  font-size: 28px;
}

.top-scroll-sec .third-bg .birthday-bg .card p {
  color: #000;
  text-align: center;
  font-size: 17px;
}

.kids-link img {
  height: 120px;
  border-radius: 50px;
  border: dotted 5px #f3d2d1;
  padding: 5px;
  margin-top: 170px;
}

.kids-link h3 {
  width: max-content !important;
  border-radius: 10px;
  text-align: center;
  width: max-content !important;
  display: block;
  margin: auto;
  margin-top: 20px;
}

.kids-link h3 a {
  color: #fff;
  text-decoration: none;
  display: block;
}

.kids-bg {
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/kids-bg.jpg)
    repeat;
  width: 100%;
  background-size: cover;
  position: absolute;
}

.logo-kids {
  background: #af1716;
  padding: 10px;
  border-radius: 50px;
}

.kids-logo {
  width: 200px;
  background: #ffffff87;
  border-radius: 100%;
}

.kintergarten_slider_sec {
  min-height: 100%;
  /* background: #155c9b; */
  background-position: 0px 0px;
  background-repeat: no-repeat;
  animation: animatedBackground 1s linear infinite alternate;
  background-position: top left;
  animation: mymove 20s infinite;
  background-image: url(https://webapi.entab.info/api/image/CJMWM/public/images/main_bg.png) !important;
}

@keyframes mymove {
  50% {
    background-position: center;
  }
}
.kintergarten_slider_sec_btm_bird {
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
  height: 200px;
  bottom: 70px;
  position: absolute;
  top: 6px;
  right: 0;
}

.data-sec {
  width: 500px;
  margin: auto;
  margin-top: 70px;
  float: right;
  margin-right: 370px;
}

.data-sec select {
  width: 100%;
  height: 40px;
  padding-left: 10px;
  border-radius: 10px;
  border: solid 1px #fff;
  background: #e25900;
  font-size: 17px;
  color: #ffffff;
}

.data-sec input {
  height: 40px;
  padding-left: 10px;
  border-radius: 10px;
  width: 100%;
  border: solid 1px #e7e7e7;
  background: #efefef;
}

.data-sec .search {
  width: 35px;
  margin-top: 4px;
  cursor: pointer;
}

.footer_sec {
  margin: 0px;
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/footer.jpg);
  background: #af1716;
  position: fixed;
  bottom: 0px;
  width: 100%;
}

.footer_sec h1 {
  text-align: center;
}

.footer_sec p {
  text-align: center;
  color: #fff;
  margin: 0px;
}

.footer_sec p a {
  color: #fff;
}

.footer_sec p a:hover {
  color: #fff;
}

.myDiv {
  display: none;
}

.selected_year {
  display: block;
}

#ddlYear {
  border: solid 1px #d2d2d2;
  color: #001a52;
  width: 200px;
  height: 31px;
  padding: 5px;
  margin-top: 0px;
  background: #fff2ec;
  margin-bottom: 15px;
}

.year_selction_sec {
  margin-bottom: 25px;
}

.year_selction_sec select {
  margin: 0px;
}

.photo-gallery {
  /* background: #eaeaea; */
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 80px;
}

.photo-gallery h1 {
  text-align: center;
  margin-bottom: 30px;
}

.photo-gallery .nav-tabs .nav-link {
  border-radius: 50px;
  border: solid 1px #d2d2d2;
  background: #fff;
  color: #000;
}

.photo-gallery .nav-tabs {
  margin-bottom: 30px;
  border: 0px;
  text-align: center;
  display: block;
}

.photo-gallery .nav-tabs li {
  display: inline-block;
}

.photo-gallery .nav-tabs .nav-link.active,
.photo-gallery .nav-tabs .nav-item.show .nav-link {
  background: #ffe700;
}

.photo-gallery .card {
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 50px;
  /* padding: 30px; */
}

.photo-gallery .card img {
  width: 100%;
  object-fit: contain;
  object-position: center;
  background-color: whitesmoke;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  height: 220px;
  /* border-radius: 270% 270% 225% 99%; */
  position: absolute;
  z-index: 9;
  left: 0px;
  display: block;
  margin: auto;
  right: 0px;
  border: 5px solid #3d4392;
  border-radius: 50px 50px 0 0;
}

.photo-gallery .card:hover img {
  width: 100%;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  transform: scale(1.1);
}

.photo-gallery .card .bck-bg {
  background: #e1e1e1c7;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  height: 130px;
  border-radius: 15px;
  position: relative;
  margin-top: 108px;
  border-radius: 270% 270% 225% 99%;
}

.photo-gallery .card .btn-primary {
  color: #8f8f8f;
  border: solid 1px #c5c5c5;
  display: none;
}
.clr20 {
  height: 20px;
}
.photo-gallery .card .btn-primary:hover {
  color: #fff;
}

.photo-gallery .card img.clr_1 {
  border: 5px solid #348fd9;
}

.photo-gallery .card img.clr_2 {
  border: 5px solid #ffc000;
}

.photo-gallery .card img.clr_3 {
  border: 5px solid #f35d20;
}

.photo-gallery .card .date-gal.clr_1 {
  background: #348fd9;
}

.photo-gallery .card .date-gal.clr_2 {
  background: #ffc000;
}

.photo-gallery .card .date-gal.clr_3 {
  background: #f35d20;
}

.photo-gallery .card:hover {
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  box-shadow: 1px 1px 15px #b3b3b3;
}

.photo-gallery .card .date-gal {
  background: #000;
  width: max-content;
  padding: 2px 10px;
  border-radius: 15px;
  color: #fff;
  font-size: 14px;
  z-index: 99;
  position: absolute;
  left: 30px;
}

.photo-gallery .card h5 {
  color: #000;
}

.photo-gallery .card p {
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 55px;
}

.photo-gallery .card .count-pic {
  background: #4c4c4c;
  padding: 5px 7px;
  position: absolute;
  right: 20px;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
  bottom: 10px;
}

.diagonal-msg {
  z-index: 1;
  padding: 25px;
}

.diagonal-msg:before {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-4deg);
  -webkit-transform-origin: 3% 0;
  transform-origin: 3% 0;
  top: 0;
  left: -25%;
  z-index: -1;
  width: 150%;
  height: 75%;
  background: inherit;
}

.message-sec {
  position: relative;
}

.message-sec .card:hover::before {
  background: none;
}

.message-sec:before {
  position: absolute;
  content: "";
}

.message-sec.diagonal-msg {
  background: #af1716;
  margin-top: 120px;
}

.message-sec h1 {
  color: #fff;
}

.message-sec .msg-bg {
  padding: 0px 0px;
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/message-pen.png)
    no-repeat;
}

.message-sec .card {
  width: 100%;
  margin: auto;
}

.message-sec h5 {
  padding-left: 80px;
  color: #fff;
  text-align: left;
}

.message-sec p {
  color: #fff;
  position: relative;
  line-height: 30px;
  text-align: justify;
  overflow: hidden;
  margin: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  padding-left: 80px;
  font-size: 17px;
}

.message-sec p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/msg-2.png)
    no-repeat;
  /* opacity: 0.2; */
}

.message-sec p::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/msg-1.png)
    no-repeat;
  opacity: 0.2;
  top: 230px;
  display: none;
}

.message-sec h6 {
  color: #fff;
  text-align: left;
  line-height: 35px;
  padding-left: 80px;
}

.message-sec .btn-primary {
  /* margin: 0px; */
  /* margin-left: 80px; */
}

.message-sec img {
  object-fit: cover;
}

.diagonal-news {
  z-index: 1;
  padding: 3em;
}

.diagonal-news:before {
  -webkit-transform: rotate(-3deg);
  transform: rotate(3deg);
  -webkit-transform-origin: 3% 0;
  transform-origin: 3% 0;
  bottom: 0;
  left: -25%;
  z-index: -1;
  width: 150%;
  height: 75%;
  background: inherit;
}

.news-sec:before {
  position: absolute;
  content: "";
}

.news-sec.diagonal-msg {
  background: #af1716;
}

.news-sec marquee {
  height: 380px;
}

.news-sec {
  position: relative;
  padding: 50px 0px 0px;
  background: #ebebeb;
  -webkit-animation-name: MOVE-BG;
  -webkit-animation-duration: 100s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  /* background: #3d4392; */
}

@-webkit-keyframes MOVE-BG {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 187% 0%;
  }
}
.news-sec .link {
  text-align: right;
  padding: 5px;
  width: max-content;
  color: #000000;
  border-radius: 10px;
  float: right;
}

.news-sec .link a {
  color: #858585;
  text-decoration: none;
}

.news-sec .link a:hover {
  color: #f0c020;
}

.news-sec .news-back-img {
  height: 593px;
  object-fit: cover;
}

.news-sec h1 {
  margin-bottom: 30px;
  color: black;
}

.news-sec article {
  padding: 8px;
  border-radius: 50px;
}

.news-sec article .card {
  overflow: inherit;
  border-radius: 0px;
  padding: 10px 10px 10px 10px;
  padding-bottom: 0px;
  background: #ffffff;
  padding-left: 10px;
  border-radius: 5px;
}

.news-sec article .card .card-body {
  padding-top: 0px;
}

.news-sec article .card i {
  height: inherit;
  position: absolute;
  bottom: 0;
  z-index: 999;
  left: -17px;
  border: solid 1px #fff;
  border-radius: 0% 50% 30% 30%;
  color: #ffffff;
  font-size: 19px;
  background: #0f1562;
  padding: 2px 7px;
}

.news-sec article .card i.clr_1 {
  background: #348fd9;
}

.news-sec article .card i.clr_2 {
  background: #ffc000;
}

.news-sec article .card i.clr_3 {
  background: #f35d20;
}

.news-sec article .card i.clr_4 {
  background: #c80a50;
}

.news-sec article .card h5 {
  margin: 0px;
}

.news-sec article .card .text-muted {
  color: #7c7c7c !important;
}

.news-sec article .card p {
  font-size: 15px;
  overflow: hidden;
  margin: 0px;
  text-align: left;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.news-sec article .card .card-text {
  text-align: right;
}

.news-sec .about-sec h1 {
  color: #000;
}

.news-sec .about-sec p {
  color: #000;
  overflow: hidden;
  margin: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  text-align: justify;
  font-weight: normal;
  font-size: 16px;
  line-height: 35px;
}

.thoght-sec {
  background: #b70a09;
  padding: 50px 0px;
}

.thoght-sec .clearfix {
  align-items: center;
  justify-content: center;
  display: flex;
}

.thoght-sec .clearfix img {
  width: 290px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  margin-right: 10px;
  position: absolute;
  left: 50px;
}

.thoght-sec .clearfix h3 {
  margin: 0px;
  color: #fff;
  margin-left: 330px;
}

.thoght-sec .clearfix h3 span {
  margin: 0px;
}

.toppers-sec {
  padding: 50px 0px;
  background: #fff;
}

.toppers-sec .percentage {
  position: absolute;
  color: #ffffff;
  top: 18px;
  left: 0;
  background: #c11616;
  padding: 5px 10px;
}

.toppers-sec .myDIV-ani {
  margin: auto;
  color: white;
  /* animation: mymove1 2s infinite; */
  padding: 15px 5px;
}

@keyframes mymove1 {
  50% {
    box-shadow: 10px 20px 30px #bfbfbf;
  }
}
.toppers-sec .toppers-back-img {
  height: 590px;
  object-fit: cover;
}

.toppers-sec h3 {
  text-align: center;
  margin-bottom: 20px;
}

.toppers-sec h1 {
  margin-bottom: 30px;
}

.toppers-sec .card {
  width: 100%;
  background: #f7f2e2;
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/toppers-bg.png)
    no-repeat #ffe1e0 right top;
  margin-bottom: 20px;
  padding: 30px !important;
  margin-bottom: 20px;
  box-shadow: 3px 4px 4px #80808047;
}

.toppers-sec .card.office {
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/topper-bg.png)
    no-repeat center;
  background: #e4e5fd;
  border-radius: 245% 265% 391%;
}

.toppers-sec .card .card-body {
  padding: 0px;
  /* color: white; */
}

.toppers-sec .card img {
  width: 120px;
  margin: auto;
  height: 120px;
  border-radius: 100%;
  object-fit: contain;
  border: 2px solid black;
  padding: 5px;
  min-height: 120px;
}

.new_slid {
  position: relative;
}

.new_slid .MS-content {
  white-space: nowrap;
  overflow: hidden;
}

.new_slid .MS-content .item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  /* min-height:450px; */
  height: 100%;
  white-space: normal;
  padding: 0 10px;
  float: none;
  min-height: 250px;
}

.new_slid .MS-controls button {
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 0px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
  cursor: pointer;
}

.new_slid .MS-controls {
  position: absolute;
  right: 10px;
  top: -80px;
  cursor: pointer;
}

.new_slid .MS-controls .MS-left {
  left: 0px;
}

.new_slid .MS-controls .MS-right {
  right: 0px;
}

#basicSlider .MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

#basicSlider .MS-controls .MS-right {
  top: 35px;
  right: 10px;
}

.MS-controls i {
  border: solid 1px #da261d;
  width: 30px;
  height: 30px;
  color: #da261d;
  font-size: 20px;
  padding-top: 4px;
  border-radius: 100%;
}

.MS-controls i:hover {
  background: #ee2022;
  color: #fff;
}

.modal-dialog {
  max-width: 700px !important;
}
.modal-dialog .carousel-control-prev-icon {
  background-image: url("https://webapi.entab.info/api/image/CJMWM/public/images/left.png") !important;
  height: 1rem;
}
.modal-dialog .carousel-control-next-icon {
  background-image: url("https://webapi.entab.info/api/image/CJMWM/public/images/right.png") !important;
  height: 1rem;
}
.modal-dialog .card {
  border: none;
}

.erppopup .btn-close {
  background: transparent
    url("https://webapi.entab.info/api/image/CJMWM/public/images/closeicn.png")
    no-repeat;
  opacity: 1;
}

.modal-body img {
  margin: 0 auto;
  display: block;
}

#Div5 img {
  width: 650px;
  object-position: top;
}

.modal-header {
  background: #af1716;
  padding: 10px;
}

.modal-content .btn-primary {
  display: inline-block;
  background-color: #282f8e;
  border-color: #ffffff;
  color: #fff;
}

.modal-content p {
  display: block;
  text-align: left;
}

.modal .card:hover::before {
  background-color: inherit;
  top: inherit;
  color: inherit;
  position: inherit;
}

.modal-header h1 {
  margin-bottom: 0;
  line-height: 20px;
  font-size: 20px;
  color: #fff;
}
.modal-header .btn-close {
  padding: 0px 15px 0px 15px;
  color: #fff !important;
  z-index: 99;
}
.modal-header .btn-close:focus {
  box-shadow: none;
}

.modal-content .carousel-control-prev,
.modal-content .carousel-control-next {
  width: 3%;
}

.modal-dialog .carousel-control-next-icon {
  height: 3rem;
  background: #fff;
  border: solid 1px #e1e1e1;
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/right.png)
    0% 16px no-repeat #a3a3a3 !important;
}

.modal-dialog .carousel-control-prev-icon {
  background-image: inherit;
  height: 3rem;
  background: #fff;
  border: solid 1px #e1e1e1;
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/left.png)
    0% 16px no-repeat #a3a3a3 !important;
}

.toppers-sec .card h5 {
  text-align: center;
  font-size: 15px;
  margin-bottom: 0px;
  padding-top: 20px;
  text-transform: uppercase;
  color: #000;
}

.toppers-sec .card h4 {
  position: absolute;
  /* background: #da0100; */
  padding: 10px;
  color: #000;
  height: 40px;
  width: 50px;
  right: 5px;
  top: 10px;
  font-size: 19px;
  font-weight: bold;
}

.toppers-sec .card p {
  text-align: center;
}

.toppers-sec .card .card-text {
  margin: 0px;
  text-align: center;
  color: #585858;
}

.event-sec {
  padding: 50px 0px;
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/6635018_preview.png)
    #ffff;
  -webkit-animation-name: MOVE-BG;
  -webkit-animation-duration: 100s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes MOVE-BG {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 187% 0%;
  }
}
.eve-head-txt {
  justify-content: center;
  align-items: center;
  align-content: center;
  display: flex;
  flex-direction: column;
}

.event-sec .titile-head {
  width: 160px;
  margin: 0;
  display: block;
  padding: 0;
}

.event-sec h3 {
  color: #000;
  padding-top: 50px;
  font-family: Carattere-Regular;
  font-size: 35px;
  text-align: center;
}

.event-sec .toppers-back-img {
  height: 500px;
}

.event-sec h1 {
  margin-bottom: 30px;
}

.event-sec .card {
  background: #ffffff;
  border-radius: 50px;
  padding: 20px;
  margin-bottom: 20px;
  border: solid 1px #eee;
  box-shadow: 10px 10px 10px #eee;
}

.event-sec .card .btn-primary {
  color: #000;
  border: solid 1px #000;
  display: none;
}

.event-sec .card .btn-primary:hover {
  color: #fff;
}

.event-sec .card .card-body {
  padding-top: 0px;
}

.event-sec .card img {
  width: 100%;
  margin: auto;
  height: 200px;
  object-fit: contain;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  margin-bottom: 15px;
  max-width: 100%;
  object-position: center;
  background: whitesmoke;
}

.event-sec .card h5 {
  text-align: left;
  margin: 10px 0;
}

.event-sec .card p {
  text-align: left;
  overflow: hidden;
  margin: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.event-sec .card .card-text {
  margin: 0px;
  text-align: left;
}

.event-sec .card .btn {
  margin-top: 20px;
}

.event-sec .card small {
  position: relative;
  z-index: 999;
}

.event-sec .card small a {
  color: #000;
}

.event-sec .card small a i {
  font-size: 15px;
  position: relative;
  z-index: 9;
}

.event-sec .card small a i:hover {
  font-weight: bold;
}

.footer-main {
  background: #fff;
  /* padding-top: 100px; */
}

.footer-sec {
  background: #940904;
  padding: 20px 0;
}

.footer-sec .ftr-logo {
  width: 140px;
  margin: auto;
  display: block;
  margin-bottom: 20px;
}

.footer-sec .adress-bar {
  background: #810400;
  min-height: 110px;
  top: -43px;
  position: relative;
  padding: 0 15px;
}

.footer-sec .adress-bar i {
  text-align: center;
  display: block;
  margin-top: 10px;
  font-weight: bold;
  font-size: 25px;
  color: #ffffff;
}

.footer-sec .adress-bar p {
  text-align: center;
}

.footer-sec .adress-bar p a {
  color: #fff;
  text-decoration: none;
}

.footer-sec .adress-bar .right-border {
  border-right: solid 1px #ddd;
}

.footer-sec p {
  color: #fff;
  text-align: left;
  margin-bottom: 5px;
}

.footer-sec h3 {
  color: #fff;
  text-align: left;
  font-size: 20px;
}

.footer-sec .social-links {
  text-align: center;
}

.footer-sec .social-links li {
  display: inline-block;
}

.footer-sec .social-links i {
  font-size: 19px;
}

.footer-sec ul {
  margin: 0px;
  padding: 0px;
  text-align: left;
}

.footer-sec ul li {
  display: inline-block;
  height: 45px;
  width: 45px;
  border-radius: 100%;
  background: #720400;
  padding-top: 8px;
}

.footer-sec ul li:hover {
  background: #1f257d;
}

.footer-sec ul li a {
  color: #fff;
  text-decoration: none;
}

.footer-sec ul li a:hover {
  color: #f0c020;
}

.footer-sec .mob-app {
  text-align: left;
}

.footer-sec .mob-app p {
  text-align: left;
}

.footer-sec .mob-app h3 {
  text-align: left;
}

.footer-sec .mob-app .text-muted {
  color: #fff !important;
}

.footer-sec .mob-app img.app-icon {
  width: 60px;
}

.footer-bottom-sec {
  background: #7a0501;
}
.footer-sec a {
  color: white;
  text-decoration: none;
}

.footer-sec a:hover {
  color: #ffac2c;
}
.footer-bottom-sec .container {
  /* border-top: solid 1px #fba3a038; */
}

.footer-bottom-sec p {
  color: #fff;
  text-align: center;
  line-height: 40px;
  margin-bottom: 0px;
  font-size: 13px;
}

.footer-bottom-sec p a {
  color: #fff;
  text-decoration: none;
}

p.song1 {
  font-size: 14px !important;
}

.innerpage {
  display: flex;
  width: 100%;
  flex-direction: row;
  /*.Card:hover{
      background-color:#b4120cb3;
      color:#fff;
  }
  .Card:hover:after{
      background-color:#b4120cb3;
  }
  .Card:hover:before{
      background-color:#b4120cb3;
  }*/
}

.innerpage .important-icons {
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 9;
  background: #fff;
  border-top: 5px solid #af1716;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.innerpage .important-icons ul {
  text-align: center;
  margin: 0px;
  padding: 5px 20px;
}

.innerpage .important-icons ul li {
  display: inline-block;
  margin-left: 20px;
}

.innerpage .important-icons ul li img {
  width: 20px;
}

.innerpage .important-icons ul .hide {
  display: none;
  position: absolute;
  background: #fff;
  padding: 15px;
  border-radius: 20px;
  min-width: 170px;
  right: 0px;
  top: 35px;
  width: max-content;
}

.innerpage .important-icons ul .hide h4 {
  font-size: 14px;
  font-weight: bold;
}

.innerpage #sidebar {
  position: fixed !important;
  /* height: 100vh; */
  width: 280px;
  z-index: 99;
}

.innerpage #sidebarCollapse {
  display: none;
}

.innerpage .maininner {
  /* background: url(https://webapi.entab.info/api/image/CJMWM/public/images/wheel.png) -210px -3px repeat-y #fff; */
  min-height: 300px;
  margin-left: 276px;
  width: 100%;
  position: relative;
}

.innerpage .maininner h1 {
  text-align: center;
  font-size: 31px;
  color: #000000;
  margin-bottom: 40px;
  padding-top: 30px;
  letter-spacing: 0px;
  font-weight: 600;
}

.innerpage .maininner .breadcrumb {
  margin-bottom: 0;
  justify-content: center;
}

.innerpage .maininner .breadcrumb a {
  color: #af1716;
  text-decoration: none;
}

.innerpage .maininner .breadcrumb-item.active {
  color: #000;
}

.innerpage .maininner .breadcrumb-item + .breadcrumb-item::before {
  color: #1f257d;
}

.innerpage .maininner .banner img {
  height: 300px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.innerpage .maininner .banner img.noobject {
  object-position: center;
}
.innerpage .maininner .banner .box {
  background: #ffffff;
  width: 40%;
  margin: -22px auto 0px auto;
  /* box-shadow: 0px 2px 0px 0px #af1716, 0px -2px 4px 0px #13121087; */
  border-radius: 18px;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
  z-index: 99;
}

.innerpage .maininner .content_inner {
  background: url(https://webapi.entab.info/api/image/CJMWM/public/images/snow.png)
    bottom repeat-x;
  /* padding: 10px 20px 150px 20px; */
  min-height: 800px;
}

.container.content_inner.photogallery {
}

.innerpage .maininner .content_inner p {
  font-size: 16px;
  line-height: 37px;
}

.innerpage .maininner .content_inner ul li {
  list-style: none;
  line-height: 40px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  font-size: 16px;
}

.innerpage .maininner .content_inner .prayeraccordin div {
  height: auto !important;
  background: #ececec;
  padding: 10px;
}

.innerpage .maininner .content_inner .prayeraccordin h3 {
  font-size: 14px;
  padding: 15px 30px 15px 15px;
  margin-top: 2px;
  cursor: pointer;
  background: #ececec;
  color: #930707;
}

.innerpage .maininner .content_inner .schooltable tbody {
  border: 1px solid #ccc;
}

.innerpage .maininner .content_inner .schooltable tr:nth-child(2n + 1) {
  background: #ececec;
  color: #000;
}

.innerpage .maininner .content_inner .aimsicn {
  padding-left: 20px;
}

.innerpage .maininner .content_inner .aimsicn li {
  list-style-image: url(https://webapi.entab.info/api/image/CJMWM/public/images/aims-icn.png);
}

.innerpage .maininner .content_inner .health li {
  list-style-image: url(https://webapi.entab.info/api/image/CJMWM/public/images/healthicn.png);
}

.innerpage .maininner .content_inner .rules li {
  list-style-image: url(https://webapi.entab.info/api/image/CJMWM/public/images/ruleicn.png);
}

.innerpage .maininner .content_inner .rules li b {
  color: #000;
}

.innerpage .maininner .content_inner .rules li .strong {
  color: #af1717;
}

.innerpage .maininner .content_inner b {
  color: #af1717;
}

.innerpage .maininner .content_inner .callingtable {
  border: 1px solid #ccc;
}

.innerpage .maininner .content_inner .callingtable thead tr {
  background: #af1716;
  color: #fff;
  text-align: center;
}

.innerpage .maininner .content_inner .callingtable tbody tr:nth-child(2n + 1) {
  /* background: #ececec; */
  color: #000;
}

.innerpage .maininner .content_inner .callnote {
  color: #af1716;
}

.innerpage .maininner .content_inner .callingicn {
  padding: 0;
}

.innerpage .maininner .content_inner .callingicn li {
  list-style-image: url(https://webapi.entab.info/api/image/CJMWM/public/images/callicn.png);
}

.innerpage .maininner .content_inner .discipline p {
  margin-bottom: 0px;
}

.innerpage .maininner .content_inner .discipline ul {
  padding-left: 20px;
}

.innerpage .maininner .content_inner .discipline ul li {
  list-style-image: url(https://webapi.entab.info/api/image/CJMWM/public/images/star.png);
}

.innerpage .maininner .content_inner .exam p {
  margin-bottom: 0;
}

.innerpage .maininner .content_inner .datesheet {
  border: 1px solid #ccc;
}

.innerpage .maininner .content_inner .datesheet thead {
  text-align: center;
  color: #fff;
  background: #af1716;
}

.innerpage .maininner .content_inner .datesheet tr {
  border: 1px solid #ccc;
}

.innerpage .maininner .content_inner .datesheet td {
  padding: 10px;
}

.innerpage .maininner .content_inner .datesheet img {
  text-align: center;
  margin: 0 auto;
  display: block;
}

.innerpage .maininner .content_inner .parents ul {
  padding-left: 20px;
}

.innerpage .maininner .content_inner .parents ul li {
  list-style-image: url(https://webapi.entab.info/api/image/CJMWM/public/images/star.png);
}

.innerpage .maininner .content_inner .history-Jesus ul {
  padding-left: 20px;
}

.innerpage .maininner .content_inner .history-Jesus ul li {
  list-style-image: url(https://webapi.entab.info/api/image/CJMWM/public/images/star.png);
}

.innerpage .maininner .content_inner .registration b {
  color: #000;
}

.innerpage .maininner .content_inner .registration .strong {
  color: #af1717;
}

.innerpage .maininner .content_inner .fee table {
  border: 1px solid #af1717;
}

.innerpage .maininner .content_inner .fee table tbody tr:nth-child(2n + 1) {
  background: #ececec;
  color: #000;
}

.innerpage .maininner .content_inner .fee thead tr {
  background: #af1716;
  color: #fff;
  text-align: center;
}

.innerpage .maininner .content_inner .fee tbody td {
  border: 1px solid #af1716;
}

.innerpage .maininner .content_inner .fee li {
  list-style-image: url(https://webapi.entab.info/api/image/CJMWM/public/images/coin.jpg);
}

.innerpage .maininner .content_inner .feeadmision td {
  text-align: center;
}

.innerpage .maininner .content_inner .innerlist ul {
  padding-left: 20px;
}

.innerpage .maininner .content_inner td.activitytable {
  background: #af1716bf;
  color: #fff;
  text-align: center;
}

.innerpage .maininner .content_inner tr {
  font-size: 16px;
}

.innerpage .maininner .footer-main {
  padding-top: 10px;
  clear: both;
}

.innerpage .discipline .callingtable td {
  border: 1px solid #ccc;
}

.innerpage .tc p {
  color: #af1716;
  font-weight: bold;
}

.innerpage .tc form {
  padding: 20px 20px 20px 20px;
  border: 2px solid #1f257d;
  border-radius: 6px;
  box-shadow: 10px 15px 7px 1px #1f257d9e;
}

.innerpage .tc select.form-select,
.innerpage .tc input[type="text"] {
  background: #1f257d2b;
}

.innerpage .tc select.form-select:focus,
.innerpage .tc input[type="text"]:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid #1f257d2b;
}

.innerpage .ui-tabs-vertical {
  width: 100%;
}

.innerpage .ui-tabs-vertical .ui-tabs-nav {
  padding: 0.2em 0.1em 0.2em 0.2em;
  text-align: center;
}

.innerpage .ui-tabs-vertical .ui-tabs-nav li {
  clear: left;
  width: 100%;
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  margin: 0 -1px 0.2em 0;
}

.innerpage .ui-tabs-vertical .ui-tabs-nav li a {
  display: block;
}

.innerpage .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0;
  padding-right: 0.1em;
  border-right-width: 1px;
}

.innerpage .ui-tabs-vertical .ui-tabs-panel {
  padding: 1em;
  width: 95%;
}

.innerpage .name {
  text-align: center;
  display: block;
  color: #000 !important;
  padding: 5px 0px;
}

.innerpage .desc {
  text-align: center;
}

.innerpage .office_bearers_student h3 {
  font-size: 16px;
  padding: 5px 0px;
  text-align: center;
  font-weight: bold;
  margin: 10px 0px 10px 0px;
}

.innerpage .img_border {
  margin: 0 auto;
  display: block;
  border-top: 2px solid #af1716;
  border-left: 2px solid #af1716;
  border-bottom: 2px solid #1f257d;
  border-right: 2px solid #1f257d;
  border-radius: 5px;
}

.innerpage .office_bearers_inner {
  color: #af1716;
}

.innerpage .office_bearers_inner_red {
  color: #cb1e1e;
}

.innerpage .office_bearers_inner_green {
  color: #38a52a;
}

.innerpage .office_bearers_inner_blue {
  color: #282a87;
}

.innerpage .office_bearers_inner_yellow {
  color: #c0ac23;
}

.innerpage
  li.ui-tabs-tab.ui-state-default.ui-tab.ui-corner-left.ui-tabs-active.ui-state-active {
  background: #1f257d;
  color: #fff;
  text-decoration: none;
  box-shadow: 0px 3px 8px 4px #1f257d6b;
  padding: 4px 10px;
}

.innerpage
  li.ui-tabs-tab.ui-state-default.ui-tab.ui-corner-left.ui-tabs-active.ui-state-active
  a {
  color: #fff !important;
  text-decoration: none;
}

.innerpage li.ui-tabs-tab.ui-state-default.ui-tab.ui-corner-left {
  background: #af1716;
  box-shadow: 0px 3px 8px 4px #af171652;
  display: inline-block;
  width: max-content;
  padding: 4px 10px;
}

.innerpage li.ui-tabs-tab.ui-state-default.ui-tab.ui-corner-left a {
  color: #fff !important;
  text-decoration: none;
}

.innerpage .achi-dtl {
  margin-top: 60px;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 15px;
  text-transform: uppercase;
}

.innerpage .achi-dt2 {
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 15px;
  text-transform: uppercase;
}

.innerpage .achi-dt3 {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 10px;
}

.innerpage .achivmentimgrht {
  box-shadow: 20px 17px 1px -4px #af1716;
  margin-top: 60px;
}

.innerpage .achivmentimgleft {
  box-shadow: -20px 17px 1px -4px #af1716;
  margin-right: 20px;
  margin-top: 60px;
}

.achvimg {
  height: 250px !important;
  width: 100%;
  padding: 10px;
  margin: 10px 0;
  background: #dddddd;
  object-position: center;
  object-fit: contain;
}

.innerpage .contactbox {
  background: #fff;
  border: 2px solid #b4120c;
  padding: 10px 10px;
  text-align: center;
  min-height: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 30px;
}

.innerpage .form_sec {
  background: #1f257ded;
  padding: 70px 30px 30px 30px;
}

.innerpage .form_sec input:focus {
  box-shadow: none;
}

.innerpage .form_sec input[type="submit"],
.innerpage .write input[type="submit"],
.innerpage .career input[type="submit"] {
  width: 175px;
  height: 40px;
  margin-top: 20px;
  background: #b4120c;
  color: #fff;
  font-size: 14px;
  border: solid 1px #b4120c73;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
  margin-right: 20px;
}

.innerpage .form_sec input[type="reset"] {
  width: 175px;
  height: 40px;
  margin-top: 20px;
  background: #fff;
  color: #000;
  font-size: 14px;
  border: solid 1px #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
}

.innerpage .form_sec input[type="reset"]:hover {
  background: #b4120c;
  border: solid 1px #b4120c;
  color: #fff;
}

.innerpage .form_sec input[type="submit"]:hover,
.innerpage .write input[type="submit"]:hover {
  background: #000;
  border: solid 1px #000;
}

.innerpage .contactbox i {
  color: #af1716;
  font-size: 50px;
}

.innerpage .contactbox a {
  color: #000;
  text-decoration: none;
  word-break: break-all;
}

.innerpage .contactboxinner {
  width: 90%;
  margin: 0px auto -65px auto;
  position: relative;
}

.innerpage .write {
  background: #1f257d2b;
  padding: 40px 20px;
  box-shadow: -10px 10px 0px 3px #1f257d;
  border-radius: 10px;
}

.innerpage .write input[type="reset"],
.innerpage .career input[type="reset"] {
  width: 175px;
  height: 40px;
  margin-top: 20px;
  background: #1f257d;
  color: #fff;
  font-size: 14px;
  border: solid 2px #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
}

.innerpage .write input[type="reset"]:hover,
.innerpage .career input[type="reset"]:hover {
  background: #b4120c;
  border: solid 2px #b4120c;
  color: #fff;
}

.innerpage .write input:focus,
.innerpage .write textarea:focus,
.innerpage .write select:focus,
.innerpage .career input:focus,
.innerpage .career textarea:focus,
.innerpage .career select:focus {
  box-shadow: none;
  border: 1px solid #ccc;
}

.innerpage center,
.innerpage .shortlist {
  color: #af1717;
}

.innerpage .career a,
.innerpage .career a:hover {
  color: #af1717;
  text-decoration: none;
}

.innerpage .shortlist {
  font-size: 16px;
  font-weight: bold;
}

.innerpage .career-head-rpt tr,
.innerpage .career-head-rpt tr td,
.innerpage .career-head-rpt tr th {
  border: 1px solid #adadad;
  padding: 3px 5px;
}

.innerpage .career-head-rpt {
  border: 1px solid #fff6fc;
  background: #f0f0f0;
  border-spacing: 0;
  border-collapse: collapse;
  color: #000;
}

.innerpage .career-head-sub {
  border: 1px solid silver;
}

.innerpage .career table {
  margin-bottom: 0px;
}

.innerpage .career span {
  display: block;
}

.innerpage .career .file {
  display: block;
  width: 100%;
  margin: 10px 0px;
}

.innerpage .career form {
  background: #f1f1f1;
  padding: 20px 70px 10px 10px;
  border: 5px solid #1f257de6;
  border-radius: 5px;
  margin-top: 31px;
}

.innerpage .careerbox {
  background: #343989;
  color: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  margin-top: 125px;
  margin-left: -90px;
  justify-content: center;
  position: relative;
  min-height: 330px;
}

.innerpage .reach form {
  box-shadow: 0px 0px 13px 2px #0507164f;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 28em;
  border: 1px solid #cccc;
  padding: 33px 20px;
  border-radius: 5px;
}

.innerpage .reach form input {
  background: #ececec;
}

.innerpage .reach form input:focus {
  box-shadow: none;
}

.innerpage .reach form .reachus {
  background: #940a04;
  border: #940a04;
  color: #fff;
  padding: 5px 10px;
}

.innerpage .topper_student b,
.innerpage .topper_student p {
  text-align: center;
  display: block;
}

.innerpage .searchform {
  border: solid 1px #e4e4e4;
  width: 80%;
  background: #f1f1f1;
  margin: 0 auto;
}

.innerpage .photo-glry-head,
.innerpage .media-search-head {
  width: 100%;
  height: 50px;
  position: relative;
  z-index: 1;
}

.innerpage .photo-glry-head2,
.innerpage .media-search-subhead {
  width: 100%;
  height: auto;
  float: left;
  padding: 16px 0px 13px 0px;
  color: #4f4f4f;
  line-height: 15px;
}

.innerpage .RadioSearchAll,
.innerpage .Radiotitle,
.innerpage .RadioAcdYear,
.innerpage .news-search-media,
.innerpage .date-search-media,
.innerpage .headline-search-media,
.innerpage .RadioDate,
.innerpage .RadioDescription,
.innerpage .all-search-media,
.innerpage .Radiotitle,
.innerpage .RadioAcdYear,
.innerpage .RadioDate,
.innerpage .RadioDescription,
.innerpage .year-search-media {
  float: left;
  color: #454545;
  padding: 1px 10px;
  line-height: 20px;
}

.innerpage .searchform input {
  margin: 0px 2px 0px 2px;
}

.innerpage .searchform .searchfield {
  background: #fff;
  width: 180px;
  border: solid 1px #bcbbbb;
  outline: none;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  -moz-box-shadow: inset 0 1px 2px #000;
  -webkit-box-shadow: inset 0 1px 2px #000;
  box-shadow: inset 0 1px 2px #000;
  padding: 6px 6px 6px 8px;
  box-sizing: border-box;
}

.innerpage .searchform .searchbutton {
  color: #fff;
  float: right;
  font-size: 11px;
  height: 27px;
  width: 27px;
  text-shadow: 0 1px 1px #000;
  border: none;
  border-radius: 50%;
  background-color: #940a04;
}

.innerpage .Button1 {
  float: left;
  margin: -2px 5px 0 5px;
}

.innerpage .txttitle {
  border: 1px solid transparent;
  display: inline;
  float: left;
  margin-top: -10px;
  /* height: 50px; */
  position: relative;
}

.innerpage .page-link {
  padding: 0px 14px;
}

.innerpage .page-link {
  position: relative;
  display: block;
  color: #1f257d;
  text-decoration: none;
  background-color: #ececec;
  border: 1px solid #af1716;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.innerpage .page-link:focus {
  box-shadow: none;
}

.innerpage .pghding {
  font-size: 16px;
  float: left;
  padding: 0px 4px;
  width: 100%;
  display: block;
  text-align: center;
  transition: all 0.4s ease-in-out 0.2s;
  text-transform: capitalize;
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.innerpage .event_dates,
.innerpage .event_dates b {
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 23px;
}

.innerpage .gallerysec-box {
  position: relative;
  text-align: center;
  width: 18em;
  height: 18em;
  display: table;
  padding: 20px;
  cursor: pointer;
  z-index: 1;
  transition: 0.5s;
  margin: 0 auto;
}

.innerpage .galleryimg {
  width: 15em;
  height: 15em;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
  position: relative;
  /* left: -25px; */
  top: -20px;
}

.innerpage .gallerysec-box:before,
.innerpage .gallerysec-box:after {
  content: "";
  position: absolute;
  top: 0px;
  /* left: 0px; */
  width: 15em;
  height: 15em;
  z-index: -1;
  animation: RotateDiv 5s linear infinite;
}

.innerpage .gallerysec-box:before {
  border-radius: 130% 151% 189% 166%;
  background-color: #bb28215c;
  animation-delay: 0s;
  transition: 0.5s;
}

.innerpage .gallerysec-box:after {
  border-radius: 145% 86% 80% 90%;
  background-color: rgba(255, 255, 255, 0.3);
  animation-delay: 0.2s;
  transition: 0.5s;
}

@keyframes RotateDiv {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.innerpage .mask {
  color: #fff;
  background: #0000006b;
  padding: 29px;
  position: absolute;
  top: 0;
  left: 0;
  width: 15em;
  height: 15em;
  opacity: 0;
  padding-top: 135px;
  border-radius: 146px;
  transition: all 0.4s;
}

.innerpage .gallerysec-box:hover .mask {
  opacity: 1;
}

.innerpage a.info {
  color: #fff;
  text-decoration: none;
  margin-top: 13px;
  border: 1px solid #fff;
  padding: 2px 5px;
  position: relative;
  top: 20px;
}

.innerpage .galleryinnerbox img {
  width: 100%;
  object-fit: fill;
  object-position: top;
  height: 250px;
  border: 5px solid #ececec;
  margin-bottom: 25px;
}

.innerpage .Video1 {
  width: 24%;
  height: 50px;
  background-image: url("https://webapi.entab.info/api/image/CJMWM/public/images/play-but.png");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 0;
  top: 30%;
  left: 30%;
  opacity: 0.8;
}

.innerpage .vsmsHldr ul li {
  margin: 10px 5px;
  position: relative;
  display: inline-block;
  background: #dfdbdb;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 10px 19px 35px 26px !important;
  width: 400px;
  text-align: left;
}

.innerpage .vsmsHldr ul li span {
  display: inherit;
  color: #af1717;
}

.innerpage .imghover {
  min-width: 100%;
  max-width: 100%;
  min-height: 80%;
  max-height: 80%;
  object-fit: cover;
  object-position: bottom;
  border: 10px solid #f1f1f1;
  box-shadow: 4px 2px 10px 3px #1f257d7a;
}

.innerpage .demo img {
  border: 6px solid #1f257d7a;
}

.innerpage .demo p {
  font-size: 14px;
  text-align: center;
  color: #000;
}

.innerpage .magzine_txt {
  color: #ec2b42;
  font-size: 14px;
  font-weight: 500;
  padding-top: 5px;
}

.innerpage .magzine_year {
  padding-top: 5px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
}

.magzine_date {
  padding-top: 5px;
}

.innerpage .magzine_date b {
  color: #000;
}

.innerpage .mgn_view span {
  display: block;
}

.innerpage .mgn_down span {
  display: block;
}

.innerpage .mgn_view,
.innerpage .mgn_down {
  color: #ec2b42;
  font-size: 14px;
  display: block;
  float: left;
  text-align: center;
  margin-top: 10px;
  text-decoration: none;
  margin-bottom: 25px;
}

.innerpage a.mgn_down {
  float: right !important;
}

.innerpage .imgmag {
  max-width: 300px;
  height: 300px;
  margin: 0 auto;
  min-width: 300px;
  min-height: 300px;
  max-height: 300px;
  object-fit: cover;
}

.innerpage .up-box {
  font-weight: 700;
}

.innerpage .down-box {
  font-size: 12px;
  color: #2d2d2d;
  font-weight: 600;
}

.innerpage .mediagallery table {
  background: #ececec;
  border: 1px solid #ccc;
}

.innerpage .mediagallery img {
  text-align: center;
  margin: 0 auto;
  display: none;
}

.innerpage .mediagallery a {
  color: #af1716;
  text-decoration: none;
}

.innerpage .headgirl img {
  border-radius: 270% 270% 225% 99%;
  margin-right: 20px;
  width: 200px;
  border: solid 5px #e8e8e8;
}

.conent-data ul li {
  text-align: center;
  width: 100%;
  height: 295px;
  max-width: 300px;
  float: left;
  padding: 10px 0;
}

.conent-data ul li img {
  max-width: 190px;
}

.conent-data b {
  color: #000 !important;
}

.conent-data ul li b {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}

.trip .ui-tabs-vertical .ui-tabs-nav {
  padding: 0.2em 0.1em 0.2em 0.2em;
  float: none;
  width: 100%;
}

.trip img {
  max-width: 250px;
  min-width: 250px;
  min-height: 250px;
  max-height: 250px;
  object-fit: cover;
  object-position: center;
  padding: 0px;
  border-radius: 50px 0px 50px 50px;
  border: 1px solid #1f257d73;
  margin: 10px auto 10px auto;
  display: block;
}

.ecare li a {
  border: 1px solid #1f257d;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  background: #1f257d;
}

.tc input[value="submit"] {
  width: 175px;
  height: 40px;
  margin-top: 20px;
  background: #b4120c;
  color: #fff;
  font-size: 14px;
  border: solid 1px #b4120c73;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
  margin-right: 20px;
}

button.mx-auto.d-block.tetx-center.actbtn,
button.mx-auto.d-block.text-center.actbtn {
  border: none;
}

.actbtn a {
  border: 1px solid #1f257d;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  background: #1f257d;
}
.actbtn a:hover {
  color: #1f257d;
  background-color: #fff;
}

/*# sourceMappingURL=style.css.map */
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55);
  }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}
.waveWrapper {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  /* bottom: 0; */
  top: 0;
  margin: auto;
  height: 301px;
}

.waveWrapperInner {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 100%;
  bottom: -1px;
}

.bgTop {
  z-index: 15;
  opacity: 0.5;
}

.bgMiddle {
  z-index: 10;
  opacity: 0.75;
}

.bgBottom {
  z-index: 5;
}

.wave {
  position: absolute;
  left: 0;
  width: 200%;
  height: 100%;
  background-repeat: repeat no-repeat;
  background-position: 0 bottom;
  transform-origin: center bottom;
}

.waveTop {
  background-size: 50% 100px;
}

.waveAnimation .waveTop {
  animation: move-wave 3s;
  -webkit-animation: move-wave 3s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.waveMiddle {
  background-size: 50% 120px;
}

.waveAnimation .waveMiddle {
  animation: move_wave 10s linear infinite;
}

.waveBottom {
  background-size: 50% 100px;
}

.waveAnimation .waveBottom {
  animation: move_wave 15s linear infinite;
}

.kidscategory {
  max-width: 200px;
  min-width: 200px;
  min-height: 170px;
  max-height: 170px;
  object-fit: cover;
  object-position: center;
  padding: 0px;
  border: 5px solid #fff;
  margin: 4px;
  border-radius: 181% 57% 132% 158%;
}

.kinterbtn {
  display: flex;
  justify-content: center;
}
.kinterbtn button {
  margin: 20px 5px 0px 5px;
  display: block;
  background: #1f257d;
  color: #fff;
  border-radius: 3px;
  margin-bottom: 15px;
  box-shadow: -4px -5px 2px 1px #1f257d3b;
}
.kinterbtn button:hover {
  color: #fff;
}

.assistance {
  background: rgba(68, 23, 20, 0.06);
  padding: 13px;
  border: solid 1px #ddd;
}

.erp_sec p {
  line-height: 40px !important;
  margin-bottom: 0px;
}

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

.erp_sec h4 {
  text-align: center;
  line-height: 40px;
  font-size: 17px;
  margin-bottom: 0px;
  margin-top: 15px;
  font-weight: bold;
}

.erp_sec a {
  color: #000;
}

#myImg:hover {
  opacity: 0.7;
}

#myImg,
#myImg1,
#myImg2 {
  width: 100%;
  border: 5px solid rgba(158, 158, 158, 0.1);
  background: #eaeaea;
  cursor: pointer;
  transition: 0.3s;
}

.erppopup {
  float: left;
  width: 30%;
  margin: 10px 25px 10px 0px;
}
.erppopup .modal-content {
  background: transparent;
  border: 0px;
}
.erppopup .modal-header {
  border: 0px;
  background: none;
}
.erppopup .modal-body h5 {
  color: #fff;
  text-align: center;
  font-size: 18px;
  padding: 10px 0px;
  line-height: 30px;
}
.mandatory-disclouser th,
.mandatory-disclouser td {
  text-align: left;
  border: 1px solid #e1e1e1;
}

.mandatory-disclouser .tablescroll {
  margin: 20px 0;
  background: #fff;
}
.mandatory-disclouser .tablescroll a {
  text-decoration: none;
  color: inherit;
}
@media (max-width: 1479px) {
  .quick-links {
    width: 70%;
    right: 0px;
  }
}

@media (max-width: 1300px) {
  .innerpage .contactbox {
    min-height: 280px;
  }

  #sidebar {
    margin-left: -280px;
    position: fixed;
  }

  #sidebar.active {
    margin-left: inherit;
  }

  .innerpage #sidebar {
    margin-left: 0px;
  }
}
@media (max-width: 1199px) {
  .quick-links {
    position: inherit;
    bottom: inherit;
    width: auto;
    margin: auto;
    background: #0f1562;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .quick-links .card {
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .innerpage .maininner .banner .box {
    width: 80%;
  }

  .innerpage .contactbox {
    min-height: 233px;
  }

  .slide-new .excellese-sec,
  .slide-new .patron-sec {
    bottom: 100px;
  }

  .slide-new .data-home img {
    width: 400px;
  }

  .app-img {
    width: 130px;
    margin: auto;
  }

  .footer-sec h3,
  .footer-sec .mob-app h3 {
    text-align: center;
  }

  .footer-sec p,
  .footer-sec .mob-app p {
    text-align: center;
  }

  .footer-bottom-sec p {
    line-height: 25px;
  }

  .thoght-sec .clearfix h3 {
    margin-left: 260px;
  }

  .thoght-sec .clearfix img {
    width: 200px;
    height: 200px;
    border-radius: 100%;
  }

  #sidebar {
    height: 100vh;
    z-index: 99;
    overflow-y: inherit;
  }

  #sidebarCollapse {
    left: 10px;
    position: fixed;
  }

  .photo-gallery .card {
    margin-bottom: 20px;
  }

  .innerpage .ui-tabs-vertical .ui-tabs-nav {
    float: none;
    width: 100%;
  }
}
@media (max-width: 976px) {
  .toppers-sec .myDIV-ani {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  #sidebar ul li a {
    padding: 5px;
    font-size: 15px;
  }

  #sidebar .sidebar-header img {
    width: 80px;
  }

  #sidebarCollapse img {
    width: 20px;
  }

  .toppers-sec .toppers-back-img {
    height: 400px;
  }

  .thoght-sec .clearfix h3 {
    margin-left: 180px;
  }

  .thoght-sec .clearfix img {
    width: 150px;
    height: 150px;
  }

  .diagonal-msg {
    padding: 20px 0px;
  }

  .innerpage #sidebar {
    margin-left: -280px;
  }

  .innerpage #sidebar.active {
    margin-left: inherit;
  }

  .innerpage .maininner {
    margin-left: 0px;
  }

  .innerpage #sidebarCollapse {
    display: block;
  }

  .innerpage #sidebarCollapse.no-left {
    left: 279px;
  }

  .innerpage .careerbox {
    margin-top: 20px;
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .innerpage .maininner h1 {
    font-size: 26px;
  }

  .innerpage .headgirl img {
    float: none !important;
    margin: auto;
    display: block;
  }

  .conent-data ul li {
    max-width: 50%;
    padding: 5px 0;
  }
}
@media (max-width: 576px) {
  .innerpage .contactbox {
    min-height: auto;
  }

  .slider-sec .important-icons .hide {
    min-width: 180px;
  }

  .slider-sec .important-icons .hide img {
    width: 25px;
  }

  .slider-sec .important-icons .hide h4 {
    font-size: 15px;
  }

  .slide-new .alumni-reg {
    margin-top: 165px;
  }

  .slide-new .data-home {
    top: 20px;
  }

  .slide-new .data-home img {
    width: 300px;
  }

  .slide-new .excellese-sec,
  .slide-new .patron-sec {
    display: none;
  }

  .footer-main {
    padding-top: 0px;
  }

  .toppers-sec .card {
    padding: 30px 0px;
  }

  .thoght-sec .clearfix img {
    display: none;
  }

  .thoght-sec .clearfix h3 {
    margin: auto;
    text-align: center;
  }
}
@media (max-width: 380px) {
  .conent-data ul li {
    max-width: 100% !important;
    padding: 5px 0;
  }
}
.magnify-modal {
  position: fixed !important;
  z-index: 999999999 !important;
  padding-top: 10px !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: auto !important;
  background-color: rgba(0, 0, 0, 0.8509803922) !important;
}

.magnify-header .magnify-toolbar {
  float: right;
  position: relative;
  z-index: 9;
}

.magnify-stage {
  position: absolute;
  top: 40px;
  right: 10px;
  bottom: 40px;
  left: 10px;
  z-index: 1;
  background: #0000000a;
  overflow: hidden;
}

.magnify-image {
  position: relative;
  display: inline-block;
  border: 5px solid white;
}

.magnify-image.image-ready {
  max-width: 100%;
  max-height: 100%;
}

.magnify-footer {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 40px;
  color: #fff;
  text-align: center;
}

.magnify-footer .magnify-toolbar {
  display: inline-block;
}

.magnify-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  cursor: pointer;
  outline: none;
  background: #fff;
}

.magnify-button:hover {
  color: #fff;
  background-color: #e00000;
}

.magnify-button-close:hover {
  background-color: #e00000;
}

.magnify-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  color: #333;
}

.magnify-loader::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 36px;
  height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5)
    rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  -webkit-animation: magnifyLoading 1s infinite linear;
  animation: magnifyLoading 1s infinite linear;
}

.magnify-loader::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  overflow: hidden;
}

@-webkit-keyframes magnifyLoading {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 0, 0);
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 0, 0);
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}
@keyframes magnifyLoading {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 0, 0);
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 0, 0);
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}
:full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:full-screen .magnify-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-webkit-full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-moz-full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-ms-fullscreen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:fullscreen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-webkit-full-screen .magnify-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-moz-full-screen .magnify-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-ms-fullscreen .magnify-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:fullscreen .magnify-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

.magnify-toolbar.magnify-foot-toolbar button i {
  color: #000;
  font-size: 20px;
}

button.magnify-button.magnify-button-close {
  color: #000;
}

.uniform {
  background: #af1716;
}

.uniform a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}

/*# sourceMappingURL=style.css.map */
.topperx11 .img_border,
.office_bearers_student .img_border,
.topper_student .img_border {
  max-width: 150px;
  max-height: 150px;
  min-width: 150px;
  min-height: 150px;
  object-fit: cover;
  object-position: top;
}

.topperx11 p {
  margin: 0px;
}

h3.office_bearers_inner {
  font-size: 16px;
  padding: 5px 0px;
  text-align: center;
  font-weight: bold;
  margin: 10px 0px 10px 0px;
}

.topperx11 b {
  text-align: center;
  display: block;
  color: #000 !important;
  padding: 5px 0px;
}

.topperx11 p {
  text-align: center;
}

.media-gallery img {
  max-width: 150px;
  min-width: 150px;
  max-height: 150px;
  min-height: 150px;
  object-fit: cover;
  object-position: top;
}

.mediainner_gallery img {
  max-width: 400px;
  min-width: 400px;
  min-height: 400px;
  max-height: 400px;
  object-fit: contain;
}

h3.office_bearers_inner.stream {
  text-align: left;
  margin-left: 25px;
}

.trip img {
  transition: all 0.2s ease-in;
}
.trip img:hover {
  box-shadow: 1px 0px 0px 1px #1f257d;
  border-radius: 10px;
}

.gallery_inner_sec h3 {
  width: 11.5em;
  background: #1f257d;
  padding: 0px 11px;
  color: #fff;
  box-shadow: -2px 5px 4px 2px #1f257db8;
  clear: both;
  line-height: 40px;
  font-size: 18px;
  cursor: pointer;
}

.gallery_inner_sec ul li {
  list-style: none;
  margin: 5px 0px;
  list-style-image: none;
  background: #6666664a;
  text-transform: capitalize;
  font-size: 15px;
  color: #525252;
  line-height: 34px;
  padding-left: 15px;
}

.galleryinnersec {
  margin-top: 30px;
  margin-bottom: 30px;
}
.galleryinnersec .update,
.galleryinnersec .click {
  border: 2px solid #2b3178;
  background: #3d4392;
  padding: 10px 10px;
  border-radius: 4px;
  color: #fff;
  box-shadow: 6px 3px 11px 2px #15074c85;
}
.galleryinnersec h1 {
  margin-bottom: 20px;
  margin-top: 45px;
}
.galleryinnersec a {
  color: #fff;
  text-decoration: none;
}
.galleryinnersec img {
  border-radius: 45px 0px 45px 0px;
  margin-bottom: 30px;
  box-shadow: 3px 0px 0px 0px #15074c;
}

.month-selection {
  /* margin: 0px 0px 70px 0px; */
  float: left;
  width: 8em;
}

.month-selection ul {
  text-align: center;
  padding: 0;
}

.month-selection .active_month {
  border: solid 1px #d41259;
}

div[data-trigger] {
  display: none;
}

.myDiv {
  display: none;
}

.selected_year {
  display: block;
  height: auto !important;
}

#ddlYear {
  border: solid 1px #adadad;
  color: #000;
  width: 120px;
  height: 31px;
  padding: 5px;
  margin-top: -10px;
  background: #ffffff;
  font-weight: bold;
  margin-bottom: 7px;
  letter-spacing: 1px;
}

.year_selction_sec select {
  margin: 0px;
}

.year_selction_sec select {
  width: 100%;
  background: #c30038;
  border: solid 1px #c30038;
  height: 28px;
  color: #fff;
  margin-top: 15px;
}
.month-selection .active_month {
  border: solid 1px #0b4d34;
}
.month-selection ul li {
  list-style: none;
  margin: 5px 0px;
  list-style-image: none;
  background: #8f1615;
  text-transform: capitalize;
  padding: 3px 10px;
  line-height: 25px !important;
  color: white;
}
.month-selection ul {
  text-align: center;
}

@media all and (max-width: 768px) {
  .month-selection {
    width: 100% !important;
  }
}
.magnify-modal {
  position: fixed !important;
  z-index: 999999999 !important;
  padding-top: 10px !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: auto !important;
  background-color: rgba(0, 0, 0, 0.8509803922) !important;
}

.magnify-header .magnify-toolbar {
  float: right;
  position: relative;
  z-index: 9;
}

.magnify-stage {
  position: absolute;
  top: 40px;
  right: 10px;
  bottom: 40px;
  left: 10px;
  z-index: 1;
  background: #0000000a;
  overflow: hidden;
}

.magnify-image {
  position: relative;
  display: inline-block;
  border: 5px solid white;
}

.magnify-image.image-ready {
  max-width: 100%;
  max-height: 100%;
}

.magnify-footer {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 40px;
  color: #fff;
  text-align: center;
}

.magnify-footer .magnify-toolbar {
  display: inline-block;
}

.magnify-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  cursor: pointer;
  outline: none;
  background: #fff;
}

.magnify-button:hover {
  color: #fff;
  background-color: #e00000;
}

.magnify-button-close:hover {
  background-color: #e00000;
}

.magnify-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  color: #333;
}

.magnify-loader::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 36px;
  height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5)
    rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  -webkit-animation: magnifyLoading 1s infinite linear;
  animation: magnifyLoading 1s infinite linear;
}

.magnify-loader::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  overflow: hidden;
}

@-webkit-keyframes magnifyLoading {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 0, 0);
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 0, 0);
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}
@keyframes magnifyLoading {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 0, 0);
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 0, 0);
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}
:full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:full-screen .magnify-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-webkit-full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-moz-full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-ms-fullscreen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:fullscreen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-webkit-full-screen .magnify-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-moz-full-screen .magnify-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-ms-fullscreen .magnify-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:fullscreen .magnify-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

.magnify-toolbar.magnify-foot-toolbar button i {
  color: #000;
  font-size: 20px;
}

button.magnify-button.magnify-button-close {
  color: #000;
}

.innerpage .galleryinnerbox img:hover {
  box-shadow: 1px 1px 20px 0px #5a5a5a;
}

.news-box img {
  float: left;
  width: 89px;
  border-radius: 47px;
  height: 86px;
  margin-bottom: 20px;
  margin-right: 7px;
}

.news-box {
  box-shadow: 2px 2px 7px 1px #103c0d73;
  border-radius: 3px;
  padding: 10px;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.news-box p {
  margin-bottom: 5px;
  line-height: 20px;
  font-size: 14px;
  padding: 5px 15px;
  height: 69px;
  overflow: hidden;
}
.news-box .newsattachment {
  text-align: right;
  text-align: right;
  z-index: 11;
  position: relative;
}
.news-box .newsattachment .bi-paperclip::before {
  content: "\f4b3";
  color: #fff;
  transform: rotate(45deg);
  font-size: 15px;
  background: #af1716;
  border-radius: 7px;
  padding: 5px;
}

.hoverbox {
  position: absolute;
  width: 100%;
  top: 0;
  opacity: 0;
  height: 100%;
  background: #fff;
  padding: 5px 15px 0px 0px;
  transition: all 0.3s ease-in;
}

.news-box:hover .hoverbox {
  opacity: 1;
}

.news-boxinner {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-shadow: 2px 2px 7px 1px #103c0d73;
  transition: all 2s ease-in;
}

.news-box:hover .news-boxinner {
  display: block;
}

.event-box span {
  font-size: 14px;
  padding: 0px 10px 10px 10px;
  color: #1f257d;
}

.event-box h5 {
  font-size: 16px;
  color: #1f257d;
}

.event-box img {
  float: left;
  width: 89px;
  border-radius: 5px;
  height: 86px;
  margin-bottom: 20px;
  margin-right: 7px;
}

.event-box {
  box-shadow: 2px 2px 7px 1px #1f257d80;
  border-radius: 3px;
  padding: 10px;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
  min-height: 180px;
  max-height: 180px;
}
.event-box p {
  margin-bottom: 5px;
  line-height: 20px;
  font-size: 14px;
  padding: 5px 15px;
  height: 62px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.event-box .eventattachment {
  text-align: right;
  text-align: right;
  z-index: 11;
  position: relative;
}
.event-box .eventattachment .bi-paperclip::before {
  content: "\f4b3";
  color: #fff;
  transform: rotate(45deg);
  font-size: 24px;
  background: #af1716;
  border-radius: 7px;
  padding: 6px;
}
.event-box .newsattachment {
  text-align: right;
  z-index: 11;
  position: relative;
  top: 100px;
  right: 1px;
}
.event-box .newsattachment .bi-paperclip::before {
  content: "\f4b3";
  color: #fff;
  transform: rotate(45deg);
  font-size: 15px;
  background: #af1716;
  border-radius: 7px;
  padding: 5px;
}

.hoverbox {
  position: absolute;
  width: 100%;
  top: 0;
  opacity: 0;
  height: 100%;
  background: #fff;
  padding: 5px 15px 0px 0px;
  transition: all 0.3s ease-in;
}

.event-box:hover .hoverbox {
  opacity: 1;
}

.event-boxinner {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-shadow: 2px 2px 7px 1px #103c0d73;
  transition: all 2s ease-in;
}

.event-box:hover .event-boxinner {
  display: block;
}

.lcn {
  font-size: 14px;
  background: #1f257d;
  margin-top: -25px;
  padding: 5px 10px;
  color: #fff;
  border-radius: 25px;
  z-index: 11;
  margin-bottom: 20px;
}

@media all and (max-width: 1400px) {
  .gallery_inner_sec .col-lg-4 {
    width: 50%;
  }
}
@media all and (max-width: 1200px) {
  .gallery_inner_sec .col-lg-4 {
    width: 49.333333%;
  }

  .innerpage .galleryinnerbox img {
    min-width: 200px;
    max-width: 200px;
    min-height: 140px;
    max-height: 140px;
  }
}
@media all and (max-width: 1034px) {
  .gallery_inner_sec .col-lg-4 {
    width: 100% !important;
  }

  .event-box {
    min-height: fit-content;
    max-height: fit-content;
  }
}
@media all and (max-width: 1034px) {
  .photogallery .col-md-4 {
    width: 50%;
  }
}
@media all and (max-width: 768px) {
  .month-selection {
    margin: 0px 0px 0px 0px;
  }
  .month-selection li {
    display: inline-block;
    width: 32px;
  }

  .gallery_inner_sec h3 {
    width: 100%;
  }

  .myDiv {
    height: auto !important;
  }
}
.galleryinnerbox {
  margin: 0 auto;
  display: block;
  text-align: center;
}

@media all and (max-width: 576px) {
  .photogallery .col-md-4 {
    width: 100%;
  }

  .innerpage .galleryinnerbox img {
    min-width: 300px;
    max-width: 300px;
    min-height: 200px;
    max-height: 200px;
    margin-bottom: 25px;
  }
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .online-reg {
    right: 0px;
    top: 60px;
  }

  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.bookdelear {
  background: #4a54f142;
  padding: 0px 10px;
  line-height: 40px;
  font-size: 14px;
}

/*# sourceMappingURL=style.css.map */
.page-head {
  font-size: 32px;
  color: #217dc5;
  margin-bottom: 25px;
  font-weight: 500;
  text-align: center;
  line-height: 60px;
  text-transform: uppercase;
  font-family: EBGaramond-VariableFont_wght;
}
section.inner-section {
  /* padding: 50px 0 100px; */
  min-height: 650px;
}

.inner-section .tabs-dynamic {
  margin-bottom: 40px;
  background: #f1f1f1;
  padding: 15px;
}

.count-val p {
  margin-bottom: 0;
}

.inner-section .tabs-dynamic .month-selection select.monthSelect,
.month-selection select,
.searchBox input {
  width: 90%;
  padding: 10px 11px;
  border: 0px;
  border-bottom: 1px solid #ddd;
  border-radius: 5px;
}

.inner-section .tabs-dynamic .month-selection select.monthSelect,
.month-selection select,
.searchBox input {
  width: 90%;
  padding: 10px 11px;
  border: 0px;
  border-bottom: 1px solid #ddd;
  border-radius: 5px;
}

/* row tab dynamic till here */

/* circular inner */
.video-gallery a {
  display: flex;
  align-items: center;
}
.video-gallery a img {
  width: 52px;
  margin-right: 20px;
}
.video-gallery a h3 {
  font-size: 17px;
  margin-bottom: 0;
  line-height: 24px;
  font-family: "RobotoSlab";
  color: black;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Set the number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #940904;
}
.video-gallery {
  padding: 20px;
  box-shadow: 0px 0px 5px 0px #ddd;
  margin-bottom: 20px;
  border-radius: 10px;
  background-color: white;
}
.video-gallery a p {
  color: black;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
}
.magazine-blk {
  height: 100%;
  box-shadow: 0px 0px 5px 0px #ddd;
}
.magazine-blk img {
  height: 280px;
  object-fit: contain;
  background: #f3f3f3;
}
.magazine-content p {
  margin-bottom: 0;
}
.magazine-content {
  padding: 15px 17px 10px;
}
.disasterImg {
  margin-bottom: 20px;
}
/* circular till here */

.inrhgt {
  min-height: 600px;
  padding: 40px 130px 40px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1400px) {
  .inrhgt {
    padding: 40px 100px 40px;
  }
}

.mainhead {
  font-weight: bold;
  padding-bottom: 11px;
  line-height: 1;
  font-size: 30px;
  margin: 0 0 0.25em;
  margin-bottom: 20px;
  margin-top: 0;
  /* border-left: 4px solid #ffd261; */
  padding-left: 6px;
  height: 30px;
}

.inner-page .tabs-dynamic {
  margin-bottom: 40px;
  background: #e5e5e5;
  padding: 15px;
}

.row.tabs-dynamic select {
  width: 100%;
  border: 0px;
  background: transparent;
  padding: 8px 5px;
  border-bottom: 1px solid #b6b6b6;
}

.month-selection select,
.inner-page .searchBox input {
  width: 90%;
  padding: 10px 11px;
  border: 0px;
  border-bottom: 1px solid #ddd;
  border-radius: 5px;
}

.inner-page .eventCount {
  margin-bottom: 30px;
}

.inner-page .event-blk {
  height: 100%;
  box-shadow: 0px 0px 5px 0px #ddd;
  position: relative;
}
.inner-page .event-img {
  position: relative;
  margin-bottom: 30px;
  background: #e5e5e5;
}

/* .inner-page .event-date {
     position: absolute;
     bottom: 0;
     left: -5px;
     z-index: 9;
   }
   .inner-page .event-date h3 {
     color: #2d57a5;
     font-size: 17px;
     text-align: justify;
   } */

.inner-page .event-content,
.landmark {
  padding: 0px 20px;
}

.inner-page .event-content {
  padding: 0px 20px;
  /* min-height: 177px; */
}

.inner-page .landmark {
  /* margin-bottom: 20px; */
}

.inner-page .landmark {
  display: flex;
  justify-content: space-between;
  /* padding: 0 16px 10px; */
}

.inner-page .event-blk img {
  height: 200px;
  object-fit: contain;
  width: auto;
  margin: auto;
  display: block;
  position: relative;
}
.inner-page .event-content h3 {
  font-size: 21px;
  background-color: rgb(17, 46, 22);
  color: #fff;
  text-align: center;
}
.inner-page .event-content h3 + p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* Limit to 3 lines */
  overflow: hidden;
  font-size: 17px;
}
.inner-page .event-blk .landmark-date {
  display: flex;
  justify-content: space-between;
}
.inner-page .event-blk .landmark-date p,
h3 {
  color: #2d57a5;
}

.inner-page .load-more {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.inner-page .load-more .next {
  display: inline-block;
  font-size: 17px;
}

.inner-page .load-more .next:hover {
  background-color: #d7271a;
  color: #fff;
}

.gallery-inner {
  box-shadow: 0px 0px 5px 0px #ddd;
  position: relative;
}

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

.gallery-content h3 {
  /* min-height: 105px; */
  font-size: 21px;
  background-color: #d7271a;
  color: #fff;
  text-align: center;
  overflow: hidden; /* Hide any content that overflows */
  display: -webkit-box;
  -webkit-line-clamp: 1; /* Limit the text to 3 lines */
  -webkit-box-orient: vertical;
  overflow-y: scroll;
}

.gallery-content h3 + p {
  /* min-height: 105px; */
  color: black;
  overflow: hidden; /* Hide any content that overflows */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit the text to 3 lines */
  -webkit-box-orient: vertical;
  overflow-y: scroll;
  padding: 0px 10px;
  font-size: 17px;
}

.gallery-inner .gallery-content {
  min-height: 80px;
}

.gallery-blk img {
  margin: auto;
  height: 200px;
  background-size: contain;
  width: auto;
  max-width: 100%;
  /* height: 100%; */
  margin: auto;
  display: block;
  position: relative;
  box-shadow: 0px 0px 19px 0px #00000054;
  border: 7px solid #ffffff4f;
  transition: 0.3s !important;
}

.gallery-inner .date-ViewMore {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  align-items: center;
}
.gallery-inner .date-ViewMore h6,
.gallery-inner .date-ViewMore a {
  color: #d7271a;
  font-size: 17px;
}

/* subgallery */

#galleryImagesContainer .gallery-blk {
  border: 1px solid #d7271a;
  padding: 10px;
  margin: 10px;
}

.sub-gall #galleryDescription {
  color: #d7271a;
  text-align: center;
}

.sub-gall .count-val p a {
  color: #d7271a;
}

.inner-page .news-blk .attachment a {
  color: #2d57a5;
}

.inner-page .newsCount {
  margin-bottom: 30px;
}

.news-head {
  display: flex;
  align-items: center;
}
.news-head h2 {
  padding-right: 20px;
  border-right: 1px solid #c5c5c5;
  margin-right: 20px;
  background: #e5e5e5;
  padding: 4px 10px;
}
.news-head h3 {
  font-weight: 400;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 14px;
  color: #d7271a;
  position: relative;
}
.news-blk {
  margin-bottom: 20px;
  padding-right: 30px;
  padding-bottom: 30px;
  width: 97%;
  box-shadow: 9px 11px 5px 0px #dddddd3d;
  position: relative;
  overflow: hidden;
  padding: 20px;
  box-shadow: 0px 0px 12px 0px #e7e7e7;
  border: 4px double #b5b5b5;
  transition: 0.5s;
}
.news-blk:before {
  content: "";
  position: absolute;
  top: -40px;
  right: -8px;
  width: 100px;
  height: 100px;
  background: #ecf9ff;
  border-radius: 50%;
}
.attachment {
  background: #2d57a5;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 5px;
}
.news-content p {
  margin-bottom: 6px;
  max-height: 160px;
  overflow-y: scroll;
  display: -webkit-box; /* Required for multi-line truncation */
  -webkit-line-clamp: 1; /* Number of lines to show */
  -webkit-box-orient: vertical; /* Required for multi-line truncation */
  overflow: hidden; /* Ensures content that overflows is hidden */
  text-overflow: ellipsis; /* Adds ellipsis at the end */
  font-size: 17px;
  overflow-y: scroll;
}
.news-content p::-webkit-scrollbar {
  width: 0;
}

.news-content + .attachment {
  background-color: transparent;
}

.news-blk:hover {
  box-shadow: rgb(0 0 0 / 5%) 0px 2px 1px, rgb(0 0 0 / 5%) 0px 4px 2px,
    rgb(0 0 0 / 5%) 0px 8px 4px, rgb(0 0 0 / 5%) 0px 16px 8px,
    rgb(0 0 0 / 5%) 0px 32px 16px;
}
.news-head h2 span {
  display: block;
  color: #153168;
  font-size: 18px;
  text-align: center;
}
.newsCount:nth-child(4n + 1) > div {
  border-left: 3px solid #fff27e;
}
.newsCount:nth-child(4n + 2) > div {
  border-left: 3px solid #ceb2ff;
}
.newsCount:nth-child(4n + 3) > div {
  border-left: 3px solid #ff928f;
}
.newsCount:nth-child(4n + 4) > div {
  border-left: 3px solid #ffb470;
}

/* events,gallery, news till here */

/* events description pop up */

.popup-modal#eventPopup {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.popup-modal#eventPopup .popup-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  position: relative;
}

.popup-modal#eventPopup .popup-content .close {
  color: #d7271a;
  font-size: 60px;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 15px;
  opacity: 1;
  background-color: transparent;
}

.popup-modal#eventPopup .popup-content h3 {
  color: #d7271a;
}

.popup-modal#eventPopup .popup-content .close:hover,
.popup-modal#eventPopup .popup-content .close:focus {
  color: #d7271a;
  text-decoration: none;
  cursor: pointer;
}

/* till here events description pop up */

/* news image api */
.news-blk img {
  height: 200px;
  width: 200px;
  display: block;
  margin: auto;
}
/* till here */

/* news image api */
.news-blk img {
  height: 200px;
  width: 200px;
  display: block;
  margin: auto;
}

@media (min-width: 769px) {
  .popup-modal#eventPopup .popup-content {
    left: 100px;
    width: 50%;
  }
}

/* topper x and xii */
/* topper x xii */
section.inner-section {
  padding: 50px 0 100px;
  min-height: 650px;
}

.inner-section .tabs-dynamic {
  margin-bottom: 40px;
  background: #f1f1f1;
  padding: 15px;
}

.count-val p {
  margin-bottom: 0;
}

.inner-section .tabs-dynamic .month-selection select.monthSelect,
.month-selection select,
.searchBox input {
  width: 90%;
  padding: 10px 11px;
  border: 0px;
  border-bottom: 1px solid #ddd;
  border-radius: 5px;
}

.inner-section .tabs-dynamic .month-selection select.monthSelect,
.month-selection select,
.searchBox input {
  width: 90%;
  padding: 10px 11px;
  border: 0px;
  border-bottom: 1px solid #ddd;
  border-radius: 5px;
}

section.inner-section .topper-section {
  margin-bottom: 20px;
}

.services-style-current-theme {
  background: #fff;
  padding: 15px 10px;
  border-radius: 20px;
  box-shadow: 0 0 30px rgb(156 154 154 / 11%);
  height: 340px;
  margin: 4px;
  border: dotted 1px rgb(175, 23, 22);
}

.services-style-current-theme .topper-service .thumb {
  position: relative;
  margin-bottom: 25px;
  overflow: hidden;
}

.services-style-current-theme .topper-service .thumb::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.services-style-current-theme .topper-service .thumb img {
  overflow: hidden;
  z-index: 2;
  object-fit: contain;
  background: #f8f8f8;
  width: 150px;
  height: 150px;
  margin: auto;
}

.services-style-current-theme .topper-service .thumb img:hover {
  border: 5px solid #af1716;
}

.inner-section img {
  /* width: auto;
  margin: auto; */
  display: block;
}

.rounded-circle {
  border-radius: 50% !important;
}

.topper-section h4.title {
  color: #000;
  font-family: "Fjalla One", savbps-serif;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  margin-bottom: 15px;
}

.topper-service p {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
  color: #0c0b0b;
  text-transform: uppercase;
  font-size: 15px;
}

.topper-info-list {
  margin-bottom: 0px;
}

.topper-info-list li::marker {
  color: white;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

/* modal pop up */
.card-body p {
  text-align: center;
  font-size: 16px;
}

a.home-btn {
  display: block;
  padding: 10px;
  margin: auto;
  text-align: center;
  color: black;
  background-color: white;
  width: 20%;
}
a.home-btn:hover {
  display: block;
  padding: 10px;
  margin: auto;
  text-align: center;
  color: white;
  background-color: blue;
  width: 20%;
}
.ph-flex {
  display: flex;
}
.app-cont{
  width: 70%;
}
.ph-flex .mobile-icon {
  width: 29%;
  margin-left: 10px;
}
.app-cont p{
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0; 
  color: #ffffffcf;
}
.app-cont > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
p.link a{color:#fff}
p.link {
  text-align: center;
  width: 100%;
  background:-webkit-linear-gradient(#3d4392,#3d4392);
  color: #000;
  padding: 3px 12px;
  border-radius: 6px;
  font-size: 14px;
  margin: auto;
  margin-top: 10px; 
}
@media (max-width: 1300px) {
  .quick-links .card {
    width: 130px;
    height: 130px;
    display: block;
    margin: auto;
  }
}
@media (max-width: 991px) {
  .quick-links .card {
    width: 110px;
    height: 110px;
    display: block;
    margin: auto;
  }
}
.photo-gallery .card h5 {
  display: -webkit-box; /* Required for flexbox behavior */
  -webkit-box-orient: vertical; /* Specifies vertical stacking */
  overflow: hidden; /* Hides overflowing content */
  -webkit-line-clamp: 1; /* Number of lines to show */
  text-overflow: ellipsis;
}

.top-scroll-sec .card {
  background-color: transparent !important;
  border: none !important;
}

#kids-carousel .card-body {
  padding: 0;
}

.highligh_sec {
  background: #af1716;
  height: 32px;
  position: absolute;
  width: 100%;
  z-index: 9;
  right: 0px;
}

.highligh_sec h4 {
  position: absolute;
  background: rgb(233 21 22);
  height: 100%;
  z-index: 9;
  font-size: 14px;
  line-height: 29px;
  padding-right: 5px;
  padding-left: 5px;
  letter-spacing: 2px;
  right: 0px;
}

.highligh_sec h4 a {
  color: #fff;
}

.highligh_sec marquee p {
  margin: 0px;
  line-height: 30px;
  color: #fff;
}

.highligh_sec marquee p a {
  width: 25px;
  height: 25px;
  padding: 10px;
  color: white !important;
}

.highlights_sec marquee p a:hover {
  color: #f99a6a;
}

.highligh_sec marquee p .fa {
  padding: 5px 5px;
  color: #ffba00;
  border-radius: 15px;
  font-size: 14px;
}

.highligh_sec marquee p .fa:hover {
  color: #fff;
}

.Student_Council .name,
.desc {
  text-transform: capitalize;
}

@media (max-width: 1600px) {
  .slide-new .resvideo {
    height: 100vh;
  }
}