/*
Template Name: Laboratory
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************center_home****************/
.main {
  position: relative;
  background-image: url(../img/4.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%; /* keeps image clear without stretching */
  background-attachment: scroll;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  filter: brightness(1.2); /* brightens slightly */
}


.center_h{
padding-top:150px;
padding-bottom:150px; 
 }
/*********************center_home_end****************/
/* Vijaya Scientific Modern Section */
.vijaya-section {
  background: linear-gradient(135deg, #e8f5e9 0%, #ffffff 100%);
  color: #333;
  font-family: "Poppins", sans-serif;
}

.section-title {
  font-size: 2rem;
  font-weight: 600;
  color: #1f7a35;
}

.section-title span {
  color: #ff9100;
}

.vijaya-content p {
  line-height: 1.7;
  margin-bottom: 1rem;
}

.vijaya-list {
  list-style: none;
  padding-left: 0;
}

.vijaya-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 8px;
}

.vijaya-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #1f7a35;
  font-weight: bold;
}

.btn-green {
  background-color: #1f7a35;
  color: #fff;
  border-radius: 25px;
  padding: 10px 20px;
  text-decoration: none;
  transition: 0.3s;
}

.btn-green:hover {
  background-color: #145a26;
}

.info-card {
  background: #ffffff;
  transition: all 0.3s ease;
  border: 1px solid #e0e0e0;
}

.info-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.info-card h5 {
  color: #1f7a35;
  font-weight: 600;
}

.text-green {
  color: #1f7a35 !important;
}
@media (min-width: 992px) {
  .vijaya-section img {
    transform: scale(1.15);
  }
}


/*********************expert****************/
.expert_2i1 img{
border-radius:30px 30px 0px 0px; 
 }
.expert_2i2{
border-radius:0px 0px 30px 30px; 
 }
.expert_3 h6:before{
display: inline-block;
width: 42%;
height: 2px;
background-color: #fda014;
vertical-align: middle;
margin-right: 1%;
content: "";
 }
.expert_3 h6:after{
display: inline-block;
width: 42%;
height: 2px;
background-color: #fda014;
vertical-align: middle;
margin-left: 1%;
content: "";
 }
.expert_3 ul li {
margin-left:50px;
margin-right:50px; 
 }
/*********************expert_end****************/


/*********************spec****************/
.spec_1 img{
height:610px;  
 }


.spec_3i2{
width:60%;
left:20%; 
top:22%;
background:#ffffffc7;
 }

/*********************spec_end****************/


/*********************blog_h****************/
.blog_h1i1i1{
background-color: #156cf0c7;
top:0;
color:#fff; 
 }
/*********************blog_h_end****************/



@media screen and (max-width : 767px){
.center_o1 .font_70{
font-size:40px; 
 }
.center_o1 br{
display:none;
 }
.center_o1 {
text-align:center;
 }
.center_h {
padding-top: 70px;
padding-bottom: 70px;
}
.center_h ul li{
margin-top:10px;
margin-bottom:10px;
margin-left:0!important;
}
.expert_3 h6:before {
width: 24%;
}
.expert_3 h6:after {
width: 24%;
}
.expert_3 ul li {
margin-left: 10px;
margin-right: 10px;
margin-top:5px;
margin-bottom:5px;
}


.spec_3  {
 margin-left:0!important;
 margin-right:0!important;
 }
.spec_3i2 {
padding:15px!important; 
top:18%;
 }
.spec_3i {
margin-top:8px;
margin-bottom:8px; 
 }
.blog_h1i {
margin-top:8px;
margin-bottom:8px; 
 }
.blog_h1i1i img{
min-height:230px; 
 }
 }

@media (min-width:576px) and (max-width:767px) {
.spec_3i2 {
padding:40px!important; 
top:30%;
 }
 }
@media (min-width:768px) and (max-width:991px) {
.expert_3 h6:before {
width: 38%;
}
.expert_3 h6:after {
width: 38%;
}
.expert_3 ul li {
margin-left: 15px;
margin-right: 15px;
}
.spec_3  {
 margin-left:0!important;
 margin-right:0!important;
 }
.spec_3i2 {
width:80%;
left:10%;
 }
.spec_3i1 img{
min-height:330px; 
 }
.blog_h1i1i img{
min-height:260px; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.expert_3 h6:before {
width: 38%;
}
.expert_3 h6:after {
width: 38%;
}
.expert_3 ul li {
margin-left: 35px;
margin-right: 35px;
}
.spec_3i1 img{
min-height:330px; 
 }
.spec_3  {
 margin-left:0!important;
 margin-right:0!important;
 }
.blog_h1i1i img{
min-height:260px; 
 }
 }
@media (min-width:1201px) and (max-width:1310px) {
.spec_3i1 img{
min-height:330px; 
 } 
 }