body,
 html {
     width: 100%;
     height: 100%;
     font-family: 'Muli', sans-serif;
     font-family: 'Barlow', sans-serif;
     font-family: 'Poppins';
     /* font-family: 'Roboto Slab', serif;
font-family: 'Nunito Sans', sans-serif;
 */
 }
 /* Blue */
 
 .info {
     border-color: #2196F3;
     color: dodgerblue;
 }
 /* .info:hover {
     background: #2196F3;
     color: white;
 } */
 
 .breadcrumb li {
     font-size: 12px !important;
 }
 
 .custom-h2 {
     color: #139a88;
 }
 
 .text-black {
     color: #000 !important;
 }
 
 .pd0 {
     padding: 0
 }
 
 .mt30 {
     margin-top: 30px;
 }
 
 .mb50 {
     margin-bottom: 30px
 }
 
 .pt30 {
     padding-top: 30px
 }
 
 section {
     padding-top: 50px;
 }
 /* top-header css */
 
 .navbar-default.scrolled {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 999;
     border-radius: 0px;
     padding-top: 4px;
     box-shadow: 0px 0px 10px 0px #000;
     transition: 0.8s ease;
 }
 
 .top-header {
     background: #11b09b
 }
 
 .top-menu {
     text-align: right;
     padding: 0
 }
 
 .top-menu li {
     display: inline-block;
     margin: 10px 4px
 }
 
 .top-menu li a {
     color: #fff;
     text-decoration: none;
     font-size: 13px;
     text-transform: uppercase
 }
 
 .top-menu li a:hover {
     color: #000;
     text-decoration: none
 }
 
 .apply-btn {
     text-align: right
 }
 
 .apply-online {
     background-image: linear-gradient(#ffee00, #ffc000);
     color: #000!important;
     padding: 8px 20px;
     font-size: 15px;
     text-transform: capitalize!important;
     font-weight: 500;
     display: inline-block;
     border-radius: 4px;
     margin-top: 10px;
     text-decoration: none;
 }
 
 .apply-online3 {
     background-image: linear-gradient(#ffee00, #ffc000);
     color: #000!important;
     padding: 6px 4px;
     font-size: 12px;
     text-transform: capitalize!important;
     font-weight: 500;
     display: inline-block;
     border-radius: 4px;
     margin-top: 10px;
     text-decoration: none;
 }
 
 .Contact-btn {
     background: #ca0f6b;
     color: #fff;
     font-weight: 400;
     text-transform: uppercase;
     padding: 8px 30px;
     display: inline-block;
     border: none;
     clip-path: polygon(0% 0%, 100% 0%, 58% 593%);
 }
 
 .Contact-btn:hover {
     text-decoration: none;
     color: #f7f7f7
 }
 /* top-header css end */
 
 .navbar {
     background: #139a88;
     margin-bottom: 0px;
     border: 0px;
     border-radius: 0px;
 }
 
 .navbar-right .dropdown-menu {
     right: auto;
     top: auto;
     left: 0;
 }
 
 .dropdown-menu {
     padding: 0;
 }
 
 .dropdown-menu>li>a {
     font-size: 15px;
     padding: 6px 12px;
     border-bottom: 1px solid #ccc;
 }
 
 .navbar-default .navbar-nav>li>a:focus,
 .navbar-default .navbar-nav>li>a:hover {
     color: #000;
     background-color: transparent;
 }
 
 .navbar-default .navbar-nav>.open>a,
 .navbar-default .navbar-nav>.open>a:hover {
     color: #ffffff;
     background-color: #000;
 }
 
 .navbar-default .navbar-nav>.open>a:focus {
     background-color: #ffffff;
     color: #f58021;
 }
 
 .navbar-brand {
     height: auto;
 }
 
 .navbar-default .navbar-nav>li>a {
     color: #fff;
     font-size: 14.5px;
     padding: 15px 8px;
 }
 
 .navbar-default .navbar-nav.top-nav>li>a {
     font-size: 13px;
     font-weight: 400;
     padding: 8px 8px;
     text-transform: uppercase;
 }
 
 .navbar-default .navbar-nav.top-nav>li {
     margin-left: 15px;
 }
 
 .navbar-right.top-nav {
     margin-right: -5px;
 }
 
 .navbar-default .navbar-nav>li>a.btn-orange {
     border: 0px;
     background: #f38121;
     color: #000;
     font-size: 18px;
     border-radius: 3px;
     padding: 10px 25px;
     margin-top: 5px;
 }
 
 .navbar-default .navbar-nav>li>a.btn-orange:hover {
     background: #e0761e;
     color: rgb(255, 255, 255);
 }
 
 .navbar-toggle {
     position: relative;
     float: right;
     padding: 10px 10px;
     margin-top: 15px;
     margin-right: 15px;
     margin-bottom: 8px;
     background-color: #fff;
     background-image: none;
     border: 1px solid #139a88;
     border-radius: 4px;
 }
 
 .navbar-nav-main {
     border-top: 1px solid #b2b2b2;
     padding-top: 7px;
 }
 /* header css end */
 /* slider css */
 
 .main-slider {
     box-shadow: none!important
 }
 
 .fill {
     height: 380px;
     padding-top: 45px
 }
 
 .slider-img-left {
     min-height: 380px
 }
 
 .slider-caption p {
     font-size: 17px;
     color: #383838;
     margin-top: 10px
 }
 
 .slider-caption a {
     color: #000;
     font-weight: 500
 }
 
 .slider-caption h2 {
     font-size: 33px;
     color: #139a88;
     font-weight: bold;
     font-family: 'Roboto Slab', serif;
 }
 
 .slider-caption .orange-border {
     height: 6px;
     background: #d4a102;
     width: 100px;
     display: inline-block;
     margin-left: -15px
 }
 
 .main-slider .carousel-indicators {
     position: absolute;
     bottom: 10px;
     left: 0%;
     z-index: 15;
     width: 80%;
     padding-left: 0;
     margin-left: -40%;
     text-align: right;
     list-style: none;
     bottom: -10px
 }
 
 .main-slider .carousel-indicators li {
     background: #c5c5c5;
     border: none;
     width: 12px;
     height: 12px;
     margin: 1px
 }
 
 .main-slider .carousel-indicators .active {
     background: #139a88;
     width: 12px;
     height: 12px;
 }
 /* about css start */
 
 .ougc_annbars_white {
     color: #000;
     border: 1px solid #eeeeee;
     background: #fcfcfc;
     background: -moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #eeeeee));
     background: -webkit-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
     background: -o-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
     background: -ms-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee', GradientType=0);
     background: linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
     width: 100%;
     padding: 7px 0px;
     font-size: 17px;
     font-weight: 700;
 }
 
 .About-sec h2 {
     font-size: 34px;
     color: #373737;
     font-weight: 300;
     font-family: 'Roboto Slab', serif;
 }
 
 .About-sec h2 span {
     color: #139a88;
     font-weight: 600
 }
 
 .About-sec p {
     color: #4a4a4a;
     font-size: 16px;
     line-height: 1.5;
     padding: 10px 0
 }
 
 .Readmore-btn {
     font-weight: 600;
     color: #373737;
     padding: 8px 15px;
     border: 1px solid transparent;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
 }
 
 .Readmore-btn:hover {
     border: 1px solid #139a88;
     padding: 8px 15px;
     border-radius: 4px;
     color: #139a88;
     text-decoration: none;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
 }
 
 .vision-mission-sec {
     background: url(../images/vision-mission-bg-img.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     padding: 20px 30px
 }
 
 .vision-mission-sec .vision img {
     margin-right: 10px
 }
 
 .vision-mission-sec .vision h2 {
     font-size: 20px;
     color: #373737;
     text-transform: uppercase;
     font-weight: 400;
     font-family: 'Poppins';
 }
 
 .vision-mission-sec .vision p {
     font-size: 15px;
     color: #373737;
     font-weight: 400;
     padding: 0
 }
 
 .vision-mission-sec .vision h2 span {
     font-size: 20px;
     color: #373737;
     border-bottom: 2px solid #d4a102;
     padding-bottom: 5px;
     font-weight: 400
 }
 
 .vision-mission-sec .vision hr {
     margin-top: 30px;
     margin-bottom: 10px;
     border: 0;
     border-top: 1px solid #c4c5c4;
 }
 /* Interesting-fact section css */
 
 .info p span {
     color: #000 !important;
 }
 
 .Interesting-fact {
     background: url(../images/Interesting-fact-bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     padding: 40px 0px;
     margin-top: 50px;
 }
 
 .Interesting-fact h2 {
     color: #fff;
     font-size: 34px;
     font-weight: 300
 }
 
 .Interesting-fact h2 span {
     color: #fff;
     font-size: 34px;
     font-weight: 600;
     font-family: 'Roboto Slab', serif;
 }
 
 .keyFactsBox {
     width: 18%;
     float: left;
     margin: 0 1%
 }
 
 .keyFacts-section .keyFactsBox h4 {
     color: #fff;
     font-size: 30px;
     font-weight: 300;
     position: relative;
     margin-top: 0px;
     margin: 20px 0;
     background: #139a88;
     display: inline-block;
     width: 120px;
     padding: 3px;
 }
 
 .keyFacts-section .keyFactsBox p {
     color: #fff;
     font-size: 17px;
     font-weight: 400;
     line-height: 24px;
     margin: 0
 }
 
 .keyFacts-section .keyFactsBox .border-b {
     width: 80px;
     display: inline-block;
     background: #d4a102;
     height: 1px;
 }
 /* ************************************* */
 /* slider css */
 
 #mixedSlider {
     position: relative;
 }
 
 #mixedSlider .MS-content {
     white-space: nowrap;
     overflow: hidden;
     margin: 0 0%;
 }
 
 #mixedSlider .MS-content .item {
     display: inline-block;
     width: 24.8%;
     position: relative;
     vertical-align: top;
     overflow: hidden;
     height: 100%;
     white-space: normal;
     padding: 15px 5px 20px;
     margin-bottom: 20px;
 }
 /* #mixedSlider .MS-content .item:hover {
	background:#fff;
	box-shadow: 2px 2px 6px 0px #ccc;  
  transition: all 0.5s;
} */
 
 @media (max-width: 1024px) {
     #mixedSlider .MS-content .item {
         width: 33.333%;
     }
 }
 
 @media (max-width: 991px) {
     .slider-caption h2 {
         font-size: 31px;
     }
     #mixedSlider .MS-content .item {
         width: 50%;
     }
     .info p {
         font-size: 14px !important;
     }
 }
 
 @media (max-width: 480px) {
     #mixedSlider .MS-content .item {
         width: 100%;
     }
 }
 
 #mixedSlider .MS-content .item .imgTitle {
     position: relative;
 }
 
 #mixedSlider .MS-content .item .imgTitle img {
     height: auto;
     width: 100%;
 }
 
 #mixedSlider .MS-content .item p {
     font-size: a8px;
     margin: 10px 0px 10px 26px;
     color: #373737;
     position: relative;
     text-transform: uppercase;
     font-weight: 600
 }
 
 #mixedSlider .title-img {
     width: 7px!important;
     position: absolute;
     bottom: 0px;
     left: 5px
 }
 
 #mixedSlider .MS-controls button {
     position: absolute;
     border: none;
     background-color: transparent;
     outline: 0;
     font-size: 50px;
     top: -80px;
     color: rgba(0, 0, 0, 0.4);
     transition: 0.15s linear;
 }
 
 #mixedSlider .MS-controls button:hover {
     color: rgba(0, 0, 0, 0.8);
 }
 
 @media (max-width: 992px) {
     #mixedSlider .MS-controls button {
         font-size: 30px;
     }
 }
 
 @media (max-width: 767px) {
     #mixedSlider .MS-controls button {
         font-size: 16px;
     }
 }
 
 #mixedSlider .MS-controls .MS-left {
     right: 50px;
 }
 
 @media (max-width: 767px) {
     #mixedSlider .MS-controls .MS-left {
         right: 30px;
     }
     #mixedSlider .MS-controls button {
         top: -30px
     }
 }
 
 #mixedSlider .MS-controls .MS-right {
     right: 0px;
 }
 
 @media (max-width: 767px) {
     #mixedSlider .MS-controls .MS-right {
         right: -10px;
     }
 }
 
 .MS-left .fa-angle-left:before,
 .slick-arrow .fa-angle-left:before {
     content: "\f104";
     background: #fff;
     padding: 10px;
     font-size: 24px;
     height: 36px;
     width: 36px;
     border: 1px solid #ccc;
     border-radius: 25px;
     display: inline-block;
     line-height: .51
 }
 
 .MS-right .fa-angle-right:before,
 .slick-arrow .fa-angle-right:before {
     content: "\f105";
     background: #fff;
     padding: 10px;
     font-size: 24px;
     height: 36px;
     width: 36px;
     border: 1px solid #ccc;
     border-radius: 25px;
     display: inline-block;
     line-height: .51
 }
 
 .leftSide {
     float: left
 }
 
 .leftSide .amount2 {
     display: block;
     margin: 0px 10px;
     color: #6e7074;
     font-weight: 500;
     vertical-align: top;
     text-decoration: line-through;
 }
 
 .rightSide {
     float: right
 }
 /* News and Events css */
 
 .bg-gray {
     background: #f4f4f4;
     padding: 15px 0px;
 }
 
 .carousel {
     position: relative;
     background: #fff;
     box-shadow: 2px 2px 10px #ccc;
 }
 
 .event-slider .carousel-caption {
     position: inherit!important;
     right: inherit;
     bottom: inherit;
     left: inherit;
     text-align: left;
     color: #4a4a4a;
     text-shadow: none;
     padding: 20px;
 }
 
 .event-slider .carousel-indicators {
     position: absolute;
     bottom: 10px;
     left: 50%;
     z-index: 15;
     width: 80%;
     padding-left: 0;
     margin-left: -30%;
     text-align: right;
     list-style: none;
     bottom: -50px
 }
 
 .event-slider .carousel-indicators li {
     background: #c5c5c5;
     border: none;
     width: 12px;
     height: 12px;
     margin: 1px
 }
 
 .event-slider .carousel-indicators .active {
     background: #139a88;
     width: 12px;
     height: 12px;
 }
 
 .event-slider .item img {
     width: 100%
 }
 /* news-section  */
 
 .news-section {
     background: #fff;
     padding: 27px;
     box-shadow: 2px 2px 10px #ccc;
     overflow: hidden;
     margin-bottom: 15px
 }
 
 .news-section.odd {
     background: transparent;
     box-shadow: none
 }
 
 .news-section h3 {
     font-size: 18px;
     color: #139a88;
     font-weight: 500;
     margin: 0 0 10px;
     font-family: 'Roboto Slab', serif;
 }
 
 .news-section p {
     font-size: 14px;
     color: #4a4a4a;
     margin: 0 0 13px;
     width: 75%;
     float: left
 }
 
 .news-section a {
     font-size: 15px;
     color: #4a4a4a;
     float: right;
     font-weight: 500
 }
 /* Testimonials css */
 
 .testimonials {
     background: url(../images/Testimonials-icon.png)no-repeat;
     background-position: 0px 60px;
 }
 
 .testimonials-info {
     border-top: 1px solid #666;
     margin: 20px;
     padding: 15px 0;
 }
 
 .testimonials-info p {
     color: #4a4a4a;
     font-size: 17px;
 }
 
 .mt20 {
     margin: 20px
 }
 
 .testimonials-info h4 {
     color: #139a88;
     font-size: 18px;
     font-weight: 500;
     /* margin-top: 60px; */
     margin-bottom: 0
 }
 
 .fs15 {
     font-size: 15px!important
 }
 
 .Management {
     box-shadow: none!important
 }
 
 .Management .carousel-indicators {
     position: absolute;
     bottom: 10px;
     left: 50%;
     z-index: 15;
     width: 80%;
     padding-left: 0;
     margin-left: -30%;
     text-align: right;
     list-style: none;
     bottom: -40px
 }
 
 .Management .carousel-indicators li {
     background: #c5c5c5;
     border: none;
     width: 12px;
     height: 12px;
     margin: 1px
 }
 
 .Management .carousel-indicators .active {
     background: #139a88;
     width: 12px;
     height: 12px;
 }
 
 .content {
     background: #139a88;
     position: relative;
     margin-left: 80px;
     padding: 30px 10px;
     padding-left: 60px;
     border-radius: 8px
 }
 
 .content h3 {
     font-size: 18px;
     color: #fff;
     font-family: 'Roboto Slab', serif;
 }
 
 .content h4 {
     font-size: 14px;
     color: #f9b9c3
 }
 
 .content p {
     font-size: 15px;
     color: #fff;
     font-weight: 300
 }
 
 .slider-img {
     position: absolute;
     top: 80px;
     width: 120px;
     border-radius: 5px;
     border: 3px solid #fff;
 }
 
 .content a {
     color: #fff
 }
 /* life @ sanjivani section css*/
 
 .life-Sanjivani {
     padding: 10px 0px 30px;
     margin-top: 50px
 }
 
 .life-at-info {
     background: #fff;
     border-top: 3px solid #139a88;
     padding: 12px;
     min-height: 245px
 }
 
 .life-at-info span {
     background: #139a88;
     color: #fff;
     font-size: 15px;
     text-transform: uppercase;
     padding: 7px 20px;
     margin: 15px 0px;
     display: inline-block;
 }
 
 .life-at-info h3 {
     color: #333333;
     font-size: 14px;
     font-weight: 500;
     line-height: 1.3
 }
 
 .life-at-info p {
     color: #333333;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.3;
     margin: 15px 0;
 }
 
 .read-more {
     border-top: 1px solid #cccccc;
     padding: 15px;
     background: #fff;
 }
 
 .read-more a {
     color: #373737;
     font-weight: 500
 }
 
 .read-more a:hover {
     color: #139a88
 }
 
 .Projects {
     background: url(../images/img.jpg) no-repeat;
     background-size: cover;
     border-top: 3px solid #222;
 }
 
 .life-at-info.Projects span {
     background: #222222!important;
 }
 
 .gallery {
     background: url(../images/gallery-img.jpg) no-repeat;
     background-size: cover;
     border-top: 3px solid #222;
 }
 
 .life-at-info.gallery span {
     background: #222222!important;
 }
 /*  partner-section css */
 
 .partner-section {
     /* padding:50px 0; */
 }
 
 .partner-section h4 {
     position: relative;
     font-size: 28px;
     font-weight: 600;
     color: #3d3a3a;
     margin-top: 0px;
     margin-bottom: 45px;
     border-top: 1px solid #04376a
 }
 
 .owl-carousel.owl-drag .owl-item {
     border: 1px solid #dadada
 }
 
 .partner-section h4 span {
     background: #fff;
     position: relative;
     z-index: 9;
     /* padding: 0px 12px; */
     font-family: 'Roboto Slab', serif;
     margin-top: -36px;
     display: inline-block;
     position: absolute;
     text-align: center;
     padding: 20px;
     left: 40%;
 }
 
 .partner-section .owl-carousel .owl-item img {
     display: block;
     width: auto;
     margin: 15px auto;
     max-width: 100%;
 }
 
 .partner-section .owl-theme .owl-dots .owl-dot.active span,
 .partner-section .owl-theme .owl-dots .owl-dot:hover span {
     background: #008ed0;
 }
 
 .partner-section .owl-theme .owl-dots .owl-dot span {
     background: #d2d4d5;
 }
 
 .partner-section .owl-prev,
 .partner-section .owl-next {
     display: none!important
 }
 /* footer css */
 
 footer p,
 footer p a {
     color: rgba(0, 0, 0, 0.8);
     font-size: 13px;
     font-weight: 500;
 }
 
 footer {
     background: #c0bfbf;
     /* margin-top: -10px; */
     padding: 50px 0 20px;
     margin-top: 50px
 }
 
 .border-left {
     border-left: 1px solid #dbdada;
 }
 
 .copyright p {
     margin: 0px !important;
     font-size: 13px
 }
 
 .footerBottom {
     margin-top: 20px;
     display: ;
 }
 
 footer {
     padding-bottom: 30px!important
 }
 
 footer p,
 footer p a {
     color: #616161;
     font-size: 16px;
     line-height: 1.3;
     margin: 20px 0;
     transition: all 0.3s ease-in-out 0.1s;
 }
 
 footer li {
     display: inline-block;
     margin-right: 30px;
     color: #000000;
     font-size: 14px;
     font-weight: 500;
 }
 
 footer .nav li a {
     color: #303030;
     font-size: 12px;
     font-weight: 500;
     padding: 3px 0
 }
 
 footer .nav.navTop {
     border-bottom: 1px solid #c4c4c4;
     margin-bottom: 10px;
     padding-bottom: 10px;
 }
 
 footer .nav.navTop li a {
     font-weight: 700;
 }
 
 footer .nav li a:hover,
 footer .nav li a:focus {
     color: #000;
     background: transparent;
 }
 
 footer .navBottom {
     margin-bottom: 60px;
 }
 
 footer .nav-block li {
     display: block;
     color: #253858
 }
 
 footer p,
 footer p a {
     color: rgba(0, 0, 0, 0.8);
     font-size: 12px;
     font-weight: 500;
 }
 
 footer .socialNav {
     margin-top: 25px;
 }
 
 footer .socialNav li {
     margin-right: 4px;
     color: #505f79;
 }
 
 footer .socialNav li a {
     color: #a3a3a3;
     border: 1px solid #a3a3a3;
     padding: 3px 0px;
     border-radius: 50%;
     width: 28px;
     text-align: center;
     font-size: 15px;
     color: #a3a3a3;
     display: inline-block
 }
 
 footer .socialNav li a .fa {
     font-size: 16px
 }
 
 footer .Contact li {
     color: #505f79;
 }
 
 footer .Contact li .fa {
     color: #505f79;
     font-size: 16px
 }
 
 footer .socialNav li {
     display: inline-block
 }
 
 .pr0 {
     padding-right: 0
 }
 
 .scrolltop {
     display: none;
     width: 100%;
     margin: 0 auto;
     position: fixed;
     bottom: 10px;
     right: 10px;
     z-index: 99;
 }
 
 .scroll {
     position: absolute;
     right: 5px;
     bottom: 5px;
     background: #139a88;
     padding: 6px 10px;
     text-align: center;
     margin: 0 0 0 0;
     cursor: pointer;
     transition: 0.5s;
     -moz-transition: 0.5s;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     border-radius: 3px
 }
 
 .scroll:hover .fa {
     padding-top: -10px;
 }
 
 .scroll .fa {
     font-size: 30px;
     margin-top: -5px;
     margin-left: 1px;
     transition: 0.5s;
     -moz-transition: 0.5s;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     color: #fff
 }
 
 address,
 address a {
     font-size: 12px;
     color: #303030;
     line-height: 1.5
 }
 /* Internal page css */
 
 .breadcrumb {
     padding: 8px 0px;
     margin-bottom: 20px;
     list-style: none;
     background-color: transparent;
     border-radius: 4px;
     border-top: 1px solid #779cbd;
    /* width: 70%;*/     width: 98%;
     border-radius: 0;
     padding-top: 11px;
     margin-top: 15px;
 }
 
 .about-sanjivani-img {
     box-shadow: 3px 4px 8px #ccc;
 }
 /* .internal-page p,
 .internal-page a {
     padding-left: 30px;
     display: inline-block
 } */
 
 .usp-points {
     padding: 30px 20px
 }
 
 .usp-points h3 {
     font-size: 20px;
     margin-bottom: 30px
 }
 
 .usp-points h3 span {
     border-bottom: 3px solid #d4a102;
     padding-bottom: 4px
 }
 
 .internal-page {
     padding-bottom: 50px
 }
 
 .points li {
     font-size: 16px;
     color: #4a4a4a;
     margin: 10px 0;
     position: relative;
     list-style: none;
 }
 
 .breadcrumb>li+li:before {
     padding: 0 5px;
     color: #139a88;
     content: "\f101";
     font-family: "fontAwesome";
     font-size: 18px;
 }
 
 .points li:before {
     content: '\f101';
     position: absolute;
     font-family: "fontAwesome";
     left: -30px;
     top: 0px;
     font-size: 18px;
     transition: all 0.5s;
     transform: scale(1);
     color: #139a88;
     padding: 5px 6px;
     line-height: 12px;
 }
 /* Accordion css */
 
 .panel-group {
     margin-top: 30px
 }
 
 .panel-default>.panel-heading {
     color: #fff;
     background-color: #139a88;
     border-color: #139a88;
     padding: 15px;
 }
 
 .panel-default .collapse.in {
     background: #f4f4f4;
     transition: .3s
 }
 /* tabber css */
 
 .tabber .tabs li a {
     background: transparent;
     margin: 0 10px 0 0;
     padding: 12px 35px;
     font-size: 16px;
     font-family: 'Poppins', sans-serif;
     font-weight: 500;
     color: #373737;
     text-transform: uppercase;
     border-top: 4px solid #fff!important;
 }
 
 .tabber .tabs li a:hover {
     background-color: #139a88!important;
     border-top: 4px solid #fccb09!important;
     color: #fff!important;
 }
 
 .tabber .tabs .active a {
     background-color: #139a88!important;
     border-top: 4px solid #fccb09!important;
     color: #fff!important;
 }
 
 .tabber .tabStyle {
     margin: 40px 0;
 }
 
 .tabber .tab-content>.active {
     display: block;
     border-top: none;
     padding: 20px;
     color: #fff!important;
 }
 
 .tabber .tab-content>.active p {
     color: #222224;
     font-weight: 500;
     font-family: 'Poppins', sans-serif;
     font-size: 15px;
     line-height: 26px;
     float: left;
 }
 
 .tabber .tab-content>.active img {
     width: 33%;
     float: right;
 }
 /* table section css*/
 
 .table h2,
 .accordian h2,
 .profile h2,
 .tabber h2,
 .contact-form h2,
 .counselor h2 {
     color: #139a88;
     font-size: 30px;
     font-family: 'Poppins', sans-serif;
     font-weight: 300;
     font-family: 'Roboto Slab', serif;
 }
 /* 
.table h2 span, .accordian h2 span, .profile h2 span, .tabber h2 span, .contact-form h2 span, .counselor h2 span{
	border-bottom:2px solid #fccb09
} */
 
 table {
     border-collapse: collapse;
     font-family: 'Poppins', sans-serif;
     width: 100%;
     margin-top: 30px
 }
 
 th {
     background: #139a88;
     color: #fff;
     font-size: 14px;
     font-weight: 400
 }
 
 td,
 th {
     text-align: left;
     padding: 10px;
     border-right: 2px solid #fff;
 }
 
 td {
     font-size: 14px
 }
 
 tr td:first-child {
     color: #0d2d62!important
 }
 
 tr:nth-child(odd) {
     background-color: #f1f4f5;
 }
 
 .accordian {
     font-family: 'Poppins', sans-serif;
 }
 
 label {
     display: inline-block;
     max-width: 100%;
     margin-bottom: 5px;
     font-weight: 400;
 }
 
 .Departments {
     padding: 10px 1px;
     border: none;
     border-radius: 3px;
     box-shadow: 0px 4px 10px #ccc;
     color: #139a88;
     outline: none;
     font-family: 'Roboto Slab', serif;
     font-size: 14px
 }
 
 .contact-form {
     padding: 25px 15px
 }
 
 .contact-form h2 {
     padding-bottom: 40px
 }
 
 .form-group {
     margin-bottom: 25px;
 }
 
 .form-control {
     height: 46px;
     font-size: 16px;
     font-family: 'Poppins', sans-serif;
     font-size: 15px;
     border: none;
     border-bottom: 1px solid #d2dede;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: 0
 }
 
 .form-control:focus {
     border-bottom: 1px solid #ffc300;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: 0
 }
 
 .captch img {
     float: left;
     margin-bottom: 25px
 }
 
 #Security-Code {
     display: inline-block;
     float: left;
     width: auto;
     margin-left: 15px
 }
 
 .ContactBtn {
     margin-left: 50px;
     display: inline-block
 }
 
 .send-btn {
     background-image: linear-gradient(#ffee00, #ffc000);
     color: #000!important;
     padding: 10px 24px;
     font-size: 15px;
     text-transform: capitalize!important;
     font-weight: 500;
     display: inline-block;
     border-radius: 4px;
     margin-top: 10px;
     text-decoration: none;
     border: none;
 }
 
 .reset-btn {
     background: transparent;
     color: #000!important;
     padding: 10px 27px;
     font-size: 15px;
     text-transform: capitalize!important;
     font-weight: 500;
     display: inline-block;
     border-radius: 4px;
     margin-top: 10px;
     text-decoration: none;
     border: none;
     background: url(../images/read-more-arrow.png) no-repeat;
     background-position: 70px
 }
 
 .profile-info {
     transition: .7s;
     padding: 20px
 }
 
 .profile-info:hover {
     box-shadow: 0 0 16px #ccc;
     transition: .7s
 }
 
 .info {
     margin-top: 15px
 }
 
 .info p {
     font-size: 19px;
     color: #139a88;
     font-family: 'Roboto Slab', serif;
     margin-bottom: 5px
 }
 
 .info a {
     color: #373737;
     display: inline-block;
     margin: 10px 0 20px
 }
 
 .section-drop {
     margin-top: 9%;
     float: right;
 }
 
 .department-txt {
     width: 80%
 }
 
 .breadcrumb li a {
     font-weight: 300
 }
 
 .breadcrumb>.active {
     color: #383838;
     font-weight: 500
 }
 /*  */
 
 .accorPannel {
     margin-top: 30px
 }
 
 .accorPannel .panel {
     box-shadow: none
 }
 
 .accorPannel .panel-group .panel {
     border-radius: 0;
     border: none;
     margin-top: 3px
 }
 
 .accorPannel .panel-default>.panel-heading {
     background: #fff;
     color: #4b4442;
     padding: 0;
     border: #fff solid 1px;
     border: #e3e4e8 solid 1px;
     border-radius: 0
 }
 
 .accorPannel .panel-title {
     margin: 0
 }
 
 .accorPannel .panel-title>a {
     display: block;
     color: #1d293e;
     font-size: 18px;
     font-weight: 600;
     text-decoration: none
 }
 
 .accorPannel .panel-default .headingText {
     padding: 18px 30px;
     background: #139a88;
     color: #fff;
     font-family: 'Roboto Slab', serif;
 }
 
 .accorPannel .panel-title .glyphicon {
     font-family: Roboto, sans-serif;
     font-size: 18px;
     float: right;
     top: -6px;
     background: #f1f4f5;
     padding: 5px 8px;
     color: #212223;
     border-radius: 5px
 }
 
 .panel-default>.panel-heading+.panel-collapse>.panel-body {
     border: none;
     padding: 20px 30px;
     border: #e3e4e8 solid 1px;
     border-top: 1px solid #fff;
     margin-top: -1px
 }
 
 .panel-default>.panel-heading+.panel-collapse>.panel-body p {
     font-size: 16px;
     line-height: 30px
 }
 
 .accorPannel .panel-default .headingActive .panel-title>a {
     color: #0065b4
 }
 
 .accorPannel .panel-default .headingActive .panel-title .glyphicon {
     background: #f1f4f5;
     color: #000
 }
 
 @media(min-width: 1024px) {
     .navbar-nav li:hover>.dropdown-menu {
         display: block;
         margin-top: 0px;
         padding-bottom: 0px;
         border-top: 1px solid #f38121
     }
     li.dropdown {
         position: relative;
     }
     .navbar-expand-lg .navbar-nav {
         margin-top: 0px !important;
     }
 }
 
 @media(max-width: 1080px) {
     .news-section {
         background: #fff;
         padding: 20px;
     }
 }
 
 @media (max-width:991px) {
     .navbar-default .navbar-brand {
         width: 80%
     }
     .navbar-header {
         float: none;
     }
     .navbar-toggle {
         display: block;
     }
     .navbar-collapse {
         border-top: 1px solid transparent;
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
     }
     .navbar-collapse.collapse {
         display: none!important;
     }
     .collapse.in {
         display: block !important;
     }
     .navbar-nav {
         float: none!important;
         margin: 7.5px -15px;
     }
     .navbar-nav>li {
         float: none;
     }
     .navbar-nav>li>a {
         padding: 10px 15px!important
     }
     .vision-mission-sec {
         margin-top: 40px
     }
     .Interesting {
         width: 100%!important
     }
     .keyFactsBox {
         width: 23%;
         float: left;
         margin: 1%;
     }
     .nav {
         margin-bottom: 20px
     }
     .mobhidden {
         clear: both
     }
     .partner-section h4 span {
         left: 35%
     }
 }
 
 @media (max-width:767px) {
     .keyFactsBox {
         width: 48%;
     }
     .fill {
         height: auto;
         padding-top: 10px
     }
     .slider-img-left {
         min-height: auto!important;
         margin: 30px auto 50px
     }
     .main-slider .carousel-indicators {
         width: 97%;
         margin-left: 0;
         bottom: 0
     }
     .fadeInRight {
         padding: 0
     }
     .slider-caption h2 {
         font-size: 32px
     }
     .slider-caption p {
         font-size: 16px
     }
     .partner-section h4 span {
         left: 32%
     }
     .tabber .tabs li a {
         padding: 12px 20px;
     }
     .tabber .tab-content>.active p {
         width: 100%
     }
     .tabber .tab-content>.active img {
         width: auto;
         float: inherit;
         margin-top: 24px;
         display: inline-block;
     }
     .section-drop {
         margin-top: 2%;
         float: right;
     }
     .department-txt {
         width: 100%!important
     }
     .table-responsive {
         border: none
     }
     .tabber .tabStyle {
         margin: 40px 0 0;
     }
 }
 
 @media (max-width:580px) {
     .navbar-toggle {
         margin-top: 12px;
     }
 }
 
 @media (max-width:480px) {
     .keyFactsBox {
         width: 100%;
         float: left;
         margin: 0 1%;
     }
     .section-drop {
         margin-top: 0%;
         float: right;
         padding: 0
     }
     .m-widthfull {
         width: 100%
     }
     .top-menu {
         margin: 0;
         padding: 0
     }
     .top-menu li a {
         color: #fff;
         text-decoration: none;
         font-size: 11px;
     }
     .full-width {
         padding: 0
     }
     .partner-section h4 {
         border: none
     }
     .partner-section h4 span {
         position: inherit;
         left: inherit
     }
     .content {
         background: #139a88;
         position: relative;
         margin-left: 0px;
         padding: 130px 20px 30px;
         padding-left: 20px;
         border-radius: 8px;
     }
     .slider-img {
         position: absolute;
         top: 15px;
         width: 140px;
         border-radius: 5px;
         border: 3px solid #fff;
         left: 20px;
     }
     section {
         padding-top: 25px
     }
     .vision-mission-sec .vision h2,
     .vision-mission-sec .vision h2 span {
         font-size: 18px
     }
     .vision-mission-sec {
         padding: 20px 10px;
     }
     .slider-caption h2 {
         font-size: 36px
     }
     .nav-tabs>li {
         float: left;
         margin-bottom: -1px;
         width: 100%;
         margin-bottom: 5px;
     }
     .w-full {
         width: 100%!important
     }
     .news-section p {
         width: 100%
     }
     .accorPannel .panel-title>a {
         font-size: 15px
     }
     .accorPannel .panel-default .headingText {
         padding: 18px 10px
     }
     .tabber .tab-content>.active {
         padding: 10px 0
     }
 }
 
 @media (max-width:320px) {
     .top-menu li {
         margin: 10px 0
     }
     .top-menu li a {
         color: #fff;
         text-decoration: none;
         font-size: 10px;
     }
     .slider-caption h2 {
         font-size: 24px
     }
     .About-sec h2 {
         font-size: 21px;
     }
 }
 /* Dropdown css */
 
 .navbar-nav>li>a {
     padding-top: 0;
     padding-bottom: 0;
 }
 
 .mainmenu {
     border-color: transparent;
     margin-bottom: 0;
     border: 0px !important;
 }
 
 .navbar-nav>li:last-child>a {
     padding-right: 0px;
     margin-right: 0px;
 }
 
 .dropdown-menu {
     padding: 0px 0;
     margin: 0 0 0;
     border: 0px solid transition !important;
     border: 0px solid rgba(0, 0, 0, .15);
     border-radius: 0px;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }
 /*=-====Main Menu=====*/
 /* .navbar-nav .open .dropdown-menu>li>a {
     padding: 16px 15px 16px 25px;
 } */
 
 .header_bottom {
     background: #0071ba
 }
 
 .header_area .header_bottom .mainmenu a,
 .navbar-default .navbar-nav>li>a {
     color: #fff;
     font-size: 16px;
     text-transform: capitalize;
     padding: 16px 13px;
 }
 
 .header_area .mainmenu .active a,
 .header_area .mainmenu .active a:focus,
 .header_area .mainmenu .active a:hover,
 .header_area .mainmenu li a:hover,
 .header_area .mainmenu li a:focus,
 .navbar-default .navbar-nav>.open>a,
 .navbar-default .navbar-nav>.open>a:focus,
 .navbar-default .navbar-nav>.open>a:hover {
     color: #0071ba;
     background: #54c6d4;
     outline: 0;
 }
 /*-----./ Main Menu-----*/
 
 .navbar-default .navbar-toggle {
     border-color: #000;
     color: #000;
 }
 /*Toggle Button*/
 
 .navbar-default .navbar-toggle .icon-bar {
     background-color: #000;
 }
 /*Toggle Button*/
 /*==========Sub Menu=v==========*/
 
 .mainmenu .collapse ul>li:hover>a {
     background: #54c6d4;
 }
 
 .mainmenu .collapse ul ul>li:hover>a,
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
     background: #CBEAF0;
 }
 
 .mainmenu .collapse ul ul ul>li:hover>a {
     background: #CBEAF0;
 }
 
 .mainmenu .collapse ul ul,
 .mainmenu .collapse ul ul.dropdown-menu {
     background: #98D7E1;
 }
 
 .mainmenu .collapse ul ul ul,
 .mainmenu .collapse ul ul ul.dropdown-menu {
     background: #cacbce;
 }
 
 .mainmenu .collapse ul ul ul ul,
 .mainmenu .collapse ul ul ul ul.dropdown-menu {
     background: #e4eeb8
 }
 /******************************Drop-down menu work on hover**********************************/
 
 .mainmenu {
     border: 0 solid;
     margin: 0;
     padding: 0;
     min-height: 20px
 }
 
 @media only screen and (min-width: 1201px) {
     .mainmenu .collapse ul li {
         position: relative;
     }
     .mainmenu .collapse ul li:hover>ul {
         display: block
     }
     .mainmenu .collapse ul ul {
         position: absolute;
         top: 100%;
         left: 0;
         min-width: 250px;
         display: none
     }
     /*******/
     .mainmenu .collapse ul ul li {
         position: relative
     }
     .mainmenu .collapse ul ul li:hover>ul {
         display: block
     }
     .mainmenu .collapse ul ul ul {
         position: absolute;
         top: 0;
         left: 100%;
         min-width: 250px;
         display: none
     }
     /*******/
     .mainmenu .collapse ul ul ul li {
         position: relative
     }
     .mainmenu .collapse ul ul ul li:hover ul {
         display: block
     }
     .mainmenu .collapse ul ul ul ul {
         position: absolute;
         top: 0;
         left: 100%;
         min-width: 250px;
         display: none;
         z-index: 1
     }
 }
 
 @media (max-width: 1200px) {
     .navbar-header {
         float: none;
     }
     .navbar-left,
     .navbar-right {
         float: none !important;
     }
     .navbar-toggle {
         display: block;
     }
     .navbar-collapse {
         border-top: 1px solid transparent;
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
     }
     .navbar-fixed-top {
         top: 0;
         border-width: 0 0 1px;
     }
     .navbar-collapse.collapse {
         display: none!important;
     }
     .navbar-nav {
         float: none!important;
         margin-top: 7.5px;
     }
     .navbar-nav>li {
         float: none;
     }
     .navbar-nav>li>a {
         padding-top: 10px;
         padding-bottom: 10px;
     }
     .collapse.in {
         display: block !important;
     }
     .navbar-nav .open .dropdown-menu {
         position: static;
         float: none;
         width: auto !important;
         margin-top: 0;
         background-color: transparent;
         border: 0;
         -webkit-box-shadow: none;
         box-shadow: none;
     }
 }
 
 .faculty-prof {
     box-shadow: 0 0 16px #ccc;
     padding: 20px;
 } .About-sec #jwts_tab1  h2 span{	font-weight:100!important;}

#placementCarousel {
    max-width: 800px;
    margin: 40px auto;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    background: #fff;
    position: relative;
}

#placementCarousel .carousel-inner {
    height: 600px;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#placementCarousel .item img {
    max-height: 600px;
    width: auto;
    display: inline-block;
    border-radius: 10px;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

#placementCarousel .item img:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

#placementCarousel .carousel-control {
    width: 5%;
    background: rgba(0, 0, 0, 0.2);
}

#placementCarousel .carousel-control:hover {
    background: rgba(0, 0, 0, 0.4);
}

#placementCarousel .glyphicon {
    color: white;
    font-size: 30px;
    top: 50%;
    transform: translateY(-50%);
}
/* General styling for image container */
.bg-light {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/* Hover effect: scale up image and add shadow */
.bg-light:hover {
  transform: scale(1.05); /* Slight zoom effect */
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); /* Soft shadow around image */
}

/* Image styling */
.bg-light img {
  border-radius: 8px;
  object-fit: cover; /* Keeps images sharp, fills the container without distortion */
  transition: transform 0.3s ease-in-out;
}

/* Image hover effect: subtle zoom */
.bg-light:hover img {
  transform: scale(1.1); /* Slight zoom effect on hover */
}

/* Optional: Adding a text overlay on hover */
.bg-light::before {
  content: "🎓 Placement Image"; /* Example text overlay */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Show overlay text on hover */
.bg-light:hover::before {
  opacity: 1;
}