body{font-family: 'Roboto', sans-serif; font: inherit;}
.container {max-width: 1234px;}

p{ color: #444; font-size: 15px; line-height: 24px;}
h1, h2, h3, h4, .text-logo #logo {
    font-family: "Arial", Arial, Tahoma, sans-serif;
}
.fr{float: right;}

.page-banner-section .img{width: 100%; height: 200px; overflow: hidden;}
.page-banner-section img{width: 100%;}
.page-banner-section h4{text-align: center; position: relative; top: -100px; color: #fff;}

a:hover, a:focus, a:visited {outline: none;}



.btn {border-radius: 1px !important;}
.btn {display: block; padding: 11px 32px; background: #022d65;
    border: 1px solid #022d65; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.btn-primary:not(:disabled):not(.disabled):active{background-color: #8066a6;border-color: #8066a6;}
.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow: 0 0 0 0.2rem rgb(79 57 113);}
.btn-primary.focus,
.btn-primary:hover {background-color: transparent; color: #ffbc01; border: 1px solid #022d65 !important;}





/*Top Section CSS*/
.top-section{background: #00367c; padding: 8px 0px;}
.top-section p{color: #ddd; margin-bottom: 0px; font-size: 14px;}
.top-section p i{margin-right: 4px;}

.top-section .social-icon{list-style: none; display: flex; padding-left: 0px; margin-bottom: 0px;
  float: right; margin-top: 3px;}
.top-section .social-icon li{margin: 0px 6px;}
.top-section .social-icon a{color: #ddd; display: block;}
.top-section .social-icon a i{font-size: 14px;}

@-webkit-keyframes Floatingy{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(50px, 0);}
    to {-webkit-transform: translate(0, -0px);}
}
@-moz-keyframes Floatingy{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(50px, 0);}
    to {-moz-transform: translate(0, -0px);}
}
@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(50px, 0px);}
    65% {-webkit-transform:translate(0, 0);}
    to {-webkit-transform: translate(50px, -0px);}
}
@-moz-keyframes Floatingx{
    from {-moz-transform:translate(50px, 0px);}
    65% {-moz-transform:translate(0, 0);}
    to {-moz-transform: translate(50px, -0px);}
}

.top-section .btn-animation{-webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; -webkit-animation-name: Floatingy;
    -moz-animation-name: Floatingy; -webkit-animation-duration: 5s; -moz-animation-duration: 5s;
   border-radius:30px; box-shadow:0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}
.top-section .btn-animation:hover{box-shadow:0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}
.top-section .btn{padding: 3px 0px; background: #ffd300; border: #ffd300; font-size: 14px; margin-top: -3px; color: #00367c;}
.btn-primary:not(:disabled):not(.disabled):active{background-color: #ffd300;border-color: #ffd300;}
.btn-primary:not(:disabled):not(.disabled):active:focus{color:#00367c; box-shadow: 0 0 0 0.2rem rgb(255 211 0 1);}




/*Logo and Menu Section*/
.menu-section .navbar .nav-item .dropdownMenu{ display: none; }
.menu-section .navbar .nav-item:hover .dropdownMenu{ display: block; transition: all 0.3s ease 0s;}


.menu-section .navbar .nav-item .Subdropdown:hover{ display: block; transition: all 0.3s ease 0s;}


.menu-section .navbar .nav-item .dropdown-menu{ margin-top:0; }
.menu-section{padding: 10px 0px; background: #fff; z-index: 111; width: 100%;}
.menu-section .navbar{padding: 0px;}
.menu-section .navbar-brand img{width: auto; height: 60px;}
.menu-section .nav-item.active{font-weight: 600;}
.menu-section .nav-item{font-size: 15px;
  padding: 0px 5px; border-right: 1px solid rgba(0,0,0,.05);}
.menu-section .nav-item:last-child{border-right: none; padding-right: 0px;}
.menu-section .nav-item .nav-link{color: #004d91;}
.menu-section .nav-item .nav-link:hover{color: #000;}
.menu-section .dropdown-menu {padding-top: 0px; padding-bottom: 0px;}
.menu-section .dropdown-item {font-size: 14px; padding: .75rem 1.5rem; border-bottom: 1px solid #ddd;}

/*Sub dropdown menu css*/
.dropdown-menu {
    margin-top: 0;
}
.dropdown-menu .dropdown-toggle::after {
    vertical-align: middle;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}
.dropdown-menu .dropdown .dropdown-menu {
    left: 100%;
    top: 0%;
    margin:0 20px;
    border-width: 0;
}

.dropdown-menu > li a:hover,
.dropdown-menu > li.show {
  background: #007bff;
  color: white;
}
.dropdown-menu > li.show > a{
  color: white;
}

@media (min-width: 768px) {
    .dropdown-menu .dropdown .dropdown-menu {
        margin:0;
        border-width: 1px;
    }
}


.sticky{background: #4f3971; position: fixed; width: 100%; top: 0;}
.sticky .nav-link{color: #fff!important;}

.sticky .navbar-brand {color: #8066a6!important; background: #fff!important;}


/*Banner Section*/
/*.banner-section .carousel .carousel-control-prev{background: #00367cba; border:10px solid #00367c; width: 90px; height: 90px; border-radius: 60px;*/
/*    opacity: 1; top: 40%; left: 4%;}*/
/*.banner-section .carousel .carousel-control-next{background: #00367cba; border:10px solid #00367c; width: 90px; height: 90px; border-radius: 60px;*/
/*    opacity: 1; top: 40%; right: 4%;}*/
.banner-section .carousel-item{height: 500px; overflow: hidden; width: 100%;}
.banner-section .carousel-item img{height: auto; width: 100%;}
.banner-section .carousel-caption{background: #004d91e6; margin: 210px 130px;}
.banner-section .carousel-caption p{color: #fff; margin-top: 15px; font-size:14px; line-height:24px; letter-spacing: .2px;}


/*Banner Bottom CSS*/
.banner-bottom-section{text-align: center; margin-top: -40px; margin-bottom: 60px;}
.banner-bottom-section .col-md-3{background: #ffd300; padding: 30px 15px;}
.banner-bottom-section .col-md-3 i{font-size: 60px;}
.banner-bottom-section .col-md-3 h2{font-size: 20px;}
.banner-bottom-section .col-md-3 p{padding-top: 6px;}
.banner-bottom-section .col-md-3:nth-child(2){background: #00367c; color: #fff;}
.banner-bottom-section .col-md-3:nth-child(2) i{color: #ddd;}
.banner-bottom-section .col-md-3:nth-child(2) p{color: #ddd;}
.banner-bottom-section .col-md-3:nth-child(3){background: #e20a17; color: #fff;}
.banner-bottom-section .col-md-3:nth-child(3) i{color: #ddd;}
.banner-bottom-section .col-md-3:nth-child(3) p{color: #ddd;}
.banner-bottom-section .col-md-3:nth-child(4){background: #001041; color: #fff;}
.banner-bottom-section .col-md-3:nth-child(4) i{color: #ddd;}
.banner-bottom-section .col-md-3:nth-child(4) p{color: #ddd;}



/*About Section CSS*/
.about-section h2{font-size: 26px; font-weight: 600; color: #00367c; margin-bottom: 20px;} 
.about-section .image{width: 100%; height: 300px; overflow: hidden;}


/*Rsult Background*/
.result-background{background-image: url('../image/result-back.jpg'); padding-left:10px; padding-top: 5px; padding-bottom: 60px; width:500px; height:500px;}
.result-background-page{background-image: none!important;}

/*Team Member CSS*/
.team-member-page{background-image: none!important;}
.team-member-page h2{color: #333!important;}
.team-member{background-image: url('../image/counter-bg.jpg'); padding-top: 20px; padding-bottom: 60px;}
.team-member h2{margin-bottom:30px; text-align: center; font-size: 26px; font-weight: 600; 
  color: #fff; padding-top: 20px;}
.team-member h2 span{color: #0e8338; margin-right: 6px; font-weight: bold;}
.our-team{padding: 30px 0 40px; background-color: white; text-align: center;
  overflow: hidden; position: relative; border:1px dotted #ccc;}
.our-team .pic{display:inline-block; width: 130px; height: 130px;
  margin-bottom: 50px; position: relative; z-index: 1;}
.our-team .pic::before{content: ""; width: 100%; height: 0; border-radius: 50%;
  background-color: #ffd300; position: absolute; bottom: 135%; right: 0;
  left: 0; transform: scale(3); transition: all 0.3s linear 0s;}
.our-team:hover .pic::before{height: 100%;}
.our-team .pic::after{content: ""; width: 100%; height: 99%; border-radius: 50%;
  background: #ffd300; position: absolute; top: 0; left: 0; z-index: -1;}
.our-team .pic img{width: 100%; height: auto; border-radius: 6px;
  transform: scale(1); transition: all 0.9s ease 0s;}
.our-team:hover .pic img{box-shadow: 0 0 0 14px #ffd300; transform: scale(0.7);}
.our-team .team-content{margin-top: 15px;}
.our-team .team-content h3{color: #00367c; font-size: 20px;}
.our-team .title{font-size: 22px; font-weight: 700; color: #4e5052;
  letter-spacing: 1px; text-transform: capitalize; margin-bottom: 5px;}
.our-team .post{display: block; font-size: 15px; color: #4e5052; text-transform: capitalize; }
.our-team .social{width: 100%; padding: 0; margin:0; background: #00367c;
  position: absolute; bottom: -100px; left: 0; transition: all 0.5s ease 0s;}
.our-team:hover .social{bottom: 0;}
.our-team .social li{display: inline-block;}
.our-team .social li a{display: block; padding: 10px; font-size: 17px; color: white;transition: all 0.5s ease 0s;}
.our-team .social li a:hover{color: #00367c; background: #f7f5ec; text-decoration: none;}





/*choose-us-section CSS*/
.choose-us-section .heading h2{font-size: 26px; font-weight: 600; color: #00367c;
  padding-bottom: 30px;}
  .choose-us-section .content-box {margin-bottom: 30px;}
.choose-us-section .content-box h4{font-size: 20px; font-weight: 600;}





/*post-event-section CSS*/
.post-event-section{background-image: url(../image/background-img.jpg); background-size: cover;
  padding-top: 60px; padding-bottom: 30px;}
.post-event-section .heading h2{color: #fff; padding-bottom: 30px; font-size: 26px; font-weight: 600;}
.post-event-section .post-section .content{margin-bottom: 30px;}
.post-event-section .post-section .title{padding-bottom: 8px;}
.post-event-section .post-section .title a{color: #ffd300; font-size: 20px; font-weight: 600;}
.post-event-section .post-section .title a:hover{text-decoration: none;}
.post-event-section .post-section .image{width: 100%; height: 117px; overflow: hidden;}
.post-event-section .post-section .image img{width: 100%;}
.post-event-section .post-section .date p{margin-bottom: 0px; color: #ffcc3f; font-size: 16px;}
.post-event-section .post-section .description{height: 74px; overflow: hidden;}
.post-event-section .post-section .description p{color: #fff;}

.post-event-section .event-section .content{margin-bottom: 30px; background: #ffffff;
    padding-bottom: 15px; padding-top: 15px;}
.post-event-section .event-section .title{padding-bottom: 8px;}
.post-event-section .event-section .title a{font-size: 20px; color: #00367c; font-weight: 600;}
.post-event-section .event-section .title a:hover{text-decoration: none;}
.post-event-section .event-section .description{height: 118px; overflow: hidden;}
.post-event-section .event-section .date p{margin-bottom: 0px; color: #e20a17; padding-top: 10px;
  font-size: 18px;}
.post-event-section .event-section .upcoming-date{background: #00367c; padding-top: 12px;}
.post-event-section .event-section .upcoming-date p{margin-bottom: 0px; color: #fff; 
  text-align: center;}
.post-event-section .event-section .upcoming-date p.day{font-size: 26px;}
.post-event-section .event-section .upcoming-date p.month{padding: 4px 0px;}
.post-event-section .event-section .upcoming-date p.year{background: #e20a17; font-size: 18px;
  padding: 8px 0px; margin-top: 8px;}





/*choose-us-section CSS*/
.choose-us-section{padding-top: 60px;}





/*Addmission Section CSS*/
.gallery-section{padding: 60px;}
.gallery-section h2{font-size: 24px; margin-bottom: 40px; 
  text-align: center; }
.gallery-section h2 span{color: #004d91;}
.gallery-section .gallery-box{text-align:center;color:#fff;position:relative;}
.gallery-section .gallery-box .box-content,.gallery-section .gallery-box:after{width:100%;position:absolute;left:0}
.gallery-section .gallery-box:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.gallery-section .gallery-box .post,.gallery-section .gallery-box .title{transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.gallery-section .gallery-box:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.gallery-section .gallery-box .img{width: 100%; height: 300px; overflow: hidden;}
.gallery-section .gallery-box img{}
.gallery-section .gallery-box .box-content{padding:20px;margin-bottom:40px;bottom:0;z-index:1;}
.gallery-section .gallery-box .title{font-size:22px;font-weight:700;color:#ffd300; margin:0 0 10px;}
.gallery-section .gallery-box .post{display:block;padding:8px 0;font-size:15px}
.gallery-section .gallery-box .social li a,.box17 .icon li a{border-radius:5px;font-size:20px;color:#fff}
.gallery-section .gallery-box:hover .post,.gallery-section .gallery-box:hover .title{transform:translateY(0)}
.gallery-section .gallery-box .social{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);transition:all .6s cubic-bezier(0,0,.58,1) 0s}
.gallery-section .gallery-box:hover .social{opacity:1;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.gallery-section .gallery-box .social:before{content:"";width:50px;height:2px;background:#fff;margin:0 auto;position:absolute;top:-23px;left:0;right:0}
.gallery-section .gallery-box .social li{display:inline-block}
.gallery-section .gallery-box .social li a{display:block;width:140px;height:40px;line-height:40px;background:#004d91;margin-right:10px;transition:all .3s ease 0s}

.gallery-section .gallery-box .social li a:hover{background:#00367c; text-decoration: none;}
.gallery-section .gallery-box .social li:last-child a{margin-right:0}
@media only screen and (max-width:990px){.gallery-section .gallery-box{margin-bottom:30px}
}


.gallery-detail-page{margin-bottom: 40px; margin-top: 40px;}
.gallery-detail-page .image{height: 300px; overflow: hidden; text-align: center; margin-bottom: 30px;}
.gallery-detail-page .image img{max-width: 100%; background: #ddd; text-align: center;}




/*Testimonial Section CSS*/
.testimonial-section{padding-top: 60px; }
.testimonial-section .heading{text-align: center;}
.testimonial-section .testimonialBox {width: 87%; padding: 85px 100px; background: #eee; margin: auto;
    text-align: center; margin-top: 80px;}
.testimonial-section .donnerImgHolder {position: relative; text-align: center; height: 8px;}
.testimonial-section .donnerImg {position: absolute; text-align: center; width: 100%; top: -167px;}
.testimonial-section .testimonialtext{font-size: 15px;}
.testimonial-section .testimonial-name p{font-size: 20px; font-weight: 600; color: #00367c;}
















/*Footer Section*/
.footer-section{background: #00367c; padding-top: 40px;}
.footer-section h2{font-size: 17px; color: #fff; margin-bottom: 30px; padding-top: 26px;}
.footer-section h2:before {content: ""; display: block; width: 60px; background-color: #fff;
    height: 2px; position: relative; top: 30px;}



.footer-section .first img{width: 100px;}
.footer-section .first p{color: #ccc; font-size: 14px}


.footer-section .fourth p{color: #ccc; font-size: 14px}

.footer-section .third ul {list-style: none; padding-left: 15px;}
.footer-section .third ul li {margin-bottom: 8px;}
.footer-section .third a{color: #ccc; font-family: Roboto Condensed,sans-serif; padding: 3px 0;
  -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; font-size: 14px;}
.footer-section .third a:hover{text-decoration: none; padding: 3px 0; margin-left:5px;}
.footer-section .btn-animation{-webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; -webkit-animation-name: Floatingy;
    -moz-animation-name: Floatingy; -webkit-animation-duration: 5s; -moz-animation-duration: 5s;
   border-radius:30px; box-shadow:0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}
.footer-section .btn-animation:hover{box-shadow:0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}
.footer-section .btn{background: #004d91; border: #004d91; color: #fff; font-size: 14px; font-family: Roboto Condensed,sans-serif; 
    letter-spacing: 1.2px; padding: 10px 18px; margin-top: 28px;}



.social-icon ul{list-style: none; display: flex; padding-left: 0px;}
.social-icon ul li{background: #004d91; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center;
  margin: 0px 3px; box-shadow: 0 1px 10px #10101061;}
.social-icon ul a{color: #ddd; display: block;}
.social-icon ul a i{font-size: 14px;}




.footer-bottom{background: #022d65; padding: 10px 0px;}
.footer-bottom p{color: #ccc; margin-bottom: 0px; font-size: 12px}
.footer-bottom a{color: #fff;}






.back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px;
    background: #022d65!important; border: #022d65!important;}









/*Responsive CSS*/

@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar-toggler {background-color: #0000007a;}
  .menu-section .nav-item.account-menu {padding-left: 15px;}
  
  .footer-section:before {width: 98%;height: 688px;}
  .footer-bottom ul {float: left; padding-left: 0px;}
}

@media (max-width: 575.98px) {
  .top-section {height: auto; line-height: 30px; padding: 15px 0px;}
  .top-section .social-icon {padding-left: 0px; float: left; margin-bottom: 15px;}
  .navbar-toggler {background-color: #0000007a;}
  .menu-section .nav-item.account-menu {padding-left: 15px;}
  .banner-section .carousel-item {height: auto;}
  .banner-section .carousel-item img {height: auto;}
  .banner-section .carousel .carousel-control-prev {top: 15%;}
  .banner-section .carousel .carousel-control-next {top: 15%;}
  .banner-bottom {margin-top: 0px;}
  
  .footer-section:before {width: 98%;height: 688px;}
  .footer-bottom ul {float: left; padding-left: 0px;}
}










/*Contact Us Page CSS*/
.contact-form-page{margin: 60px 0px;}
.contact-form-page textarea{width: 546px;}
.contact-form-page .contact-form-page-left{margin-top: 15px;}
.contact-form-page .contact-form-page-left h2{font-size: 22px;
  margin-bottom: 30px; color: #0e8338;}

.contact-page-bottom{margin-bottom: 60px;}
.contact-page-bottom .address{background: #00367c; text-align: center; padding: 30px;}
.contact-page-bottom .address p{color: #fff;}
.contact-page-bottom .address p i{background: #fff; color: #00367c;
  padding: 15px; font-size: 30px; border-radius: 50%; margin-bottom: 15px;}

.contact-page-bottom .number{background: #ffbc01; text-align: center; padding: 30px;}
.contact-page-bottom .number p{color: #fff;}
.contact-page-bottom .number p i{background: #fff; color: #ffbc01;
  padding: 15px; font-size: 30px; border-radius: 50%; margin-bottom: 15px;}

.contact-page-bottom .email{background: #e20a17; text-align: center; padding: 30px;}
.contact-page-bottom .email p{color: #fff;}
.contact-page-bottom .email p i{background: #fff; color: #e20a17;
  padding: 15px; font-size: 30px; border-radius: 50%; margin-bottom: 15px;}







/*About Page CSS*/
.about-page-content{padding-top: 40px; background: #f3f3f3; margin-top: -36px; padding-bottom: 20px; margin-bottom: 30px;}
.about-page-content h2{font-size: 26px; margin-bottom: 20px; width: 100%; text-align: center;}
.about-page-content h2 span{color: #004d91;}
.about-page-content p{font-size: 14px;}
.about-page-content .course{margin-top: 30px; text-align: center;}
.about-page-content .course-name{border: 1px solid #0e8338;
  padding: 20px 15px; min-height: 150px;}
.about-page-content .course h4{font-size: 20px; color: #0e8338;}
.about-page-content .course p{font-size: 14px;}



.strategic-vision .vision{margin-top: 30px;}
.strategic-vision .vision h4{font-size: 20px; color: #022d65;}
.strategic-vision .vision p{font-size: 14px;}

.strategic-vision .mission{margin-top: 30px;}
.strategic-vision .mission h4{font-size: 20px; color: #022d65;}
.strategic-vision .mission p{font-size: 14px;}

.strategic-vision .approch{margin-top: 30px;}
.strategic-vision .approch h4{font-size: 20px; color: #022d65;}
.strategic-vision .approch li{font-size:14px; line-height:24px;}







/*Notice Page CSS*/
.notice-page-content{padding-left: 60px; padding-right: 60px;}
.notice-page-content h2{font-size: 26px; font-weight: 600;
    color: #00367c; padding-bottom: 30px; text-align: center; width: 100%;}


/*Notice Detail page CSS*/
.noticedetail-page-content .title{font-size: 20px; font-weight: 600;}
.noticedetail-page-content .date{color: #777; padding: 15px 0px;}


/*Gallery Page CSS*/
.galleryCategory-page-content{margin-bottom: 60px;}
.galleryCategory-page-content .gallery-box{text-align:center;color:#fff;position:relative;}
.galleryCategory-page-content .gallery-box .box-content,.galleryCategory-page-content .gallery-box:after{width:100%;position:absolute;left:0}
.galleryCategory-page-content .gallery-box:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.galleryCategory-page-content .gallery-box .post,.galleryCategory-page-content .gallery-box .title{transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.galleryCategory-page-content .gallery-box:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.galleryCategory-page-content .gallery-box .img{width: 100%; height: 300px; overflow: hidden;}
.galleryCategory-page-content .gallery-box img{}
.galleryCategory-page-content .gallery-box .box-content{padding:20px;margin-bottom:40px;bottom:0;z-index:1;}
.galleryCategory-page-content .gallery-box .title{font-size:22px;font-weight:700;color:#ffd300; margin:0 0 10px;}
.galleryCategory-page-content .gallery-box .post{display:block;padding:8px 0;font-size:15px}
.galleryCategory-page-content .gallery-box .social li a,.box17 .icon li a{border-radius:5px;font-size:20px;color:#fff}
.galleryCategory-page-content .gallery-box:hover .post,.galleryCategory-page-content .gallery-box:hover .title{transform:translateY(0)}
.galleryCategory-page-content .gallery-box .social{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);transition:all .6s cubic-bezier(0,0,.58,1) 0s}
.galleryCategory-page-content .gallery-box:hover .social{opacity:1;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.galleryCategory-page-content .gallery-box .social:before{content:"";width:50px;height:2px;background:#fff;margin:0 auto;position:absolute;top:-23px;left:0;right:0}
.galleryCategory-page-content .gallery-box .social li{display:inline-block}
.galleryCategory-page-content .gallery-box .social li a{display:block;width:140px;height:40px;line-height:40px;background:#004d91;margin-right:10px;transition:all .3s ease 0s}

.galleryCategory-page-content .gallery-box .social li a:hover{background:#00367c; text-decoration: none;}
.galleryCategory-page-content .gallery-box .social li:last-child a{margin-right:0}
@media only screen and (max-width:990px){.galleryCategory-page-content .gallery-box{margin-bottom:30px}
}







/*Principal Message Page CSS*/
.principal-message{padding-top: 30px;}
.principal-message .principal-message-left{text-align: center;}
.principal-message .principal-message-left img{width: 100%; border: 4px solid #004d91eb;}
.principal-message .principal-message-left .post-name{background: #004d91eb;
    position: relative; top: -86px; padding: 10px -1px; padding-top: 18px;
    padding-bottom: 1px;}
.principal-message .principal-message-left .post-name h4{color: #fff; font-size: 18px;}
.principal-message .principal-message-left .post-name p{color: #ddd;}
.principal-message .principal-message-right h4{margin-bottom: 15px; margin-top: 15px;}
.principal-message .principal-message-right p{font-size: 14px; text-align: justify;}




/*Routine Page CSS*/
.routine-page img{width: 100%; text-align: center; padding-bottom: 60px;}







/*Responsive CSS*/

@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar-toggler {background-color: #0000007a;}
  .menu-section .nav-item.account-menu {padding-left: 15px;}
  
  .footer-section:before {width: 98%;height: 688px;}
  .footer-bottom ul {float: left; padding-left: 0px;}
}

@media (max-width: 575.98px) {
  .top-section {height: auto; line-height: 30px; padding: 15px 0px;}
  .top-section .social-icon {padding-left: 0px; float: left; margin-bottom: 15px;}
  .navbar-toggler {background-color: #0000007a;}
  .menu-section .nav-item.account-menu {padding-left: 15px;}
  .banner-section .carousel-item {height: auto;}
  .banner-section .carousel-item img {height: auto;}
  .banner-section .carousel .carousel-control-prev {top: 15%;}
  .banner-section .carousel .carousel-control-next {top: 15%;}
  .banner-bottom {margin-top: 0px;}
  .management-section { padding: 20px 0;}
  .module-section {padding: 20px 0;}
  .module-section .let-image img {height: auto;}
  .sikshya-tab {padding: 20px 0px;}
  .sikshya-tab-left {padding-top: 20px;}
  .sikshya-tab .sikshya-tab-right .tab-img {line-height: 0;}
  .sikshya-tab .sikshya-tab-right-content {padding-top: 10px;}
  .hot-call {padding: 30px;}
  .hot-call p span {background: none; padding: 0; border-radius: 0px;}
  .hot-call .btn {margin-top: 20px;}
  .video-section {padding: 20px 0px;}
  .video-section h2 {font-size: 18px; margin-top: 30px;}
  .testimonial-section {padding: 0px;}
  .testimonial-section h2 {padding: 26px 0 26px 0; font-size: 20px; margin-bottom: 0px;}
  .testimonial-section h2 span {background: none; padding: 0px; margin-right: 0px;}
  .testimonial-section .profile-pic {width: 80px; height: 80px; margin-bottom: 30px;}
  .testimonial-section .profile-name {font-size: 16px; margin-top: 40px; left: 160px;}
  .footer-con-from {padding-top: 35px; padding-bottom: 20px;}
  .footer-section:before {width: 98%;height: 688px;}
  .footer-bottom ul {float: left; padding-left: 0px;}
}