@font-face{font-family: 'Roboto', sans-serif;src:url(../webfonts/Roboto-Regular.ttf)}
*{margin: 0px;padding: 0px;outline: none;font-family: 'Roboto', sans-serif;} 
body{font-style: normal; line-height: 1.5; color: #232323;  margin: 0!important;font-family: 'Roboto', sans-serif; overflow-x:hidden;padding: 0px;}
p {line-height: 32px; font-size: 17px; color: #0f0f0f; text-align: justify; margin-bottom: 13px; font-weight: normal; font-family: 'Roboto', sans-serif;}
a {text-decoration: none;}
.s-portal {right: 10px;position: fixed;top: 280px;z-index: 999;}
.s-portal img {width: 90px;}
.cm{text-align: center;margin: 0 auto;max-height: 350px;max-width: 450px;}
section.inpght h2 {font-size: 28px; color: #031b35; font-weight: 400!important; margin-bottom: 20px; margin-top: 40px; line-height: 33px;border-left: 8px solid #e6d903; padding-left: 5px;
text-transform: uppercase;}
.clr{clear: both;} 
.clr5 { height: 5px; clear: both; }
.clr10{clear: both;height:10px;} 
.clr15{height:18px;clear: both;} 
section {background-position: 50% 50%;  background-repeat: no-repeat; background-size: cover;}
.topheader {width: 100%;}
.highlights {width: 100%!important; margin: 0px; font-size: 15px; background: #dadada; color: #000; padding: 0px 0px 11px 0px; height: 33px;}
.highlights h4 {position: absolute; background: #e43402;color: white; padding: 4px; margin: 0px; z-index: 999; line-height: 25px; margin-bottom: 0px!important; font-family: 'Roboto', sans-serif; font-size: 16px;}
marquee {padding-top: 5px; font-family: 'Roboto', sans-serif;}
marquee a i{color: #cc0000;}
marquee a:hover {color: #cc0000;}
marquee a {color: black;}
.logo img {width: 480px;  padding: 6px 25px;}
img.mobilelogo {display: none;}
header{background: #011b35;}
nav:after{content: ""; clear: both; display: table;}
nav ul{float: right;list-style: none;margin-right: 16px;position: relative;padding-top: 30px;}
nav ul li{display: inline-block;background: #011b35;z-index: 99;margin: 0px 2px;}
nav ul li a {color: white;text-decoration: none;line-height: 35px;font-size: 16px;padding: 5px 10px;font-family: 'Roboto', sans-serif;}
nav ul ul li a:hover{color: #e2d402; box-shadow: none;}
nav ul li a:hover{color:cyan; border-radius: 5px;box-shadow: 0 0 5px #33ffff;} 
nav ul ul{position: absolute;border-top: 2px solid #e6da04!important;opacity: 0;visibility: hidden;transition: top .3s;}
nav ul ul ul{border-top: none;}
nav ul li:hover > ul{opacity: 1; visibility: visible; padding: 0;}
nav ul li:last-child ul {margin-left: -5px;}
nav ul li ul li a {font-size: 14.5px;}
nav ul ul li{position: relative;margin: 0px;width: auto;float: none;display: list-item;border-bottom: 1px solid rgb(76 75 75 / 30%);padding: 3px 5px;color: #ffffff;}
nav ul ul ul li{position: relative;top: 0;/* left: 150px; */}
nav ul ul ul li a{line-height: 50px;}
.fa-plus{margin-left: 10px;font-size: 15px;}
.show, .icon, nav input{display: none;}
nav ul ul ul {left: 100%;width: max-content;top: 0;}
nav ul li ul li a span {display: none;}
.pop-up-block.video-pop { object-fit: cover;width: 100%;height: 100vh;top: 0; transform: unset;left: 0; object-position: center;}
.s-portal img {width: 100px;}

@media all and (max-width: 767px){
header {z-index: 99999; position: relative;width: 100%;}
nav ul{margin-right: 0px;float: left;margin: 0;}
nav .logo{width: 100%; }
nav ul li, nav ul ul li{display: block;  width: 100%;}
nav ul ul{top: 70px; position: static;  border-top: none;  float: none;  display: none;  opacity: 1;  visibility: visible;}
nav ul ul ul li{position: static;}
nav ul ul li{border-bottom: 0px;}
nav ul ul a{padding-left: 40px;}
.show{display: block; color: white; font-size: 16px;padding: 0 5px; line-height: 35px;cursor: pointer;font-family: 'Roboto', sans-serif;}
.show:hover{color: #e6da05; outline: none;}
.icon{display: block;color: white;position: absolute;right: 40px;font-size: 25px; cursor: pointer; top:24px;}
nav ul li a:hover{box-shadow: none;}
.show + a,nav ul{display: none;}
[id^=btn]:checked + ul{display: block; float: left; text-align: left;  width: 98%; z-index: 9999; }
nav ul ul li:hover ul {display: block;width: 100%;text-align: left;}
nav ul ul ul li a {line-height: 36px;font-size: 14px;}
.inr-event-img{min-width:100% !important;max-width:100% !important;}
.inr-event-blk{flex-direction:column !important}
}
/***************About Section****************/
.about-section{margin: 0px auto; height: 500px; width: 100%;background-image: linear-gradient(147deg, #e4d803 0%, #2c85d6 80%); padding: 50px 0px 25px 0px;overflow: hidden;}
.about-box {position: relative; height: 400px;}
.about-box .abt-box-img1 {position: absolute; width: 100%; height: 230px; top: 0; bottom: 0; border: double white; box-shadow: 3px 2px 16px 0px #335a42;}
.about-box .abt-box-img2 {position: absolute;width: 80%;height: 220px;top: 170px;border: double #ffffff;left: 45px;box-shadow: -2px 2px 7px #b8da75;}
.about-box .abt-box-img1 img {height: 100%; width: 100%;}
.about-box .abt-box-img2 img {height: 100%; width: 100%;}
.about-content {background: white;padding: 31px;border-top-right-radius: 50px;border-top-left-radius: 50px;}
.about-content h2 {float: right;width: 100%;text-align: center;font-family: 'Roboto', sans-serif;font-size: 30px;}
.about-content p {line-height: 36px;font-size: 17px; color: #0f0f0f;text-align: justify;margin-bottom: 13px;font-weight: normal;font-family: 'Roboto', sans-serif;overflow: hidden;display: -webkit-inline-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; text-overflow: ellipsis;} 
/***********Event Section************/
.event-sec {margin: 0px;padding: 30px 35px;background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/evebg.jpg);}
h2.main-head span {color: #060606;font-family: 'Roboto', sans-serif;font-size: 30px;}
h2.main-head a {color: #0f8dbb; transition: 0.5s;}
.news-sec h2.main-head a {color: #ffffff;}
h2.main-head a:hover {padding-left: 20px;}
.main-head{ font-size: 30px; padding-bottom: 10px;}
.eventbox {background: #ffffff; padding: 15px; box-shadow: 3px 3px 18px 2px #c5c3c3; position: relative; width: 95%;} 
#event-slider{ height:470px !important;}
.eventbox img {margin: 0 auto; height: 230px;margin-bottom: 20px; object-fit: contain; object-position: center; background-color: #e3dada; width: 100%;}
.eventbox h4 {color: #088ab9;font-size: 20px; overflow: hidden; display: -webkit-box;font-family: 'Roboto', sans-serif;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.eventbox p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 4em;text-overflow: ellipsis;font-family: 'Roboto', sans-serif; text-align: unset;}
.dt-loc {width: 100%; padding: 0;}
.dt-loc span:nth-child(2){float:right;margin-top:6px;}
.dt-loc span,.dt-loc span i{font-size: 15px;color: #777777;}
.dt-loc span:nth-child(1) { margin-top: 6px; font-family: 'Roboto', sans-serif;}
.dt-loc span:nth-child(2) { margin-top: 6px; font-family: 'Roboto', sans-serif;}
.attachment {float: right;position: absolute;top: 15px;bottom: 0;background: linear-gradient(147deg, #e4d803 0%, #2c85d6 80%);height: 40px;right: 15px;z-index: 99;border-bottom-left-radius: 31px;border: 2px solid white; box-shadow: 0px 5px 3px #525252;}
.attachment i {font-size: 18px; color: #ffffff; margin: 8px 10px;}
.mid-screen{margin-top: 40px;}
.attachment a{ color: rgb(255, 255, 255); padding: 10px;}
/*****************Circle Section***************/
.circle-section {padding: 50px 15px; position: relative;width: 100%;height: 100%; background-attachment: fixed; margin: 0px 0px 0px; background: white;}
.circle-section:before {content: ""; width: 100%; top: 0; height: 100%; position: absolute; left: 0;}
.circle-section .cir-blk {position: relative;padding: 50px 0px !important;border-radius: 50% !important;border: 6px solid #fb7e2d !important;text-align: center;font-size: 2rem;width: 180px !important;height: 180px !important;margin: auto !important;display: block !important;color: #fb7e2d;overflow: hidden;transition: 2s;box-shadow: 1px 5px 0px #863500;}
.circle-section .cir-blk:before {content: "";position:absolute;width:100%;height:100%;background: repeating-radial-gradient(#fff,rgb(255 176 125) 100px);top:0; left:0; border-radius:50%;
 animation: anim-circle 2s infinite alternate; animation-delay: 0s;}
@keyframes anim-circle {0%{transform:scale(0.8)}100%{transform:scale(1.2)}}
.cir-blk:hover {background: #ffffff;box-shadow: 1px 5px 0px #002c52;}
.circle-section .cir-blk i {position: relative; margin-bottom: 10px;}
.circle-section .cir-blk h3 {position: relative;font-size: 18px;color: #000000;font-family: 'Roboto', sans-serif;}
/***********************Latest News section CSS***************/
#news-slider li{height:200px !important;}
.news-sec {background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/bg2.jpg);background-size: 60% 100%;background-position: left;background-repeat: no-repeat;padding: 60px 5px;}
.news-sec h2.main-head {color: white;text-align: center;font-size: 30px;margin: 15px auto;font-family: 'Roboto', sans-serif;}
.nopad{padding-left: 0px;padding-right: 0px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.news-blk {
 background: #c5eaf6 ! important;
    border-radius: 20px!important;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 98%;

}
.news-blk p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;    line-height: 27px;font-size: 16px;}
.news-blk p.attch a i {font-size: 20px; color: #0077a0;}
.news-blk p.attch a i:hover {color: red;}
.news-blk h4{ font-size: 18px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.attch a{ font-size:15px;}
.attch a:hover{ color: black;}
/***********************Message section CSS***************/
.message-section{width: 100%;padding: 50px 30px;margin: 0 auto;border-radius: 20px;}
.white-strp {background: linear-gradient(147deg, rgb(255 233 219) 0%, #fbb98e 80%);}
.image-blk {margin: 0 auto;left: 50px; height: 420px; width: 100%;}
.image-blk img {width: 100%;height: 100%;border: 1px solid #eb7225;box-shadow: 5px 6px 16px 2px #f6ae80;}
.message-section .content-blk {width:95%; margin: 0 auto;}
.message-section .content-blk h2.main-head span {color: #0f8dbb;}
.message-section .content-blk h3 {font-size: 15px;font-weight: 600;float: left;margin-top: 5px;}
.message-section .content-blk p {overflow: hidden;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;text-overflow: ellipsis;}
.message-section h2.main-head a {color: #0f8dbb;transition: 0.5s; padding-left: 40px;}
.message-section h2.main-head a:hover {padding-left: 20px;}
.message-section h2{font-size: 24px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;margin: 15px auto;}
#messageCarousel img{border-radius: 20px;width: 100%;height: 270px;object-fit: contain;background: #fbb98e;}
/**************Toppers and Birthday section******************/
.no-pad{padding-left: 0px; padding-right: 0px;}
.top-brth {margin: 0 auto;  height: 100%; width: 100%; padding-bottom: 30px; padding-top: 35px;}
.topr {padding-bottom: 30px;padding-top: 1px;border-top-right-radius: 30px; border-bottom-left-radius: 30px; min-height: 310px;} .topper-blk {margin: auto 15px;height: 180px;border-radius: 20px !important;display: block;align-items: center;flex-wrap: nowrap;}
.topr .topper-blk img {height: 170px;width: 160px;float: left;margin: 0 auto;margin-right: 10px;border-radius: 20px;border: 3px solid #f8b58b;object-fit: contain;object-position: center;}
.topr .topper-blk h3 {color: #088ab9; font-size: 17px; margin-top: 5px; transition: all 0.4s linear; overflow: hidden; display: block; -webkit-line-clamp: 1; height: 1.2em; text-overflow: ellipsis; font-family: 'Roboto', sans-serif;    text-transform: uppercase;}
.topr .topper-blk h4 {color: black; font-size: 17px; overflow: hidden; display: block; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 1.2em; text-overflow: ellipsis; font-family: 'Roboto', sans-serif;}
.topr .topper-blk h5{color: #fb7e2d;font-size: 16px;margin: 9px 0px 9px 0px;transition: all 0.4s linear;overflow: hidden;display: block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 1.2em;text-overflow: ellipsis;}
.bday {background-image: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/bday-bg.jpg); width: 100%; padding: 30px; box-shadow: 0 12px 0 #2570b4; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; height: 310px;
background-size: cover; background-position: top;max-height: 310px;}
.bday .bday-blk img {height: 130px;width: 130px;margin: 35px auto 0;background: #fffcf5;border-radius: 50%;padding: 0;}
.bday .bday-blk p{font-size: 16px;margin-top: 0px;color: #fff;margin-bottom: 0;text-align: center;}
.bday-blk h4{color: #ffffff;font-size:18px;padding-top: 10px;margin-bottom: 0px;}
/*Home Gallery Css*/
.gallery_sec{font-size: 0px;}
.gallery_sec h2{text-align:center;margin-top: 15px;margin-bottom: 15px;color: #000000;font-size: 30px;}
.gallery_sec .readmore{background:#bb3a0e;}
.gallery_sec img {height: 250px;width: 100%;object-fit:cover;border: solid 1px #fff;overflow:hidden !important;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.gallery_sec img :hover{margin-left:-1px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.gallery_sec h3{text-align:center;font-size:18px;margin:0px;margin-bottom:10px;font-weight: bold;color: #505050;}
/******footer********/
.footer {color: #fff;background-image: linear-gradient(135deg, #2c85d6 -12%, #000000 100%);}
.contactbg{background: rgb(228 236 244);}
.address ul li:last-child {border-bottom: 0px;}
.address ul{list-style: none;padding-left: 0px;font-family: 'Roboto', sans-serif;}
.address ul li a{color: #000000;}
.address ul li{color: rgb(0 0 0);border-bottom: solid 1px rgb(30 92 148 / 22%);padding: 9px 3px;font-size: 15px;font-weight: normal;margin-left: 0px;font-family: 'Roboto', sans-serif;}
.address li i{color: #00447b;padding-right: 10px;}
.footer h4{text-transform: uppercase;font-size: 18px;padding-bottom: 1px;padding-top: 15px;color: #00447b;margin-bottom: 6px;font-family: 'Roboto-Regular';text-align: center;font-weight: 600;}
.copy-right{background: #2c85d6;}
.copy-right p {color: #f3e8e8;text-align: center;margin: 0px;line-height: 20px;font-size: 13px;}
.copy-right a{color: #f3e8e8 !important;text-decoration: none !important;}
.copy-right a:hover{color:#caecd9;}
.Mobileapp img {width: 90px;height: 168px;}
.Mobileapp_con h4{font-size: 19px;color:white;font-family: 'Roboto-Regular';font-weight: normal;}
.Mobileapp_con p{font-size: 15px;color:white;margin-top: 21px;}
.app_icon ul{ list-style:none;}
.app_icon li{float:left;display:inline;margin-left: 0px;}
.app_icon li img{width: 132px;height: 51px;}
.mobileappsec{padding-top:15px;display: flex;justify-content: center;}
.map{padding-top:15px;}
.ph-flex {
    display: flex;
  }
  .app-cont{
    width: 85%;
  }
  .ph-flex .mobile-icon {
    width: 15%;
    margin-left: 10px;
    margin-top: 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%; 
    color: #000;
    padding: 3px 12px;
    border-radius: 6px;
    font-size: 14px;
    margin: auto;
    margin-top: 10px; 
  } 
/*******************************************************************************************/
tr.table-head { text-align: center; font-size: 17px; background: #e6d90314;}
.table-responsive{min-height:.01%;overflow-x:auto} .table{width:100%;border-collapse:collapse;border-spacing:0} .table td,.table th{border:1px solid #bbb;color:#333;font-family:sans-serif;font-size:100%;padding:10px;vertical-align: middle;} .table tr:nth-child(even) td{background-color: rgb(209 233 249 / 45%);} .table th{background-color:#EAE2CF;color:#333;font-size:110%} .table tr.even:hover td,.table tr:hover td{color:#222;} .tg-bf{font-weight:700} .tg-it{font-style:italic} .tg-left{text-align:left} .tg-right{text-align:right} .tg-center{text-align:center}
 @media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar} .table-responsive>.table{margin-bottom:0} .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap} }
.inner-slider{position: relative; padding: 300px 0 180px; text-align: center; overflow: hidden;backface-visibility: hidden;}
.innerbg{background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 1;}
.inner-bg {position: relative;background-size: 100% 100%!important; height: 320px; background-position: center!important;}
.inner-bg:before{content: "";width: 100%;height: 100%;top: 0;left:0;position: absolute;background: linear-gradient(to bottom, rgba(0, 0, 0, 0)-41%, rgb(1 27 53)116%);}
.abt-us{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/sch-bg.png)no-repeat;}
.page-title {position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%;color: white;text-transform: uppercase;}
.breadcrumbs center>p {position: absolute; background: white;padding: 5px 50px;margin: 0;border-top-left-radius: 15px; border-top-right-radius: 15px; transform: translate(-50%, -50%);top: 96%;
left: 50%;line-height: 21px; font-size: 14px;font-weight: bold;}
.breadcrumbs center>p a {color: #2671b6;}
/***********About us page section******************/
.inpght{min-height: 660px;padding: 10px 50px 40px;}
section.abt-sec {background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/abt.jpeg) no-repeat; background-size: 58% 100%; background-color: white;overflow: hidden; padding: 96px 0; background-position: -23% 31%;    margin: 60px auto;}
section.abt-sec.inpght {min-height: unset;}
.inner-container{width: 55%;float: right; background-color: #f3f3f3;padding: 150px;}
.inner-container h2{margin-bottom: 30px;font-size: 30px;}
.text{font-size: 17px;color: #545454;text-align: justify;margin-bottom: 40px;}
@media screen and (max-width: 1920px){.inner-container {padding: 32px 52px;}}
@media screen and (max-width: 1200px){
.pop-up-block {top: 55%;}
 .contactmap iframe {width: 521px !important;}}
@media screen and (max-width: 991px){section.abt-sec {background-size: 100% 100%;padding: 100px 0;}.inner-container{width: 93%; float: unset; margin: auto; background: #fffffff2;}
}
/***********Parent Guide page section End******************/
.point ul{padding: 0px 30px 5px;font-size:18px;}
.point ul li{margin: 10px;line-height:32px;font-size: 16px;list-style-type:none;position:relative;text-align: justify;font-family: 'Roboto', sans-serif;}
.point ul li:before{content: "\2726";font-size:1.6em;color: #031b35;left:18px;vertical-align:middle;margin-right:8px;margin-left:-28px;}
.point ul li ul li:before{content:"\27A5";color: #e33c06;}
.hand.point ul li:before { content: "\261B";}
.exam.point ul li:before { content: "\270D";  }
/***********aims & Objective page section End******************/
.aim-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/aims-bg.jpg)no-repeat;}
.right-img {height: 276px; width: 400px;float: right; position: relative; margin-left: 29px; box-shadow: 16px 16px #f6f5da;margin-bottom: 25px; border-radius: 10%;}
.right-img:before {position: absolute;content: "";width: 100%;height: 100%; background: #f5f5f5; top: -17px; left: -17px; border-radius: 10%;}
.right-img img {width: 100%;float: right;margin-right: 39px; position: absolute; height: 100%; border-radius: 10%;}
.staff .fac-img {height: 50px; width: 50px;margin: 0 auto; border-radius: 50%; overflow: hidden;}
.staff .fac-img img {height: 100%; width: 100%;}
/****************Page School Uniform Details**************/
.unifm .uni-blk {padding: 20px;}
.unifm .uni-blk .sub-uni {margin: 5px;width: 32.2%;float: left;padding: 15px;text-align: center;font-size: 21px;background: #e3e6ef;box-shadow: 4px 4px 5px 0px #b6bbcc;transition: .5s;}
.unifm .uni-blk .sub-uni h3 {margin-bottom: 4px;}
.unifm .uni-blk .sub-uni:hover {margin-top: -10px;background: #e6d9032e;}
.unifm .uni-blk .sub-uni .sub-uni1 {padding: 5px; width: 100%; margin-top: 0px;}
.unifm .uni-blk .sub-uni .sub-uni1 .blk {margin: 5px; width: 47%; float: left; padding: 8px;}
.unifm .uni-blk .sub-uni .sub-uni1 .blk ul li img {width: 25px; float: left;height: 23px;margin-right: 5px;}
.unifm .uni-blk .sub-uni .sub-uni1 .blk h4 {font-size: 22px;background: radial-gradient(#ffedae, #ffffff00);color: #d42f00; font-weight: 600;}
.unifm .uni-blk .sub-uni .sub-uni1 .blk ul {margin-top: 0px;}
.unifm .uni-blk .sub-uni .sub-uni1 .blk ul li{margin: 8px 8px 10px; width: 100%; line-height: 19px;font-size: 17px; height: 42px;list-style-type: none;text-align: justify;}
.spl-blk {padding: 20px;}
.unifm .spl-blk .spl-uni {padding: 15px;text-align: center; font-size: 21px; background: #f7c9ba; box-shadow: 4px 4px 5px 0px #b6bbcc; transition: .5s; margin: 0 auto; height: 340px;}
.unifm .spl-blk .spl-uni:hover {margin-top: -10px;background: #e3e6ef;}
.spl-uni h3 {margin-bottom: 4px;}
.unifm .spl-blk .spl-uni .spl-uni1 .blk h4 {font-size: 22px;color: #d73e0e; font-weight: 600;text-align: left;}
.unifm .spl-blk .spl-uni .spl-uni1 {padding: 5px; width: 100%; margin-top: 0px;}
.unifm .spl-blk .spl-uni .spl-uni1 .blk {margin: 0px;width: 50%;float: left;padding: 0px;}
.unifm .spl-blk .spl-uni .spl-uni1 .blk ul {margin-top: 0px;padding-left: 0px;}
.unifm .spl-blk .spl-uni .spl-uni1 .blk ul li{margin: 8px 8px 9px 0px;width: 100%;line-height: 19px;font-size: 17px;height: 42px; list-style-type: none; text-align: justify;}
.unifm .spl-blk .spl-uni .spl-uni1 .blk ul li img {width: 33px;float: left;height: 29px; margin-right: 5px;}
@media (max-width: 991px){.unifm .uni-blk .sub-uni {height: auto;margin-bottom: 20px; width: 100%;}.unifm .spl-blk .spl-uni {width: 100%;}}
@media (max-width: 767){.unifm .uni-blk .sub-uni .sub-uni1 .blk {width: 100%; float: none;}.unifm .spl-blk .spl-uni .spl-uni1 .blk {width: 100%; float: none;}}
/*******Leave & Absence********/
.point .media{margin:6px 0;border-left: 5px solid #2d85d4;box-shadow:0 0 4px #00000038;}
.media{width:97%;padding:5px;background:#ffffff5c;margin:7px;color:#000;float:left}
.media-body{margin-left:10px}
.media-body p{margin:0}
/*******Infrastructure********/
.sch-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/sch-bg.png)no-repeat;}
.fee-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/fee-bg.jpg) no-repeat;}
.exam-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/exam-bg.jpg) no-repeat;}
.pro-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/pro-bg.jpg) no-repeat;}
.erp-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/erp-bg.jpg) no-repeat;}
.pph-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/pp-bg.jpg) no-repeat;}
.leave-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/leave-bg.jpg) no-repeat;}
.disc-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/disc-bg.jpg) no-repeat;}
.staff-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/staff-bg.jpg) no-repeat;}
.unif-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/unif-bg.jpg) no-repeat;}
.tc-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/tc-bg.jpg) no-repeat;}
.gal-bg{background: url(https://entab-s3-bucket1.s3.ap-south-1.amazonaws.com/STSUDP/public/images/gal-bg.jpg) no-repeat;}
/*******Contact Inner********/
section.cont-main{position: relative; display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #c9c9c9;}
section.cont-main::before{content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: #efefef;}
 .contactinfo{position: absolute;top: 50px;background-color: #0f3959; z-index: 1;padding: 40px 35px; box-shadow: 0 20px 20px rgba(0,0, 0, 0.2);}
 .contactinfo h3{color: #fff; font-size: 24px; font-weight: 400;}
 .contactinfo .info{position: relative;  margin: 20px 0;}
 .contactinfo .info li{position: relative; list-style: none; display: flex; margin: 20px 0; cursor: pointer; align-items: flex-start;  font-family: 'Roboto', sans-serif; font-size: 15px;
line-height: 25px;}
 .contactinfo .info li span:nth-child(1){max-width: 30px;min-width: 30px;}
 .contactinfo .info li span:nth-child(1) img{max-width: 100%;filter: invert(1);opacity: 0.5;}
 .contactinfo .info li span:nth-child(2){color: #fff;margin-left: 10px;font-weight: 300;opacity: 0.7;}
 .contactinfo .info li:hover span:nth-child(1) img,
 .contactinfo .info li:hover span:nth-child(2){opacity: 1;}
 .contactinfo .sci{position: relative; display: flex;}
 .contactinfo .sci li{list-style: none; margin-right: 15px;}
 .contactinfo .sci li a{text-decoration: none;}
 .contactinfo .sci li a img{filter: invert(1); opacity: 0.5; width: 100%;}
 .contactinfo .sci li:hover a img{opacity: 1;}
.contact-block {position: relative; height: 600px;}
 .contactmap{position: absolute; padding: 70px 45px; background: #fff; margin-left: 129px; padding-left: 181px; box-shadow: 0 50px 50px rgba(0,0,0,0.5);}
 .contactmap iframe {width: 752px;}
 .contactmap h3{color: #0f3959;font-size: 24px; font-weight: 400;}
 .contactmap .mapbox{position: relative; display: flex;justify-content: space-between; flex-wrap: wrap;}
/**************TC Page CSS************/
.tc_sec form {font-size: 23px; padding: 15px;height: 250px;box-shadow: 0px 0px 14px -9px #000;}
.form input {width: 97%; padding: 10px; margin: 9px;}
.form input[type="submit"] {width: auto; float: right; padding: 11px 28px; background: #1f3746; color: #fff;}
.erp-sec img {vertical-align: middle;}
article img {width:100%;height:350px;margin-bottom:0px;box-shadow: 0px 0px 14px -6px #000; border-radius: 25px;}
/***end****/
.assistance{background: rgb(235, 247, 255);padding: 13px;border: solid 1px #ddd;}
#myImg, #myImg1, #myImg2 {width: 100%; border: 5px solid rgba(158, 158, 158, 0.1);background: #eaeaea; cursor: pointer; transition: 0.3s;}
#myImg:hover {opacity: 0.7;}
.animodal {display: none;position:fixed; z-index: 99999999999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9);}
.animodal-content {margin: auto;display: block;}
#anicaption, #anicaption2, #anicaption3 {margin: auto;display: block;text-align: center;color: #fff;padding: 10px 0;height: 150px;font-size: 24px; text-transform: capitalize;}
.animodal-content, #anicaption {-webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom;animation-duration: 0.6s;}
@-webkit-keyframes zoom {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} }
@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}  }
.close {position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; opacity: 0.5;    cursor: pointer;}
@media only screen and (max-width: 700px){.modal-content {width: 100%;height: auto;} .animodal-content, #anicaption {width: 100%;}}
.erp-sec h4{text-align:center;line-height:40px;font-size:18px;}
.erp-sec p{line-height: 40px;}
.erp-sec .guideheading{text-align:left;}
.details  a{ color:#0c6cab;}
.imgheading a{color: #1e1e1f;}
.imgheading{text-align: center;padding: 10px;font-size: 18px;line-height: 8px;font-family: 'Roboto', sans-serif;font-weight: 600;margin-bottom: 10px;}
/*inner Gallery css*/
.gallery_sec .date_link ul{position: relative;z-index: 9;opacity:0;-webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.gallery_sec .date_link ul li{list-style-type:none;display: inline-block;color: #fff;background: #055a91;margin: 5px;padding: 5px;font-size: 12px;line-height: 15px;}
.gallery_sec .date_link ul li a{color: #ffffff;}
.gallery_sec .date_link ul li a:hover{color: #87d0ff;}
.gallery_sec .opp_bg:hover .date_link ul{opacity:1;-webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.gallery_sec .head_sec{margin: 10px;position: absolute;bottom: 0px;}
.gallery_sec .head_sec ul{margin:auto;}
.gallery_sec .head_sec ul li{list-style-type:none;display: inline-block;color: #ffc800;}
.gallery_sec .head_sec ul li .fa{color: #fff;margin-left: 30px;}
.gallery_sec .head_sec ul li span{color:#fff;}
.gallery_sec h3{color: #fff !important;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 26px;text-shadow: 1px 2px 2px black;font-size: 22px;position: absolute;left: 15px;bottom: 16px;line-height: 25px !important;font-weight: normal;}
.gallery_sec article{margin-bottom: 20px;position: relative;}
.gallery_sec .opp_bg{position: absolute;background: rgb(14 14 14 / 45%);z-index: 99999;top: 0px;border-radius: 25px;width: 100%;height: 100%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;outline: 1px solid rgba(255, 255, 255, 0.34);outline-offset: -12px;}
.gallery_sec .opp_bg:hover {outline: 1px solid rgba(255, 255, 255, 0.69);outline-offset: -12px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.gallery_sec_inner img {margin-bottom:20px;box-shadow: 1px 1px 3px 0px #ddd !important;padding: 9px;background: #fff;border: solid 10px #f7f7f7;width: 100%;height: 190px;cursor: pointer;}
.top-brth li {list-style: none;}
ol, ul {padding-left: 0px;}
/*************************Modal pop up*************************/
/* .pop-up-block amp-carousel h2{margin-bottom:0;color:#424040;padding:9px;width:100%;background-color:#e4e4e4;text-align:center;font-weight: normal;}
.fa-times-circle:before { content: "\f057"; }
.pop-up-block amp-carousel img {width:100%;height: 500px;margin: auto;}
.pop-up-block amp-carousel{height: 600px;}
.pop-up-block h1{position:relative;}
.pop-up-block .fa{position:absolute;z-index: 99999;background: #e43402;left: 0px;height: 36px;top: 80px;padding-top: 8px;width: 30px;text-align: center;color: #fff;border: solid 1px #fff;}
.pop-up-block .fa:hover{color: #ffb100;}
.pop-up-back{width:100%;height:100vh;position:absolute;background:rgba(5,5,5,0.8784313725490196);top:0}
.pop-up-modal{width:100%;height:100vh;position:fixed;top:0;z-index: 999999999;}
.pop-up-block{position:absolute;width: 700px;background:50%;transform:translate(-50%,-50%);left:50%;top:36%;}
.pop-up-block h1{margin-bottom:0;font-size: 15px;color:#fff;padding:9px;width:100%;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background: #e43402;text-align:center;padding-left: 35px;}
.pop-up-block h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:20px;font-size:14px;margin:0;resize:horizontal;position: relative;}
.pop-up-block .close_new{color:#fff;font-size:2rem;padding:12px;float:right;cursor:pointer;position:relative;z-index: 9;top: -50px;left: -40px;}
.pop-up-block{top:46%}
.pop-up-block .contain img{object-fit:fill;object-position:top}
.pop-up-modal1 { position: relative; width: 100%; height: 100vh; left: 0;  top: 0;  overflow: hidden;}
.pop-up-modal1 video {width: 100%; height: 100vh; object-fit: cover;} */
/******Modal*******/
.modal-dialog { min-width: 750px; }
.modal-dialog .modal-header {background: #bf2a00;padding: 7px 10px;}
.modal-dialog img { width: 100%; height: 432px; object-fit: contain; background: #f1f1f1; object-position: center; }
.modal-dialog h1 {margin-bottom: 0;letter-spacing: 0;text-align: center;font-size: 16px;color: #fff;overflow: hidden;text-overflow: ellipsis;font-weight: bold;padding: 0;}
.modal-dialog .carousel-control-next, .modal-dialog .carousel-control-prev { top: 77px; }
.modal-dialog .modal-header .btn-close { color: #fff; padding-right: 31px; }
.modalcard .card-body p {margin-bottom: 15px;line-height: 24px;padding-top: 15px;text-align: center;}
.modalcard { border: none; }
.modal-body { padding: 0 1rem; background: #fff; }
.card-body a { margin-right: 5px; }
.modal { background: #000000ba; z-index: 999999; }
.modal-content { animation-name: zoom; animation-duration: .6s; }
@keyframes zoom { from { transform: scale(.1); } to { transform: scale(1); } }

/******Online Registration********/
.OnlineR a {color: #fff;}
a.parantlogo {padding: 12px 10px;}
.OnlineR {position: fixed; right: 0;z-index:9999;text-align: center;color: #fff;top: 230px;font-family: Open Sans, sans-serif;}
@keyframes bounce1 {
0% {background-color: #123e5f;}
33% {background-color: #951f00;}
66% {background-color: #123e5f;}
100% {background-color: #951f00;}
}
.bounce1 {border-radius: 25px 0px 0px 25px;color: #fff;font-size: 14px;font-weight: 700;-webkit-animation: colorchange 20s infinite alternate;z-index: 99;text-align: center;animation: bounce1 1s infinite;-moz-animation: bounce1 1s infinite;-webkit-animation: bounce1 1s infinite;padding: 12px;}
/******Inner News and Event Section********/
.latest_news_class img {float:  left !important;margin-right:20px;margin-bottom:20px;height: 145px !important;border: solid 5px #fff2ec;width:100% !important;object-fit: cover;}
#ddlYear {border: solid 1px #a22e01;color: #9c2c01;width: 123px;height: 31px;padding: 5px;margin-top: 18px;float: right;font-size: 13px;margin-bottom: 22px;}
#ddlYear option {padding: 10px;border:0px;}
.myDiv {display: none;}
.selected_year {display: block;}
.year_selction_sec{float:right;padding:0px 15px;margin-top: -46px;}
.year_selction_sec select{margin:0px;}
.titile-head {font-size: 18px;color: #33beee;margin-bottom: 15px;font-weight: bold;}
.backbtn img{ float:left;}
.latest_news_class .i-amphtml-accordion-header{margin:0px;padding: 8px;}
.latest_news_class figure{padding: 10px;border: solid 1px #dadada;border-top: 0px;}
.latest_news_class section{margin-bottom:5px;}
.news_title {font-size: 16px;font-weight:600;color: #201e1e;line-height: 36px;padding-left: 10px;background: #faead4;}
.news_details {float: right;margin-top: 0px;color: #031b35;font-weight: normal;font-size: 13px;}
.latest_news_class img{float:left;margin-right: 0px;width: 270px;height: 180px;border: solid 5px #fff2ec;}
.latest_news_class a{font-size: 15px;color: #000;}
.latest_news_class a:hover{color: #dead00;}
.latest_news_class:focus{color: #000 !important;}
.latest_news_class:active{color: #000 !important;}
.latest_news_class span{font-size:15px;font-weight:bold;color: #002514;}
.latest_news_class span .fa{padding: 7px 6px;font-size: 15px;width:30px;height:30px;border-radius:100%;color: #e43402;text-align:center;} 
.latest_news_class span .fa:hover{color: #dead00;}
.latest_news_class .i-amphtml-accordion-header{margin:0px;padding: 7px;font-family: 'FiraSans-Regular';font-size: 16px;color: #031b35;font-weight: 600;border-left: 8px solid #e6d903;}
.accordion {padding-top: 20px;padding-bottom: 20px;}
.accordion img {display: inline-block;max-width: 100%;height: auto;padding: 4px;line-height: 1.42857143;background-color: #fff;
border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; margin-bottom: 15px;}.titile-head {font-size: 18px !important;color: #1d7d28 !important;margin-bottom: 19px;font-weight: bold !important;font-family: 'FiraSans-Regular';border-left: none !important;}.text-left { text-align:left !important;margin-bottom: 10px;}
.home-gal-sec {padding-bottom: 50px;}
/* Video Galllery */
.video-card {position: relative;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.video-card:hover {transform: translateY(-5px);box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);}
.video-card img {width: 100%;height: 230px;object-fit: cover;border-radius: 0;}
.play-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 3rem;color: white;opacity: 0;transition: opacity 0.3s ease;}
.video-card:hover .play-icon {opacity: 1;}
.card-body {background-color: #fff;padding: 5px;text-align: center;border-radius: 0 0 12px 12px;}
.card-title {font-size: 17px;font-weight: 600;color: #333;margin-top: 10px;}
.video-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none; }
/* Inner News */
.load-more .next {width: max-content;background: #0657a1;color: #fff;padding: 6px 14px;border-radius: 4px;margin: auto;cursor: pointer;} 
.month-selection select.monthSelect, .month-selection select, .searchBox input {width: 100%;padding: 10px 11px;border: 0px;border-bottom: 1px solid #c8cacd;border-radius: 5px;margin-bottom: 0px;} 
.tabs-dynamic {background: #0e3f6a1c;padding: 10px;margin: 0px  0px 30px;} 
.count-val p {margin-bottom: 0px;color: #000000;}
/* Inner News */
.newsCount { position: relative; background: #fff; } 
.inr-news-content { padding: 10px 15px; word-break: break-word; position: relative } 
.inr-news-blk {margin-bottom: 20px;justify-content: flex-start;/* align-items: center; */box-shadow: 0 0 20px 0 rgb(0 0 0 / 25%)} 
.inr-news-content h3 {color: #232323;font-size: 17px;line-height: 28px;display: block;margin-bottom: 5px !important;font-weight: 600;position: relative;margin: 0;text-transform: uppercase;} 
.inr-news-content p {line-height: 27px !important;color: #383838 !important;padding: 0;margin: 0;position: relative;margin-bottom: 15px !important;font-size: 16px;} 
.inr-news-content h6.loc {line-height: 22px;font-weight: 400;color: #14436c;margin-bottom: 8px !important;position: relative;margin: 0;text-transform: uppercase;font-size: 11px;font-weight: bold;}
.inr-news-content h6.loc:hover {color: #000000;} 
.inr-news-blk h6.date {font-size: 12px;text-align: center;font-weight: 600;margin: 0 0;color: #fff;height: 100%;background: #14436c;padding: 7px 7px;width: fit-content;letter-spacing: 1px;position: relative;} 
.news-content p { margin-bottom: 6px; max-height: 160px; overflow-y: scroll } 
.news-content p::-webkit-scrollbar { width: 0 } 
.month-selection ul { text-align: center; padding-left: 0 }
.month-selection .active_month { border: 1px solid #dd522a } 
#ddlYear { float: right; background-color: #10406a;border: 1px solid #0b5647; color: #fff; height: 40px; padding: 5px 0 5px 10px; font-weight: 700; margin-bottom: 7px; letter-spacing: 1px; width: 9em; font-size: 18px } 
.year_selction_sec select { margin: 15px 0 0; width: 100%; background: #c30038; border: 1px solid #c30038; height: 28px; color: #fff } 
.latestcontent h4, .latestcontentdesc { margin-bottom: 5px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden } 
.myDiv { height: auto !important } 
.latestcontent h4 { -webkit-line-clamp: 1; font-size: 18px } 
.latestcontentdesc { -webkit-line-clamp: 5 } 
.latestcontent .viewbtn { margin-left: 13px; float: left } 
.latestcontent { padding-left: 30px }
.white {color: white;}
/* Inner event */
.fulwidth {margin: 0px;margin-bottom: 20px;}
.inr-event-blk {display: flex;flex-direction: row;position: relative;height: 100%;border-radius: 5px;background-color: #fff;box-shadow: 0 0 20px 0px rgb(0 0 0 / 25%);}
.inr-event-img {min-width: 290px;height: auto;margin-right: 5px;overflow: hidden;will-change: transform;max-width: 290px;}
.inr-event-img img {width: 100%;height: 200px;transition: all 1.5s cubic-bezier(0, 0, .2, 1);will-change: transfrom;object-fit: contain;background: #dddddd;}
.inr-event-content {padding: 10px 15px;word-break: break-word;}
.inr-event-content h6.datenews {font-size: 13px;line-height: 22px;font-weight: 600;color: #960417;margin-bottom: 8px;}
.inr-event-content h3 {color: #232323;font-size: 16px;line-height: 28px;display: block;margin-bottom: 5px;font-weight: 600;}
.inr-event-content p {margin-bottom: 25px !important;font-size: 14.5px;line-height: 30px;color: #383838;padding: 0;margin: 0;letter-spacing: unset;}
.inr-event-content h6.loc {font-size: 13px;line-height: 22px;font-weight: 400;color: #985619;margin-bottom: 8px;}
.inr-event-content h6.loc a {color: #985619;}
.inr-event-content h6.loc span {margin-left: 20px;}
.inr-event-content h6.loc span i {color: #9c5a1a;}
.inr-event-blk:hover .inr-event-img img {opacity: 0.8;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.2, 1.2, 1.2);}
/****** Inner Photo Gallery**********/
.photo-date i{ font-size:10x; padding-left: 5px;}
.photocontainer { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } 
.photo-details { background: #f1f1f1; margin: 10px 0px 25px 0px; position: relative; border-radius: 5px; } 
.photo-img { padding: 10px; } 
.photono { position: absolute; top: -17px; left: 0; width: 100%; } 
.photono p { color: #fff; font-size: 12px; background: #055a91; padding: 0px 15px; border-radius: 5px; text-align: center; margin: 0 auto; width: max-content; } .photo-img img { width: 100%; height: 190px; object-fit: contain; background: #055a9126; } .photo-desc p {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: center;color: #000000b8;font-weight: bold;padding-top: 3px;margin-bottom: 0px;font-size: 16px;} 
.photo-date {flex-direction: row;display: flex;background: #e8e9e9;padding: 0px 10px;justify-content: space-between;align-items: center;justify-content: center;color: #000;} 
.photo-date i { color: #000; } 
.photo-date p { text-align: center; font-size: 12px; color: #000; margin-bottom: 0px; }
.datedetails { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; background: #fff; border: 1px solid #ccc; border-radius: 25px; margin-bottom: 10px; } .datedetails span:before { border-right: 0px solid #bbb0b0; } .datedetails span {position: relative;padding: 5px 10px;font-family: 'PT_Sans-Web-Regular';font-size: 16px;} .datedetails span:before { position: absolute; width: 100%; height: 80%; top: 4px; left: 0; border-right: 1px solid #bbb0b0; content: ' '; } .datedetails span:last-child:before { border-right: 0px solid #bbb0b0; content: ' '; } .back { padding-right: 20px; } .fulldesc { margin-top: 30px; word-break: break-all; } .gallerydetails { display: flex; align-items: center; flex-wrap: wrap; flex-direction: row; } .gallerydesc { width: calc(20% - 13px); margin: 10px 6px 10px 6px; background: #fff; padding: 0px 5px; border: 5px solid #4689b463; border-radius: 3px; } 
.gallerydesc img { width: 100%; height: 200px; object-fit: contain; border-radius: 4px; background: #f3f3f3; }
.back a {color: #000;font-size: 17px;position: relative;font-family: 'PT_Sans-Web-Regular';} */
.innercate .col h4{text-transform:uppercase;padding:31px 0 5px!important;font-weight:600}
.morecontent span{display:none}
.morelink{display:block}
.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 #fff}
.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 i{margin-left:0!important;font-size:17px;color:#fff}
.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;margin-left:0}
.mid-img{width:500px;margin-bottom:20px}
/*Gallery Category page*/
.evntdate, .lastdate, .totalphoto {background: #132a3a;color: #fff;display: block;margin: 0px auto 15px auto;box-shadow: 5px 4px 0px 0px #d5a303;border-radius: 35px 0px 35px 0px;padding: 7px 18px;width: 230px;font-size: 15px;}
.innercate .col p {padding: 0px 5px;}
.evntdate:hover, .lastdate:hover, .totalphoto:hover {color: #fff;background: #132a3a;}
.zoompic img {width: 100%;height: 200px;object-fit: contain;object-position: top;min-height: 200px;max-height: 200px;margin: 10px auto 20px auto;display: block;border: 6px double #d7d7d7;padding: 15px;background: #bbbbbb;}
.innercate .morecontent div {display: none;}
.innercate .morecontent a {display: inline-block;color: #ef2d39;font-size: 21px;}
.back {margin: 10px auto 10px auto;display: block;text-align: center;}
.back a {background: linear-gradient(45deg, #d5a303, #132a3a);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-weight: 600;}
.morecontent span {display: none;}
.morelink {display: block;}


/***************Media Query************************************/
@media (max-width: 1600px) {
.pop-up-block { top: 53%;}
.unifm .uni-blk .sub-uni .sub-uni1 .blk{width: 100%;}
.birthday-carosel{height: 300px !important}
section.abt-sec{padding: 60px 0px}
}

@media screen and (max-width:1499px) {
nav ul li a {padding: 5px 2px;font-size: 15px;}
.logo img {width: 390px;}
}

@media screen and (max-width:1199px) {
.pop-up-modal1 video { width: 100%; object-fit: unset;}
.pop-up-modal1{ background: #000;    }
.imgheading a {line-height: 24px;font-size: 16px;}
.logo img {width: 430px; margin: 0 auto;  display: block;}
.desklogo {width: 430px;  margin: auto; display: block;}
nav ul{float: none;padding-top: 0px;text-align: center;margin-bottom: 10px;}
.topr .topper-blk img {height: 150px; width: 150px;}
.topper-blk { margin: auto 10px;}
.image-blk {left: 50px; margin-top: 50px; height: 250px; width: 250px;}
.modal-dialog {min-width: 80%; margin-top: 35px;}
.circle-section .cir-blk {padding:30px 0px !important;font-size: 16px;width: 150px !important;height: 150px !important;}
}

@media screen and (max-width: 991px){
.OnlineR {left: 40%; top: 440px;}
.top-brth {padding-bottom: 10px;padding-top: 10px; margin-bottom: 40px;}
.unifm .uni-blk .sub-uni .sub-uni1 .blk { width: 47%;}
.contactinfo { position: static;}
.contactinfo .sci li a img { width: 105px;}
.contactmap { position: static; margin: 0; padding: 0;}
section.cont-main .container {min-height: unset; display: unset;  width: 100%;}
section.inpght.cont-main { height: unset; display: revert; min-height: 125vh;}
.rf.about-section { width: 100%; min-height: auto;}
 .contactmap iframe {width: 100% !important;margin-top: 20px;}
.topr{margin-bottom: 0px;}
.message-section{padding: 22px 15px;}
.bday { height: 260px;}
.bday .bday-blk p{ font-size: 19px;  margin-top: 10px;  line-height: 13px;}
.bday .bday-blk img {height: 110px;width: 110px;margin: 60px auto 0;}
.topr .topper-blk img {height: 110px;width: 110px;}
.topr .topper-blk h5{color: #fb7e2d;font-size: 16px;height: 1.4em;margin: 3px 0px 9px 0px;}
.topr .topper-blk h4 { font-size: 17px; line-height: 20px;}
.topr .topper-blk h3 {font-size: 18px;height: 24px;}
.image-blk {left: 25px;margin-top: 20px;height: 250px;width: 250px;position: initial;}
.news-sec h2.main-head { margin: 20px auto;  margin-top: 0;}
.news-blk h3 { font-size: 23px; margin-bottom: 10px;}
.news-blk {padding: 15px;background: #c5eaf6;border-radius: 20px;}
.news-sec {background-size: 100% 100%;}
.dt-loc span,.dt-loc span i{font-size: 12px;}
.eventbox h4 {font-size: 18px; margin-bottom: 10px;}
.about-content p { -webkit-line-clamp: 6;}
.about-section {height: auto;}
.about-box {width: 95%;}
.about-content {margin-top: 20px;}
.circle-section .cir-blk{font-size:2.5rem;width: 140px;height: 140px;padding:33px 10px;margin-bottom: 20px;border: 2px solid #fb7e2d;box-shadow: 0px 4px 0px #863500;}
}

@media(max-width:899px){
/* .white-strp {height: 630px;} */
.topr {margin-bottom: 0px; min-height: 270px;}
.right-img {height: 240px; width: 50%;}
}

@media(max-width:767px) {
nav ul li ul li a span {display: inline-block;}
.inner-bg { height: 250px;}
.white-strp{padding: 0;background: unset;height: unset;}
.s-portal {position: fixed;z-index: 9999;bottom: 0;top: unset;}
.tc_sec form {margin-bottom: 20px;}
.inpght { padding: 10px 0 40px;}
.right-img {float: none; margin: 30px auto;}
.breadcrumbs center>p { padding: 5px 5px;}
.nospace{padding: 0px}
.logo img {width: 400px;margin: 0 auto;display: inline-block;}
.message-section {background-image: linear-gradient(147deg, rgb(232 94 7) 0%, #ffe2cf 80%); margin-bottom: 15px;}
.bday .bday-blk img {height: 115px;width: 115px;margin: 60px auto 0;}
.topr {margin-bottom: 20px;min-height: auto;}
.mid-screen{margin-top: 0;}
.about-content p { -webkit-line-clamp: 8;}
.circle-section .cir-blk{width: 160px;height: 160px;padding: 15px 0;margin-bottom: 10px;}
.desklogo {display: none;}
img.mobilelogo { display: block; width: 80%;}
section.inpght h2 {font-size: 26px;}
.gallery_sec h2{text-align:center}
.modal-dialog {width: 100%;padding: 15px;margin: 0px auto;} 
}

@media(max-width:600px){ 
section{position: relative;}
.OnlineR {left: 30%;bottom: 0; top: unset; margin-bottom: 0;}
.inner-bg {background-size: 180% 100%!important;}
.inner-container {padding: 5px 17px;}
.unifm .uni-blk .sub-uni .sub-uni1 .blk {width: 100%;}
.top-brth .topr amp-carousel{height: 260px}
section.inpght.cont-main {padding: 20px;}
.circle-section .cir-blk {width: 180px;margin-top: 10px;height: 180px;padding: 30px 0;}
.home-gal-sec {margin-top: 30px;}
.rcx3.rcl3.Mobileapp {padding: 0;}
.icon {top: 10px;}
}

@media screen and (max-width:550px) {
.fullwidth550 {  width: 100%;}
.right-img { width: 75%;}
.breadcrumbs center>p { width: 80%; text-align: center;}
.logo img {width: 280px;}
.message-section h2.main-head a {padding-left: 12px; }
}

@media(max-width: 360px){
.about-box .abt-box-img2 {width: 82%; left: 26px;}
.OnlineR {left: 15%;}
.logo img {padding: 2px; width: 200px;display: inline-block;}
.icon { right: 20px;}
.circle-section .cir-blk {height: 125px;padding: 20px 0;width: 125px;}
.Mobileapp img { width: 65px; height: 135px; margin-left: 0px!important;}
.Mobileapp_con h4 { font-size: 16px;}
.Mobileapp_con p {text-align: unset;font-size: 14px;margin-top: 10px;}
.app_icon li { float: none;}
.app_icon li img {width: 138px;height: 44px;}    
.bday .bday-blk img {margin: 15px auto 0;}
}