*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.bg-container01{
  background-color: #000;
  background-size: cover;
  border-bottom: 0.2px solid #000;
}

@media screen and (min-width: 992px){
  .bg-container02{
      position: relative;
      width: 100%; 
      height: 650px; 
      background-image: url('https://www.leofox.net/wp-content/themes/ohio/assets/images/doctor/doctor.jpg'); 
      background-size: cover;
      background-position: center;
      background-color: rgba(0, 0, 0, 0.7);
      margin-bottom: 30px;
  }
  


.bg-container02::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
   z-index: 1;
}

.heading01{
  color: #F5AB35;
  font-size: 60px;
  font-weight: 700;
  text-align: center;
  opacity: 1 !important;
  position: relative;
  z-index: 2;
  width: 980px;
}

.paragraph01{
  color: #fff;
  font-size: 20px;
  text-align: center;
  opacity: 1 !important;
  position: relative;
  z-index: 2;
  width: 600px;
}

.button01{
  background-color: transparent;
  opacity: 1 !important;
  position: relative;
  z-index: 2;
  width: 150px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #fff;
  color: #fff;

}

.button01:hover{
  background-color: #F5AB35;
  border: 0px;
  color: #fff;
}

.heading02{
  color: #000;
  font-size: 35px;
  font-weight: 600;
  padding-bottom: 10px;
}

.paragraph02{
  color: #000;
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 10px;
}

.button02{
  background-color: transparent;
  width: 150px;
  height: 35px;
  border-radius: 17.5px;
  color: #000;
  border: 1px solid #000;
}
.button02:hover{
  background-color: #000;
  border: 0px;
  color: #fff;
}
.image01{
  width: 70%;
}
.heading03{
  color: #000;
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 15px;
  
}
.paragraph03{
  color: #000;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 15px;
}


.heading030{
  color: #000;
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 15px;
  text-align: center;
  
}
.paragraph030{
  color: #000;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 15px;
  text-align: center;
}

.service-icon{
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
}

.service-heading{
  color: #000;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
}

.service-paragraph{
  color: #000;
  font-size: 16px;
  font-weight: 300;
  margin-top: -10px;
  text-align: center;
}
.button03{
  background-color: transparent;
  width: 150px;
  height: 35px;
  border-radius: 17.5px;
  color: #000;
  border: 1px solid #000;
  margin-top: 25px;
}
.button03:hover{
  background-color: #000;
  border: 0px;
  color: #fff;
}

.bg-container04{
  background-color: #000;
  background-size: cover;
}

.bg-container004{
  background-color: #f7f7f7;
  background-size: cover;
}

.project-counter{
  color: #000;
  font-size: 40px;
  font-weight: 600;
}

.project-description{
  font-size: 18px;
  font-weight: 400;
  color: #000;
  text-align: center;
  margin-top: -15px;
}
.button04{
  background-color: transparent;
  width: 150px;
  height: 35px;
  border-radius: 17.5px;
  color: #fff;
  border: 1px solid #fff;
  margin-top: 20px;
  
}
.button04:hover{
  background-color: #fff;
  border: 0px;
  color: #000;
}

.line01{
  background-color: #F5AB35;
  width: 20%;
  height: 2px;
}

.testimonial-heading{
  color: #000;
  font-size: 35px;
  font-weight: 600;
  text-align: center;
}

.avatar01{
  width: 30% !important;
}

.review-description{
  font-size: 16px;
  color: #000;
  font-weight: 400;
  text-align: center;
}

.name{
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-align: center;
}
.form-control01{
  background-color: #fff !important;
  width: 700px !important;
  height: 40px !important;
  border: 1px solid #000;
  color: #000 !important;
}

.form-control01::placeholder{
  color: #323f4b !important;
}
.label01{
  color: #000 !important;
  font-weight: 600;
}

.submit-button{
  background-color: #F5AB35;
  width: 700px;
  border: 0px;
  color: #fff;
  height: 40px;
  border-radius: 5px;
  font-size: 17px;
  font-weight: 600;
}

.paragraph04{
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  color: #fff;
}

}

@media screen and (max-width: 992px){
  .bg-container02{
      position: relative;
      width: 100%; 
      height: 450px; 
      background-image: url('https://www.leofox.net/wp-content/themes/ohio/assets/images/doctor/doctor.jpg'); 
      background-size: cover;
      background-position: center;
      background-color: rgba(0, 0, 0, 0.7);
  }


  .bg-container02::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
       z-index: 1;
    }
  
    .heading01{
      color: #F5AB35;
      font-size: 32px;
      font-weight: 700;
      text-align: center;
      opacity: 1 !important;
      position: relative;
      z-index: 2;
    }
  
    .paragraph01{
      color: #fff;
      font-size: 16px;
      text-align: center;
      opacity: 0.8 !important;
      position: relative;
      z-index: 2;
     
    }
  
    .button01{
      background-color: transparent;
      opacity: 1 !important;
      position: relative;
      z-index: 2;
      width: 150px;
      height: 40px;
      border-radius: 20px;
      border: 1px solid #fff;
      color: #fff;
  
    }
  
    .button01:hover{
      background-color: #F5AB35;
      border: 0px;
      color: #fff;
    }
    .heading02{
      color: #000;
      font-size: 30px;
      font-weight: 600;
      padding-bottom: 10px;
    }
  
    .paragraph02{
      color: #000;
      font-size: 16px;
      font-weight: 400;
      padding-bottom: 10px;
    }
  
    .button02{
      background-color: transparent;
      width: 150px;
      height: 35px;
      border-radius: 17.5px;
      color: #000;
      border: 1px solid #000;
      margin-bottom: 30px;
    }
    .button02:hover{
      background-color: #000;
      border: 0px;
      color: #fff;
    }
    .image01{
      width: 100%;
    }
    .heading03{
      color: #000;
      font-size: 28px;
      font-weight: 700;
      padding-bottom: 10px;
      text-transform: uppercase;

    }
    .paragraph03{
      color: #000;
      font-size: 16px;
      font-weight: 400;
      padding-bottom: 25px;
    }

    .heading030{
      color: #000;
      font-size: 28px;
      font-weight: 700;
      padding-bottom: 10px;
      text-transform: uppercase;

    }
    .paragraph030{
      color: #000;
      font-size: 16px;
      font-weight: 400;
      padding-bottom: 25px;
    }

    .service-icon{
      width: 50px;
      height: 50px;
      margin-bottom: 10px;
    }
  
    .service-heading{
      color: #000;
      font-size: 25px;
      font-weight: 600;
    }
  
    .service-paragraph{
      color: #000;
      font-size: 16px;
      font-weight: 300;
      margin-top: -10px;
    }

    .button03{
      background-color: transparent;
      width: 150px;
      height: 35px;
      border-radius: 17.5px;
      color: #000;
      border: 1px solid #000;
     
    }
    .button02:hover{
      background-color: #000;
      border: 0px;
      color: #fff;
    }
    .bg-container04{
      background-color: #000;
      background-size: cover;
    }

    .bg-container004{
      background-color: #f7f7f7;
      background-size: cover;
    }
  
    .project-counter{
      color: #000;
      font-size: 40px;
      font-weight: 600;
    }
  
    .project-description{
      font-size: 18px;
      font-weight: 400;
      color: #000;
      text-align: center;
      margin-top: -15px;
    }
    .button04{
      background-color: transparent;
      width: 150px;
      height: 35px;
      border-radius: 17.5px;
      color: #fff;
      border: 1px solid #fff;
      margin-top: 20px;
      
    }
    .button04:hover{
      background-color: #fff;
      border: 0px;
      color: #000;
    }
    .line01{
      background-color: #F5AB35;
      width: 20%;
      height: 2px;
    }

    .button03:hover{
      background-color: #000;
      border: 0px;
      color: #fff;
    }

    .testimonial-heading{
      color: #000;
      font-size: 28px;
      font-weight: 700;
      text-align: center;
    }
  
    .avatar01{
      width: 30% !important;
    }
  
    .review-description{
      font-size: 16px;
      color: #000;
      font-weight: 400;
      text-align: center;
    }
  
    .name{
      font-size: 16px;
      color: #000;
      font-weight: 600;
      text-align: center;
    }

    .form-control01{
      background-color: #fff !important;
      width: 100% !important;
      height: 40px !important;
      border: 1px solid #000;
      color: #000 !important;
    }
  
    .form-control01::placeholder{
      color: #323f4b !important;
    }
    .label01{
      color: #000 !important;
      font-weight: 600;
    }
  
    .submit-button{
      background-color: #F5AB35;
      width: 100%;
      border: 0px;
      color: #fff;
      height: 40px;
      border-radius: 5px;
      font-size: 17px;
      font-weight: 600;
    }

    .paragraph04{
      font-size: 18px;
      font-weight: 500;
      text-align: center;
      color: #fff;
    }
}

.owl-theme .owl-nav {
  display: none !important;
}

.card-container{
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #f7f7f7;
}
.owl-theme .owl-dots .owl-dot.active span{
  background-color: #F5AB35 !important;
}