.about-us-section{
    background-image: url("../images/About-us/About-banner.png");
    background-position: center;
    background-size:100% 100%;
    background-repeat: no-repeat;
    height:550px;
}

.one-side-round img{
    border-radius: 10px 10px 10px 70px;
}

.about-us-section .banner-health{
    height: 100%;
}

/* Expertise cards start */

.Know-About-us .card {
  height:100%;
  transition: all 0.2s ease-in-out;
  border: 1px solid;
  border-image: linear-gradient(180deg, #a30da3, #0048ff) 1;
}

.Know-About-us .card img.top-image {
  width: 35px;
}

.ourExpertiseImg {
left: 5px;
bottom: 0;
padding: 0 5px;
z-index: 0;
position: absolute;
transition: opacity 0.3s ease-in-out;
/* height: 188px; */
height:192px;
width: 346px;
}

/* .our_expertise_para {
  font-size: 14px;
  color: #637695;
  overflow: hidden;
  transition: color 0.3s ease-in-out, white-space 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
} */

.ourExpertise-button {
  width: 42px;
  height: 42px;
  border: none;
  background-color: #ffffffcc;
  transition: all 300ms;
  cursor: pointer;
  padding: 10px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.ourExpertise-button .long-text {
  transition: opacity 1000ms;
  opacity: 0;
  white-space: nowrap;
  font-size: 0;
  width: 0;
  margin: 0;
  background: linear-gradient(90deg, #a30da3 0%, #0048ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.ourExpertise-button .long-text.show-long-text {
  transition: opacity 700ms, width 1ms linear 270ms, font-size 1ms linear 270ms;
  opacity: 1;
  font-size: 14px;
  font-weight: 500;
  width: auto;
}

.Know-About-us .card:hover .ourExpertise-button {
  transition: all 400ms cubic-bezier(0.62, 0.1, 0.5, 1);
  width: 180px;
  background-color: #fff;
}
.Know-About-us .card:hover .ourExpertise-button::after {
  content: "";
  background: #f0f0f0;
  width: 42px;
  z-index: -1;
  height: 42px;
  position: absolute;
  right: 0;
}
/* Hover Effects */

.Know-About-us .btn {
  z-index: 11;
  position: absolute;
  bottom: 8px;
  left: 16px;
  font-size: 14px;
  font-weight: 500;
}
.Know-About-us .btn img {
  width: 16px;
}
/* Expertise cards end */

/* media */
@media (max-width: 1024px) {
.ourExpertiseImg {
    left: 0;
    padding: 0 8px;
    width: 100%;
}

.about-us-section .banner-health{
    height: 100%;
}
}

@media (max-width: 576px) {
.about-us-section{
    background-size:cover;
    align-items: center;
    height: 550px;
}

.about-us-section .banner-health{
  align-items: center;
}
}

/* @media (max-width: 390px) {

} */