:root{
  --green:#579b8e;
}
/*banner start*/
/*banner start*/
.tri{
  position: absolute;
  height: 120px;
  width: 120px;
  z-index: 2;

}
.tri1{
  top: 110px;
  right: 0px;
  rotate: 90deg;
}
.tri2{
  top: 110px;
  right: 90px;
  rotate: -90deg;
}
.tri3{
  rotate: 90deg;
  top: 205px;
  right: 60px;
}
.tri4{
  rotate: -90deg;
  top: 240px;
  right: 0px;
}
.banner{
  background-image: url(https://res.cloudinary.com/dws7w98ex/image/upload/v1710760899/images/b20bb332cc39033a4ea4386ff717c621_sg9npw.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 550px;
  position: relative;
  
}
.banner img{
  position: absolute;
  top: 30px;
  left: -110px;
  height: 20%;

}
.overlay{
  position: relative;
  display: flex;
  align-items: center;
  background-color: #1b2f69;
  height: 550px;
  opacity: 90%;
  border-bottom: 20px solid #FEC020;
}
.overlay h2{
  font-size: 48px;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
  font-family: 'BodoniFLF-Bold';
}
.h4{
  padding: 5px 20px;
  width: 300px;
  background-color: #fec020;
  margin-top: 20px;
  position: relative;
}
.h4:after{
  content: '';
  position: absolute;
  right: -80px;
  bottom: 19px;
  width: 80px;
  height: 3px;
  background-color: #fec020;

}
.h4 h4{
  font-size: 40px;
  text-align: center;
  color: #011329;
  font-weight: 800;
  text-transform: uppercase;
}
.b_icon{
  right: 52px;
  position: absolute;
}
.b_icon i{
  position: absolute;
  opacity: 1;
  font-size: 260px;
}
.web{
position: absolute;top: 560px;right: 50px; z-index: 2; color: white;
}
.link .hr{
  width: 50%;
  height: 5px;
  color: yellow;
  background-color: #FEC020;
  position: absolute;
  bottom: 20px;
  z-index: 1;
  right: 250px;
}
/*banner end */
/*banner end */
/*health start*/
.health{}
.health p{
  font-size: 25px;
  color: #5a869d;
  font-weight: 800;

}
.health_img img{
  height: 800px;
}
.health h1{
  font-size: 30px;
  color: var(--contentColor);
  font-weight: 800;
}
/*health end*/
/*case start*/
.case{
  margin-top: 50px;
  background-color: #d9d9d9;
}
.case h2{
  color: #011329;
  padding: 10px 0px;
  font-size: 40px;
  font-weight: 800;
  text-align: center;
}
/*case end*/
/*common start*/
.common{}
.common h1{
  font-size: 30px;
  color: var(--green);
  font-weight: 800;
}
.common p{
  font-size: 20px;
  color: var(--contentColor);
  font-weight: 500;
  text-align: justify;

}
.common ul li{
  font-size: 20px;
  color: var(--contentColor);
  font-weight: 500;
  text-align: justify;

}
.common_card{
  position: relative;
  height: 310px;
  padding: 40px 20px 20px;
  background-color: #c2cb30;
}
.common_card p{}
.common_card img{
  height: 80px;
  position: absolute;
  top: -53px;
  left: 37%;
}
.hr{
  height: 15px;
  background-color:#c2cb30 ;
}
.testimonial{
  margin-top: 20px;
  padding: 25px;
  border-radius: 20px;
}
/*common start*/

/*media start*/
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .banner_text h1 {
    font-size: 32px;
    text-align: center;
    padding-bottom: 10px;
  }
  .banner_text p {
    font-size: 18px;
    text-align: center;
  }
  .health_img{
    padding: 15px;
  }
  .health h1 {
    font-size: 27px;
  }
  .case h2 {
    font-size: 27px;
  }
  .common_card{
    margin-top: 60px;
  }
  .overlay h2 {
    font-size: 40px;
  }
  .tri {
    position: absolute;
    height: 50px;
    width: 70px;
    z-index: 2;
  }
  .tri1 {
    top: 85px;
    right: 0px;
    rotate: 90deg;
  }
  .tri2 {
    top: 85px;
    right: 70px;
    rotate: -90deg;
  }
  .tri3 {
    rotate: 90deg;
    top: 140px;
    right: 36px;
  }
  .tri4 {
    rotate: -90deg;
    top: 160px;
    right: 15px;
  }
  .link .hr {
    right: 205px;
  }
  .web {
    right: 30px;
  }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
  .banner_text h1 {
    font-size: 32px;
    text-align: center;
    padding-bottom: 10px;
  }
  .banner_text p {
    font-size: 18px;
    text-align: center;
  }
  .common_card{
    margin-top: 60px;
    height: 210px;
  }
  .common_card img {
    left: 43%;
  }
  .banner{
    height: 400px;
  }
  .overlay{
    height: 400px;
  }
  .overlay h2 {
    font-size: 40px;
  }
  .h4 h4 {
    font-size: 25px;
  }
  .h4 {
    width: 200px;
  }
  .b_icon i {
    font-size: 100px;
  }
  .tri {
    position: absolute;
    height: 50px;
    width: 70px;
    z-index: 2;
  }
  .tri1 {
    top: 85px;
    right: 0px;
    rotate: 90deg;
  }
  .tri2 {
    top: 85px;
    right: 70px;
    rotate: -90deg;
  }
  .tri3 {
    rotate: 90deg;
    top: 140px;
    right: 36px;
  }
  .tri4 {
    rotate: -90deg;
    top: 160px;
    right: 15px;
  }
  .web {
    position: absolute;
    top: 410px;
    right: 50px;
    z-index: 2;
    color: white;
  }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
  .overlay h2 {
    font-size: 48px;
  }
  .h4 h4 {
    font-size: 28px;
  }
  .h4 {
    width: 220px;
  }
  .b_icon i {
    font-size: 150px;
  }
  .bi1 {
    top: -390px;
  }
  .bi2 {
    top: -390px;
    right: -55px;
  }
  .bi3 {
    top: -240px;
  }
  .bi4 {
    top: -280px;
    right: -39px;
  }
  
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
  
}

/*Extra Large devices (desktops, 992px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
  
}

/*Extra Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 500px) {
  .health_img img{
    height: 500px;
  }
}