.search-wrapper {
      display: flex;
      align-items: center;
      border-radius: 25px;
   	border:2px solid #0088AA;
    }

 .search-button {
      background: #0088AA; /* Green color */
      border: none;
      padding: 10px 15px;
      border-radius: 35px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
	  height:50px;
	   width:80px;
	   margin-right:-3px;
    }

 .search-input {
      flex: 1;
      border: none;
      outline: none;
      font-size: 18px;
      padding: 10px;
	 border-radius: 25px;
    }

 .search-button i {
      color: white;
      font-size: 20px;
    }
#blogImg{
	height:150px;
}
#main-img,#blogImg{
	border-radius:15px;
}


.blogTitle,.readMore{
	color:#0088AA;
}



.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
	cursor: pointer;
}

.backA {
  color: #0088AA;
  background-color: transparent;
  text-decoration: underline;
}

.backA:hover {
  color: #0088AA;
  background-color: transparent;
  text-decoration: underline;
}

/*.card:hover {
  transform: scale(1.01);  
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);  
  z-index: 2;  
  padding:10px;
}*/

/* 👇 underline the blog title only when the card is hovered */
.blog-card:hover .title {
  text-decoration: underline;
}

.name-div{
	margin:10px
}

.upper-div {
  display: flex;
  gap: 18px;        /* space between divs */
  align-items: stretch; /* 🔑 makes heights equal */
}

.Content-Div, .image-div {
  flex: 1;          /* equal width */
}


.image-div {
  display: flex;            /* make child fill */
  justify-content: center;  
  align-items: center;  
}

ol,ul{
	padding-left:30px;
}

p,li{
	font-size:18px;
}


		b, strong {
  font-family: inherit;       /* keep same font */
  font-weight: 700 !important;
  -webkit-text-stroke: 0.3px; /* makes it look thicker on macOS */
}

/* 📱 Mobile view */
@media (max-width: 768px) {
  .upper-div {
    flex-direction: column-reverse;
    text-align: center;
  }
  .image-div{
    flex-direction: column;
    gap: 15px;
  }
  .Content-Div {
    border-radius: 0; /* remove curve for clean mobile look */
    width: 100%;
  }
	.search-input::placeholder{
		font-size:15px;
	}
	#blogImg {
		width:230px;
	}
}