body{background:#ffffff; color: #494848; font-size: 18px; font-family: 'Poppins', sans-serif;}
.malayalam{font-family: 'Noto Sans Malayalam', sans-serif;}
.logopc{font-size: 25px;}
.logomobile{font-size: 15px;}
.top{background:#328090; color: #f7f1f1; padding-bottom: 0px; font-size: 16px;}
.nav{background: transparent; color: #f7f1f1; padding-top: 0px; padding: 0px; padding-bottom: 0px; position:fixed; width: 100%; z-index:10; }
.nav a{color: #f7f1f1; text-decoration: none; font-weight: normal;}
.nav a:hover{color: #efcc1d; text-decoration: none; font-weight: normal;}
.navmobile{background:#000000; color: #f7f1f1; padding-top: 0px; padding: 0px; padding-bottom: 0px; width: 100%;}
.navmobile a{color: #f7f1f1; text-decoration: none; font-weight: normal;}
.navmobile a:hover{color: #efcc1d; text-decoration: none; font-weight: normal;}


.dropdown:hover .dropdown-menu {display: block; background-color: #1b616f; font-weight: bold; font-size: 18px; padding: 0px; color: #f7f1f1;}
.dropdown-menu a{font-weight: normal; color: #f7f1f1; background: #1b616f;}
.dropdown-menu a:hover{font-weight: normal; color: #efcc1d; background: #114f5b;}


.spotlight{margin-top: 0px;}
.about{background-color: #fffefe; padding-top: 75px; padding-bottom: 75px; text-align: justify;}
.about ul{margin: 0px; padding: 0px; margin-bottom: 25px;}
.about li{margin-bottom: 10px; padding: 0px; margin-left: 21px;}
.appointment{background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; text-align: left; margin: 0px;}
.doctor{background-color: #fbfbfb; padding-top: 75px; padding-bottom: 75px; text-align: justify; margin: 0px; font-size: 16px;}
.dep{background-color: #fbfbfb; padding-top: 75px; padding-bottom: 75px; text-align: justify; margin: 0px;}
.updates{background-color: #fbfbfb; padding-top: 75px; padding-bottom: 75px; text-align: justify; margin-top: 0px; margin-bottom: 10px;}
.why{background-color: #fbfbfb; padding-top: 75px; padding-bottom: 15px; text-align: justify; margin: 0px;}
.why ul{margin: 0px; padding: 0px; margin-bottom: 25px;}
.why li{margin-bottom: 5px; padding: 0px; margin-left: 21px;}
.video{background-color: #fbfbfb; padding-bottom: 10px; text-align: justify; margin: 0px;}
.footer{text-align: left; margin: 0px;}
.footer2{text-align: left; margin: 0px; color: #fbfbfb;}

.department{background-color: #fffefe; padding-top: 75px; padding-bottom: 75px; text-align: justify; font-family: 'Noto Sans Malayalam', sans-serif;}
.department ul{margin: 0px; padding: 0px; margin-bottom: 25px;}
.department li{margin-bottom: 10px; padding: 0px; margin-left: 21px;}

.adminsite{background-color: #ffffff; padding:5px; text-align: center;}
.prmessage{background-color: #f2f2f2; padding-top: 21px; padding-bottom: 0px; text-align: justify;}

.topin{background:#328090; color: #f7f1f1; padding-bottom: 0px; font-size: 16px;}
.navin{background: #328090; color: #f7f1f1; padding-top: 0px; padding: 0px; padding-bottom: 0px;}
.navin a{color: #f7f1f1; text-decoration: none; font-weight: normal;}
.navin a:hover{color: #efcc1d; text-decoration: none; font-weight: normal;}

.btnhome{background-color: #328090; color: #eeeeee; padding-left: 21px; padding-right: 21px; padding-top: 12px; padding-bottom: 12px; border: 0px; font-size: 16px; margin-bottom: 21px; margin-top: 12px; margin-top: 21px;}
.btnhome a{color: #eeeeee; text-decoration: none;}
.btnhome a:hover{color: #eeeeee; text-decoration: underline;}

.centered {
  position: absolute;
  top: 90%;
  left: 20%;
  color: #525050;
  transform: translate(-10%, -10%);
  border: 1px solid #328090;
  border-radius: 10px;
  background: rgb(255, 255, 255);
}


h1{color: #2e2d2d; font-size: 46px; margin-top: 50px; margin-bottom: 10px; font-weight: bold; font-family: 'Bebas Neue', cursive; }
h2{color: #3a3838; font-size: 32px; margin-bottom: 15px; font-weight: normal; font-family: 'Bebas Neue', cursive; }
h3{color: #3ca2b3; font-size: 21px; margin-bottom: 10px; margin-top: 21px; font-weight: bold; text-align: left;}
h4{color: #3ca2b3; font-size: 32px; margin-bottom: 10px; margin-top: 21px; font-weight: bold; text-align: left;}
h5{color: #3ca2b3; font-size: 26px; margin-bottom: 10px; margin-top: 21px; font-weight: bold; text-align: left; border-bottom: 1px solid #3ca2b3 ;}













.blue{background:#328090;}

@media all and (min-width: 480px) {
  .top {display:none;}
  .navmobile {display:none;}
}

@media all and (max-width: 479px) {
  .nav {display:none;}
}


@media all and (max-width: 479px) {
  .kannan {display:none;}
}

@media all and (min-width: 480px) {
  .adipc {display:none;}
}

@media all and (max-width: 479px) {
  .adimb {display:none;}
}

@media all and (min-width: 480px) {
  .footer2 {display:none;}
}

@media all and (max-width: 479px) {
  .footer {display:none;}
}





.flip-box {
  width: 300px;
  height: 330px;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  color: #e33e2b;
}

.flip-box-back {
  color: #e33e2b;
  transform: rotateY(180deg);
}