body{font-size: 17px; line-height: 25px; font-family: 'Poppins', sans-serif; color: #434343;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.malayalam{font-family: 'Noto Sans Malayalam', sans-serif;}
.top {background: #ffffff; color: #223a66; padding: 19px 0px 19px 0px; font-size: 14px;}
.logo {background: #8cc544; color: #ffffff; padding: 0px 0px 0px 0px; text-align: start;}
.logo a{color: #ffffff; text-decoration: none; font-size: 17px; font-weight: bold;}
.logo a:hover{color: #223a66; text-decoration: none; font-size: 17px; font-weight: bold;}
.dropdown:hover .dropdown-menu {display: block; background-color: #d8e5ea; color: #babec0; font-weight: bold;}
.dropdown-menu a{color: #000000; font-weight: bold;}
.fa{font-size: 21px; color: #2d7fc0; margin-left: 21px; margin-right: 8px;}
.page {padding-top: 73px; padding-bottom: 73px;}
.page2 {padding-top: 73px; padding-bottom: 73px; background-color: #f9f5f0;}
.pagebox {padding: 10px; margin: 0px 0px 1px 0px; padding: 10px 0px 41px 0px; background-color: #ffffff; text-align: center; color: #2d7fc0;}
.footer {padding-top: 40px; padding-bottom: 20px; margin: 0px; text-align: start; color: #c6caca; font-size: 16px; line-height: 27px; background-color: #043d6b;}
.footerin {padding-top: 14px; padding-bottom: 14px; margin: 0px; text-align: center; color: #e8eded; font-size: 16px; line-height: 27px; background-color: #223a66;}
.inttl {background: #1cb89e; color: #e4e6e8;}

h1{font-size: 41px; margin: 0px; margin-bottom: 30px; padding: 0px; text-align: start; color: #000000; font-weight: bold; font-family: "Exo 2", sans-serif;}
h2{font-size: 21px; margin: 0px; margin-top: 28px; margin-bottom: 21px; padding: 0px; text-align: center; color: #223a66; font-weight: bold; font-family: "Exo 2", sans-serif;}
h3{font-size: 21px; margin: 0px; margin-top: 28px; margin-bottom: 21px; padding: 0px; text-align: center; color: #ffffff; font-weight: bold; font-family: "Exo 2", sans-serif;}
h4{font-size: 21px; margin: 0px; padding: 0px  0px 5px 0px; text-align: start; color: #be9b6f; font-weight: bold; margin-bottom: 14px;}
.btn {background-color: #051d68; text-align: center; padding: 8px 15px 5px 15px; margin: 25px 0px 17px 0px; border: 0px;}
.btn a{color: #e7e3e3;}
.btn:hover{background-color:#be9b6f; color: #000000;}
ul{margin: 0px; padding: 0px;}
li{list-style: none; font-size: 16px; line-height: 26px; margin: 0px; padding: 0px; text-align: start; font-weight: bold; color: #929090;}

.flip-box {
    background-color: transparent;
    width: 100%;
    perspective: 1000px;
  }
  
  .flip-box-inner {
    position: relative;
    width: 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 {
    background-color: #ffffff;
    text-align: center;
    color: #223a66;
    width: 100%;
    height: 100%;
  }
  
  .flip-box-back {
    background-color: #223a66;
    color: white;
    text-align: center;
    transform: rotateY(180deg);
    width: 100%;
    height: 100%;
  }