body{font-family: 'Poppins', 'Noto Sans Malayalam', sans-serif; font-weight: 400; }
h1,h2,h3,h4,h5, h6{font-family: 'Poppins', 'Noto Sans Malayalam', sans-serif; font-weight: 600}
em{font-family: 'Georgia', serif;}
nav .nav-link {color:rgba(0,0,0,0.7) !important; font-weight: bold; font-size: 15px}
a, a:hover{text-decoration: none;}
.logo{max-height:60px}
.display-3, .font-weight-bold{font-weight: 700}
.three-line{text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.two-line{text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.one-line {display: block;padding-right: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.lg-hide{display: none !important;}
.bg-primary, .btn-primary {background-color: #0d0d5a !important; border:none;}
.text-primary {color: #0d0d5a !important;}
.text-brown {color: #bf482c !important;}
.banner1{background-image: url('banner1.jpg'); min-height: 410px; background-size: cover; background-position: center;}
.banner2{background-image: url('banner2.jpg'); min-height: 410px; background-size: cover; background-position: center;}
.banner3{background-image: url('cat_pope.jpg'); min-height: 410px; background-size: cover; background-position: center;}
.bg-learn{background-image: url('bg-learn.jpg'); background-size: cover; background-position: left center;}
.learn-online{background-image: url('online-banner.jpg'); min-height: 350px; background-size: cover;}
.hr {height: 4px !important;width: 40px;background-color: #c3525a; margin: auto;margin-bottom: 60px; opacity: 1 }
.learn-online h1{font-size: 48px; font-weight: bold;}
.round-more{border-radius:24px;}
.social a{width:45px; height:45px; line-height:45px; background:#ef9322; color: #fff; border-radius:50%; font-size:18px; text-align:center; display:inline-block;}
.navbar-toggler:focus {text-decoration: none;outline: 0;box-shadow: 0 0 0 0;}
.bg-brown{background-color: #953119}
.border-brown{border-color: #bf482c !important}
.testi-bg{background-image:url('testi-bg.jpg'); background-size:contain; max-height:350px; background-position:top center; }
.centered {position: absolute; top: 90%; left: 50%; transform: translate(-50%, -50%);}
.alert-pink{background-color: #fcd0f7}
.card-deck .card{width: 19%;/* margin-left: 0.5%; *//* margin-right: 0.5%; */display: inline-block;}
.tabular .nav-link{color: #555; font-weight: 700}
.tabular .nav-item .active {background: transparent; border: none; border-bottom: 3px solid #bf482c; color: #bf482c !important;}
.tabular .nav-tabs {border-bottom: 1px solid #ddd;}
.two-tones .material-icons-outlined{font-size: 2.5rem}
.two-tones h6{font-size: 18px; margin-top: 10px !important}
.text-book img:hover{transform: perspective(600px)  rotateY(35deg); transition: transform 0.5s ease-out;}
.text-book img{transform: rotateY(0deg);  transition: transform 0.5s ease-in; }
.border-pink{border-color: #f949cf !important}
.border-violet{border-color: #7d0196 !important}
.border-blue{border-color: #00aae7 !important}
.border-green{border-color: #1bde1f !important}
.border-yellow{border-color: #e5de00 !important}
.border-red{border-color: #e40223 !important}
.inner-banner{ background-size:cover; min-height:200px}
.dropdown ul{padding: 20px}
.dropdown ul li a{font-size: 14px; line-height: 1.8rem}
.overlay{bottom:0px; left:0px; z-index:1; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,1));}
.priest-pic-wrap{max-height: 300px; overflow: hidden;}
@media only screen and (max-width: 1200px) { 
.priest-pic-wrap{max-height: 220px !important; overflow: hidden !important;}
 }

 .scholar-ids .col-sm-2{width: 20% !important}

 @media only screen and (max-width: 820px) { 
    .scholar-ids .col-sm-2:nth-child(odd){width: 50% !important; padding: 5px 5px 5px 15px !important} 
   .scholar-ids .col-sm-2:nth-child(even){width: 50% !important; padding: 5px 15px 5px 5px !important}
    }

 @media only screen and (max-width: 820px) {
.navbar-nav{height: 83vh; padding: 30px; line-height: 2rem;}
.navbar-nav a{ font-size: 18px !important}
.logo{max-height: 45px}
.sm-hide{display: none !important;}
.lg-hide{display: inline-block !important;}
.banner1{min-height: 400px; background-size: cover; background-position: 80% 0}
.banner2{min-height: 400px; background-size: cover; background-position: 83% 0}
.banner3{min-height: 400px; background-size: cover; background-position: 90% 0}
.learn-online{min-height: 300px; background-size: cover; background-position: 65% 0;}
.banner-text{background-color: rgba(0,0,0,0.4); min-height: 400px;}
.slide{width: 100%; overflow: hidden; overflow-x: auto}
.slide-4 .row:first-child{width: 1200px}
.slide-4 .center{width: 1300px}
.slide-4 .card-deck{width: 1300px}
.slide-3 .news{width: 900px}
.news h5{font-size: 16px}
.two-tones h6{font-size: 16px}
.inner-banner{ text-align:center;min-height: 100px}
.inner-banner h1{font-size: 2.5rem;}
.priest-pic-wrap{max-height: 400px; overflow: hidden;} 
}