h1, .h1 {font-size: 2rem;}
@font-face {font-family:Poppins-Medium;src: url("../fonts/Poppins-Medium.ttf");}
@font-face {font-family: Alegreya-VariableFont_wght;src: url("../fonts/Alegreya-VariableFont_wght.ttf"); }
p {font-size: 15px;line-height: 26px;}
h1{font-family:Alegreya-VariableFont_wght;color: #262626;margin-bottom: 20px;font-display: swap;}
h1 span{color: #FF6600;}
h3{font-size: 18px;font-family:Poppins-Medium;font-display: swap;}
.area{width: 100%;}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255, 255, 255, 0.2); animation: animate 25s linear infinite; bottom: -150px; } .circles li:nth-child(1){ left: 25%; width: 80px; height: 80px; animation-delay: 0s; } .circles li:nth-child(2){ left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; } .circles li:nth-child(3){ left: 70%; width: 20px; height: 20px; animation-delay: 4s; } .circles li:nth-child(4){ left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; } .circles li:nth-child(5){ left: 65%; width: 20px; height: 20px; animation-delay: 0s; } .circles li:nth-child(6){ left: 75%; width: 110px; height: 110px; animation-delay: 3s; } .circles li:nth-child(7){ left: 35%; width: 150px; height: 150px; animation-delay: 7s; } .circles li:nth-child(8){ left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } .circles li:nth-child(9){ left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; } .circles li:nth-child(10){ left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; } @keyframes animate { 0%{ transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0; } 100%{ transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; } }
img, a, article, .date-sec, .card-body, .name-board{-webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;text-decoration: none;}
img:hover, a:hover, .date-sec:hover, article:hover, .card-body:hover, .name-board:hover{/* -webkit-transition: all 0.4s ease-in; */transition: all 0.4s ease-in;}
a, article, img{-webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
/* body{background:url(../images/white-bg.jpg);overflow-x:hidden} */
.clr25{}
/* header {margin:0px;background: linear-gradient(111deg, #FFFF65 50%, #0000FF 50%);} */
header {margin:0px;background: linear-gradient(111deg, #fff 50%, #fff 50%);}
.skitter{position:relative;height:800px}
.skitter.with-dots{margin-bottom:60px}
.skitter.with-thumbs{margin-bottom:60px}
.skitter>a img,.skitter>img{max-width:none}
.skitter ul{display:none}
.skitter .container_skitter{overflow:hidden;position:relative;height:800px}
.skitter .container_skitter .image_main{width:100%}
.skitter .image{overflow:hidden}
.lightSlider.lsGrab>*{cursor:inherit !important;}
.skitter .image>a img,.skitter .image>img{width:100%;display:none}
.skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20}
.skitter .box_clone img{position:absolute;top:0;left:0;z-index:20}
.skitter .prev_button{position:absolute;top:50%;left:35px;transform:translateY(-50%);z-index:152;width:42px;height:42px;overflow:hidden;text-indent:-9999em;transition:all .2s;    display: block !important;
height: 50px;width: 50px;background-image: url(img/left-button.html);}
.skitter .next_button{position:absolute;top:50%;right:35px;transform:translateY(-50%);z-index:152;width:42px;height:42px;overflow:hidden;text-indent:-9999em;transition:all .2s;    display: block !important;
height: 50px;width: 50px;background-image: url(img/right-button.html);}
.skitter .prev_button:hover,.skitter .next_button:hover{opacity:.5}
.skitter .info_slide{position:absolute;bottom:232px;left:110px!important;z-index:99999;background-color:#fef8c2;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;border-radius:5px;opacity:.75;display:none!important}
.skitter .info_slide .image_number{background-color:#fba101;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;border-radius:2px;transition:all .2s}
.skitter .info_slide .image_number:hover{background-color:#fff;color:#000}
.skitter .info_slide .image_number.image_number_select{background-color:#ccc;color:#000}
.skitter .container_thumbs{position:relative;overflow:hidden;height:50px}
.skitter .info_slide_thumb{height:50px;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0;opacity:1}
.skitter .info_slide_thumb .image_number{overflow:hidden;width:100px;height:50px;position:relative;margin:0;padding:0;border-radius:0;background-size:cover;background-position:center center}
.skitter .info_slide_thumb .image_number.image_number_select{opacity:.4}
.skitter .box_scroll_thumbs{padding:0}
.skitter .box_scroll_thumbs .scroll_thumbs{position:absolute;bottom:60px;left:50px;background-color:#ccc;width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;cursor:pointer;border:0 solid #333}
.skitter .info_slide_dots{position:absolute;bottom:-40px;z-index:151;padding:5px 0 5px 5px;border-radius:50px}
.skitter-themes{text-align:center;margin-bottom:10px}
.skitter-themes ul li{display:inline-block}
.skitter-themes ul li a{padding:10px;display:inline-block;color:#000;text-decoration:none;font-size:14px;font-weight:700;text-transform:uppercase;border-radius:2px;border:2px solid;margin:0 5px 10px}
.skitter-themes ul li a.active{color:#999}
.skitter-animations{text-align:center;margin:20px 0 10px}
.skitter-animations h3{text-transform:uppercase;margin:0 0 10px}
.skitter-animations ul li{display:inline-block}
.skitter-animations ul li a{display:inline-block;color:#000;text-decoration:none;font-size:14px;border-bottom:1px solid;margin:0 5px 10px}
.skitter-animations ul li a.active{color:#999;}
.logo-sec .container{position:relative;}
.logoSec img{width: 72px;padding: 6px 0px;}
.tagLine{font-size: 26px;font-weight: 600;margin-left: 10px;color: #0000FF;}
.contDetails p {font-size: 22px;
    margin-top: 26px;
    text-align: right;
    color: #FF7E00;
    font-weight: 500;}
.logo-sec .erp-logo{width: 180px;margin-top: 22px;}
.online-reg{padding: 5px 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;margin-top: 23px;display: flex;position: relative;}
.online-reg h3{font-size: 16px;margin: 0px;text-transform: uppercase;letter-spacing: 0px;margin-left: 14px;line-height: 22px;display: flex;}
.online-reg h3 a {color:#fff;text-decoration: none;}
.online-reg i{color: #ffffff;width: 25px;height: 25px;border-radius: 100%;position: absolute;top: 25px;left: 140px;text-align: center;font-size: 22px;}
.online-reg img{display: flex;width: 215px;}
.online-reg span{display: block;}
.menu-sec{background: url(../images/topper-bg.jpg);border-bottom: dashed 1px #95978a;border-top: dashed 1px #95978a;background: #292d91;}
.menu-sec .navbar-nav .nav-link{color:#fff;font-size: 14px;text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color: #FF7E00;}
.menu-sec ul.navbar-nav{text-align:center;}
.menu-sec ul li{display:block;}
.menu-sec.fix-header {position:fixed;width:100%;z-index:99999;-webkit-transition: width 1s;transition: width 1s;transition: background 1s;top:0px;visibility:visible !important;box-shadow: 10px 10px 10px #d5d5d5;}
.dropdown-item:hover, .dropdown-item:focus{background-color:inherit;color:#FF7E00;}
.highligh_sec{margin:0px;background: #154B91;position: relative;top: 0px;margin-top: -2px;}
.highligh_sec h4 img{width: 35px;position: absolute;transform: rotate(100deg);margin-left: 15px;}
.highligh_sec h4{position: absolute;background: #FF7E00;z-index: 9;color: #fff;font-size: 15px;line-height: 25px;padding: 0px 40px;margin: 0px;line-height: 40px;}
.highligh_sec h4::after{content: '';position: absolute;left: 42%;top: 100%;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #FF7E00;clear: both;}
.highligh_sec h4 a{text-decoration:none;color:#fff;}
.highligh_sec h4 i{color:#fff;position: absolute;top: 12px;width: 20px;height: 20px;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite;left: 119px;} @-moz-keyframes spin { 100% { -moz-transform: rotate(-45deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(-45deg); } } @keyframes spin { 100% { -webkit-transform: rotate(45deg); transform:rotate(45deg); } }
.highligh_sec p{color: #fff;margin: 0px;line-height: 32px;}
.highligh_sec p i{color: #9fc611;font-size: 20px;background: transparent;border-radius: 5px;padding: 0px;}
.about-sec {margin-top:50px;margin-bottom: 70px;/* background: url(../images/bg-feature.png); */}

.about-sec h1 span{color:#FF7E00;width: 100%;}
.about-sec p{text-align: justify;}
.back-btn{background:#000;width: max-content;padding: 5px 5px;margin-bottom:20px;}
.back-btn a{color:#fff;}
.modal{z-index:99999999;}
.box{color: #000;padding: 20px; display: none; margin-top: 20px;}   
#showOne select{margin-top: 20px;border: solid 4px #d3f9f1;padding: 5px;}
.modal-dialog {max-width: 600px !important;}
.carousel-control-prev-icon { background-image: url('../images/left.png') !important; height: 1rem;}
.carousel-control-next-icon {background-image:url('../images/right.png') !important;height: 1rem;}
.modal-content .carousel-control-prev, .modal-content .carousel-control-next{top:57px;}
.modal-body img {margin: 0 auto;display: block;width: 100%;/* height: 500px; */object-fit: contain;object-position: center;background: #eee;}
.modal-header{background: #253900;}
.modal-content .btn-primary{display: inline-block;background-color: #282f8e;border-color:#ffffff;color: #fff;margin: 0px;}
.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;text-align: center;} 
.btn-close {padding:0px 15px 0px 15px;color:#fff !important;}
.btn-close:focus{box-shadow:none;}
.modal-header .btn-close{border: solid 1px #fff;}
.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(../images/right.png) 0% 16px no-repeat #ffe000 !important; }
.modal-dialog .carousel-control-prev-icon {background-image: inherit;height: 3rem;background: #fff;border: solid 1px #e1e1e1;background: url(../images/left.png) 0% 16px no-repeat #ffe000 !important;}
.popup .modal-dialog{min-width:750px}
.carousel-item .modal-header{background:#154B91;padding: 20px;}
.popup .modal-dialog img{width:100%;background:#08a0d90f}
.carousel-item .modal-body h1{margin:auto;text-align:center;font-size:17px;color:#0b5647;overflow:hidden;font-weight:400;text-transform:uppercase;padding:4px 15px 15px 10px;font-weight:bold}
.carousel-item .modal-dialog .modal-header .btn-close{color:#fff;padding-right:31px}
.carousel-item .modalcard .card-body{padding:10px}
.carousel-item .modalcard .card-body p{line-height:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;padding-top:10px}
.carousel-item .modalcard{border:none}
.carousel-item .modal-body{padding: 0;}
.popup .modal-content{padding:0 0 10px}
.carousel-item button.btn-close{position:relative;z-index:999;padding: 10px;text-align: center;display: block;}
.carousel-item button.btn-close:focus{box-shadow:none}
.carousel-item a.btn.btn-primary.btn-sm{background:#ee1c23;border:1px solid #ee1c23;margin:0 10px}
.carousel-item a.btn.btn-primary.btn-sm:focus{box-shadow:none;border:1px solid #ee1c23}
.carousel-item .btn-close{background: url(../images/btnclose.png) no-repeat center;opacity:1;}
.dropdown-menu{padding: 0px; }

.navbar-nav li:hover > ul.dropdown-menu {display: block;}
.dropdown-submenu {position:relative;}
.dropdown-submenu>.dropdown-menu {top:0;left:100%;margin-top:-6px;}
.dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(-90deg);} 
.sports-btn{background-image: linear-gradient(45deg, #e47f1a 0%, #fcd226 100%);padding: 3px 20px;border-radius:10px;color:#fff;text-decoration: none;width: max-content;margin: auto 0px;margin-top: 15px;display: block;}
.about-sec img {
    width: 100%;
    margin: auto;
    display: block;
}

.about-sec h1 {
    margin-bottom: 13px;
}

.latest-circulars .card-text a {
    color: #939393;
}
.latest-circulars{margin:0px;}
.latest-circulars marquee{height:281px;}
.latest-circulars h1 span{color:#FF6600;width: 100%;display: inline;}
.latest-circulars article{margin:0px;}
.latest-circulars .lSSlideWrapper{height: 630px !important;}
.latest-circulars article .card{margin-bottom: 5px;/* border-bottom: none; */border: 1px dashed rgb(0 0 0 / 8%);}
.latest-circulars article .date-sec{font-size: 20px;width: 60px;height: 60px;background: #154B91;border-radius: 100%;color: #fff;text-align: center;padding-top: 5px;font-weight: bold;margin: auto;display: block;margin-top: 15px;}
.latest-circulars article .date-sec span{font-size: 14px;font-weight: bold;color: #fff;display: block;margin-top: -5px;}
.latest-circulars article h5{font-size:15px;}
.recent-activities{padding-top: 50px;background: #fff;padding-bottom: 70px;}
/* .recent-activities h1{color:#fff;} */
.recent-activities article:hover{margin-top:-5px;}
.recent-activities article{background: #ffffff;padding: 5px;position: relative;}
.recent-activities article .date-sec{font-size: 25px;width: 70px;height: 70px;background: #FF6600;border-radius: 100%;color: #fff;text-align: center;padding-top: 8px;font-weight: bold;margin: auto;display: block;position: absolute;left: 0px;bottom: 10px;border: solid 1px #fff;line-height: 21px;padding: 15px 0;}
.recent-activities article .date-sec:hover{background: #33381e;color: white;}
.recent-activities article .date-sec span{font-size: 16px;font-weight: normal;color: #fff;display: block;}
.recent-activities article h3{color: #fff;background: #154B91;line-height: 40px;text-align: center;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.recent-activities article img{height: auto;width: 100%;object-fit: contain;background: #eee;}
.visit-btn{border: 2px solid white;padding: 10px 30px;color: white;cursor: pointer;position: relative;overflow: hidden;font-size: 18px;font-family: sans-serif;font-display: swap;transition: all .5s;text-decoration: none;}
.visit-btn:before{width: 100%;height: 100%;content: '';margin:auto;position: absolute;top:  0%;left: 0%;background: #FF6600;transition: all .5s;z-index: -1;text-decoration: none;color: #fff;}
.visit-btn:after{width: 100%;height: 100%;content: '';margin:auto;position: absolute;top:  0%;left: 0%;background: #FF6600;transition: all .5s;z-index: -1;text-decoration: none;color: #fff;}
.visit-btn:hover{color: #ffffff;}
.visit-btn:hover:before{ transform: rotateX(90deg); }
.visit-btn:hover:after{ transform: rotateY(90deg); }
.message-sec span{font-family: 'Homemade Apple', cursive;font-size: 26px;margin-bottom: 0px;display: block;font-display: swap;}
.message-sec {background: #fff;padding-top: 60px;padding-bottom:45px;background-size: cover;}
.message-sec img{border-radius: 100%;height: 280px;width: 220px;margin-right: 100px;}
.message-sec p{color: #444;text-align: left;}
.message-sec p a{color: #444;}
.toppers-sec-main{background:#f4f4f4 url(../images/topper-bg.jpg);padding-top: 60px;padding-bottom: 10px;}
.toppers-sec article .name-board h3{font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.toppers-sec article .class_name{background: #154B91;width: 40px;color: #fff;text-align: center;font-size: 20px;position: absolute;z-index: 9;}
.toppers-sec article .name-board:hover{margin-top:-5px;}
.toppers-sec article .name-board{background: #ffff;height: 110px;padding:30px;position:relative;padding-top: 19px;}
.toppers-sec article .name-board::after {content: '';position:absolute;left:42%;top:100%;width:0;height:0;border-left: 0px solid transparent;border-right: 46px solid transparent;border-top: 44px solid #ffffff;clear: both;}
.toppers-sec article .name-board .cap{color: #f4f4f4;float: left;width: 80px;top: 0px;position: relative;margin: 0px auto;border-radius: 0px;border: none;height: auto;margin-right: 15px;}
.toppers-sec article .name-board h4{margin-top: 7px;font-size: 14px;margin-bottom: 5px;}
.toppers-sec article .name-board p{margin-top: 5px;font-size: 13px;margin-bottom: 0px;}
.toppers-sec article .name-board h4 i{font-size: 20px;color: #0b5647;}
.toppers-sec article{/* background: #fff; */}
.toppers-sec article img{margin-top: 30px;border-radius: 10px;width: 150px;height: 150px;border-radius: 100%;border: solid 5px #fff;padding: 5px;object-fit: contain;background: #eee;} 
._2p3a{width:100% !Important;}
.social-icons-sec h4{margin-top: 60px;}
.social-icons-sec h5{margin-bottom:20px;font-size: 15px;margin: 24px 0px;}
.social-icons-sec{margin-top:50px;}
.social-icons-sec img.mob{
    margin: auto;
    display: block;
}
.social-icons-sec img.apps{
    width: 127px;
}

.connected-schools-sec{background:#f4f4f4 url(../images/topper-bg.jpg);padding-top: 60px;padding-bottom: 30px;}
.connected{position:relative;}
.image{display:block;width:100%;height:auto;}
.connected_overlay{position:absolute;bottom:100%;left:0;right:0;background-color: #154B91;overflow:hidden;width:100%;height:0;transition:.5s ease;}
.connected_overlay p{margin-top: 20px;}
.connected:hover .connected_overlay{bottom:0;height:100%;}
.text{color:white;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;}
.col{margin:0px;}
.new_slid { position: relative; margin-bottom: 45px; } 
.new_slid .MS-content { white-space: nowrap; overflow: hidden; }
.new_slid .MS-content .item { display: inline-block; position: relative; vertical-align: top; overflow: hidden; white-space: normal; padding: 4px 20px; float: none; }
.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; height: 95px; width: 25px; }
.new_slid .MS-controls { position: absolute; right: 0px;left: 0px; bottom: 0px; 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 { font-size: 15px; border: solid 1px #ffffff; color: #fff; padding: 0px 2px; background: #919191; }
.MS-controls i:hover { background: #ee2022; color: #fff; }
.centerSec{text-align: center}
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&amp;display=swap");
:root {
  --color-accent: rgb(112, 71, 235);
  --background-color: #f8f7fa;
  --foreground-color: #ffffff;
  --text-color: #19181a;
  --highlight-text-color: var(--text-color);
  --active-text-color: #f8f7fa;
  --inactive-text-color: #a5a5a5;
  --btn-bg: #f8f7fa;
  --box-shadow: #efefef;

  --border-width: 1px;
  --border-radius: 15px;
  --spacing: 18px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #19181a;
    --foreground-color: #282729;
    --text-color: #c9c8cc;
    --highlight-text-color: #f8f7fa;
    --inactive-text-color: #68676a;
    --btn-bg: #313133;
    --box-shadow: #111111;
  }
}
.calendar { background-color: #95ddff;}
.calendar-toolbar {display: flex;justify-content: space-between;align-items: center;padding: 0px 20px;border-bottom: var(--border-width) solid var(--box-shadow);background-color: #95ddff;}
.calendar-toolbar > .current-month {font-size: 17px;font-weight: bold;color: var(--highlight-text-color);text-align: center;padding: 10px 0;margin: auto;}
.calendar-toolbar > [class$="month-btn"] {width: 40px;aspect-ratio: 1;text-align: center;line-height: 40px;font-size: 14px;color: var(--highlight-text-color);background: var(--btn-bg);border: none;border-radius: var(--border-radius);}
.weekdays, .calendar-days {display: flex;flex-wrap: wrap;padding-inline: var(--spacing);justify-content: space-evenly;}
.weekdays {padding-top: 12px;}
.calendar-days {padding-bottom: 12px;}
.weekday-name {width: 32px;height: 31px;color: var(--text-color);text-align: center;line-height: 25px;font-weight: 500;font-size: 13px;}
.weekday-name {color: var(--highlight-text-color);font-weight: 700;}
.current-day {background-color: rgb(0 124 183);color: var(--active-text-color)!important;border-radius: var(--border-radius);font-weight: 700;transition: 0.5s;cursor: pointer;line-height: 32px;}
.padding-day, [class$="-day"] {color: #000000;user-select: none;width: 36px;text-align: center;line-height: 42px;}
.padding-day {color: white;}

.calendar-toolbar > [class$="month-btn"]:hover, .month-day:hover, .btn:hover {border-radius: var(--border-radius);/* background-color: var(--btn-bg); */color: rgb(148 178 1);border-radius: var(--border-radius);transition: 0.1s;cursor: pointer;box-shadow: inset 0px 0px 0px 1.5px rgb(148 178 1);}
.calendar-toolbar > [class$="month-btn"]:focus, .month-day:focus, .btn:focus { border-radius: var(--border-radius); background-color: rgb(148 178 1); color: var(--active-text-color); }
.goto-buttons {border-top: var(--border-width) solid var(--box-shadow);/* padding-block: 18px; */display: flex;justify-content: space-evenly;background-color: #95ddff;}
.footer-sec{margin-top: 0px;padding-top: 50px;padding-bottom: 50px;background-color: #292d91 !important;}
.footer-sec h3{color:#fff;}
.footer-sec b{color:#fff;}
.footer-sec p{color:#fff;}
.footer-sec p a{color:#fff;}
.footer-sec .links ul{margin:0px;}
.footer-sec .links ul li a i {color: #FFFF65;margin-right: 10px;}
.footer-sec .links ul li{list-style-type: none;line-height: 29px;}
.footer-sec .links ul li a{text-decoration: none;color: #ffffff;}
.footer-sec .links ul li a:hover{margin-left:10px;}
.gallery-sec img{height: 70px;object-fit: contain;border: solid 2px #ffffff;margin-bottom: 10px;background: #eee;}
.gallery-sec img:hover{margin-top:-10px;}
.card{/* background:none; */border:none;/* background-color: #95ddff; */}
.footer-bottom-sec{background: #000;padding: 8px 0px;}
.footer-bottom-sec p{color:#fff;line-height:35px;margin:0px;text-align: center;}
.footer-bottom-sec p a{color:#fff;text-decoration:none;}
::-webkit-scrollbar{width:2px}::-moz-scrollbar{width:2px}/*::-webkit-scrollbar-track{box-shadow: inset 0 0 5px #1e210f;} ::-moz-scrollbar-track{box-shadow:inset 0 0 5px #1e210f;}::-webkit-scrollbar-thumb{background: #1e210f;border-radius:10px;}*/
.tablescroll{overflow-x: scroll;}
@media(max-width: 1400px){.padding-day, [class$="-day"] {width: 32px;}.navbar-expand-lg .navbar-nav .nav-link { padding-right: 25px; padding-left: 0px;}.menu-sec .navbar-nav .nav-link {font-size: 13px;font-weight: 500;}}
@media(max-width: 1199px){.padding-day,[class$="-day"] {width: 36px;}}
@media(max-width: 991px){.padding-day, [class$="-day"], .weekday-name {width: 13%;}}
@media(max-width: 767px){.padding-day, [class$="-day"], .weekday-name {/* width: 66px; */}}
@media(max-width: 520px){.padding-day, [class$="-day"], .weekday-name {/* width: 51px; */}}
@media(max-width: 420px){.padding-day, [class$="-day"], .weekday-name {width: 13%;}}
@media all and (min-width: 992px){.megasubmenu{ left:100%; top:0; min-height: 100%; min-width:500px;}.dropdown-menu > li:hover .megasubmenu{ display:block;}}

.dropdown-item{  border-bottom: 1px solid silver ;  padding: 6px 15px;}
/********************Kimmi CSS Start*********************************/
.inrhgt {
    /* min-height: 600px; */
    padding: 40px 30px 40px;
}
section.inrhgt p {
    margin: 0px 0px 11px;
    padding: 0px;
    /* letter-spacing: 0.5px; */
    line-height: 28px;
    font-size: 15px;
    color: #4c4c4c;
    /* text-align: justify; */
    text-align: justify;
}
section.inrhgt h2 {
    font-size: 35px;
    margin: 0px 0px 21px 0px !important;
    font-weight: 400;
    font-family: 'Alegreya-VariableFont_wght';font-display: swap;
}
section.inrhgt h3 {
    font-size: 27px;
    margin: 0px 0px 15px 0px !important;
    font-weight: 400 !important;
    color: #295504;
    font-family: 'Alegreya-VariableFont_wght';font-display: swap;
}
.tagline{
    font-size: 20px !important;
   
}
.inner-slider {
    background-image: url(../images/slider/1.png);
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 300px;
}
.inner-slider:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
    width: 100%;
}
.inner-slider ol.breadcrumb {
    margin-bottom: 0px;
    display: flex;
    justify-content: flex-start;
    position: absolute;
    bottom: 50px;
}
.inner-slider ol.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.inner-slider ol.breadcrumb li {
    display: inline-block;
    font-size: 15px;
    color: #fff8f8;
    font-weight: 500;
    margin-left: 0px;
    line-height: 20px;
}
.inner-slider ol.breadcrumb > .active a {
    color: #ffc800;
    text-decoration: none;
} 
.inner-slider ol.breadcrumb > .active a i {
    font-size: 18px;
    margin-bottom: 0;
    padding: 0;
}
section.mainhead-bg{background: #404040; position: relative; overflow: hidden;}
.mainhead {
    font-weight: 600;
    font-size: 32px;
    margin: 8px 0;
    color: #FFF;
    bottom: 10px;
}
section.mainhead-bg:before {content: "";position: absolute;height: 100%;width: 180px;background: #303030;top: 0;left: 0;}

section.mainhead-bg:after {
    content: "";
    position: absolute;
    height: 70px;
    width: 70px;
    background: #303030;
    top: -9px;
    left: 130px;
    transform: rotate(45deg);
}
.inner-menu {
    background: #eee;
    float: left;
}
.qiuck-head {
    font-size: 24px;
    color: #404040;
    text-transform: none;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
    /* text-align: center; */
}
.inner-menu ul {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 1px solid #e4e4e4;
  border-left: 0px;
  }

.inner-menu ul li {
  margin: 0px;
  line-height: 30px;
  list-style: none;
  float: left;
  width: 100%;
  font-size: 20px;
  font-family: 'Alegreya-VariableFont_wght';font-display: swap;
  border-bottom: 1px solid #e4e4e4;
  letter-spacing: 0px;
  }

.inner-menu ul li a {
  color: #3f3f3f;
  text-decoration: none;
  background: #f8f8f8;
  border-left: 5px solid #e4e4e4;
  padding: 5px 20px 5px;
  display: block;
  font-size: 18px;
  font-weight: 500;
  }

.inner-menu ul li a:hover,
.inner-menu ul li a.inner-active {
    background: #fff;
    border-left: 5px solid #0d6efd;
}
.inner-menu ul li:last-child {
    border-bottom: 0px;
}
.inner-menu .btn {
    width: 100%;
    margin-bottom: 5px;
    color: white!important;
}
.inner-menu .btn:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    color: unset;
    border-radius: unset;
}
.all-tab-media:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: rgba(38, 24, 0, 0.26);
}

.all-tab-media {
    height: 210px;
    background-size: cover !important;
    position: relative;
}
.bdr-blk{margin-bottom: 15px;border: solid 4px #e69b23;padding: 4px;}

.all-tab-media .caption {
    padding: 10px 20px 10px 8px;
    position: absolute;
    left: 30px;
    width: calc(100% - 60px);
    bottom: 30px;
    border-left: 2px solid #e6ce23;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.all-tab-media:hover .caption {
    background: rgba(0, 0, 0, 0.8);
}
.all-tab-media .caption > .title:first-child {
    line-height: 21px;
    padding-bottom: 15px;
}
.all-tab-media .caption > .title{
    margin: 0;
    color: #FFFFFF;
    font: 500 19px/45px "Raleway", Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 0px #000;
    position: relative;
    }
.all-tab-media .caption .title:before {
    content: '';
    position: absolute;
    background: url(../images/text-bottom.png) no-repeat;
    left: 0px;
    bottom: -13px;
    position: absolute;
    width: 175px;
    height: 25px;
}
 .all-tab-media .caption .desc {
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    max-height: 0;
    overflow: hidden;
    padding: 1px;
    color: #c38c34;
    font-size: 13px;
    line-height: 18px;
    margin-top: 12px;
}
.all-tab-media .more-info {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.all-tab-media:hover:before {
    opacity: 0;
    filter: alpha(opacity=0);
}
.all-tab-media:hover .caption .desc {
    max-height: 100px;
}

.all-tab-media > .inner-box .caption .desc .inner-box {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    visibility: hidden;
    padding-top: 10px;
    top: 30px;
}

.all-tab-media:hover .caption .desc .inner-box {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    top: 0;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}


.navbar-nav .nav-link.active {
    color: #FF6600 !important;
}

.lft-img { margin-left: 15px;}
.rit-img { margin-right: 15px;}
/*Table section*/
.faculty .staff_pic {overflow-x: auto; }
.faculty img {height: 75px; width: 75px; margin: auto; }
thead { background: linear-gradient(45deg, #0b3816, #9d9101);  color: white;}
table{border-color: #cdcdcd!important;background: #ffffffd1;}
/*Table section End*/
.mis-box {
    display: flex;
    flex-direction: column;
    position: relative;
}
.mis-box h3 {
    margin-top: 15px;
    color: #427c30;
    font-weight: 600;
}

.mis-box .num {
    background: #0b3816;
    color: white;
    font-size: 34px;
    width: max-content;
    padding: 5px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 10px;
}
.border1{border: 1px solid #CCC;padding: 1px;box-shadow: 0px 0px 15px #afafaf;transition: 0.5s!important;}
.border1:hover {
    border-radius: 30%;
}

.uniform h3 img {
    width: 33px;
    margin-right: 5px;
}
ul.list{ padding: 0px 30px 5px;}
ul.list li{margin: 10px;line-height: 28px;font-size: 15px;list-style-type: none;position: relative;text-align: justify;}
ul.list li:before {content: "\2756";font-size: 1.6em;color: #427c30;left: 18px;vertical-align: middle;margin-right: 8px;margin-left: -28px;}
ul.list li li{margin: 10px;line-height: 24px;font-size: 14px;list-style-type: none;position: relative;text-align: justify;}
ul.list li li:before {content: "\261B";font-size: 18px;position: absolute;margin-left: -46px;}

ul.list2{list-style-type: lower-roman;}
ul.list2 li{margin: 10px;line-height: 28px;font-size: 15px;text-align: justify;}

ul.list3{list-style-type:decimal !important}
ul.list3 li{margin: 10px;line-height: 28px;font-size: 15px;text-align: justify;}
.result{
  display: flex;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.result .square {
  /* background-color: #0a3715; */
  background: #154B91;
  height: 150px;
  width: 150px;
  position: relative;
  border-radius: 100%;
  border: 5px solid #039FFF;
}
.result-box::after {
  /* content: ''; */
  height: 190px;
  width: 130px;
  position: absolute;
  background-color: #0a3715;
  top: -40px;
  right: -29px;
  border-top: #d8c80a solid 4px;
  border-left: #D8C809 solid 4px;
  transform: rotate(135deg);
}
.result-box {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.result-box img {
    position: relative;
    z-index: 9;
    width: 55px;
    margin-bottom: 12px;
}

.result-box h4 {
    color: white;
    font-size: 16px;
    text-align: center;
    position: relative;
    z-index: 9;
}
.result a {
    text-decoration: none;
}

.tc .form-control:focus{box-shadow: unset;}

.tc {
    background: #f8f8f8;
    padding: 70px 30px;
    border: 1px solid #e4e4e4;
}

.tc input {
    margin-bottom: 15px;
}

.tc .btn {
    display: flex;
    justify-content: center;
    width: 135px;
    margin: 0 auto;
    background: #154B91;
    color: white;
    border-color: unset;
    border-radius: 25px;
    padding: 6px ;
}
.download img {
    width: 25px;
    margin: 0 5px;
}

.download li {font-weight: 600;}
.club h6 {
    text-align: center;
}
.club img {
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
}
.online-adm{    background: linear-gradient(180deg, rgba(248,255,213,1) 0%, rgba(227,255,146,1) 53%, rgba(248,255,213,1) 100%);
    padding: 25px; border: solid 2px #fff; -webkit-box-shadow: 0px 0px 13px 0px rgb(216 216 216); -moz-box-shadow: 0px 0px 13px 0px rgba(216,216,216,1); box-shadow: 0px 0px 13px 0px rgb(216 216 216);}

.online-adm .btn {
    width: 100%;
}

.online-adm .btn:hover {
    background: #ffb014;
    color: white;
}

.online-adm p i {
    background: #427c30;
    padding: 3px 5px;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    margin-right: 8px;
    margin-left: 10px;
}

.applyOnline .form-control{margin-bottom: 15px !important;}

.contact1 h4 {font-size: 18px;margin-top: 0px;margin-bottom: 10px;font-weight: bold;color: #154B91;}
.contact1 h4 a {text-decoration: none;color: #154B91;}
.contact1 h4  a:hover {color: #000;}
 .contact1 i{
        color: #b4120c;
}
 .contact1 p {
    color: #000;
    margin-bottom: 0px;
    line-height: 25px;
    }

  .contact1 p a {
    color: #000;
    text-decoration: none;
     }
      .contact1 .input-group-text{
     background-color: #fff;
    border: 1px solid #fff;
    }

.contact1 .map-sec {
        padding: 40px 40px 30px 65px;
    background: #dcdcdc;    
}
.contact1 .map-sec iframe {
        height: 445px;
    }
.contact1 .contactblk{
    background: #ffffff;
    border: 2px solid #e0e0e0;
    padding: 10px 10px;
    text-align: center;
    min-height: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 30px;
  }

  .contact1 .contblk {
    position: relative;
    transform: translate(-50%, -50%);
    top: 53%;
    left: 56%;
   }

      .contact1 .contblk i{
    font-size: 50px;
    color: #154B91;
    }

.mail-detail {
    text-align: center;
    background: #e3edda;
    padding: 25px 10px;
    border: 1px solid #d4e7c3;
    width: 100%;
    margin: auto;
    margin-bottom: 15px;
}
.mail-detail p a {
    color: #767676;
}
.contact1 .form-sec {
    background: #dcdcdc;
    padding: 30px;
}

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

.contact1 .form-sec input[type="submit"], .contact1 .innerpage .write input[type="submit"], .contact1 .innerpage .career input[type="submit"] {
    width: max-content;
    height: 40px;
    margin-top: 10px;
    background: #2b5e36;
    color: #fff;
    font-size: 14px;
    border: solid 1px #2b5e3696;
    text-transform: uppercase;
    margin-bottom: 0px;
    text-align: center;
    margin-right: 5px;
}
.contact1 .form-sec input[type="reset"] {
    width: max-content;
    height: 40px;
    margin-top: 10px;
    background: #fff;
    color: #000;
    font-size: 14px;
    border: solid 1px #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}
.contact1 a {
    color: #427c30;
    font-weight: 600;
}


.calendar .wrapper {
    margin: 15px auto;
    max-width: 1100px;
}

.calendar .container-calendar {
    background: #ffffff;
    padding: 15px;
    max-width: 475px;
    margin: 0 auto;
    overflow: auto;
}

.calendar .button-container-calendar button {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    background: #00a2b7;
    color: #fff;
    border: 1px solid #0aa2b5;
    border-radius: 4px;
    padding: 5px 10px;
}

.calendar .table-calendar {
    border-collapse: collapse;
    width: 100%;
}

.calendar .table-calendar td, .table-calendar th {
    padding: 5px;
    border: 1px solid #e2e2e2;
    text-align: center;
    vertical-align: top;
}

.calendar .date-picker.selected {
    font-weight: bold;
    outline: 1px dashed #00BCD4;
}

.calendar .date-picker.selected span {
    border-bottom: 2px solid currentColor;
}

/* sunday */
.calendar .date-picker:nth-child(1) {
  color: red;
}

/* friday */
.calendar .date-picker:nth-child(6) {
  color: green;
}

.calendar #monthAndYear {
    text-align: center;
    margin-top: 0;
}

.calendar .button-container-calendar {
    position: relative;
    margin-bottom: 1em;
    overflow: hidden;
    clear: both;
}

.calendar #previous {
    float: left;
}

.calendar #next {
    float: right;
}

.calendar .footer-container-calendar {
    margin-top: 1em;
    border-top: 1px solid #dadada;
    padding: 10px 0;
}

.calendar .footer-container-calendar select {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    color: #585858;
    border: 1px solid #bfc5c5;
    border-radius: 3px;
    padding: 5px 1em;
}


.gallink {
    padding: 4px 20px;
    border-radius: 10px;
    width: max-content;
    margin: 0 auto;
}
.gallink a {
    color: #ffc800;
}

.gallink a i {
    margin-left: 3px;
}
.gallink a:hover {
    color: white;
}

/*Year Selection*/
.month-selection ul{text-align: center;  padding-left: 0px;}
div[data-trigger] { display: none; }
.myDiv{display:none;}
.selected_year{display: block;}
#ddlYear {border: solid 3px #6aa009;color: #fff;height: 40px;padding: 5px 0px 5px 10px;margin-top: -10px;background: #253900;font-weight: bold;margin-bottom: 7px;letter-spacing: 1px;width: 14.7em;font-size: 18px;}
.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;}
 .myDiv { height: auto !important;    }
  .ui-tabs-vertical {height: auto !important; min-height: 500px;}
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 13em; margin:0px 15px 0px 0px ; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel {padding: 10px 5px 0px 50px;}
.year_selction_sec h3 { width: 11em; background: #ef2d39; padding: 8px 11px; color: #fff; box-shadow: -2px 5px 4px 2px #ef2d396e;  clear: both; font-size: 21px; line-height: 27px;}
.month-selection .active_month {border: solid 1px #0b4d34;}
.month-selection ul li {list-style: none;margin: 5px 0px;list-style-image: none;background: #6666664a;text-transform: capitalize;padding: 8px 10px;cursor: pointer;}
.month-selection ul {text-align: center;}
.month-selection {margin: 0px; float: left; width: 16.5em;}
.innertabdiv {/* margin-top: -55px; */}
.innertabdiv article{background:#fff;padding: 10px;}
.innertabdiv .table{margin: 0px;}
.innertabdiv h4{padding: 0px;}
.innertabdiv .table tr td { border: 1px solid #e7c9c8; border-top: 1px solid #e7c9c8!important;}
.innertabdiv .innertable.table-responsive.maintable {padding: 5px 20px;}
.innertabdiv .innertable{overflow:auto;color:#753400;}
.innertabdiv .innertable td{border:solid 1px #d9d9d9;padding:5px;font-size:14px;color:#333;}
.innertabdiv .innertable th {background: rgb(5 76 49);border: solid 1px #fcf4ff;padding: 5px;color: #fff;font-size: 16px;text-align: center;font-weight: normal;}
.innertabdiv .innertable tr {background-color: #fffbf2;}
.innertabdiv .viewbtn{float: right;background: #FF7E00;color: #fff;padding: 5px 19px;font-size: 16px;border-radius: 4px;margin-right: 15px;}
.innertabdiv .viewbtn:hover, .viewbtn:focus ,.viewbtn:focus:active{ color: #fff; outline: none; }
.innertabdiv .viewall {margin: 5px auto 30px auto;display: block;background: #253900;color: #fff;padding: 0px 25px;font-size: 16px;border-radius: 4px;}
.innertabdiv .viewall:focus:active{ outline: none;    } 
.innertabdiv a.viewpdf ,.innertabdiv a.downloadpdf  { background: #064c31; padding: 3px  10px; color: #fff; font-size: 13px; border-radius: 5px; margin: 0px 15px 0px 0px; }
.innertabdiv .innertable td:nth-child(3),.innertable td:nth-child(4) { text-align: center;}
/*Inneer News CSs*/
.news-inner .year_selction_sec { margin-bottom: 20px;}
.singleimg {width: 100%;border: 2px solid #6aa008;min-height: 230px;height: 230px;max-height: 230px;object-fit: contain;margin-left: 15px;background: #eee;}
.singleimgicn{ text-align: left; position: relative; bottom:232px; left: 3px; }
.singleimgicn .bi-paperclip::before{  transform: rotate( -196deg)}
.latestcontent h4 {height: 60px;overflow: hidden;font-family: FiraSans-Regular;font-display: swap;}
.latestcontentdesc { height: 85px; overflow: hidden; }
.latestcontent .viewbtn { float: left; }
.latestcontent { padding-left: 30px; }
.rhtalign .viewall { float: left; }
.lftalign img { margin: 0px 0px 20px 0px; }
.lftalign .maininnerimg {border: 2px solid #6aa008;width: 100%;height: 150px;min-height: 150px;max-height: 150px;object-fit: contain;background: #eee;}
.rhtalign h4 { height: 40px; overflow: hidden; font-size: 18px; line-height: 22px; margin-top: 0px; font-family: FiraSans-Regular; font-display: swap;}
.singleimgicn{ text-align: left; position: relative; bottom:232px; left: 3px; }
.singleimgicn i{position: absolute;background: #253900;overflow: hidden;padding: 4px 7px 4px 7px;font-size: 18px;color: #fff;transform: rotate( 45deg);}
.singleimgicn .bi-paperclip::before{ transform: rotate( -196deg)}
.iconbox { text-align: left; position: relative; bottom: 174px; left: -6px;}
.iconbox a{ color:#fff;}
.iconbox i {position: absolute;background: #253900;overflow: hidden;padding: 4px 7px 4px 7px;font-size: 18px;color: #fff;transform: rotate( 45deg);}
.iconbox .bi-paperclip::before { transform: rotate( -196deg);}
.load-data .holder , .load-data1 .holder1,  .load-data2 .holder2  {display: none; }
.load-data .btnHolder { display: block; bottom: 0; width: 100%; margin: -40px auto; text-align: center; position: absolute; left: 0; }
 .load-data .btnHolder button:focus { outline: none; }
.btnHolder .btnMore {display: block;margin: 0 auto;padding: 5px 20px;border: 2px solid #253900;background: #fff;color: #000;}
.btnHolder .btnMore:focus:active{ border: 2px solid #054c31; background: #fff; }
.underline {margin: 18px 0px;position: relative;background: #6aa00896;width: 100%;height: 1px;}
.custom-btn { transition: all 0.3s ease; position: relative; display: inline-block; box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); outline: none; }
.viewall { background:#054c31; background: linear-gradient(0deg, rgb(233 130 26) 0%, rgb(239 45 57) 100%); width: 95px; height: 40px; line-height: 42px; padding: 0; border: none; }
.viewall span { position: static; display: block; width: 100%; height: 100%; }
.viewall:before,.viewall:after {position: absolute;content: "";right: 0;top: 0;background: #054c31;transition: all 0.3s ease;}
.viewall:before { height: 0%; width: 2px; }
.viewall:after { width: 0%; height: 2px; }
.viewall:hover{ background:#fff; box-shadow: none; }
.viewall:hover:before {height: 100%;}
.viewall:hover:after {width: 100%;}
.viewall span:hover{color:#054c31;}
.viewall span:before,.viewall span:after {position: absolute;content: "";left: 0;bottom: 0;background: #054c31;transition: all 0.3s ease;}
.viewall span:before { width: 2px;  height: 0%;}
.viewall span:after { width: 0%; height: 2px;}
.viewall span:hover:before {height: 100%;}
.viewall span:hover:after {width: 100%;}
h3.headtitle {padding-left: 12px;font-size: 25px;font-weight: 600;}
/*Inner Gallery section*/
.image-circle {width: 250px;height: 250px;border-radius: 50%;border-top: 2px dashed #9ce519;border-right: 2px dashed #054c31;border-left: 2px dashed #054c31;border-bottom: 2px dashed #9ce519;padding: 10px;animation: spin 10s infinite linear;margin: 0px auto 20px auto;}
.image-circle img { animation: spin 10s infinite reverse linear; width: 100%; border-radius: 50%; }
    @keyframes spin {
        100% {
            transform: rotate(1turn);
        }
    }
.galleryimg { width: 100%; height:230px; object-fit:cover; object-position:top; min-height:230px; max-height:230px; margin: 0 auto; display: block; }
.innertitle { height: 40px; overflow: hidden; font-size: 16px; line-height: 23px; font-family: FiraSans-Regular; font-weight: 600;font-display: swap; }
.innertitle, .innerdate { text-align: center;}
/*Pagination CSS*/
.paginationli ul{margin: 0; padding: 0; list-style: none;}
.paginationli ul li{display: inline-block; width:32%; float: left; margin-right: 15px; margin-bottom: 15px;}
.showBioBtn{background-color: #337ab7; padding: 5px 10px; color: #fff; font-size: 12px;}
/*Pagination CSS*/
 #page_navigation { clear:both; margin: 20px 0; display: flex; justify-content: center; align-items: center; }
#page_navigation a{padding:3px 6px;border: 1px solid #253900;margin:2px;color:black;text-decoration:none;}
.active_page{background: #253900;color:white !important;}
     
/*Pagination CSS End*/

/*Gallery Category page*/
.evntdate, .lastdate, .totalphoto {
    background: #253900;
    color: #fff;
    display: block;
    margin:0px auto 15px auto;
    box-shadow: 5px 4px 0px 0px #e8b70099;
    border-radius: 35px 0px 35px 0px;
    padding: 7px 30px;
    width: 260px;
}

.innercate .col p { padding: 0px 5px;}
.evntdate:hover, .lastdate:hover, .totalphoto:hover{
  color: #fff;
  background: #78ad17;
}
.zoompic img {
    width: 100%;
    height: 322px;
    object-fit: cover;
    object-position: top;
    min-height: 322px;
    max-height: 322px;
    margin: 10px auto 20px auto;
    display: block;
    border: 5px solid #f1d466a6;
    border-radius: 25px 25px 25px 25px;
}
.innercate .morecontent div {
  display: none; }
.innercate .morecontent a {
  /* text-decoration: underline; */
  display: inline-block;
  color: #ef2d39;
  font-size: 21px;
 }
    .back{
    margin: 10px auto 10px auto;
    display: block;
    text-align: center;
}
.back a{
    background: #253900;
    color: #fff;
    padding: 1em 1.3em;
    border-radius: 50%;
    text-align: center;
}
.innercate .col h4 {
    text-transform: uppercase;
    padding: 31px 0px 5px 0px!important;
    font-family: 'Alegreya-VariableFont_wght';
    /* font-weight: 600; */
}

.morecontent span {display: none;}
.morelink { display: block;}
/*Magnify pop up*/
 .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.8509803921568627)!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: #af251b;}
.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: #fff; font-size: 20px;
}
/*Magnify pop up*/
/*Inner Event section*/
.events-sec .date {line-height: 15px;margin-bottom: 10px!important;}
.events-sec p span i {color: #253900;padding-right: 5px;}
.events-sec p {    margin-bottom: 10px!important;}
.events-sec span .eve-time-loc { padding-right: 10px;}
.events-sec .load-data .btnHolder {display: contents;}
/*Inner Event section*/
/*Inner highlights*/
.iner-highlight p a {background: #253900;padding: 5px 5px;color: white;}
.iner-highlight p {    margin-bottom: 10px!important;}

.sports-corner article div {
    padding: 4px 10px;
}
.sports-corner article div {
    display: flex;
    width: inherit;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.msg_img{width:250px;}
.goto-buttons button {
    background: white;
    padding: 0 14px;
    margin: 10px 3px;
    font-size: 15px;
}

.calendar-toolbar button {
    display: none;
}

.mkstechnosoft{font-weight: bold; color: #FF6600 !important;}  
/*Media Query*/

@media (max-width:1400px){}
@media (max-width:1199px){
    #home {
        color: #154B91 !important; 
       
    }
    .tagLine{font-size: 21px;}
    .gallink{text-align:left;margin: inherit;}
    .menu-sec ul li{display:block;text-align: left;}
    .navbar-dark .navbar-toggler{background:#253900;}
    .dropdown-item{  border-bottom: 1px solid silver ;
        padding: 7px 15px;}
    .menu-sec .navbar-nav .nav-link{font-size: 14px;
      }
    .navbar-expand-lg .navbar-nav .nav-link{
        background: #FF6600;
        border-bottom: 1px solid #fff;
        font-size: 15px;color: #fff;
        padding: 10px 15px;}
        .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color: #fff;}
    .online-reg{background: #33381e;width: max-content;}header{background:#efefef;}
  .inner-slider { height: 450px;}
.gallery-sec {  margin-top: 20px;}
  .paginationli ul li {display: inline-block; width: 48%;}  
  .result .square { height: 120px; width: 120px;}
  .result-box::after { height: 170px; width: 120px;}
}
@media (max-width:991px){
.toppers-sec .item{width:100%;}
.toppers-sec article .name-board h3{margin-top:15px;}
.toppers-sec article .name-board .cap{display: none;}
.modal-body img{height:360px;}
.logo-sec .erp-logo{position:absolute;right:0px;top: 60px;}
.inner-slider { height: 350px;}
.image-circle {width: 200px; height: 200px;}
.galleryimg {height: 180px; min-height: 180px; max-height: 180px; }
  .result .square{
    height: 110px;
    width: 110px;
    margin: 0 auto;
    margin-bottom: 50px;
  }
.result-box::after {
    height: 125px;
    width: 80px;
    top: -23px;
    right: -25px;
}
.result-box img {
    width: 53px;
    margin-bottom: 5px;
}
.result .col-lg-4.col-md-6 {
    overflow: hidden;
}

}
label {
    display: inline-block;
    font-size: 15px;
    color: #7e7e7e;
}
@media (max-width:768px){.latest-circulars marquee{height:400px;}
.about-sec h1 span{font-size:25px;}.about-sec{margin-top:20px;}
.highligh_sec h4::after{left:10%;top: 77%;}
.highligh_sec h4 img{display:none;}
.highligh_sec h4{padding:0px 10px;}
.logo-sec .erp-logo{top:100px;width: 140px;}
.social-icons-sec img.mob{width:150px;}
.footer-bottom-sec p{line-height:25px;font-size:14px;}
.modal-content .btn-primary, .modal-content  .btn-danger{padding:5px;}
.modal-body img{height:200px;}
.social-icons-sec h5{text-align:center;}
.social-icons-sec h4{margin-top:10px;text-align: center;}
section.inrhgt h3 {  font-size: 22px;}
  .inner-slider ol.breadcrumb > .active a i { font-size: 18px;}
.inner-slider ol.breadcrumb li {font-size: 13px;line-height: 20px;}
.inner-slider { height: 250px;}
  .inrhgt { padding: 40px 15px 40px;}
.latestcontent h4 { height: auto;}
.innertabdiv .innertable.table-responsive.maintable {padding: 0;}
.month-selection ul li {display: inline-block; width: 53px;}
.month-selection { width: 100%;}
#ddlYear { width: 100%;}
.contact1 .contblk {
    left: 50%;
}
  section.inrhgt h2 { font-size: 27px;}
  .lft-img {margin-left: unset!important; margin: 0 auto; width: 100%;}
  .rit-img {margin-right: unset!important; margin: 0 auto; width: 100%;}

 
}
@media (max-width:600px){
    .toppers-sec .item{width:100%;}
  .zoompic img { height: auto; min-height:auto; max-height: auto;}
  .gallery_sec img {height: auto;}
  .carousel-item{display: none;}
}
@media (max-width: 425px){
.paginationli ul li {width: 100%; float: none;}
 }
@media (max-width:360px){}
.mt-15{margin-top: 15px !important;}

.calendar{background-color:#fff;}