@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap");

*,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Merriweather", serif;
  color: #410808;
}
strong {
  font-weight: 700;
  color: #000;
}
/* .carousel .carousel-item .view .video-fluid{
height: 250px;
width: 100%;
} */
.chat {
  position: fixed;
  bottom: 12%;
  right: 1%;
  z-index: 1;
}
.navbar {
    min-height: 42px !important;
    margin-bottom: 0 !important;
}
.email {
  position: fixed;
  bottom: 22%;
  right: 1%;
  z-index: 500;
}
.breadcrumb {
    background-color: #0A8F9C !important;
}
.btn {
  background-color: #054B6E;
  border-radius: 5px;
  color: #fff;
}
/* .btn:hover {
  border: 1px solid #054B6E;
} */
ul {
  list-style-type: none;
}
a {
  text-decoration: none;
  color: #3d446e;
  font-weight: 700;
}
a:hover {
  color: #0A8F9C;
}
p {
  color: black;
  font-weight: 300;
  line-height: 28px;
  font-size: 14px;
  /* margin-bottom: 0; */
}
.title {
  font-size: 18px;
  font-weight: 700;
  color: #2e6286;
  margin-bottom: 10px;
}
.sub-title {
  color: #e66547;
  font-weight: 700;
  font-size: 16px;
}
.long-sub-title {
  color: #e66547;
  font-weight: 700;
  font-size: 14px;
}
.s-media {
    margin-bottom: 20px;
  position: relative;
padding: 63px 0;
}
ul li{
 font-size:14px;   
}


h5{font-size:16px;}
.s-media ul {
  position: fixed;
  top: 50vh;
  left: 0;
  z-index: 333;
  background-color: #fff;
  text-align: center;
  padding-left: 0;
}

.s-media ul li a {
    
  display: block;
  width: 100%;
  padding: 20px;
  border-left: 5px solid;
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: #444;
  box-sizing: border-box;
}
.s-media li a:hover i {
  border-bottom: 0px;
  color: #fff;
  font-size: 22px;
}
.s-media li:first-child a {
  border-left: 10px solid #0995f3;
  
}
.s-media li:nth-child(2) a {
  border-left: 10px solid #00aced;
}
.s-media li:nth-child(3) a {
  border-left: 10px solid #007bb6;
}
.s-media li:last-child a {
  border-left: 10px solid #f09433;
}




.s-media li a:after {
  content: "";
  height: 100%;
  left: 0;
  top: 0;
  width: 0px;
  position: absolute;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  z-index: -1;
}
.s-media li a:hover:after {
  width: 100%;
}
.s-media li:first-child a:after {
  background: #0995f3;
}
.s-media li:nth-child(2) a:after {
  background: #00aced;
}
.s-media li:nth-child(3) a:after {
  background: #007bb6;
}
.s-media li:last-child a:after {
   background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
 
}
.feedback-form {
  position: fixed;
  top: 20%;
  left: 0;
  z-index: 999;
  min-height: 450px;
}
.feedback-form-show {
  right: 0 !important;
}
.feedback_form_area {
  border-radius: 10px;
  position: relative;
  /* display: none; */
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
}
.feedback_form_area_inner {
  width: 190px;
  min-height: 313px;
  color: #fff;
  padding: 15px;
}
.feedback_form_area h5 {
  margin-top: 0;
  color: white;
  text-align: center;
}
.feedback_form_area li {
  list-style-type: disc;
  padding: 3px;
  color: #fff;
}
.feedback_form_area li a {
  color: white;
  font-size: 12px;
}
.feedback-form-btn {
  background: #058e3f;
  width: 161px;
  color: #fff;
  position: absolute;
  right: -92px;
  color: #fff;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  top: 43%;
  border-radius: 4px;
  padding: 0;
  border: 0;
}
.feedback-form-btn img {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
  padding-bottom: 10px;
  position: relative;
  top: -2px;
  width: 15px;
}
.feedback-form-btn:hover,
.feedback-form-btn:focus,
.feedback-form-btn.focus,
.btn_submit:hover,
.btn_submit:focus {
  color: #fff;
}
.my-news-ticker li a{padding-left:10px;}

/* ..........Nav slider Animet.......... */
.fix_head{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
}
.header_Wrap{
    padding-top: 0; 
    padding-bottom: 0px;
}
.header_fixed .header_Wrap {
        background: #fff;
    box-shadow:0 0 7px 0 rgba(0,0,0,.15);
    padding-top:0px;
    /*padding-bottom:10px;*/
    animation: smoothScroll 1s forwards;}
@keyframes smoothScroll{
	0% {transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
    }
	100% {transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}
/* ..........Nav slider Animet.......... */

/* Top Header */
.main-header {
  background-color: #054B6E;
}
.main-header .college-title {
  clip-path: polygon(0 0, 100% 0%, 96% 100%, 4% 100%);
  background-color: #0A8F9C;
}
.main-header .college-title h4 {
  color: #fff;
  font-size: 19px;
}
.topHeaderWrapper .logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.topHeaderWrapper .text {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding-left: 1rem;
}
.topHeaderWrapper .text h5 {
  text-transform: uppercase;
/*  color: #054B6E;*/
  color: #D62B2A;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 30px;
}

.topHeaderWrapper .text h5:hover {
 text-decoration:none;
 }

.topHeaderWrapper .text p {
  /*color: #0A8F9C;*/
  color: #054B6E;
  margin-bottom: 0;
  line-height: 21px;
  /*font-weight: 500;*/
  /*margin-bottom: 5px;*/
  font-size: 14px;
  /*font-weight: bold;*/
}
.topHeaderWrapper .text p:hover {
 text-decoration:none;
 }
.siteButtons .btn {
  margin: 0 !important;
  color: #fff;
  background-color: #054B6E;
  border-radius: 5px;
}


.topHeaderWrapper .siteButtons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.header-social{
  display: flex;
  justify-content: flex-end;
  padding: 15px 0; 
}
.header-social .fab {
    background: #0A8F9C;
    color: #fff;
    margin-left: 7px;
    font-size: 16px;
    height: 35px;
    /* padding: 11px; */
    border-radius: 50%;
    width: 35px;
    line-height: 35px;
    text-align: center;
}
.header-social .fab:hover{
    padding-bottom:10px;
}



/* Navbar */
.navbar {
  position: relative;
  z-index: 999;
  /* border-bottom: 7px solid #4c535b; */
  padding-bottom: 0.3rem;
  background-image: url("../images/nav-bg-strip.jpg");
  padding: 0;
}
.navbar-light .navbar-toggler {
  color: #fff;
  border-color: #fff;
}
.navbar-toggler {
  background-color: #fff;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  background-color: #0A8F9C;
  color: #fff;
}
.navbar-light .navbar-nav .nav-item {
  margin-right: 2px;
}
.navbar-light .navbar-nav .nav-link {
  color: #000;
  padding: 6px;
  font-size: 15px;
  font-weight: 100;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
  background-color: #0A8F9C;
  text-decoration:none;
}
.megamenu h6.title {
  font-size: 1.2rem;
  color: #4c535b;
  font-weight: 700;
}
.col-megamenu .list-unstyled li {
  margin-bottom: 7px;
  transition: all 0.3s ease-in-out;
}
.col-megamenu .list-unstyled li .fas {
  padding-right: 7px;
  font-size: 10px;
}
.col-megamenu .list-unstyled li a {
  font-size: 14px;
  font-weight: 100;
}
.col-megamenu .list-unstyled li:hover {
  transform: translateX(10px);
}
.col-megamenu .list-unstyled li:hover a {
  color: #0A8F9C;
}
.col-megamenu .icon-box {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 4px solid #203564;
  border-radius: 20px;
}
.navbar-nav li a.active {
  color: #00bbd4;
}
.offcanvas {
        /*height: 450px;*/
  background-color: #4c535b;
}
@media all and (min-width: 992px) {
  .navbar .has-megamenu {
    position: static !important;
  }
  .navbar .megamenu {
    left: 9%;
    top: 40px;
    width: 80%;
    margin-top: 0;
  background-color: rgb(202 212 213 / 90%);
  }
}
@media (max-width: 991px) {
  .navbar.fixed-top .navbar-collapse,
  .navbar.sticky-top .navbar-collapse {
    overflow-y: auto;
    max-height: 90vh;
    margin-top: 10px;
  }
}
.latest-news {
  position: relative;
}

.news {
  position: absolute;
  width: 100%;
  bottom: -2%;
}

.aboutUs {
  margin-bottom: 1rem;
  position: relative;
}


.aboutUs .wrapper {
  background-color: rgba(5, 75, 110, 0.8);
  padding: 30px;
  /*position: absolute;*/
  top: 16%;
  /*width: 66%;*/
  z-index: 1;
  min-height: 380px;
}
.aboutUs .wrapper .info .btn {
  background-color: transparent;
  border: 1px solid #fff;
}
.aboutUs .wrapper .info .btn:hover {
  color: black;
  background-color: white;
}
.aboutUs .wrapper .strong{
    font-weight: 900;
}
.aboutUs .wrapper p {
  color: #fff;
  margin-bottom: 0;
  line-height: 25px;
  text-align: justify;
  font-size: 14px;
}

.inner-content .heading h3 {
  color: #054B6E;
  font-weight: 700;
  /*margin-bottom: 1rem;*/
  font-size: 20px;
  padding-top: 4px;
  line-height: 30px;
}
.inner-content .heading h3 span {
  width: 50px;
  background-color: #0A8F9C;
  display: inline-block;
  height: 4px;
  margin: 0 8px 8px 0;
}
.inner-content .heading h3 span:last-child {
  width: 20px;
  background-color: #0A8F9C;
  display: inline-block;
  height: 3px;
  margin: 0 0 3px 8px;
}

/* Notices */

.notices-upcoming .card {
  position: relative;
  background-color: #eff8ff;
  border: 0;
  border-bottom: 5px solid #054B6E;
  height: 282px;
}
.features-downloads .card {
  position: relative;
  background-color: #eff8ff;
  border: 0;
  border-bottom: 5px solid #054B6E;
  height: auto;
}
.notices-upcoming .card .card-body {
  overflow-y: hidden;
}

.notices-upcoming .top-icons {
  position: absolute;
  top: -16%;
  right: 0;
  background-color: #0A8F9C;
  width: 18%;
  height: 23%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.features-downloads .top-icons {
  position: absolute;
  top: -14%;
  right: 0;
  background-color: #0A8F9C;
  width: 18%;
  height: 19%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-icons i.fas,
.top-icons i.far {
  color: white;
}
.notices-upcoming .card ul,
.features-downloads .card ul {
  padding-left: 0;
}
.notices-upcoming .card ul li,
.features-downloads .card ul li {
  border-bottom: 1px dashed grey;
  display: inline-block;
  width: 100%;
  padding-top: 18px;
}
.notices-upcoming .notice .card ul li a {
  color: #414575;
  font-weight: 100;
}
.notices-upcoming .card .events ul li h6 {
  color: #3d446e;
  font-weight: 700;
}
.notices-upcoming .card ul li i,
.features-downloads .card ul li i {
  padding-right: 1rem;
  font-size: 1rem;
}
.notices-upcoming .card p {
  margin-bottom: 0;
  color: #3d446e;
}
.notices-upcoming .card h6,
.features-downloads .card h6 {
  margin-bottom: 0;
  font-weight: bold;
}
.notices-upcoming .card .content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.notices-upcoming .card .content .date-month {
  background-color: #054B6E;
  padding: 10px 22px;
  text-align: center;
}
.notices-upcoming .card .content .year {
  background-color: #0A8F9C;
  text-align: center;
}

.notices-upcoming .content .date-wrapper h5.sm-date {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 22px;
  color: #fff;
}

.notices-upcoming .content .date-wrapper h5.lg-date {
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 22px;
  color: #fff;
}
.notices-upcoming .description .e-date {
  font-size: 14px;
}

.notices-upcoming .more a {
  color: #3d446e;
  font-size: 14px;
  font-weight: 900;
  font-style: italic;
  border-bottom: 1px solid #3d446e;
}
.notices-upcoming .q-links li,
.features-downloads .downloads li {
  padding-bottom: 10px;
}
.notices-upcoming .q-links li h6,
.features-downloads .downloads li h6 {
  color: #203564;
}
.notices-upcoming .q-links li:last-child,
.features-downloads .downloads li:last-child {
  border-bottom: 0;
}

/* features-downloads */

.features-downloads .feature-wrapper {
  position: relative;
}
.overlay-text {
  position: absolute;
  bottom: 0%;
  width: 100%;
  height: 40px;
  background-color: rgba(53, 53, 53, 0.836);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* Message Desk */

.msg-desk .heading h3 {
  margin-bottom: 5rem;
}
.msg-desk .card {
  border-top: 0;
  position: relative;
  transition: all 0.3s ease-in-out;
  border: 3px solid #054B6E;
}
.msg-desk .card img {
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.msg-desk .card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.msg-desk .card:hover img {
  transform: scale(1.1);
}

.msg-desk .header {
  position: absolute;
  top: -9%;
  right: 0;
  background-color: #054B6E;
  border-top-left-radius: 5px;
  padding: 0px 5px;
}
.msg-desk .header a {
  color: #fff;
}
.msg-desk .card-title {
  color: #0A8F9C;
  font-weight: 900;
  text-align: right;
}
.msg-desk .card-subtitle {
  color: #0A8F9C;
  font-style: italic;
      text-align: right;
}
.msg-desk .card img {
  width: 116px;
  position: absolute;
  top: -21%;
  left: 6%;
  border-radius: 50%;
}
.msg-desk .card .card-text {
  /*text-align: justify;*/
}
.msg-desk .card .read-more {
  position: absolute;
  bottom: -6%;
  right: 6%;
  z-index: 1;
}
.msg-desk .card .read-more i {
  color: white;
  background-color: #054B6E;
  padding: 2px;
  font-size: 25px;
}
/* milestone */
.counter-wrapper h2,
.counter-wrapper h6 {
  color: #fff4e9;
}
.counter-wrapper .total-sur {
  background-color: #3984be;
  height: 100%;
  border-bottom-left-radius: 50rem;
  border-top-left-radius: 50rem;
}
.counter-wrapper .endoscopy {
  background-color: #3078b3;
  height: 100%;
}
.counter-wrapper .gynaecology {
  background-color: #276da8;
  height: 100%;
}
.counter-wrapper .ortopedics {
  background-color: #054B6E;
  height: 100%;
  border-bottom-right-radius: 50rem;
  border-top-right-radius: 50rem;
}
/* gallery */
.gallery .img-wrapper {
  position: relative;
}
.gallery .img-wrapper .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(32, 99, 154, 0.8);

  overflow: hidden;
  width: 100%;
  height: 40px;
  transition: 0.5s ease;
}
.gallery .img-wrapper .overlay .icon {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
}
.gallery .img-wrapper:hover .overlay {
  height: 100%;
}
.gallery .img-wrapper:hover .overlay .text {
  display: none;
}
.gallery .img-wrapper:hover .overlay .icon {
  opacity: 1;
}

.gallery .img-wrapper .overlay .text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  height: 100%;
}
.gallery .img-wrapper .overlay .text p {
  color: #fff;
  margin-bottom: 0;
}
.gallery .img-wrapper img {
  width: 100%;
  height: 216px !important;
}

.gallery .text .fas {
  border: 1px solid #a14c75;
  font-size: 30px;
  background-color: #fff;
}
.gallery .icon .fas {
  color: #fff;
}
.video-thumbnail {
  position: relative;
}
.video-thumbnail img {
  height: 433px;
}
.play-btn {
  background: white;
  border-radius: 50%;
  text-align: center;
  line-height: 108px;
  animation: animate 2s linear infinite;
  cursor: pointer;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.play-btn i {
  color: rgba(32, 99, 154, 0.8);
  font-size: 102px;
}
.video-thumbnail .text-overlay {
  position: absolute;
  bottom: 7%;
  right: 0;
  background-color: rgba(32, 99, 154, 0.8);
  overflow: hidden;
  width: 40%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-thumbnail .text-overlay p {
  margin-bottom: 0;
  color: #fff;
}
@keyframes animate {
  0% {
    box-shadow: 0 0 0 0 rgba(32, 99, 154, 0.7);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 193, 7, 0);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 193, 7, 0);
  }
  100% {
    box-shadow: 0 0 0 rgba(255, 193, 7, 0);
  }
}
/* Inner page*/
.breadcrumb {
  margin-bottom: 0;
}
.page-Heading {
  position: relative;
  width: 100%;
  height: 75px;
  background-color: #054B6E;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.bg-img {
  position: absolute;
  right: 10%;
  top: -30%;
}
.bg-img h1 {
  font-size: 120px;
  color: #2c74af;
  font-weight: 900;
}
.heading-wrapper .heading h3 {
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
  background-image: none !important;
  text-indent: 0;
}
/*.heading-wrapper .breadcrumb-item a,*/
/*.breadcrumb-item + .breadcrumb-item::before {*/
/*  color: #fff;*/
/*}*/

.heading-wrapper .breadcrumb-item.active {
  color: #fff;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff !important;
}
.breadcrumb {
    margin-bottom: 0px !important;
}
.vision,.mission{
    border:2px solid #054B6E;
}
.vision-mission .title{
    background-color: #054B6E;
    display: flex;
    justify-content: space-between;
    align-items:center;
}

/* Faculty page */
.faculty-box {
  border: 3px solid #e3eef8;
  border-bottom: 3px solid #0A8F9C;
  padding: 15px;
}
.faculty-info-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 155px;
}
.faculty-info-wrapper .faculty-photo img {
  width: 240px;
  height: 155px;
}
.faculty-info-wrapper .hod img {
  width: 710px;
  height: 220px;
}
.faculty-info-wrapper #hod-info {
  background-color: #e3eef8;
  padding: 20px 10px;
  width: 100%;

}
.faculty-info-wrapper #hod-info p {
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
}
.faculty-box .faculty-name h5 {
  color: #2e4f6b;
  font-weight: 900;
  font-size: 16px;
}
.faculty-box .faculty-name .btn {
  font-size: 10px;
}
.faculty-box .faculty-info {
  background-color: #e3eef8;
  padding: 12px 10px;
  width: 100%;
  min-height: 156px;
}
.faculty-box .faculty-info p {
  color: #2e4f6b;
  margin-bottom: 0;
  line-height: 22px;
  font-size: 12px;
}
.faculty-content .tab-box .tab-content {
  position: relative;
  border: 1px solid #0A8F9C;
  width: 100%;
  min-height: 400px;
}
.faculty-content .tab-box .nav-pills .nav-link {
  font-size: 14px;
  text-align: left;
  color: grey;
}
.faculty-content .tab-box .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #0A8F9C;
  background-color: #fff;
  border: 1px solid #0A8F9C;
  border-right: 4px solid #fff;
}

/* Pasts Events Details  */
.college-content .tab-box .outer-tab-content {
  position: relative;
  border: 1px solid #0A8F9C;
  width: 100%;
  min-height: 550px;
}
.college-content .tab-box .nav-pills .nav-link {
  font-size: 14px;
  text-align: left;
  color: grey;
}
.college-content .tab-box .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #0A8F9C;
  background-color: #fff;
  border: 1px solid #0A8F9C;
  border-right: 4px solid #fff;
}

/*collaboration logos*/
ul.othr-univ {
  margin: 0;
  padding: 0;
}
ul.othr-univ li {
  display: inline-block;
  width: 15%;
  list-style-type: none;
  border: 1px dashed #054B6E;
  margin-left: 4px;
  margin-bottom: 4px;
}

/* Department Faculty page */
.dep-faculty-box {
  border: 3px solid #e3eef8;
  border-bottom: 3px solid #054B6E;
  padding: 15px;
}
.d-faculty-info-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-faculty-info-wrapper .faculty-photo img {
  width: 240px;
  height: 160px;
}
.d-faculty-info-wrapper .hod img {
  width: 710px;
  height: 220px;
}
.dep-faculty-box .faculty-name h5 {
  color: #2e4f6b;
  font-weight: 900;
  font-size: 16px;
}
.dep-faculty-box .faculty-name .btn {
  font-size: 10px;
}
.dep-faculty-box .faculty-info {
  background-color: #e3eef8;
  padding: 10px;
  width: 100%;
}
.dep-faculty-box #hod-info {
  background-color: #e3eef8;
  padding: 35px 10px;
  width: 100%;
}
.dep-faculty-box .faculty-info p {
  color: #2e4f6b;
  margin-bottom: 0;
  line-height: 28px;
  font-size: 12px;
}
.dep-faculty-box #hod-info p {
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
}

/*Department Publication  */
.publication-wrapper-dep h6,
.publication-wrapper-dep p {
  margin-bottom: 0;
  line-height: 28px;
}

.publication-wrapper-dep .j-name h6 {
  color: #054B6E;
  font-weight: 900;
  font-size: 15px;
  display: inline-block;
  width: 15%;
  vertical-align: top;
}
.publication-wrapper-dep .j-name p {
  color: #054B6E;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  width: 84%;
}

.publication-wrapper-dep .j-title h6 { color: #585858; font-weight: 900; display: inline-block; width: 15%; vertical-align: top; }
.publication-wrapper-dep .j-title p {  color: #585858; display: inline-block; width: 84%; }
.publication-wrapper-dep .j-auther-vip-wrapper,
.f-dep-place-wrapper { background-color: #ececec; padding: 10px; border-bottom: 1px solid darkorange; }
.publication-wrapper-dep .j-author h6 {font-weight: 700; font-size: 15px; }
.publication-wrapper-dep .j-author { border-right: 1px solid #054B6E; }
.publication-wrapper-dep .j-author p { font-size: 14px;}
.publication-wrapper-dep .j-vip h6 { font-weight: 700; font-size: 15px; }
.publication-wrapper-dep .j-vip p { font-size: 14px; }

/* college publication */
.college-publication-wrapper-dep h6,
.college-publication-wrapper-dep p {
  margin-bottom: 0;
  line-height: 28px;
}
.college-publication-wrapper-dep {
  border-bottom: 1px dashed black;
}
.college-publication-wrapper-dep .j-name h6 {
  color: #054B6E;
  font-weight: 900;
  font-size: 15px;
  display: inline-block;
  width: 19%;
  vertical-align: top;
}
.college-publication-wrapper-dep .j-name p {
  color: #054B6E;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  width: 80%;
}
.college-publication-wrapper-dep .index-nat h6 span {
  font-size: 14px;
  font-weight: 500;
}
.college-publication-wrapper-dep .j-title h6 {
  color: #585858;
  font-weight: 900;
  display: inline-block;
  width: 19%;
  vertical-align: top;
}

.college-publication-wrapper-dep .j-title p {
  color: #585858;
  display: inline-block;
  width: 80%;
}
.college-publication-wrapper-dep .j-auther-vip-wrapper,
.f-dep-place-wrapper {
  background-color: #ececec;
  padding: 10px;
  border-bottom: 1px solid darkorange;
}
.college-publication-wrapper-dep .j-author h6 {
  font-weight: 700;
  font-size: 14px;
}
.college-publication-wrapper-dep .j-author,
.college-publication-wrapper-dep .j-vip,
.college-publication-wrapper-dep .j-dep {
  border-right: 1px solid #054B6E;
}
.college-publication-wrapper-dep .j-author p {
  font-size: 14px;
}
.college-publication-wrapper-dep .j-vip h6,
.college-publication-wrapper-dep .j-dep h6,
.college-publication-wrapper-dep .j-pub-year h6 {
  font-weight: 700;
  font-size: 14px;
}
.college-publication-wrapper-dep .j-vip p,
.college-publication-wrapper-dep .j-dep p,
.college-publication-wrapper-dep .j-pub-year p {
  font-size: 14px;
}
.college-publication-wrapper-dep .database-avail-wrapper h6 span {
  font-size: 14px;
}

/* Contact us page */
.contact-content .map-box {
  border: 1px solid #e5e6e8;
  border-bottom: 10px solid #054B6E;
  margin-bottom: 20px;
}
.contact-content .address-box h5 {
  font-weight: 900;
  margin-bottom: 0;
}
.contact-content .address-box p {
  margin-bottom: 0;
}
.contact-content .address-box p i.fas {
  color: #054B6E;
}
/* mentorship program */
.mentor-wrapper .mentor-box .mentor-info i.fas {
  background-color: #0A8F9C;
}
/*message from desk page  */
.m-desk-content .message-wrapper {
  border: 10px solid #054B6E;
  position: relative;
  padding: 20px;
}
.new-a .message-wrapper
{
    border: 5px solid #054B6E;
    position: relative;
    padding: 20px;
    margin: 10px 0;
}
.m-desk-content .message-wrapper .left-box {
  background-color: #0A8F9C;
  height: 100%;
}
.m-desk-content .message-wrapper .img-wrapper {
  display: flex;
  position: absolute;
  top: 11%;
  left: 6%;
}
.m-desk-content .message-wrapper .img-wrapper img.strip {
  height: 310px;
  margin-right: 8px;
}
.m-desk-content .message-wrapper .left-box .img-box {
  border: 7px solid #fffdfe;
}
.m-desk-content .message-wrapper .left-box .img-box img {
  width: 100%;
}
.m-desk-content .message-wrapper .name-box {
  position: absolute;
  bottom: 8%;
  left: 6%;
}
.m-desk-content .message-wrapper .right-box {
  padding: 45px 30px 45px 160px;
}
.m-desk-content .message-wrapper .right-box h5 {
  color: #0A8F9C;
  font-weight: 900;
  text-align: end;
}
.m-desk-content .message-wrapper .right-box p {
  /* text-indent: 2em; */
  margin-bottom: 0;
  text-align: justify;
  line-height: 30px;
}

/* gallery page */

.gallery-box {
  border: 1px solid #909f9e;
  padding: 5px;
  border-bottom: 4px solid #909f9e;
  margin-bottom: 10px;
}
.gallery-box:hover {
  border: none;
  border-bottom: 4px solid #0A8F9C;
}
.gallery-box a img {
  transition: all 0.2s ease-in-out;
}
.gallery-box:hover a img {
  transform: scale(1.04);
}
.gallery-box:hover p {
  color: #0A8F9C;
}

/* ********* Video Page ************* */
.video-wrapper div:nth-of-type(2) {
  background-color: #0A8F9C;
  width: 100%;
  height: 5px;
  margin-top: 5px;
}

.video-wrapper p {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0;
  padding: 5px 0;
  transition: all 0.2s ease-in-out;
}
.video-wrapper:hover p{
  transform: scale(1.05);
  color: #054B6E;
}
/* about-us page  */
.about-us-content .heading {
  text-align: end;
}
.about-us-content p {
  text-align: justify;
}
.about-us-content .a-u-right p {
  margin-bottom: 0;
}
.about-us-content .a-c-right {
  position: relative;
  background-color: #f2f2f2;
  border: 3px solid #054B6E;
  border-left: 0;
  width: 474px;
  height: 450px;
  float: right;
  margin-left: 14rem;
}
.about-us-content .a-c-right .a-clg-img {
  position: absolute;
  top: 9%;
  left: -47%;
  border: 3px solid #fff;
}
.about-us-content .vision {
  background-color: #054B6E;
  padding: 20px;
  min-height: 400px;
}
.about-us-content .mission {
  background-color: #2c74af;
  color: #fff;
  padding: 20px;
}
.about-us-content .mission ul {
  list-style-type: disc;
}
.about-us-content .mission ul li {
  color: #fff;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
}
.about-us-content .vision .vision-title,
.mission .mission-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.about-us-content .certificates {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.about-us-content .certificates .btn {
  padding: 7px 60px;
  background-color: #0A8F9C;
  border-bottom: 3px solid #f68b17;
  font-size: 16px;
}
/* Upcoming events-details page  */
.event-details-content .event-wrapper {
  position: relative;
  border: 7px solid #0A8F9C;
  padding: 16px 16px 16px 80px;
  margin-top: 80px;
}
.event-details-content .event-wrapper .e-date-wrapper {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -13%;
  left: -4%;
}
.event-details-content .event-wrapper .e-date-wrapper .e-date-month {
  background-color: #7a0c19;
  padding: 0 30px;
}
.event-details-content .event-wrapper .e-date-wrapper .e-year {
  background-color: #054B6E;
}
.event-details-content .event-wrapper .e-info {
  border-right: 1px solid #054B6E;
  padding-right: 7px;
}
.event-details-content .event-wrapper .e-info .e-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.event-details-content .event-wrapper .e-other-info {
  background-color: #054B6E;
  color: #fff;
  padding: 14px 28px;
}
.event-details-content .event-wrapper .e-venue-time {
  border-right: 1px solid #fff;
}
.event-details-content .event-wrapper .e-title h4 {
  color: #000;
  font-weight: 700;
}
/* past Events */
.p-events-wrapper .list-group-flush li {
  font-size: 12px;
}
.p-events-wrapper .card {
  border-bottom: 3px solid #0A8F9C;
  width: 18rem;
  min-height: 477px;
}
.p-events-wrapper .btn {
  font-size: 12px;
  padding: 3px 5px;
}
.p-events-wrapper .card-body {
  padding: 8px 16px;
}
/* Department */
.departments-content .sidebar {
  border: 2px solid #e5ebeb;
}
.departments-content .sidebar ul li {
  border-bottom: 1px solid #e5ebeb;
  line-height: 32px;
}
.departments-content .sidebar ul li:last-child {
  border-bottom: 0;
}
.departments-content .sidebar ul li a.active,
.departments-content .sidebar ul li a:hover {
  border-right: 9px solid #0A8F9C;
  border-bottom: 1px solid #0A8F9C;
}
.departments-content .sidebar ul li a {
  font-weight: 500;
  display: block;
  padding: 5px 15px;
}
.departments-content .dep-content .about-dep p {
  text-align: justify;
}
/* College Infrastructure */
.college-content .campus-bg .img-box {
  background-color: #007bb6;
}
/*Faculty Research Projects
 */
.fac-research-wrapper {
  border-bottom: 1px solid #007bb6;
}
.fac-research-wrapper .status-box .s-date-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fac-research-wrapper .status-box .s-date-status p,
.status-box .e-date p {
  background-color: #007bb6;
  color: #fff;
  padding: 2px 8px;
  margin-right: 10px;
}
.fac-research-wrapper span {
  font-size: 14px;
  font-weight: 500;
}
.fac-research-wrapper .status-box .s-date-status h6 span {
  color: #0A8F9C;
}
.fac-research-wrapper .investi-box {
  display: flex;
  justify-content: space-between;
}
.fac-research-wrapper .project-info h6 {
  display: inline-block;
  width: 13%;
}
.fac-research-wrapper .project-info p {
  display: inline-block;
  width: 85%;
  vertical-align: top;
}
/* Department Infrastructure page" */
.infrastructure-dep .border-box .infra-img-box {
  position: relative;
}
.infrastructure-dep .border-box .infra-img-box img {
  width: 100%;
}
.infrastructure-dep .border-box .infra-img-box .text-overlay {
  position: absolute;
  background-color: rgba(32, 99, 154, 0.8);
  bottom: 5%;
  width: 100%;
}
.infrastructure-dep .border-box .infra-img-box .text-overlay p {
  color: #fff;
  font-weight: 700;
  padding: 0 10px;
  margin-bottom: 0;
  font-size: 12px;
}
/* Table Lists Tabs CSS */
.border-box {
  border: 3px solid #e3eef8;
  border-bottom: 3px solid #054B6E;
  padding: 15px;
}
.check-list {
  align-items: center;
  margin: 15px 0;
}
.check-list li {
  margin-bottom: 10px;
  text-indent: -8px;
  font-size: 14px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #054B6E;
}
.check-list li i.fas {
  color: #0A8F9C;
  font-size: 14px;
  padding-right: 8px;
}
.check-list li i.fas:last-child {
  padding-left: 15px;
}
.table > thead {
  background-color: #ececec;
  border-bottom: 4px solid #0A8F9C;
}
.table > thead > tr > th {
  color: #000;
  font-weight: 900;
}
.table > :not(caption) > * > * {
  font-size: 14px;
}
.tab-box {
  border: 7px solid #ececec;
  padding: 25px 20px;
  margin-bottom: 20px;
  
}
.tab-box .nav-tabs .nav-link {
  border: 0;
  color: grey;
}
.tab-box .nav-tabs .nav-item.show .nav-link,
.tab-box .nav-tabs .nav-link.active {
  border-bottom: 3px solid #0A8F9C;
  color: #0A8F9C;
}
/* book Refer  */
.book-box img {
  width: 175px;
  height: 215px;
}
.activities-box img {
  width: 405px;
  height: 235px;
}
/* footer */
footer p {
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 700;
}
footer a {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.topfooter {
  background-color: #054B6E;
}
.footer-title h6 {
  color: #fff;
  font-weight: 900;
  margin-bottom: 0.8rem;
}
.topfooter ul {
  padding-left: 0;
}
.topfooter ul li {
  margin-bottom: 0.8rem;
}
.bottemfooter {
  background-color: #0A8F9C;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 4%;
  right: 1%;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #0A8F9C;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}
#myBtn:hover {
  background-color: #555;
}
/*infrastructure pg*/
.brdr-b {
  border-bottom: 1px dashed #054B6E;
  padding-bottom: 26px;
}
.brdr-r {
  border-right: 1px dashed #054B6E;
  padding-right: 26px;
}
/*nss-activities*/
.a-photos-box a img {
  padding: 4px;
  border: 1px dashed #0A8F9C;
  margin: 3px;
  min-height: 200px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* home page */
  
  .banner{ padding-top:120px; }
  .main-header .college-title { clip-path: none; }
  .topHeaderWrapper .logo img {width: 86px;}
  .topHeaderWrapper .text h5 { font-size: 9px;}
  .topHeaderWrapper .text p { font-size: 9px; line-height: 14px; }
  /*.topHeaderWrapper .siteButtons {*/
  /*  justify-content: center;*/
  /*}*/
  .navbar { background-image: none; background-color: #4c535b; padding: 0px 0px ;}
  .navbar-light .navbar-nav .nav-item { padding: 5px 0; }
  .latest-news {  margin: 1rem 0; }
  .aboutUs .wrapper {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 0;
    padding: 15px;
    margin-bottom: 1rem;
  }
  .news-box li {padding: 15px !important;}
  .aboutUs h3 { text-align: start; }
  .aboutUs .wrapper p { text-align: justify; }
  .inner-content .heading h3{ font-size: 20px; }
  .inner-content .heading h3 span:last-child { margin: 0 0 4px 8px; }
  .msg-desk .card img {width: 75px; top: -14%; left: 1%; }
  .msg-desk .heading h3 { margin-bottom: 3rem;}
  .msg-desk .card { margin-bottom: 4rem; }
  .notices-upcoming .card, .features-downloads .features, .gallery .img-wrapper { margin-bottom: 2rem; }
  .features-downloads .features .overlay-text h5 { font-size: 14px; }
  .counter-wrapper .total-sur { border-bottom-left-radius: 0; border-top-left-radius: 0;  }
  .counter-wrapper .ortopedics { border-bottom-right-radius: 0; border-top-right-radius: 0;}
  .video-thumbnail img {height: auto;}
  .video-thumbnail .text-overlay { display: none; }
  .play-btn { width: 50px;height: 50px; line-height: 76px;}
  .play-btn i {font-size: 50px;}
  /* innerpage Title section */
  .bg-img {display: none;}
  .page-Heading {height: 100px; }
  .main-head.page-Heading.mb-3 { margin-top: 136px; }
  .page-Heading .heading h3 {margin-bottom: 0;}
  /* msg-from desk page */
  .m-desk-content .message-wrapper .left-box {height: 346px;}
  .m-desk-content .message-wrapper .img-wrapper {
    position: initial;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
  }
  .m-desk-content .message-wrapper .name-box {position: initial;text-align: center;}
  .m-desk-content .message-wrapper .right-box {padding: 16px; }
  .m-desk-content .message-wrapper .img-wrapper img.strip {display: none;}
  /* about us page */
  .about-us-content .a-c-right {width: 100%; border-left: 3px solid #054B6E; }
  .about-us-content .a-c-right .a-clg-img {position: initial;}
  .about-us-content .certificates {flex-direction: column;}
  .about-us-content .certificates .btn {font-size: 14px;margin-bottom: 10px;}
  /* Events detail page */
  .event-details-content .event-wrapper {
    padding: 0;
    margin-top: 0;
    border: 0;
  }
  .event-details-content .event-wrapper .e-date-wrapper { position: initial; display: block; margin-bottom: 10px; }
  .event-details-content .event-wrapper .e-venue-time {border-right: 0; }
  .event-details-content .event-wrapper .e-info p{text-align: justify; }
  .event-details-content .event-wrapper .e-info .e-links {flex-direction: column; }
  .event-details-content .event-wrapper .e-info {border-right: 0; padding-right: 0; }
  .event-details-content .event-wrapper .e-other-info {padding: 13px; }
  /*infrastructure Pg*/
  .brdr-r { border-right: none;}
  .navbar-light .navbar-nav .nav-link {color: #fff;}
 
}
@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
  .navbar {background-image: none;background-color: #4c535b; border-radius: 0px !important;}
  .latest-news {margin: 1rem 0;}
  .aboutUs .wrapper {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 0;
    padding: 15px;
    margin-bottom: 1rem;
  }
  .news-box li {padding: 15px !important;}
  .msg-desk .card {margin-bottom: 4rem;}
  .msg-desk .card img {width: 90px;}
  .notices-upcoming .card,.features-downloads .features,.gallery .img-wrapper {margin-bottom: 2rem;}
  .bg-img {display: none;}
  /* msg-from desk page */
  .m-desk-content .message-wrapper .img-wrapper {position: initial;justify-content: center; align-items: center; padding: 20px 0;}
  .m-desk-content .message-wrapper .name-box {position: initial; text-align: center;}
  .m-desk-content .message-wrapper .left-box { height: 346px;}
  /* about us page */
  .about-us-content .a-c-right {width: 100%; border-left: 3px solid #054B6E;}
  .about-us-content .a-c-right .a-clg-img { position: initial;}
  .about-us-content .certificates .btn {padding: 7px 23px; margin-right: 10px;}
  /*infrastructure Pg*/
  .brdr-r { border-right: none; }
  .navbar-light .navbar-nav .nav-link {color: #fff;}
  .news-box { height: 597px !important;}
  
  /*New add*/
  
  /*.topHeaderWrapper .text h5 { font-size: 16px;}*/
  
  
}

@media only screen and (min-device-width: 993px) and (max-device-width: 1200px) {
  .navbar { background-image: none; background-color: #4c535b; padding: 0px 0px; }
  .navbar {border-radius: 0px !important;}
  .news-box { height: 445px;}
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1400px) {
  .navbar-light .navbar-nav .nav-link { font-size: 13px; }
  .news-box { height: 428px !important;}
  
}

@media  (max-width: 1199px) {
    .container.nav-main-1 { display: flex;justify-content: end}
    .offcanvas-end {width: 250px; border-left: 1px solid rgba(0,0,0,.2);transform: translateX(100%);}
}

@media (max-width: 576px){ 
    .banner{padding-top: 173px;}
    .siteButtons{margin-top: -28px;}
    .c-banner-main{padding-top: 135px}
    .header-social {padding: 0px 0;}
    .topHeaderWrapper .siteButtons{margin-top: -25px;}
    .header-social .fab { font-size: 13px; height: 28px;  width: 28px; line-height: 28px;}
    .navbar-toggler { padding: 3px 5px !important; font-size: 15px;}
    .header-social {display: flex; justify-content: center; padding: 0;}
    .modal-content {width: 100% !important;}
    footer p {font-size: 12px;}
    .col-megamenu .list-unstyled li a { font-size: 12px;}
}














/*================================NEW ADD======================*/
.news-box p{
    font-size: 14px;
    line-height: 1.42857143;
}
.news-box li {
    padding: 30px;
    border-top: 1px solid #ddd;
}



.hl_insideHeader {
    justify-content: center;
    /*margin-top: 156px;*/
    align-items: center;
    display: flex;
    padding: 30px 0;
    min-height: 16.667vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.hl_insideHeader h1{
        color: #0A8F9C;
        font-weight: bold;
}
.hl_f-sz-20{
    color: #054B6E;
    font-weight: 700;
    margin-bottom: 1rem;
    font-size: 20px;
    /* padding-top: 4px; */
    line-height: 30px;
}
.hl_secSpc_md {
    padding-top: 60px;
    padding-bottom: 60px;
}
.breadcrumb-item a {
    color: #fff;
}
.calender-icon {
    cursor: pointer;
}
.calender-icon img{width: 3%; padding:15px 0;}
.calender-icon .hl_f-sz-20 { margin: 0 10px;}
.hl_form-group-Wrap {
    margin-bottom: 22px;
}
.float_Field {
    position: relative;
}
.hl_cst_Field {
    font-size: 10px;
    height: 45px;
    border-radius: .313vw;
    border-color: #e4e4eb;
    box-shadow: none !important;
    color: #666677;
    padding: 10px 15px;
}

.hl_contactInfo_wrap {
    padding: 1.823vw 2.083vw;
    background-color: #fafbfd;
    border-radius: .365vw;
    min-height: 18.073vw;
}
.hl_contactInfo_wrap .bx_head {
    line-height: 1;
    margin-bottom: 2.344vw;
}
.hl_contactList_info>li:not(:last-child) {
    margin-bottom: 1.198vw;
}
.hl_contactInfo_Item .iconWrap {
    width: 40px;
    height: 40px;
    background: #5d878b8c;
    /* background-color: rgba(52,97,219,.1); */
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    margin-right: 14px;
}
i.icon.fa {
    color: #0A8F9C;
}
.align-self-center {
    align-self: center!important;
    font-size: 13px;
}
.main-company .border-r{
  border-radius: 7%;
}
.text-color-2
{
  color: #054B6E;
}
.sub-nav {
  padding-left: 0;
  display: none;
  position: absolute;
  background: #fff;
  left: 100%;
  min-width: 115px;
  top: 0%;  
}
.sub-nav-link:hover .sub-nav {
    display: block;
}
table.table.courses-table thead th {
  color: #fff !important;
}
.course-directions{
    margin-bottom: 40px;
}
.course-directions h4{
  font-size: 19px;
  color: #054B6E;
  font-weight: bold;
  padding-top: 10px;
}
.course-directions ul{
text-align: justify;
}
.course-directions ul li{margin: 10px; list-style: circle !important; font-size: 14px;} 
.features-content p{ 
  margin: 10px;
}
th.text-center {
  color: #fff !important;
}
.modeWrap ul li{
  margin: 10px 0;list-style: circle !important;
}
.features ul {
  padding-left: 0;
}
.features ul li{
  list-style: circle !important;
}
.course-fee.yellow {
  background: #000;
  padding: 20px;
}
.medhavi-main {
  background: #14213D;
}
.course-fee h4{
  font-size: 20px;
  color: yellow;
  margin-top: 10px;
}
.medhavi-f{
  padding: 20px 0;
}
.medhavi-f .fs-16
{
  font-size: 1rem;
  color: #fff;
}
.t-center {
  margin-top: 15px;
  background: #000;
  padding: 20px;
}
.t-center h4{
  color: #fff;
  font-size: 20px;
}
.medhavi-right-wrap h2{
  font-weight: bold;
  color: #ff002b;
      font-size: 16px;
}
.d-flex.f-conses-d div {
    margin-right: 40px;
}
.medhavi-right-wrap a
{
  color: #fff;
  font-size: 14px;
  font-weight: normal;
}
.all-courses ul li{
  transition: .4s;
  margin: 10px 0;
}
.all-courses ul li a{font-size: 14px;}
.all-courses ul li:hover{
  padding-left: 5px;


}
.all-courses i.fa.fa-chevron-right {
  margin-right: 10px;
}
.all-courses i.fa-heartbeat {
  margin-right: 4px;
  font-size: 18px;
  color: #3d446e;
}



.libary-m{
    margin-top:11%;
}
.tob-box{
    border:7px solid #ececec;
    padding: 10px 20px;
    margin-bottom: 20px;
}
.new-border{
   box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    padding: 10px;
    margin-bottom: 30px;
}
.new-border img{width: 30%;}
.twit-box-new{
  margin-right: 30px;
}
.twit-box-new .fab{
  margin-right: 30px;
}

.twit-box-new .twit{
  color: #0995f3;
}
.twit-box-new .face{
  color: #00aced;
}
.twit-box-new .linkd{
  color: #007bb6;
}
.twit-box-new .youtube{
  color: #bb0000;
}
.card-body .card-title
{    color: #0A8F9C;
    font-weight: 900;
   }
   .card-subtitle {
    color: #0A8F9C;
    font-style: italic;
}


.site-heading-with-border>span:after {
  /*border-bottom: 3px solid #003a70;*/
  content: "";
  display: block;
  margin-bottom: -1px;
}
.site-heading-with-border>span {
  display: inline-block;
}
.color-blue {
  color: #003a70!important;
} 
.f-lg-26 {
  font-size: 26px!important;
}
.font-weight-semi-bold {
  font-weight: 600;
}
.f-lg-22 {
  font-size: 19px!important;
}
.btn-with-icon:after {
  background: #00a5bf url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMzY3Ljk1NCAyMTMuNTg4IDE2MC42NyA1Ljg3MmMtNy44MDQtNy44MTktMjAuNDY3LTcuODMxLTI4LjI4NC0uMDI5LTcuODE5IDcuODAyLTcuODMyIDIwLjQ2NS0uMDMgMjguMjg0bDIwNy4yOTkgMjA3LjczMWM3Ljc5OCA3Ljc5OCA3Ljc5OCAyMC40ODYtLjAxNSAyOC4yOTlMMTMyLjM1NiA0NzcuODczYy03LjgwMiA3LjgxOS03Ljc4OSAyMC40ODIuMDMgMjguMjg0QTE5LjkzNSAxOS45MzUgMCAwIDAgMTQ2LjUxMyA1MTJjNS4xMjUgMCAxMC4yNS0xLjk1OCAxNC4xNTctNS44NzNsMjA3LjI2OS0yMDcuNzAxYzIzLjM5NC0yMy4zOTQgMjMuMzk0LTYxLjQ1OS4wMTUtODQuODM4eiIgZmlsbD0iI2ZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIi8+PC9zdmc+) no-repeat 50%;
  background-size: 16px 16px;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: width .2s ease-in-out;
  width: 52px;
}
.btn-with-icon {
    align-items: center;
    background: #0082a8;
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    max-width: 220px;
    overflow: hidden;
    padding: 11px 52px 11px 19px;
    padding-left: 0!important;
    padding-right: 52px!important;
    position: relative;
}


.modal-body h1 {
  font-weight: 900;
  font-size: 2.3em;
  text-transform: uppercase;
}
.modal-body a.pre-order-btn {
  color: #000;
  background-color: gold;
  border-radius: 1em;
  padding: 1em;
  display: block;
  margin: 2em auto;
  width: 50%;
  font-size: 1.25em;
  font-weight: 600;
}
.modal-body a.pre-order-btn:hover {
  background-color: #000;
  text-decoration: none;
  color: gold;
}

.modal-content {
    width: 120%;
    
}
.news-heading h3 {color: #fff;  margin: 0; font-size: 20px;}
.news-heading {
    margin: 0;
    background-color: rgba(5, 75, 110, 0.8);
    color: #fff;
    padding: 10px;
    font-size: 22px;
}
.news-box {
    background: trnsparent;
    color: #333;
    border: 1px solid #ddd;
    height: 395px;
    margin-bottom: 0px;
    position: relative;
    overflow: auto;
}
.fa-circle:before {
    content: "\f111";
    color: #054B6E;
}



