/*********************about****************/

.header h1{
  color: rgb(255, 255, 255);
  font-weight: 900;
}
.header {
  position: relative;
  width: 100%;
  padding: 150px 0;
  text-align: center;
  background: url("../img/aboutUs-scienetific-img.jpg") no-repeat center;
  background-size: cover;
}

.header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 26, 26, 0.089); /* Adjust the opacity by changing the last value (0.5 in this case) */
}

.btn-bgstroke {
  font-size: 20px;
  display: inline-block;
  border: 1px solid white;
  padding: 10px 20px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 300;
  margin-top: 30px; 
}
.btn-bgstroke:hover {
  background-color: white;
  color: #33cccc;
}

#prosp{
padding-top:40px;
padding-bottom:40px;
}
.prosp_1 h4:before {
display: inline-block;
width: 6%;
height: 2px;
background-color:#6d8f64;
vertical-align: middle;
margin-right: 1%;
content: "";
}
.prosp_1 h4:after {
display: inline-block;
width: 6%;
height: 2px;
background-color: #6d8f64;
vertical-align: middle;
margin-left: 1%;
content: "";
}
.prosp_2i h5 a:after {
display: inline-block;
width: 10%;
height: 2px;
background-color: #6d8f64;
vertical-align: middle;
margin-left: 2%;
content: "";
}
.prosp_2{
margin-top:10px; 
}
.prosp_2i img{
border-radius:30px 0px;
}

#plan{
padding-top:40px;
padding-bottom:40px; 
background: #f5f0e9; 
  }
.plan_1i ul li{
margin-top:8px; 
 }
.plan_1i ul li i{
vertical-align:middle;
margin-right:5px;
 }
.plan_1i1 span i{
font-size:80px; 
 }
.plan_1i1i{
border-top:1px solid #ddd;  
border-bottom:1px solid #ddd;
margin-top:15px;
padding-top:15px;
padding-bottom:25px;
  }
.plan_1i1i h1{
font-size:60px;
font-weight:bold;
  }
.plan_1i1 ul{
margin-top:20px; 
 }
.plan_1i1 ul li{
margin-top:8px; 
 }
.plan_1i1 ul li i{
margin-right:5px;
vertical-align:middle; 
 }
.plan_1i1 h4{
margin-top:20px; 
 }

.plan_1i1 h4:after {
display: inline-block;
width: 10%;
height: 2px;
background-color: #ddd;
vertical-align: middle;
margin-left: 2%;
content: "";
}
.plan_1i1{
 background:#fff;
 padding:40px 30px;
 border-radius:30px 0px; 
 }
.plan_1i1_o{
 background:#404a3d;
 }
 
#team_h {
background-image: url(../img/23.jpg);
}
.team_h1ir{
background:#fff;
padding:20px;
min-height:320px; 
 }
.team_h1ir p{
font-size:18px;
 }
.team_h1ir ul li a {
background: #404a3d;
}
.project_m {
background: #000000d6;
padding-top: 50px;
padding-bottom: 50px;
}
.block_icon{
color:#eddd5e;
display:block;
font-size:36px;
line-height:0;
margin-top:10px;
margin-bottom:10px;
  }
.block_icon:before {
display: inline-block;
width: 6%;
height: 2px;
background-color: #eddd5e;
vertical-align: middle;
margin-right: 1%;
content: "";
}
.block_icon:after {
display: inline-block;
width: 6%;
height: 2px;
background-color: #eddd5e;
vertical-align: middle;
margin-left: 1%;
content: "";
}

/* Default styles for larger screens */
.col-md-4 {
  order: 1; /* Change the order to 1 for larger screens */
}

/* Media queries for smaller screens */
@media (max-width: 992px) {
  .col-md-4 {
    width: 100%; /* Make the column full width on smaller screens */
    order: 2; /* Change the order to 2 for smaller screens */
    margin-top: 20px; /* Add some space at the top on smaller screens */
  }

  .col-md-4 img {
    width: 100%; /* Make the image width 100% on smaller screens */
    height: auto; /* Ensure the image aspect ratio is maintained */
  }
}


@media (max-width: 768px) {
  #plan {
    padding: 80px 0; /* Adjust the padding for medium-sized screens */
  }
}

@media (max-width: 576px) {
  #plan {
    padding: 60px 0; /* Adjust the padding for smaller screens */
  }
}

/*********************about_end****************/

@media screen and (max-width : 767px){
.prosp_1 h4{
font-size:20px; 
 }
.plan_1i1i  h3{
font-size:24px; 
 }
.prosp_2i {
margin-top:10px; 
 }
.plan_1i1_o {
margin-top:10px;  
 }
.team_h1i {
margin-top:10px!important;  
 }
.prosp_1  br{
display:none; 
 }
.service_h1 br{
display:none;  
 }
 }
@media (min-width:768px) and (max-width:991px) {
.prosp_2i  h2{
font-size:24px; 
 }
.plan_1i h2{
font-size:28px;  
 }
.plan_1i1i h3{
font-size:18px; 
 }
.prosp_1  br{
display:none; 
 }
.service_h1 br{
display:none;  
 }
.team_h1ir p{
font-size:16px; 
 }
.team_h1ir ul li a {
width:25px;
height:25px;
font-size:12px;
}
.team_h1ir ul li a i{
line-height:25px;
}
.team_h1ir {
padding: 10px;
}
 }
@media (min-width:992px) and (max-width:1200px) {
.plan_1i1i h3{
font-size:18px; 
 }
.team_h1ir p{
font-size:16px; 
 }
 }


 .right-image img {
  width: 75%; 
  height: 60vh;
  border-radius: 15px; /* Adjust the border radius as needed */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust the box shadow as needed */
  transition: transform 0.3s ease-in-out;
}

.right-image:hover img {
  transform: scale(1.1); /* Adjust the scale factor for the zoom effect */
}

@media (max-width: 767px) {
  .right-image img {
      width: 100%;
      height: auto;
      margin-bottom: 20px;
  }
}