
@import url('https://fonts.cdnfonts.com/css/neo-sans-pro');

*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  
body{
   /*font-family: 'Neo Sans TR Regular';*/
   font-family: 'Neo Sans Pro', sans-serif!important;
 
}


h2{
    font-size: 34px;
}
.wd36{
        width: 36px;
}

  .nachd {
  font-family: 'Neo Sans ProUltra', sans-serif;


}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 9px;
    height: 8px;
    border-radius: 50%;
  
}
.pt10{
    padding-top: 10px;
}

.pd10{
    padding: 10px 0px;
}
.fr{
    float: right;
}
nav.navbar.navbar-expand-lg.navbar-light.bk {
    background:#5c5555;
    padding: 0px 0px;
    z-index: 9999;
  
}
.colwht{
    color: #fff;
}
:root {
  --background-color: #f1f1f1;
  --hover-color: rgb(102, 40, 245);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: 0;
}
a {
  text-decoration: none;
}
ul,
ol {
  list-style-type: none;
}

li.list {
    list-style: disc;
   
    margin-left: 30px;
}
.logoimg {
    width: 265px;
    margin-left: 18px;
}
.logo a {
  font-size: 20px;
  font-weight: 700;
  color: #353535;
  text-transform: uppercase;
}

/* normal menu css */

.main_menu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0 -2px;
}
.main_menu ul li {
  position: relative;
}



/* Normal Dropdown menu */
.main_menu ul li ul {
  width: 200px;
  background: #fff;
  transition: 0.5s;
  box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}

.main_menu ul li ul li a {
  padding: 10px 25px;
  font-size: 15px;
}
.main_menu ul li ul li a i {
  float: right;
}

.main_menu ul li ul li ul {
  left: 100%;
  top: 0;
}

/* mega menu css */
.mega_menu_dropdown {
  position: static !important;
}
.mega_menu {
  left: 0;
  right: 0;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  transition: 0.5s;
  box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}
.mega_menu_item {
  width: 25%;
  padding: 30px 20px;
}
.main_menu ul li .mega_menu_item a {
  padding: 10px 0;
}

.main_menu ul li .mega_menu_item a:hover {
  color: var(--hover-color);
}
.mega_menu_item h3 {
  margin-bottom: 15px;
}
.mega_menu_item img {
  width: 100%;
}

/* demo_2 css */
.mega_menu_demo_2 .mega_menu {
  left: 50%;
  transform: translateX(-50%);
  width: 1140px;
}

.mobile_btn {
  display: none;
}

/* responsive css */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .container {
    width: 960px;
  }
  .mega_menu_demo_2 .mega_menu {
    width: 940px;
  }
  .main_menu ul li ul {
    width: 150px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .container {
    width: 720px;
  }
  .mega_menu_demo_2 .mega_menu {
    width: 700px;
  }
  .main_menu ul li a {
    font-size: 15px;
    padding: 20px 16px;
  }
  .main_menu ul li ul {
    width: 150px;
  }
}
@media (min-width: 768px) {
  .main_menu ul li ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    margin-top: 50px;
  }
  .main_menu ul li .mega_menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    margin-top: 50px;
  }
  .main_menu ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
    z-index: 99;
  }
  .main_menu ul li:hover > .mega_menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    z-index: 99;
  }
}

@media (max-width: 767.98px) {
  .mega_menu_demo_2 .mega_menu,
  .container {
    width: 100%;
  }

  nav {
    padding: 15px;
  }
  .mobile_btn {
    cursor: pointer;
    display: block;
  }

  .main_menu {
    display: none;
    width: 100%;
  }

  .main_menu ul li {
    display: block;
  }
  .main_menu ul li a i {
    float: right;
  }
  .main_menu ul li a {
    border-bottom: 1px solid #ddd;
  }
  .main_menu ul li ul {
    width: 100%;
  }
  .main_menu ul li ul li ul {
    left: 0;
    top: auto;
  }

  .mega_menu .mega_menu_item {
    width: 50%;
  }
  .main_menu ul li ul {
    display: none;
    transition: none;
  }
  .main_menu ul li .mega_menu {
    display: none;
    transition: none;
  }

  .mega_menu_demo_2 .mega_menu {
    transform: translateX(0);
  }
}

@media (max-width: 575.98px) {
  .mega_menu .mega_menu_item {
    width: 100%;
  }
}
.fa-angle-down:before {
    content: "\f107";
    font-size: 9px;
    color: #000;
}
.callimg{
        width: 63px;
}
ul.fr {
    margin-bottom: 0px;
}
a.nav-link.colwht {
    padding: 8px 17px;
    font-size: 15px;
}
.whtcol{
    color: #fff;
}
.main_menu ul li a {
    font-size: 13px;
    /*color: #000;*/
    padding: 5px 19px;
    display: block;

}
.main_menu.menupd ul li a {
    font-size: 15px;
    /*color: #000;*/
    padding: 5px 11px;
    display: block;
    
}
.pr0{
    padding-right: 0px;
}
a.tp:hover {
    background: #d8070e;
    color: #fff!important;
}
.ptb {
    padding: 30px 0px;
}
.topbk:hover{
        background: #d8070e;
}
.justify{
    text-align: justify;
}
.justify p{
    text-align: justify;
}
.ablink {
    background: #5c5c5c;
    padding: 14px;
    border-radius: 50%;
    height: 43px;
    width: 43px;
    position: absolute;
 
    margin-top: -9px;

    margin-right: -2px;
     margin-left: 12px;
}
a.about {
    border: 1px solid grey;
    border-radius: 40px;
    width: 28%;
    padding: 12px 55px 12px 25px;
    font-size: 15px;
    color: #3a3a3a;
    font-weight: 600;
}
.pr65{
        padding: 0px 65px 0px 0px;
}
.gr{
    color: #00AC97;
}
.p100{
    padding: 100px 0px;
}
.vid {
    width: 47px;
    margin-left: -30px;
}
.pd16{
        padding: 16px 0px;
}
p{
        font-size: 15px;
}
.gradi{
      background-image: linear-gradient(to right, #00AC97 , #393185);
}
.hd{
color: #fff;
}
.grwht{
    color: #fff;
}
.colwht{
    color: #fff;
}
.abimg {
    width: 60px;
}
.mt10{
    margin-top: 10px;
}
.mt5{
    margin-top: 5px;
}

.box {
    background: #fff;
    padding: 14px 19px;
    border-radius: 12px;
    width: 180px;
    box-shadow: 0 0 10px #3333333b;
    height: 122px;
}

.box:hover {
  background: #e31e24;
    padding: 14px 19px;
    border-radius: 12px;
    width: 180px;
    color: #fff;
}
.overlay {
    float: right;
}
.width100{
    width: 100%;
}

/*.vl {*/
/*  border-left: 6px solid green;*/
/*  height: 500px;*/
/*}*/
.spicon {
    width: 40px;
    position: absolute;
    top: -24px;
    margin-left: -59px;
}
button.carousel-control-next.lr {
    opacity: 1;
    margin-top: -36%;
    margin-left: 30px;
    margin-right: -5%;
}
button.carousel-control-prev.lf {
    opacity: 1;
    margin-top: -36%;
    margin-left: 86%;
}
.spbutimg {
    width: 44px;
    margin-left: 22px;
}a.spbut {
    border: 2px solid #00ac97;
    border-radius: 38px;
    width: 89%;
    padding: 0px 0px 0px 24px;
    font-size: 14px;
    margin-left: 8px;
    color: #3a3a3a;
    font-weight: 600;
}
h5.bothd {
    font-size: 16px;
       /*font-family: 'Neo Sans Std Bold';*/
}
.mtbot50 {
    margin-top: 24px;
    font-size: 18px;
    margin-bottom: 0px;
}
.imglf{
    width: 35px;
}
.ptb5 {
    padding: 8px 0px;
    border-bottom: 2px solid #00ac97;
    color: #393185;
}

.ptb5p {
    padding: 8px 0px;
   
    color: #393185;
}
.imglr{
    width: 35px;
}
.spbox {
    padding: 0px 4px;
}
.sppbox {
    padding: 0px 13px;
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 22px;
    border-radius: 12px;
    
}
.sppboxs{
        /*height: 298px;*/
        padding: 0px 13px;
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 18px;
    border-radius: 12px;
        margin: 23px 20px;
}

.dephod{
        height: auto;
        padding: 0px 13px;
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 18px;
    border-radius: 12px;
    margin-right: 20px;
}
.hodmb {
    margin-bottom: 20px;
}
.sppboxr{
          height: 298px;
        padding: 0px 13px;
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 20px;
    border-radius: 12px;
    margin-right: 20px;
}
.kcbox{
  
       padding: 0px 13px;
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 22px;
    border-radius: 12px;
       margin: 0px 22px;
}
.sppreview {
    padding: 0px 13px;
 /*border-bottom: 2px solid #d8070e;*/
    padding: 22px;
    border-radius: 12px;
    /* margin: 25px; */
    margin-right: 56px;
    background: #fff;
}

.spcontent {
    border-right: 2px solid #8080806b;
    height: 275px;
    padding: 0px 30px 0px 0px;
}
ul {
    padding: 0px;
    }
.bkgrey
{      background: #e6e6e6;
}
.p54 {
    padding: 72px 0px 0px 0px;
    /*padding: 54px 0px;*/
}
.upevent {
    background: #e6e6e6;
    padding: 11px 16px;
    margin-left: 19px;
    border-radius: 10px;
    margin-top: 65px;
}
.bgimg{
      background-image: url("https://www.santosh.ac.in/uploads/images/home/bkimg.webp");
  /*     background-repeat: no-repeat;*/
  /*background-size: cover;*/
  display: block;
    background-size: cover;
    background-repeat: no-repeat;

}

.bannerbg {
    background-image: url(https://www.santosh.ac.in/uploads/images/home/banner.webp);
         background-repeat: no-repeat;
  background-size: cover;
}

.bktabimg1 {
    background-image: url(https://www.santosh.ac.in/uploads/images/home/11.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}

.bktabimg2 {
    background-image: url(https://www.santosh.ac.in/uploads/images/home/tabbanner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.bktabimg3 {
    background-image: url(https://www.santosh.ac.in/uploads/images/home/13.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.bktabimg4 {
    background-image: url(https://www.santosh.ac.in/uploads/images/home/12-3.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.bktabimg5 {
    background-image: url(https://www.santosh.ac.in/uploads/images/home/14.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.bktabimg6 {
    background-image: url(https://www.santosh.ac.in/uploads/images/home/15.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.bktabimg7 {
    background-image: url(https://www.santosh.ac.in/uploads/images/home/17.webp);
    
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.bktabimg8 {
    background-image: url(https://www.santosh.ac.in/uploads/images/home/16.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.white {
    color:#fff!important;
}
.whiteback {
    background: #fff!important;
}
.redtxt {
    color: #e31e24!important;
}
.redtxt:hover {
    color: #fff!important;
}

.whiteback:hover {
    background: #000!important;
    color: #fff!important;
}
.bkfot{
    background: #d0d0d0;
    height:auto;
    /*padding-bottom: 36px;*/
}
.tab {
  overflow: hidden;
/*  border: 1px solid #ccc;*/

}

.tab button {
    background-color: #e9ecef;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 40px;
    transition: 0.3s;
    /* border: 2px solid #d8070e; */
    font-size: 16px;
    border-radius: 15px;
    margin: 8px;
}

.tab button:hover {
    background-color: #d8070e;
    color: #fff;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #d8070e;
    color: #fff;
    border-radius: 18px;
}


.mt30{
    margin-top: 30px;
}
button.carousel-control-next.lrs {
    opacity: 1;
    margin-top: -44%;
    margin-left: 30px;
    margin-right: -5%;
}
button.carousel-control-prev.lfs {
    opacity: 1;
    margin-top: -44%;
    margin-left: 87%;
}
button.carousel-control-prev.blogl {
    opacity: 1;
    margin-top: -71%;
    margin-left: 85%;
}
p.date {
    margin-bottom: 0px;
}
.boxright {
    border-radius: 8px;
 height: 448px;
    overflow: scroll;

    overflow-x: hidden;
        margin-top: 15px;
}
img.width100.awardimg {
    width: 225px;
}
.mt45{
    margin-top: 40px;
}
.mt19{
        margin-top: -19px;
}

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

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 

}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #d8070e; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #5c5c5c; 
}
.grn {
    color: #d8070e;
        margin-bottom: 2px;
}
.pr5{
    padding-right: 5px;
}
.colblue{
        color: #d8070e; margin-bottom: 10px;
}
button.carousel-control-next.blogr {
    opacity: 1;
    margin-top: -71%;
    margin-left: 30px;
    margin-right: -5%;
}
.pspbox {

    padding: 19px 0px 0px;
 
}
.borright{
    border-right: 2px solid #adb5bd6e;
}

.blogbox {
    /* background: #fff; */
    padding: 11px 0px;
    border-radius: 0px 0px 12px 12px;
}
a.blog {
    border: 1px solid grey;
    border-radius: 40px;
    width: 50%;
    padding: 10px 55px 9px 25px;
    font-size: 15px;
    color: #3a3a3a;
    font-weight: 600;
        margin-left: 10px;
}

.bloglink {
    background: #5c5c5c;
    padding: 14px;
    border-radius: 50%;
    height: 43px;
    width: 43px;
    position: absolute;

    margin-top: -11px;
    margin-right: -2px;
    margin-left: 40px;

}
    a.storbut {
    border: 2px solid #00ac97;
    border-radius: 38px;
    width: 110%;
    padding: 0px 0px 0px 35px;
    font-size: 14px;
    color: #3a3a3a;
    font-weight: 600;
}
.row.fright {
    float: right;
}

.mt40{
    margin-top: 20px;
}
.mt44{
    margin-top: 40px;
}
.blogdate {
    background: #fff;

    text-align: center;
    padding: 15px 0px;
    border-radius: 9px;

}
.mb0{
    margin-bottom: 4px;
}
.mtb0{
      margin-bottom: 0px;  
}
.hd{
    font-size: 33px;
    text-align: center;
}

.mt45minus{
    margin-top: -45px;
}
.p45{
    padding: 45px 0px;
}
h5.ptb5p.redcol {
    /* font-weight: 800; */
    padding: 1px 0px;
    font-size: 20px;
    font-weight: 500;
}
.hdbox {
    background: #d8070e;
    color: #fff;
    width: 177px;
    text-align: center;
    margin-top: -26px;
    border-radius: 25px;
    padding: 4px 0px;
    position: absolute;
    margin-left: 20px;
}
.up{
    font-size: 14px;
}
.hori{
        width: 311px;
    margin-left: 10px;
    color: #00ac97;
    height: 0px;
}
.footlink{
    font-size: 13px;
    color:#adb5bd;
}

.footlink:hover {
    color:#fff;
}

.grfoot {
    color: #d8070e;
    font-weight: bold;
}
.footlinknum {
    font-size: 19px;
    color: #adb5bd;
}
.socialicon {
    /*margin-top: 10px;*/
    width: 25px;
}
.mt50{
    margin-top: 21px;
        font-size: 20px;
}
.mt63 {
    margin-top: -12px;
}
hr.con {
  
        border: 1px solid  #adb5bd;
}
p.wht.footlink.mb10 {
    margin-bottom: 0px;
    
    color: grey;
}
.bkbot {
    background: #5c5555;
    padding: 20px 0px;
    border: 1px solid #2b2a29;
}
.bkbot p {
    margin-bottom: 0px;
}
.spbox {
  opacity: 1;
  display: block;
 
}.mlbot50 {
    margin-left: 50px;
}

.overlay {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    /* top: -3%; */
    left: 31%;
    margin-top: -83px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
/*.boxstori:hover .middle {
  opacity: 1;
    background: rgba(76, 175, 80, 0.6);
}*/
.spbox:hover .overlay {
    opacity: 1;
    color: #fff;
    padding: 61px 63px;
    width: 45%;
}

.images {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    /* top: -3%; */
    left: 50%;
    margin-top: -180px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

/*.boxstori:hover .middle {
  opacity: 1;
    background: rgba(76, 175, 80, 0.6);
}*/
.boxstori:hover .middle {
    opacity: 1;
    color: #fff;
    padding: 61px 63px;
    width: 45%;
        background: rgb(0 172 151 / 70%);
   
}
.text {
  background-color: #04AA6D;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.vdimg{
    width: 70px;
}



/*new css*/
.coltheme{
color: #e31e24;
}
.wht{
    color: #fff;
}
.topnav{
    margin-bottom: 0px;
    font-size: 13px;
}
nav.navbar.navbar-expand-lg.navbar-light.mid {
    background: #f8f9fa;
    padding: 0px 0px;
}
a.whtcol.pdt {
    font-size: 15px;
    color: #000;
    padding: 7px 32px;
    display: block;
    font-weight: 300;
    
}
.main_menu .bl ul li a {
    font-size: 15px;
    color: #000000d9;
    padding: 5px 19px;
    display: block;
    font-weight: 300;
}
a.whtcol.pdt.pl {
    padding: 7px 8px;
}
a.whtcol.pdt.admi:hover {
    background: #2e2e2e;
    color: #fff;
}
a.whtcol.pdt.pl:hover {
    padding: 7px 8px;
}

a.whtcol.pdt:hover {
    font-size: 15px;
    color: #ffffff;
    padding: 7px 32px;
    display: block;
    font-weight: 300;
    background: #d8070e;
}
.admi{
    background: #d8070e;
    color:#fff;
}
.padbook {
    padding: 30px 0px;
}
.thirtyyr {
    width: 38%;
       margin-top: -7px;
}
.imgstrip{
     width:230px;
    /*width:171px;*/
}
.boxp {
    text-align: center;
    color: #fff;
    padding: 8px 9px 8px 9px;
    font-size: 15px;
}
.abimgq{
    width:40px;
}
.abimgq:hover{
        border-radius: 50%;
    width:40px;
        box-shadow: 0 0 25px #3333333b;
}
.vw {
    /* margin-top: 18px; */
    background: #d8070e;
    padding: 10px 19px;
    border-radius: 12px;
    padding-top: 29px;

    box-shadow: 0 0 25px #3333333b;
    height: 125px;
    z-index: 999;
}
.bkred {
    border-radius: 6px;
    background: #d8070e;
    text-align: center;
    margin: 0px 5px;
}
.row.boxstrip {
    padding: 15px 108px;
}
.fl {
    text-align: center;
}.h3fnt {
       font-size: 20px;
    line-height: 30px;
    margin-top: 0px;
    text-align: center;
}
div#myCarousel {
  background:#fff;
/*background: linear-gradient(90deg, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 50%, rgba(228,228,228,1) 100%);*/
    border-radius: 10px;
    box-shadow: 0px 3px 12px 0px #80808063;
}
.carousel-indicators [data-bs-target] {
    background-color: #4c4c4c;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #fff;
}
 span.colred {
    color: #d8070e;
     font-family: 'Neo Sans Std Bold';
}
b.ultra {
   font-family: 'Neo Sans Std Bold';
    font-weight: normal;
}
.mainbox:hover{
box-shadow: 2px 3px 12px 0px #80808054;
    padding: 14px;
    border-radius: 12px;
    margin: 0px 23px;
}

.mainbox {

box-shadow: 0 1px 3px #e9ecef, 0 1px 2px #e9ecef;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);


    padding: 13px 14px;
    border-radius: 12px;
    margin: 0px 23px;
    border: 1px solid #e9ecef;
}
.img100{
    width: 100%;
}
a:hover {
    /*color: #fff;*/
    text-decoration: none;
}
.clhd {
    padding: 10px 0px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
}
.redcol {
    color: #d8070e;
}
.vmore {
    background: #d8070e;
    color: #fff!important;
    border-radius: 52px;
    text-align: center;
    font-size: 15px;
    padding: 4px 10px 4px;
}
.subbtn {
    background: #d8070e;
    color: #fff;
    border-radius: 52px;
    text-align: center;
    width: 108px;
    padding: 3px 10px 4px;
        margin-left: auto;
    margin-right: auto;
}
.vmores {
    background: #fff;
    color: #fff;
    border-radius: 52px;
    text-align: center;
    width: 108px;
    padding: 4px 10px;
     margin-left: 62%;
}
.frmsbtbtn {
    background: #d8070e;
    color: #fff;
    border-radius: 52px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 2%;
    padding: 3px 10px 4px;
}
.frmsbtbtn:hover {
    background: #000;
    color: #fff;
    border-radius: 52px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 2%;
    padding: 3px 10px 4px;
}
.bksred {
    background: #d8070e;
    padding: 30px 0px;
}
.btstrip{
        float: left;
    color: #fff;
    font-size: 22px;
}
.bt2strip{
    margin-left: 10%;
    color: #fff;
    font-size: 20px;
}
.ptbs{
    padding: 0px 0px  50px 0px;
}
.text-justify{
    text-align: justify;
}
.boxcon {
    padding: 5px 11px 8px 11px;
}

.countn {
    font-size: 60px;
        -webkit-text-stroke: 1px #5c5555;
    /*paint-order: stroke fill;*/
      font-weight: bold;
        color: #e9ecef;
     text-align: center; 
}
p.count-text {
     text-align: center; 
    /*margin-top: -66px;*/
    /*margin-left: 62px;*/
    font-size: 18px;
}

.hrcon {
    /*border-top: 3px dashed #80808024;*/
    /*border-bottom: 3px dashed #80808024;*/
    /*margin: 4px 0px 55px 0px;*/
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
    border: 1px solid #fff;
}
h5.mt10 {
    /* font-weight: 600; */
    font-size: 15px;
    line-height: 20px;
 
}
h3.wht {
    font-size: 33px;
    font-weight: 800;
    /*margin-top: 49px;*/
    letter-spacing: 1px;
}
.row.connum {
    padding-top: 32px;
}
.conbox{
    padding: 0px 50px 0px 0px;
}
.ptbsec{
     padding: 60px 0px;
}
.pt75{
        padding-top: 75px;
}
ul.nav.nav-tabs {
    background: #e6e6e6;
    
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: #e31e24!important;
    color: #fff!important;
    border-radius: 0px;
}
      
.nav-tabs .nav-link {
    margin-bottom: calc(-1* var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    padding: 11px 32px !important;
        line-height: 20px;
    color: #000;
    /* margin: 0px 10px; */
}
.pd85{
    padding: 85px 0px;
}
.conboxtab {
    padding: 53px 61px 30px;
}.mb0{
    margin-bottom: 0px;
}
footer.p54.bkfooter {
    background: #000000d4;
}
.mb100{
    margin-bottom:100px;
        margin-top: 16px;

}
span.fa.fa-star.checked {
    color: #d8070e;
}
.mlr55 {
    margin: 0px 0px 0px 55px;
}
.marqueetop {
      letter-spacing: 2px;
    padding: 36px 0px;
    position: absolute;
    color: #adb5bd;
    font-size: 55px;
        animation-duration: revert;
    animation: marquee 50s linear infinite;
    /* border: 1px solid grey; */
}
.carousel-indicators.dot [data-bs-target] {
    background-color: #d8070e;
    width: 13px;
    height: 5px;
    border-radius: 44%;
}
.carousel-indicators.dot {
    margin-right: 20%;
    margin-bottom: 77px;
    margin-left: 15%;
    
}
.ml50 {
    color: #d0d0d0;
    font-size: 72px;
    margin-left: 0px;
    text-shadow: -1px 0 #f8f9fa6b, 0 1px #f8f9fa6b, 1px 0 #f8f9fa6b, 0 -1px #f8f9fa6b;
}
.mlblig50{
     margin-left: 100px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 60px;
    margin-left: 25px;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    font-weight: 400;
}
.mlbot50 {
  /*  margin-left: 100px;
    color: #fff;
    font-size: 55px;
    margin-left: 25px;
    font-weight: 300;*/
  
}
.marqueebottom {
    color: #fff;
    font-size: 72px;
    position: absolute;
    margin-top: -110px;
    /*margin-top: -99px;*/
    z-index: 999;
}
.mt124{
    margin-top: 124px;
}
.pt50{
        padding-top: 47px;
}
.blk{
    color: #000;
}
.mr0{
    margin-right: 0px;
}
.ml2{margin-left: 5px;}
.sppboxr.mr0 {
    margin-left: 27px;
}
.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.vmores:hover {
    /*background: #d8070e;*/

}
.mt5{
    margin-top: 15px;
}

li.has_dropdown.ml18 {
    margin-left: 40px;
}
.mt20{
    margin-top:20px;
}
.vmore:hover {
    background: #000;
    color: #fff!important;
    border-radius: 52px;
    text-align: center;
    padding: 4px 10px 4px;
}

.pd0{
    padding:0px;
}
.mlbot50 {
    letter-spacing: 2px;
}


.ultr{
 font-family: 'Neo Sans Std Bold';
    font-style: normal;
    font-weight: normal;
}
.borbot{
        border-bottom: 1px solid #80808063;

    padding-bottom: 14px;
}
.fontp {
    font-size: 15px;
    margin-top: -7px;
    text-align: center;
}
.conbox {
     padding: 0px 0px 0px 0px; 
}
.bkred:hover {
  
    background: #000;
}
.main_menu ul li a:hover {


    color: #d8070e;
}
.bordbot{
    
}
.sppreview::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 79%;
    border-bottom: 4px solid #d8070e;
   border-radius: 12px; /* Creates a half-ellipse */
   background:#d8070e;
}
.sppreview {
  position: relative;
  padding: 20px;
  /* Other styling for your div */
}
.carousel-inner.slide {
    box-shadow: 2px 3px 12px 0px #80808054;
    border-radius:12px;
}
a.whtcol.topbk {
    padding: 8px 11px;
}
a.whtcol.topbk:hover {
    padding: 8px 11px;
    background: #d8070e;
}
.has_dropdown.selected:before{
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d8070e;
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -10px;
    rotate: 180deg;
}
.carousel-control-next-icon {
    background-image: url(https://htiwebs.com/santoshalumni/images/right-arrow.png)!important;
        /*border: 4px solid #fff;*/
        /*box-shadow: 0px 3px 12px 0px #80808063;*/
    border-radius: 50%;
}
.carousel-control-prev-icon {
    background-image: url(https://htiwebs.com/santoshalumni/images/left-arrow.png)!important;
    border-radius: 50%;
    /*border: 4px solid #fff;*/
    /*box-shadow: 0px 3px 12px 0px #80808063;*/
}
.carousel-control-next, .carousel-control-prev {
    opacity: 1.5!important;
}
.mtb{
    margin: 40px 0px;
}
.fontpc {
    font-size: 15px;
    margin-top: 0px;
}
.mtop30{
    margin-top: -30px;
}
.ptb50{
    padding: 50px 28px;
}
.fac{
        background: #f8f9fa;
    padding: 60px 0px;
}
.mtb40 {
    margin: 40px 0px 31px;
}
.mtbhd {
    margin: 0px 0px 31px;
}
.mt56 {
     margin-top: -56px;
}
.deanimg {
    padding: 0px 13px;
}
.km {
    width: 100px;
    background: #d8070e;
    text-align: center;
    color: #fff;
border-radius: 18px;
    padding: 4px 10px 5px;
}
h3.hd.am {
    margin-left: 57px;
}
a.wht.fnt {
    font-size: 14px;
}
.ptb60{
    box-shadow: 1px 0px 10px rgb(0 0 0 / 30%);
    border-radius: 12px;
    padding: 6px 60px 40px;
}
.mainboxs {
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 11px;
    border-radius: 12px;
    margin: 0px 7px;
}
h3.redcol.clhdboxs {
    font-size: 18px;
}
.kms {
    background: #d8070e;
    text-align: center;
    color: #fff;
    width: 218px;
    border-radius: 18px;
    margin-top: 21px;
   padding: 8px 53px 11px;
    margin-left: 27px;}

.absans{
        margin: 70px 0px 0px;
}
h3.redcol.clhdbox {
    font-size: 18px;
}

.mt35{
    margin-top:35px;
}
.absan{
        margin: 70px 0px 0px;
}

.vmorep:hover {
    background: #5c5555;
   
}
.vmorep {
    background: #d8070e;
    color: #fff;
    border-radius: 52px;
    text-align: center;
    width: 96px;
    padding: 2px 10px 5px;
}
.pro {
    background: #5c5555;
    padding: 4px 14px 1px;
    color: #fff;
    /* margin-top: -88px; */
}
.row.pdprog {
    height: 800px;
    padding: 135px 34px;
    padding-top: 0px;
}
.prog:hover {
    padding: 13px 10px;
    border-bottom: 1px solid #80808047;
    background: #d8070e;
    color: #fff;
}

.prog {
   
    padding: 13px 10px;
    border-bottom: 1px solid #80808047;
}
.backgshad{
        background: #fff;
    /* border: 1px solid #333; */
    box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.08);
    padding: 70px 50px;
}
.main {
    margin: 0px 5%;
    box-shadow: 0px 15px 7px 2px rgba(0, 0, 0, 0.08);
    /*box-shadow: 0px 5px 7px 2px rgba(0, 0, 0, 0.08);*/
}
.mtb45{
        padding: 0px 45px;
}
.mt22{
    height:800px;
     
}
.mainboxs:hover {
    background: #f8f9fa52;
    box-shadow: 2px 3px 12px 0px #80808054;
   
}
.mt22p {
    height: 692px;
}
.row.pdprog1 {
    height: 685px;
    padding: 454px 34px;
    padding-top: 0px;
}
.km:hover {
    width: 100px;
    background: #5c5555;
  
}
span.kms:hover {
    background: #5c5555;
}









.clgbanner {
    height: 338px;
    width: 100%;
    margin-bottom: 20px;
}
.sndhd {
    background: #d8070e!important;
}

.moralimg {
    background-image: url(https://www.santosh.ac.in/uploads/images/home/bkimg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.moralimg::before {
    position: absolute;
    content: "";
    background: #E31E24;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.content-inner-1 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.bgimgbtn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}
.alumnibtm {
    margin-top: -40px;
}
.sndhdspc {
    padding: 20px 36px!important;
    font-size:14px!important;
}
.absanmgbtm {
    margin: 70px 0px 15px;
}
a.whtcol.topbk.sndhdspc:hover {
    background: #000;
}
.secondhdul {
    padding-left: 57px !important;
    padding-right: 78px !important;
}
.pgpdlfrg {
    padding-left: 86px;
    padding-right: 64px;
}
.dep {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
  padding: 10px;
  width: 100%!important;
  /*min-height: 200px;*/
  /*border: 10px #fff solid;*/
  color: #fff;
  padding: 7px 0px;
  border-radius: 12px;
  box-shadow: 0 0 25px #3333333b;
}
.plr {
    padding-left: 85px;
    padding-right: 85px;
}
.deptext {
    color: #d8070e;
    font-weight: 800;
    font-size: 18px;
    text-align: center;
}

.depstext {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #000;
}
.depstext:hover {
    color: #d8070e;
}
.mb80 {
    margin-bottom: 80px;
}
.deppd {
    padding: 20px 0px;
}


/*seconf header css*/
.page-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 466px 80px 0px 80px;
  z-index: 999;
}

.page-header nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-header button {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  padding: 14px 20px;
  border-radius: 10px;
  color: white;
  background: #08a6df;
  transition: background 0.50s;
}

.page-header button svg {
  flex-shrink: 0;
  margin-left: 5px;
  fill: currentColor;
}

.page-header button:hover {
  background: #0ab8f6;
}

.page-header.is-sticky {
  position: fixed;
  padding: 0px 0;
  animation: slideDown 0.35s ease-out;
}

.page-header.is-sticky img {
  max-width: 80%;
}

.page-header.is-sticky button {
  font-size: 14px;
  padding: 7px 10px;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
/*end second header css*/
a:hover {
    color: #d8070e;
}

.pgpdlr {
    padding-left: 16px;
    padding-right: 0px;
}
.depdthod {
     height: auto; 
    padding: 0px 13px;
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 18px;
    border-radius: 12px;
    margin-right: 20px;
}
.ptb190 {
    box-shadow: 1px 0px 10px rgb(0 0 0 / 11%);
    border-radius: 12px;
    padding: 19px 19px 0px 19px;
    margin-bottom: 20px;
}
.mainbtn {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}


.read-more-check {
  display: none;
}
.read-more-label:before {
  /*content: "^";*/
  top: .4rem;
  position: absolute;
  color: white;
  right: .5rem;
  font-size: 1rem;
  transform: rotate(180deg);
}
.read-more-check:checked ~ .read-more-label:before {
  top: .7rem;
  transform: rotate(0);
}
.read-more-label:after {
  content: 'View All';
}
.read-more-check:checked ~ .read-more-label:after {
  content: 'View Less';
}
.read-more-label {
  position: absolute;
  display: block;
  left: 50%;
  margin: -3.5rem;
  width: 7rem;
  /*top: 111%;*/
  bottom: 1rem;
  padding: .5rem .9rem .5rem .5rem;
  background-color: #d8070e;
  border-radius: 18px;
  color: #fff;
  text-shadow: 0 .1rem .3rem rgba(255, 255, 255, .3);
  text-align: center;
  outline: none;
  cursor: pointer;
  transition: bottom .5s linear 0s;
}
.read-more-check:checked ~ .read-more-label {
  bottom: 0;
}
.read-more-label:hover {
  background-color: #5c5555;
}

.read-more {
  max-height: 0;
  display: flex;
  overflow: hidden;
  transition: max-height .5s linear 0s;
}

.read-more-check:checked ~ .read-more {
  max-height: 20rem;
}
@media (min-width: 40rem) {
   .read-more-check:checked ~ .read-more{
    max-height: 15rem;
  }
}

.de-left-tit {
    background: #fff;
    padding: 7px 10px;
    border-radius: 2px;
    color:#000;
    /*margin-top: -79px;*/
}




.vertab {
    margin: 70px 0px 693px;
}
.depart {
    padding-left: 10px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    padding-top: 10px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.activeclr {
    background: #e3e3e3;
}

.leftnav {
	position: relative;
    margin: 0px;
    width: 306px;
}
.leftnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.leftnav ul li {
  /* Sub Menu */
}
.leftnav ul li a {
	display: block;
	background: #ebebeb;
	padding: 10px 15px;
	color: #333;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
.leftnav ul li a:hover {
	background: #d8070e;
}
.lefthov:hover {
    color: #fff;
}
.leftnav ul li a .fa {
	width: 16px;
	text-align: center;
	margin-right: 5px;
	float:right;
}
.leftnav ul ul {
	background-color:#ebebeb;
}
.leftnav ul li ul li a {
	background: #f8f8f8;
	border-left: 4px solid transparent;
	padding: 10px 20px;
}
.leftnav ul li ul li a:hover {
	background: #ebebeb;
	border-left: 4px solid #d8070e;
}
.brbtm {
    border-bottom: 1px solid #00000030;
    padding-bottom: 14px;
    margin-bottom: 22px;
}
.pb30 {
    padding-bottom: 30px;
}
.cor-side-com {
    margin-top: 301px;
}
.cor-apply {
    background: #5c5555;
    padding: 10px 0px 18px 0px;
    border-radius: 4px;
}
.cor-left-app-tit {
    padding-top: 3%;
    padding-bottom: 8px;
}
.cor-left-app-tit h4 {
    font-size: 23px;
    padding-bottom: 4px;
    color: #fff;
}
form p:last-child {
    margin-bottom: 0;
}
.cor-left-app-tit p {
    font-size: 14px;
    color: #9c9c9c;
    line-height: 20px;
}
form p {
    margin-bottom: 10px;
    text-align: left;
}
.cor-apply form input {
    border: 1px solid #cecece;
    height: 45px;
}
.plr {
    padding: 0px 20px;
}
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    margin-top: 20px;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
.formdgn {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    margin-top: 20px;
    margin-bottom: 10px;
}
.hdover {
    font-size: 33px;
    text-align: left!important;

}
.bullet {
    list-style: disc;
    padding-left: 20px;
}















.navcls {
  position: absolute;
  /*top: 18%;*/
  width: 300px;
  font-size: 16px;
  
}

.navcls input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
	display: block;
  cursor: pointer;
}

.navcls ul {
  margin: 0;
  padding: 0;
}

.navcls a {
  display: block;
  padding: 15px 20px;
  color: #fff;
  text-decoration: none;
}

.navcls li {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  /*color: #fff;*/
  transition: 0.5s;
  /*border-top: 1px solid #555;*/
  background: #5c5555;
}

.navcls li:first-child {
  border-top: none;
}

.navcls ul > li.sub > a:after {
  pointer-events: none;
  position: relative;
  float: right;
  content: '+';
  margin-top: -0.1em;
  font-size: 1.2em;
  vertical-align: middle;
  transition: 0.5s;
}
.aa > a:after {
  pointer-events: none;
  position: relative;
  float: right;
  content: '-'!important;
  margin-top: -0.1em;
  font-size: 1.2em;
  vertical-align: middle;
  transition: 0.5s;
}
.navcls li:hover {
  background: #d8070e !important;
}

.navcls .submenu {
  max-height: 0;
  overflow: hidden;
  border-top: none;
  transition: max-height 0.5s ease-in-out;
}

.navcls input[type=checkbox]:checked ~ .submenu {
  max-height: 999px;
  border-top: 1px solid #555;
}

.navcls input[type=checkbox]:checked ~ a:after {
  transform: rotate(45deg);
}

.navcls .submenu a {
  padding: 10px 20px;
}

.navcls .submenu li {
  list-style-position: inside;
  list-style-type: square;
  background: #5c5555;
}

.navcls .submenu li.sub {
  list-style: none;
}

.navcls .submenu li li {
  background: #3a3a3a;
}

.navcls .submenu li li li {
  background: #2a2a2a;
}
.depdarthd {
    font-size: 25px;
    /*margin-top: 25px;*/
}
.flotrg {
    float: right;
}
.ptb19 {
    box-shadow: 1px 0px 10px rgb(0 0 0 / 11%);
    border-radius: 12px;
    padding: 19px 19px 19px;
    margin-bottom: 20px;
}
.hodimg {
        height: auto;
        padding: 0px 13px;
    padding: 18px;
    border-radius: 12px;
    margin-right: 20px;
}
.scollbox {
    height:500px;
    overflow-y: scroll;
}
.boxpd {
    padding: 20px 20px;
}

.pt44 {
    padding-top: 15px;
}
.mt37{
    margin-top: -37%;
}
.img-wrapper {  
  overflow: hidden; 
}

.inner-img {
  transition: 0.3s;
}

.inner-img:hover {
  transform: scale(1.1);
}


.img-wrapper {
  display: inline-block;
  box-sizing: border-box;
     width: 100%;
}
.zindx {
    z-index: 9;
}

.overflow {
    width: 290px;
    overflow: hidden;
}
.overflow img:hover {
    -webkit-transform: scale(1.6); 
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
}
.overflow img {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
  width: 290px;
      border-radius: 6px;
}



.maindean {
      text-align: justify;
  margin: 0 auto;
  position: relative;
}


.readss-more-check {
  display: none;
}
.readss-more-label:before {
  /*content: "^";*/
  top: .4rem;
  position: absolute;
  color: white;
  right: .5rem;
  font-size: 1rem;
  transform: rotate(180deg);
}
.readss-more-check:checked ~ .readss-more-label:before {
  top: .7rem;
  transform: rotate(0);
}
.readss-more-label:after {
  content: 'Read More';
}
.readss-more-check:checked ~ .readss-more-label:after {
  content: 'Read Less';
}
.readss-more-label {
  position: absolute;
  display: block;
  left: 4%;
  margin: -2.5rem;
  width: 7rem;
  bottom: -17px;
  padding: .5rem .9rem .5rem .5rem;
  background-color: #d8070e;
  border-radius: 18px;
  color: #fff;
  text-shadow: 0 .1rem .3rem rgba(255, 255, 255, .3);
  text-align: center;
  outline: none;
  cursor: pointer;
  box-shadow: 0 .15rem .3rem rgba(0,0,0,.4);
  transition: bottom .5s linear 0s;
}
.readss-more-check:checked ~ .reassd-more-label {
  bottom: 0;
}
.readss-more-label:hover {
  background-color: #5c5555;
}

.readss-more {
  max-height: 0;
  display: block;
  overflow: hidden;
  transition: max-height .5s linear 0s;
}

.readss-more-check:checked ~ .readss-more {
  max-height: 20rem;
}
@media (min-width: 40rem) {
   .readss-more-check:checked ~ .readss-more{
    max-height: 8rem;
  }
}
.mb28 {
    margin-bottom: 28px;
}
/*.tophdzindex {*/
/*        z-index: 99999999;*/
/*}*/



/*about section css*/
.aboutus {
    background: #d8070e;
    padding: 7px 10px;
}
.aboutus h4 {
    color: #fff;
    font-size: 16px;
}
.cor-mid-img img {
    width: 100%;
}
.ho-ev-latest-bg-2 img {
    width:100%;
}
.in-ev-latest-bg-1 img {
    width:100%;
}
.collapsible-header.active {
    background: #80808047;
}
.collapsible-header {
    /*color: #fff;*/
    display: block;
    cursor: pointer;
    min-height: 3rem;
    line-height: 3rem;
    padding: 0px 10px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
.collapsible-header:hover {
    background-color: #74777a33;
    color: #fff !important;
}
a {
    color: #000;
}
.hdleft {
    font-size: 20px;
    text-align: left;
}
.fondertext {
    font-size: 18px;
}
.displaytp {
    display: -webkit-box;
}
.ho-ev-latest-bg-2 {
   margin-bottom:20px; 
}
.tpsp {
    padding: 0px 0px 10px 0px;
}
.pdficon {
    font-size:25px;
    color:#000
}
.mb24 {
    margin-bottom: 20px;
}
.blackcol {
    font-size: 18px;
    color:#000;
}
.leadershipbtn:hover {
    background: #5c5555;
   
}
.leadershipbtn {
    background: #d8070e;
    color: #fff;
    border-radius: 52px;
    text-align: center;
    width: 96px;
    padding: 2px 10px 5px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 12px;
}
.mb42 {
    margin-bottom: 42px;
    margin-left: 20px;
    margin-right: 20px;
    width: 29%;
}


.zooming {
  transition: transform .7s; /* Animation */
  /*margin: 0 auto;*/
}

.zooming:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.mt29 {
    margin-top: -29px;
}



.aboutsdp {
    position: relative;
    /* top: 18%; */
    /*width: 267px;*/
    font-size: 16px;
}

.aboutsdp input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
	display: block;
  cursor: pointer;
}

.aboutsdp ul {
  margin: 0;
  padding: 0;
}

.aboutsdp a {
  display: block;
  /*padding-bottom: 10px;*/
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
}

.aboutsdp li {
  position: relative;
  /*float: left;*/
  width: 100%;
  list-style: none;
  transition: 0.5s;
  /*padding: 10px;*/
}

.aboutsdp li:first-child {
  border-top: none;
}

.aboutsdp ul > li.sub > a:after {
  pointer-events: none;
  position: relative;
  float: right;
  margin-top: -0.1em;
  font-size: 1.2em;
  vertical-align: middle;
  transition: 0.5s;
}
.aa > a:after {
  pointer-events: none;
  position: relative;
  float: right;
  content: '-'!important;
  margin-top: -0.1em;
  font-size: 1.2em;
  vertical-align: middle;
  transition: 0.5s;
}
.aboutsdp li:hover {
  background: #80808047!important;
}

.aboutsdp .submenu {
  max-height: 0;
  overflow: hidden;
  border-top: none;
  transition: max-height 0.5s ease-in-out;
}

.aboutsdp input[type=checkbox]:checked ~ .submenu {
  max-height: 999px;
  border-top: 1px solid #555;
}

.aboutsdp input[type=checkbox]:checked ~ a:after {
  transform: rotate(45deg);
}

.aboutsdp .submenu a {
  padding: 10px 20px;
}

.aboutsdp .submenu li {
  list-style-position: inside;
  list-style-type: square;
  background: #dcdcdc;
}

.aboutsdp .submenu li.sub {
  list-style: none;
}

.aboutsdp .submenu li li {
  background: #3a3a3a;
}

.aboutsdp .submenu li li li {
  background: #2a2a2a;
}
.leaderbox {
    box-shadow: 2px 3px 12px 0px #8080803b;
    /*padding: 11px;*/
    border-radius: 5px;
    margin: 0px 7px;
}
.leaderbox:hover {
    background: #f8f9fa52;
    box-shadow: 2px 3px 12px 0px #8080803b;
   
}
.ldrhg {
    height: 360px;
}

.pro-cover {
    background: url(https://www.santosh.ac.in/uploads/images/18.webp) no-repeat center center;
    width: 100%;
    height: 300px;
    display: block;
 padding-top: 25%;
    background-size: cover;
    background-repeat: no-repeat;
}
.pg-inn {
    background: #fff;
    padding: 70px 15px;
}
.pro-user {
    position: relative;
    margin-top: -160px;
    box-shadow: 0px 5px 18px -11px rgba(150, 150, 150, 0.8);
    border: 1px solid #f3f2f2;
    border-bottom: 0px;
    z-index: 9;
        margin-top: -89%;
            margin-left: 24px;
}
.pro-user-bio {
    background: #fff;
    padding: 25px;
    box-shadow: 0px 5px 18px -11px rgba(150, 150, 150, 0.8);
    border: 1px solid #f3f2f2;
}
.shadow {
    box-shadow: 2px 3px 12px 0px #8080803b;
}
.udb {
    padding: 0px 25px !important;
}
.udb-sec {
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
    background: #fff;
    padding: 25px;
    border-radius: 2px;
    box-shadow: 0px 5px 18px -11px rgba(150, 150, 150, 0.8);
    border: 1px solid #f3f2f2;
}
.ledrimg {
    width: 100%;
    height: 220px;
}

.tablewd {
    width:452px;
}


.bannerimg {
    height: 235px;
    width: 100%;
}
.progtm {
    padding: 0px 13px;
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 13px;
    border-radius: 12px;
    margin-right: 0px;
    margin-bottom: 35px;
}


.hoverclr a:hover {
    color: #5c5555;
}


.hgcnt {
    height: 185vh;
}
.hgcnt1 {
    height: 250vh;
}
.mb40 {
    margin-bottom: 40px;
}
.redclr {
    color:#d8070e;
    font-weight: bold;
}


.notification {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px 15px;
  margin: 0;
  text-align: center;
  z-index: 1;
  background: var(--yellow);
}

@media (max-width: 700px) {
  .notification {
    display: none;
  }
}


/* IMAGE GRID STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.image-grid figure {
  margin-bottom: 0;
}

.image-grid img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s;
}

.image-grid a:hover img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
}


/* LIGHTBOX STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.lightbox-modal .modal-content {
  background: var(--lightbox);
}

.lightbox-modal .btn-close {
  position: absolute;
  top: 20px;
  right: 18px;
  font-size: 1.2rem;
  z-index: 10;
}

.lightbox-modal .modal-body {
  display: flex;
  align-items: center;
  padding: 0;
  text-align: center;
}

.lightbox-modal img {
  width: auto;
  max-height: 100vh;
  max-width: 100%;
}

.lightbox-modal .carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(36, 36, 36, 0.75);
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  width: auto;
}

.lightbox-modal .carousel-control-prev {
  left: 10px;
}

.lightbox-modal .carousel-control-next {
  right: 10px;
}

.textleft {
    text-align: left;
}










.depcls {
  position: absolute;
  /*top: 18%;*/
  width: 300px;
  font-size: 16px;
  
}

.depcls input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
	display: block;
  cursor: pointer;
}

.depcls ul {
  margin: 0;
  padding: 0;
}

.depcls a {
  display: block;
  padding: 15px 20px;
  /*color: #fff;*/
  text-decoration: none;
      border-bottom: 1px solid #ddd;
}

.depcls li {
  position: relative;
  float: none;
  width: 100%;
  list-style: none;
  /*color: #fff;*/
  transition: 0.5s;
  /*border-top: 1px solid #555;*/
  /*background: #5c5555;*/
}

.depcls li:first-child {
  border-top: none;
}

.depcls ul > li.sub > a:after {
  pointer-events: none;
  position: relative;
  float: right;
  content: '+';
  margin-top: -0.1em;
  font-size: 1.2em;
  vertical-align: middle;
  transition: 0.5s;
}
.aaa > a:after {
  pointer-events: none;
  position: relative;
  float: right;
  content: '-'!important;
  margin-top: -0.1em;
  font-size: 1.2em;
  vertical-align: middle;
  transition: 0.5s;
}
.depcls li:hover {
  background: #80808047 !important;
}

.depcls .submenu {
  max-height: 0;
  overflow: hidden;
  border-top: none;
  transition: max-height 0.5s ease-in-out;
}

.depcls input[type=checkbox]:checked ~ .submenu {
  max-height: 999px;
  border-top: 1px solid #555;
}

.depcls input[type=checkbox]:checked ~ a:after {
  transform: rotate(45deg);
}

.depcls .submenu a {
  padding: 10px 20px;
}

.depcls .submenu li {
  list-style-position: inside;
  list-style-type: square;
  background: #80808047;
}

.depcls .submenu li.sub {
  list-style: none;
}

.depcls .submenu li li {
  background: #3a3a3a;
}

.depcls .submenu li li li {
  background: #2a2a2a;
}
.cor-side-comm {
    margin-top: 110px;
}
.mt24 {
    margin-top: 24px;
}
.dnldbtn {
    background: #d8070e;
    color: #fff;
    border-radius: 52px;
    text-align: center;
    width: 50%;
    padding: 4px 12px 4px;
    /*margin-left: auto;*/
    margin-right: auto;
}
.dnldbtn:hover {
    background: #5c5555;
    color: #fff;
    border-radius: 52px;
    text-align: center;
    width: 50%;
    padding: 4px 12px 4px;
}


.wrapper {
  width: 100%;
}

h1 {
  margin-bottom: 20px;
}

.cont {
  background-color: white;
  color: black;
  border-radius: 20px;
  box-shadow: 0 1px 7px 0 rgb(0 0 0 / 9%);
  margin: 20px 0;
}

.question {
  font-size: 16px;
  font-weight: 600;
  padding: 20px 80px 20px 20px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.question::after {
  content: "\002B";
  font-size: 22px;
  position: absolute;
  right: 20px;
  transition: 0.2s;
}

.question.active::after {
  transform: rotate(45deg);
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.answer {
  padding: 0 20px 20px;
  line-height: 1.5rem;
}

.question.active + .answercont {
}

@media screen and (max-width: 790px){
  html {
    font-size: 14px;
  }
}

/*.aboutsdp .submenu .hvrbck li li {*/
/*    background: #3a3a3a36!important;*/
/*}*/
.hvrbck li {
    background: #3a3a3a36!important;
}
.spimg {
    border-radius: 10px;
    width: 100%;
}
.bullet1 {
    list-style: disc;
    padding-left: 30px;
}
.mlr {
    margin-left: auto;
    margin-right: auto;
    /*display: ruby;*/
    text-align: center;
}
.mt70 {
    margin-top: 70px;
}
.mt50 {
    margin-top: 50px;
}

.blog-2__category {
    padding-bottom: 25px;
    font-size: 14px;
}
.blog-2__category span {
    font-weight: 400;
    margin-right: 26px;
}
.blog-2__category span i {
    padding-right: 7px;
    font-size: 15px;
    color: #636363;
}
.fal, .far {
    font-family: "font awesome 5 pro";
}
.fal {
    font-weight: 300;
}



.event__category {
    padding-bottom: 25px;
    font-size: 14px;
    padding-left: 20px;
}
.event__category span {
    font-weight: 400;
    margin-right: 26px;
}
.event__category span i {
    padding-right: 7px;
    font-size: 15px;
    color: #636363;
}
.mainbox1 {
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 14px;
    border-radius: 12px;
    margin: 0px 9px;
        height: 279px;
}
.mainboxblg {
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 0px 0px 14px 0px;
    border-radius: 12px;
    margin: 0px 23px;
}
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #d8070e;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #5c5555;
}
.bgdt {
    height: 300px;
}
.frmshadow {
    padding: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.inputsnd {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    margin-top: 20px;
}
.ipsnd {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    margin-top: 20px;
}
.hmevent {
    background: #ed2314;
    text-align: center;
    width: 100px;
    padding: 17px;
    color: #fff;
    font-size: 20px;
    width: 70px;
}
.mt6 {
    margin-bottom: 6px;
}
.cntfrm {
    margin-top: -42%;
}
.mt4 {
    margin-top: 4%;
}
.boxcon1 {
    padding: 5px 5px 5px 5px;
}
.mainboxs1 {
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 0px;
    border-radius: 12px;
    margin: 0px 7px;
}
.mainhg {
    height: 203px;
}
.iframebr {
        border-radius: 12px;
}



.deskshoww {
    display: none!important;
}






.bar-graph .year {
  -webkit-animation: fade-in-text 2.2s 0.1s forwards;
  -moz-animation: fade-in-text 2.2s 0.1s forwards;
  animation: fade-in-text 2.2s 0.1s forwards;
  opacity: 0;
}

.bar-graph-horizontal {
  max-width: 380px;
}

.bar-graph-horizontal > div {
  float: left;
  margin-bottom: 8px;
  width: 100%;
}

.bar-graph-horizontal .year {
  float: left;
    margin-top: -2px;
    width: 50px;
    font-size: 13px;
}

.bar-graph-horizontal .bar {
  border-radius: 3px;
    height: 18px;
    float: left;
    margin-left: 88px;
    overflow: hidden;
    position: relative;
    width: 0;
}

.bar-graph-one .bar::after {
  -webkit-animation: fade-in-text 2.2s 0.1s forwards;
  -moz-animation: fade-in-text 2.2s 0.1s forwards;
  animation: fade-in-text 2.2s 0.1s forwards;
  color: #fff;
  content: attr(data-percentage);
  font-weight: 700;
  position: absolute;
  right: 16px;
  top: 0px;
  font-size: 13px;
}

.bar-graph-one .bar-one .bar {
  background-color: #d8070e;
  -webkit-animation: show-bar-one 1.2s 0.1s forwards;
  -moz-animation: show-bar-one 1.2s 0.1s forwards;
  animation: show-bar-one 1.2s 0.1s forwards;
}

.bar-graph-one .bar-two .bar {
  background-color: #5c5555;
  -webkit-animation: show-bar-two 1.2s 0.2s forwards;
  -moz-animation: show-bar-two 1.2s 0.2s forwards;
  animation: show-bar-two 1.2s 0.2s forwards;
}

.bar-graph-one .bar-three .bar {
  background-color: #d8070e;
  -webkit-animation: show-bar-three 1.2s 0.3s forwards;
  -moz-animation: show-bar-three 1.2s 0.3s forwards;
  animation: show-bar-three 1.2s 0.3s forwards;
}

.bar-graph-one .bar-four .bar {
  background-color: #d8070e;
  -webkit-animation: show-bar-four 1.2s 0.4s forwards;
  -moz-animation: show-bar-four 1.2s 0.4s forwards;
  animation: show-bar-four 1.2s 0.4s forwards;
}

/* Bar Graph Horizontal Animations */
@-webkit-keyframes show-bar-one {
  0% {
    width: 0;
  }
  100% {
    width: 69.6%;
  }
}

@-webkit-keyframes show-bar-two {
  0% {
    width: 0;
  }
  100% {
    width: 71%;
  }
}

@-webkit-keyframes show-bar-three {
  0% {
    width: 0;
  }
  100% {
    width: 74.7%;
  }
}

@-webkit-keyframes show-bar-four {
  0% {
    width: 0;
  }
  100% {
    width: 76.8%;
  }
}

@-webkit-keyframes fade-in-text {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.bar-graph {
    background: #dcdcdc33;
    padding: 0px 25px 25px;
    border-radius: 9px;
    box-shadow: 1px 2px 10px #80808063;
    height: 250px;
}
.bar-graph-horizontal {
    max-width: 100%;
}
.parawidth {
    width: 45%;
    margin-left: auto;
    margin-right: auto;
}

.bullet1 {
    list-style: disc;
    padding-left: 30px;
}
.bulletnw ul li {
    list-style: disc;
    margin-left: 20px;
        font-size: 15px;
}
.teamtbl {
    margin-left: 0px;
}
.table>:not(caption)>*>* {
    font-size: 15px;
}

.crbtn {
        color: #d8070e;
    border-radius: 52px;
    text-align: center;
    width: 100%;
    padding: 0px 12px 0px;
    /* margin-left: auto; */
    margin-right: auto;
    border: 2px solid #d8070e;
}
.crbtn:hover {
    background: #5c5555;
    color: #fff;
    border-radius: 52px;
    text-align: center;
    width: 100%;
    padding: 0px 12px 0px;
    font-size: 14px;
}
.wht11 {
    color:#d8070e;
    font-size: 14px;
}
.mb13 {
        margin-bottom: 13px;
    /*margin-top: -13px;*/
}




.santoshrshbgimg {
     background-image: url("https://www.santosh.ac.in/uploads/images/researchmircro/b-1.webp");
  display: block;
    background-size: cover;
    background-repeat: no-repeat;
        height: 334px;
}
.mobimg  {
    
}
.rshabsans{
        margin: 70px 0px 0px;
}
.rshfac {
    background: #f8f9fa;
    padding: 60px 0px;
}
/*.mtb45 {*/
/*    padding: 0px 45px;*/
/*}*/
.lnhg60 {
    color: #000;
    line-height: 63px;
}

.boxes {
    background: #fff;
    padding: 12px 19px;
    border-radius: 12px;
    width: 100%;
    box-shadow: 0 0 25px #3333333b;
    height: 115px;
}
.boxes:hover {
    background: #e31e24;
    padding: 12px 19px;
    border-radius: 12px;
    width: 100%;
    color: #fff;
}


.multibtn {
    background: #d8070e;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    width: auto;
    padding: 3px 10px 4px;
}
.multibtn:hover {
    background: #5c5555;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    width: auto;
    padding: 3px 10px 4px;
}
.facpd {
    padding: 0px 0px 60px 0px;
}
.mt500 {
    margin-top: 50px;
}
.mt500 p{
    margin-bottom: 4px;
}
.mainboxblgg {
    box-shadow: 2px 3px 12px 0px #80808054;
    border-radius: 12px;
}
.img10 {
    width: 100%;
    border-radius: 10px;
    height: 260px;
}
.imgwidth {
    width: 100%;
}
.redclrsrch {
    color: #d8070e;
    font-weight: bold;
    margin-bottom: 0px;
}
p{
    text-align: justify;
}
.wht:hover {
    color: #fff;
}

.othrbtn {
    margin-bottom: 2%;
}
.vcircle{
 
 
    float: right;
    margin-top: -23px;
}

i.fa.fa-arrow-circle-right {
    color: #d8070e;
    font-size: 26px;
  
}
.mr10{
    margin-right:10px;
}header#myHeader {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99999;
        border-bottom: 1px solid #e5e5e5;
}

video.max-h-full.w-full.h-full {
    width: 100%;
    margin-top: 125px;
}

i.fa.fa-arrow-circle-right:hover {
    color: #000;
    font-size: 26px;
}
.mr-14{
        margin-right: -10px;
}
.main {
    padding-top: 175px;
}
body {
    color: #5c5555;
    /*background: #eaeaea;*/
}
.main {
    margin: 0px 9%;
    box-shadow: 0px 15px 7px 2px rgba(0, 0, 0, 0.08);
    /* box-shadow: 0px 5px 7px 2px rgba(0, 0, 0, 0.08); */
    /* background: gray; */
    background: #fff;
}

.mainside {
    margin: 0px 9px;
}
.redcol{
    font-weight:500;
}

.mto40 {
    display: -webkit-box;
    margin-bottom: 40px;
    padding: 0px 20px 0px 0px;
}
.blackcol {
    font-size: 15px;
    color: #000;
    margin-top: 6px;
}
.vcircle {
    float: right;
    margin-top: -40px;
    margin-right: 29px;
}
.brradius {
    width: 58px;
    border-radius: 50%;
    height: 58px;

}
i.fa.fa-arrow-circle-right {
    color: #d8070e;
    font-size: 25px;
}
.aboutsdp a {
   
    font-size: 15px;
}
.aboutus h4 {
    color: #fff;
    font-size: 15px;
    margin-top: 8px;
    line-height: 10px;
}
body {
    /*background: #eaeaea;*/
    overflow-x: hidden;
}
.main {
    margin: 0px 9%;
    box-shadow: 0px 15px 7px 2px rgba(0, 0, 0, 0.08);
    /* box-shadow: 0px 5px 7px 2px rgba(0, 0, 0, 0.08); */
    /* background: gray; */
    background: #fff;
}
i.fa.fa-arrow-circle-right:hover {
    color: #000;
    font-size: 25px;
}
.mainboxs {
    height: 100%;
}
.mainboxs {
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 11px;
    border-radius: 12px;
    margin: 0px 7px;
    box-shadow: 0 1px 3px #e9ecef, 0 1px 2px #e9ecef;
    border: 1px solid #e9ecef;
}
.mainboxs:hover {
   box-shadow: 2px 3px 12px 0px #80808054;
       padding: 11px 12px;
           margin: 0px 7px;
   
    border: none;
}
  .hdleft {
    font-size: 20px;
    text-align: left;
    font-weight: bold;
} 
.aboutsdp {
    position: relative;
    /* top: 18%; */
    /*width: 267px;*/
    font-size: 16px;
}
.mainside {
    margin: 0px 9px;
}
 
        .inner-box:hover .image1 {
            display: none;
        }
        .inner-box:hover .lower-content {
            display: none;
        }
        
        .inner-box:hover .image2 {
            display: block;
        }
        figure.image2 {
    display: none;
}

.row.bulletnw {
    padding: 0px 10px 0px 0px;
}
img.reviewimg {
    /*height: 600px;*/
        width: 110%;
}
.marqueebottom {
    color: #fff;
    font-size: 72px;
    position: absolute;
    margin-top: -145px;
    /* margin-top: -99px; */
    z-index: 999;
}

.arr:before {
    color: #000!important;
}
.arr {
    float: right!important;
    color: #000!important;
}
.aboutsdp .submenu a {
    padding: 10px 10px 10px 20px!important;
}

.hgresearch {
    height: 110vh;
}
.hgmsr {
    height: 130vh;
}

.bckred {
    background-color:#d8070e;
    width: 773px;
    height: 450px;
    margin-left: -254px;
    margin-top: -44px;
}
.blog-2__category {
    padding-top: 20px;
}
.bckred p{
    color: #fff;
    text-align: justify !important;
    padding-left: 278px;
    position: absolute;
    top: 33%;
    font-size: 15px !important;
    width: 46%;
    padding-top: 50px;

}

.mobsecc {
    display:none!important;
}
.footbtn {
    /*width: 60%;*/
    /* background: #d8070e; */
    color: #d8070e;
    border-radius: 6px;
    text-align: center;
    /* width: 108px; */
    font-size: 16px;
    padding: 13px 10px;
    background: #fff;
}
.footbtn:hover {
    /*width: 60%;*/
     background: #d8070e!important; 
    color: #fff!important;
    border-radius: 6px;
    text-align: center;
    /* width: 108px; */
    font-size: 16px;
    padding: 13px 10px;
    background: #fff;
}
.footscndbtn {
    /*width: 60%;*/
     background: #d8070e!important; 
    color: #fff;
    border-radius: 6px;
    text-align: center;
    /* width: 108px; */
    font-size: 16px;
    padding: 10px 10px;
    background: #fff;
        margin-top: -13px;

}
.footscndbtn:hover {
    /*width: 60%;*/
     background: #fff!important; 
    color: #d8070e!important;
    border-radius: 6px;
    text-align: center;
    /* width: 108px; */
    font-size: 16px;
    padding: 10px 10px;
    background: #fff;
}
.smltxt {
        font-size: 10px;
}
.whttxt {
    color: #d8070e;
}
.foothg {
    height: 300px;
}
.footlogo {
    width: 100%;
}
.ftpb2 {
    padding-bottom: 2px;
}
.fot li{
 padding: 5px 0px;
}
.scfnd {
    padding: 25px 0px;
    margin-bottom: 0px;
}
.santoshfnt {
        font-size: 20px!important;
            margin-bottom: 18px;

}

.display {
    display: -webkit-inline-flex;
    justify-content: left;
}
.naacfnt {
        font-size: 23px;
        text-align: left!important;
}
.pt75 {
    padding-bottom: 75px;
}
.vl {
     border-right: 1px solid #d8070e;
    height: 90px;
    margin-top: 0px;
    margin-left: -6px;
    padding-left: 21px;

}

.naccsecdesk {
    background: #adb5bd2e;
    padding-bottom: 83px;
    padding-top: 25px;
}
.ab {
    color: #d8070e!important;
    font-size: 18px!important;
}
.minmt75 {
    margin-top: -74px;

}
.mobmtmin {
    margin-top: -39px;
}
.scfaicon {
    color:#fff;
    font-size: 13px;
}

.ml17 {
    margin-left: -17%;
}
.ml22 {
    margin-left: -22%;
}
.ml21 {
    margin-left: -21%;

}
.mr10min {
      margin-right: -10px;
          padding-right: 17px;

}
#PopUp {
    position: absolute;
    background: #fff;
    left: 32%;
    /* width: 41%; */
    width: 37%;
    top: 11%;
    border-radius: 5px;
    padding: 0px 0;
    text-align: center;
    box-shadow: 0 0 10px 0 #000;
}
#tclose{
 position: absolute;
    background: black;
    color: white;
 right: -10px;
    top: -12px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;

    cursor: pointer;
    box-shadow: 0 0 10px 0 #000;
}
.ac-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000094;
    z-index: 99999999;
}


.addwd {
    width: 640px!important;
}
.mrlthd {
    margin-left: -105px;
}
.mthd5 {
     margin-top: -5%;
}
.hddot li a {
    border-bottom: 1px dotted #0000004d;
}
.pl0hddot {
    padding-left: 0px;
}


.hdscroll {
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}



































.fafaimg {
    height: 20px;
    width: 24px;
    margin-right: 5px;
    padding-top: -38px;
    margin-top: -3px;
}
.fafaimg2 {
    width: 14%;
    margin-right: 5px;
    padding-top: -38px;
    margin-top: -3px;
}
.mt-125 {
    margin-top: 125px;
}
.wd100 img {
    width: 100%;
}
.pr-0 {
    padding-right: 0px;
}
.pl-0 {
    padding-left: 0px;
}
.pt-135 {
    padding-top: 135px;
}
.pt-80 {
    padding: 80px 0px;
}
.mentorpara {
    text-align: center;
    font-size: 27px;
    line-height: 35px;
}
.mntrbtn {
    padding: 10px 0px;
    width: 14%;
    margin-left: auto;
    margin-right: auto;
}
.mntrbtn:hover {
    width: 14%!important;
    padding: 10px 0px;
}
.chirmanimg {
    width: 100%;
    margin-top: -16%;
}
.chimantext {
    width: 56%;
    float: right;
    margin-top: -24%;
    padding-right: 85px;
    z-index: 9;
    position: relative;
}
.chimanpara {
    font-size: 21px;
    line-height: 30px;
}
.bottom-red {
    width: 50px;
    float: right;
    margin-top: -34px;
    margin-right: 36px;
}
.redspan {
    color: #d8070e;
    font-weight: bold;
    font-size: 18px;
}
.fntspn{
    font-size: 18px;
    padding-left: 8px;
}
.imgrd img {
    box-shadow: 2px 3px 12px 0px #80808054;
    padding: 14px;
    border-radius: 12px;
    margin: 0px 3px;
    height: 100%;
}
.carousel-control-prev {
    left: -49px!important;
}
.carousel-control-next {
    right: -97px!important;
}
.wdhd {
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    line-height: 21px;
}
.txtcnttest p {
    text-align: center;
    margin-bottom: 0px;
    line-height: 20px;
}
.hrbr {
    width: 93%;
    margin-left: auto;
    margin-right: auto;
}
.anchor {
    background: #5c5555;
    color: #fff;
    padding: 3px 23px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.anchor:hover {
    color: #fff;
}
.featalumni {
    padding: 0px 13px;
}
.redtext {
    color: #d8070e;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0px;
}
.txtcnt {
    text-align: center;
}
.clrwht p {
    color: #fff;
}
.lfttxt {
    color: #fff;
    text-align: left!important;
    font-size: 29px;
}


 #scrollToTopBtn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99999;
  font-size: 24px;
    padding: 8px 16px;
  background-color: #333;
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}

#scrollToTopBtn:hover {
  background-color: #555;
}

#scrollToTopBtn.show {
  opacity: 1;
}
  .apply-image {
    position: fixed;
    right: 18px;
   bottom: 350px;
    width: 84px;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: opacity 0.5s ease, transform 0.5s ease;
      z-index: 9999999;
  
    border-radius: 56%;
}

    .apply-image.visible {
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }

   .apply-image img {
    width: 100%;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    box-shadow: 0 8px 20px #212529a6, 0 0 10px #21252952;
    border-radius: 56%;
}

    .apply-image img:hover {
      transform: scale(1.1);
   
    }
  .logo {
            color: white;
            font-size: 20px;
            font-weight: bold;
        }
input.search-box {
    margin-top: 4px;

    padding: 6px 14px;
    font-size: 13px;
    border-radius: 12px;
    position: absolute;
    margin-left: -192px;
    z-index: 9999;
}
        .search-container {
            display: flex;
            align-items: center;
            position: relative;
        }

        .search-box {
            width: 0;
            padding: 10px;
            font-size: 16px;
            border: 2px solid #fff;
            background-color: #fff;
            border-radius: 25px;
            outline: none;
            transition: width 0.4s ease-in-out, opacity 0.3s;
            opacity: 0;
        }

        .search-container.active .search-box {
            width: 200px;
            opacity: 1;
        }

        .search-btn {
            background: none;
            border: none;
            color: white;
            font-size: 18px;
            cursor: pointer;
            margin-left: 10px;
            transition: 0.3s;
        }

        .search-btn:hover {
            color: #ffcc00;
        }
    .colorwht h4 {
        color: #fff;
        font-size: 20px;
    }
    .colorwht p {
        color: #fff;
    }
    .colorwhth4 span {
        font-weight: normal;
    }
    .colorwhth4 h4 {
        color: #fff;
        text-align: center;
    }
    .reunion {
        border-bottom: 1px solid #8d8d8d;
        margin-top: 23px;
    }
    
.eventbtn {
    margin-top: 20px;
    background: #979797;
    margin-left: auto;
    margin-right: auto;
    color: #fff !important;
    border-radius: 52px;
    text-align: center;
    font-size: 15px;
    padding: 7px 10px 7px;
    width: 28%;
}
.eventbtn:hover {
    background: #c3060d;
    color: #fff!important;
    border-radius: 52px;
    text-align: center;
    padding: 7px 10px 7px;
}
.redh4 h4 {
    font-size: 19px;
    font-weight: bold;
    color: #d8070e;
    margin-bottom: 0px;
}
.news {
    margin-top: 23px;
}
.newimg img {
    width: 100%;
    height: 110px;
}
.newsbtn {
    margin-top: 20px;
    background: #5c5555;
    margin-left: auto;
    margin-right: auto;
    color: #fff !important;
    border-radius: 52px;
    text-align: center;
    font-size: 15px;
    padding: 7px 10px 7px;
    width: 28%;
}
.newsbtn:hover {
    background: #c3060d;
    color: #fff!important;
    border-radius: 52px;
    text-align: center;
    padding: 7px 10px 7px;
}



.animation-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/*gap: 30px;*/
	/*margin-top: 30px;*/

	@media screen and (max-width: 420px) {
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(2, auto);
	}

	[data-animation] {
		/*background: #1e1c1e;*/
		/*box-shadow: inset 2px 2px 2px #232323;*/
		/*border-radius: 14px;*/
		/*padding: 20px 30px;*/
		/*max-width: 100%;*/
		/*min-width: 150px;*/
		/*display: flex;*/
		/*flex-direction: column;*/
		/*gap: 10px;*/
		/*align-items: center;*/
		/*cursor: pointer;*/
		/*color: #fff;*/
		/*font-style: normal;*/
		/*font-weight: 500;*/
		/*font-size: 16px;*/
		/*line-height: 20px;*/

		opacity: 0;
		&.animate {
			opacity: 1;
		}

		.icon {
			font-size: 5em;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100px;
			height: 100px;
			transition: transform 0.3s ease;
		}

		&:hover {
		
			.icon {
				transform: scale(1.1);
			}
		}

		// animation-duration: 1000ms;

		&:nth-child(1) {
			animation-delay: 100ms;
		}
		&:nth-child(2) {
			animation-delay: 500ms;
		}
		&:nth-child(3) {
			animation-delay: 900ms;
		}
		&:nth-child(4) {
			animation-delay: 1300ms;
		}
	}
}

/* Animations */
:root {
	--animate-duration: 1.5s;
	--animate-delay: 1s;
	--animate-repeat: 1;
}

.animated {
	animation-duration: 1s;
	animation-duration: var(--animate-duration);
	animation-fill-mode: both;
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

.swing {
	-webkit-animation-name: swing;
	animation-name: swing;
	-webkit-transform-origin: top center;
	transform-origin: top center;
}

@keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

@keyframes pulse {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

@keyframes bounce {
	0%,
	20%,
	53%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
		transform: translate3d(0, -30px, 0) scaleY(1.1);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
		transform: translate3d(0, -15px, 0) scaleY(1.05);
	}

	80% {
		-webkit-transform: translateZ(0) scaleY(0.95);
		transform: translateZ(0) scaleY(0.95);
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
		transform: translate3d(0, -4px, 0) scaleY(1.02);
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.heartBeat {
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-duration: calc(var(--animate-duration) * 1.3);
	animation-duration: calc(var(--animate-duration) * 1.3);
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20%, 0, 0);
		transform: translate3d(-20%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
