/*
Template Name: Institute
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************about****************/
.history_1i span {
width: 70px;
height: 70px;
line-height: 70px;
}
.history_2i {
border-right: 1px solid #27ab432e;
}

/* Modern History Section Styles */
.history-section {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  position: relative;
  overflow: hidden;
}
.history-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
  pointer-events: none;
}
.history-content {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  padding: 40px;
  animation: fadeInUp 1s ease-out;
  position: relative;
  z-index: 1;
}
.history-title {
  color: #27ab43;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
.history-title::after {
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #27ab43, #fdc800);
  margin: 15px auto 0;
  border-radius: 2px;
}
.history-text p {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #555;
  margin-bottom: 20px;
  text-align: justify;
  transition: transform 0.3s ease;
}
.history-text p:hover {
  transform: translateY(-2px);
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.price_1i:hover h2{
background:#27ab43;
 }
.price_1i:hover h2 span{
color:#fff!important;
 }

.price_1i h6{
padding:10px 15px 15px 15px;
border-bottom:1px solid #27ab432e;
 }
.price_1i {
border:3px solid #27ab432e;
 }
.price_1i:hover {
border:3px solid #27ab43;
 }
.bg{
border:3px solid #27ab43;
 }
/*********************about_end****************/


@media screen and (max-width : 767px){
.history_1i {
margin-top:8px;
margin-bottom:8px; 
 }
.history_2 {
padding:15px!important; 
 }
.history_2i {
border:none!important;
margin-top:8px;
margin-bottom:8px; 
 }
.history_1i  p{
text-align:left;
 }
.price_1i {
margin-top:8px;
margin-bottom:8px;  
 }
 }

@media (min-width:576px) and (max-width:767px) {


 }
@media (min-width:768px) and (max-width:991px) {
.history_2i h5{
font-size:16px;
 }
.history-content {
padding: 30px;
}
.history-title {
font-size: 2.5rem;
}
.history-text p {
font-size: 1.05rem;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.history_2i h5{
font-size:16px; 
 }
 }
@media (min-width:1201px) and (max-width:1330px) {

 }

/* Leadership page image sizing */
.leadership-img {
  width: 200px;
  height: 200px;
  object-fit: cover;
}
.governor-img {
  width: 150px;
  height: 150px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .leadership-img {
    width: 160px;
    height: 160px;
  }
  .governor-img {
    width: 120px;
    height: 120px;
  }
}