.linear-bg{
  background: linear-gradient(
    90deg,
    rgba(243, 243, 243, 0.3) 0%,
    rgba(231, 141, 218, 0.3) 0.01%,
    rgba(223, 242, 214, 0.3) 34.24%,
    rgba(145, 233, 227, 0.3) 100%
  );
}
.btn-login,
.btn-signup {
  padding: 10px 20px;
  border-radius: 30px;
  border: none;
  cursor: pointer;
}

.btn-login {
  background-color: transparent;
  color: #000;
}

.btn-signup {
  background-color: #2eded3;
  color: #fff;
}

.hero-section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
  flex-wrap: wrap;
  /* Allows wrapping on smaller screens */
}

.hero-text {
  max-width: 600px;
  /* border: 2px solid red; */
  padding: 10px;
}

.hero-text h1 {
  /* font-size: 2.5rem; */
  margin-bottom: 20px;
}

.hero-stats {
  margin-bottom: 20px;
  display: flex;
  gap: 40px;
}

.hero-stats div {
  display: inline-block;
  margin-right: 15px;
  font-size: 1.1rem;
  font-weight: bold;
}

.btn-register,
.btn-login {
  padding: 15px 30px;
  margin-right: 20px;
}

.hero-image {
  background-color: #d3d3d3;
  width: 100%;
  /* Changed to 100% for responsiveness */
  max-width: 550px;
  height: 300px;
}

.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.browse-jobs {
  padding: 50px;
  text-align: center;
}

.browse-jobs h2 {
  margin-bottom: 30px;
  font-size: 2rem;
}

.job-categories {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /* Allows wrapping on smaller screens */
}

/* .job-categories div {
    margin-right: 40px;
} */

.job-categories ul {
  list-style: none;
  padding: 0;
}

.job-categories ul li {
  margin-bottom: 10px;
}

.aboutus {
  /* border: 2px solid blue; */
  text-align: center;
  width: 100%;
  max-width: 100%;
}

.aboutusdesc {
  text-align: center;
  margin: auto;
  width: 70%;
}

.aboutusdesc p {
  font-size: 1.1rem;
  /* color: #5c5f64; */
  /* font-weight: 300; */
  line-height: 24px;
}

.aboutusdesc2 {
  display: flex;
  justify-content: space-between;
  /* width: 70%; */
  /* border: 2px solid red; */
  margin: auto 20px;
  padding: 30px 50px;
}

.aboutusdesc2 h4 {
  width: 60%;
  height: 100%;
  /* border: 2px solid red; */
  margin-top: auto;
  margin-bottom: auto;
  object-fit: cover;
  text-align: left;
  display: flex;
  justify-content: center;
  padding: 30px 0 30px 70px;
}

.aboutusdesc2 p {
  font-size: 1.1rem;
  /* color: #5c5f64; */
  /* font-weight: 100; */
  width: 90%;
  text-align: left;
  /* padding: 20px; */
  border-left: 3px solid #c9bebe;
}

.aboutusdesc3 {
  display: flex;
  justify-content: space-between;
  /* width: 70%; */
  margin: auto;
  padding: 30px;
}

.aboutusdesc3-child {
  width: 50%;
  /* border: 2px solid red; */
  object-fit: 100%, 100%;
}

.aboutusdesc3 img {
  display: block;
  height: 100%;
  width: 100%;
  /* height: auto; */
  /* object-fit: 100%,100%; */
}

.aboutusdesc3 p {
  font-size: 1.1rem;
  /* color: #5c5f64; */
  /* font-weight: 100; */
  width: 100%;
  text-align: left;
  padding: 20px;
}

.doctor-section {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  /* padding: 20px; */
  background: linear-gradient(
    90deg,
    rgba(243, 243, 243, 0.3) 0%,
    rgba(231, 141, 218, 0.3) 0.01%,
    rgba(223, 242, 214, 0.3) 34.24%,
    rgba(145, 233, 227, 0.3) 100%
  );
  flex-wrap: wrap;
}

.doctor-section .doctor-text {
  flex: 2;
  height: 100% !important;
  /* padding: 50px 50px 50px 150px; */

  /* padding-left: 10rem; */
  /* border: 2px solid pink; */
  /* max-width: 50%; */
}
.doctor-section .doctor-text .text-container{
  
  height: 100% !important;
  margin: 50px 50px 50px 150px;

  /* padding-left: 10rem; */
  /* border: 2px solid pink; */
  /* max-width: 50%; */
}

.doctor-section h2 {
  margin-bottom: 20px;
}

.doctor-section .doctor-image {
  flex: 1;
  width: 100%;
  /* height: 100%; */
  display: block;
  /* border: 2px solid red; */
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
}

.doctor-image img {
  display: block;
  width: 100%;
  height: 100% !important;
  /* object-fit: cover;  */
}

.btn-find-job {
  padding: 5px 30px;
  font-size: 15px;
  margin-top: 20px;
  border: 2px solid black;
  border-radius: 40px;
}

.hire-doctor {
  padding: 50px 200px;
  /* text-align: center; */
}

.hire-doctor h2 {
  margin-bottom: 20px;
}

.btn-recruit {
  padding: 15px 30px;
  background-color: #000;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 30px;
}

.c1 {
  font-size: 1.9rem;
}

.c2 {
  /* color: #8e939c; */
  font-size: 14px;
  margin-top: 8px;
  font-weight: 100;
}

.b1 {
  padding: 10px 20px;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  border-radius: 30px;
  font-weight: 700;
  width: 170px;
}

.b2 {
  margin-left: 20px;
  padding: 10px 20px;
  background-color: #2eded3;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 30px;
  font-weight: 700;
  width: 170px;
}

.b3 {
  padding: 15px 30px;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  border: none;
  border-radius: 30px;
  font-weight: 700;
  width: 230px;
}

p {
  line-height: 24px;
}

.social-media a i {
  margin-right: 10px;
  font-size: 1.4rem;
}
@media (max-width:1020px){
  .text-container{
    text-align: center;
    padding: 20px;
  }
  .text-head{
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width:1000px){
  .aboutusdesc3 {
    /* border: 2px solid red; */
    /* margin: 0; */
    display: flex;
    flex-direction: column;
    width: 90%;
    padding: 0 !important;
  }
  .hero-text{
    padding: 10px;
  }
  .aboutusdesc3-child {
    width: 100%;
    /* border: 2px solid red; */
    object-fit: 100%, 100%;
  }
  .aboutusdesc3 img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 20px;
  }
  .aboutusdesc3 p {
    padding: 0 !important;
    /* border: 2px solid blue; */
    text-align: center;
    width: 100% !important;
    margin: 0 !important;
  }

  .doctor-section .doctor-text .text-container{
  
    height: 100% !important;
    margin: 0 !important;
  
    /* padding-left: 10rem; */
    /* border: 2px solid pink; */
    /* max-width: 50%; */
  }
}

/* Responsive Styles */
@media (max-width: 768px) {
  .hero-section {
    flex-direction: column;
    align-items: center;
    padding: 0 !important;
  }
  .aboutusdesc2 {
    display: flex;
    flex-direction: column;
    width: 100%;
     margin: 20px 0 0 0;
    padding: 0 !important;
  }
  .aboutusdesc2 h4 {
    /* margin-top: 20px; */
    width: 60%;
    padding: 0 !important;
    margin: auto;
    margin-bottom: 10px;
    text-align: center;
  }
  .aboutusdesc2 p {
    width: 100%;
    padding: 0 !important;
    border-left: none;
    text-align: center;
    margin: 0;
  }
  
  .doctor-image img {
    display: block;
    width: 90%;
    margin: auto;
    /* height: 100% !important; */
    /* object-fit: cover;  */
  }
  .hire-doctor{
    padding: 10px;
    text-align: center;
  }

  .hero-text {
    max-width: 100%;
    text-align: center;
  }

  .hero-image {
    max-width: 100%;
    height: auto;
  }
  .doctor-section .doctor-image {
    flex: 1;
    width: 100%;
    height: auto;
    /* height: 350px !important; */
    display: block;
    /* border: 2px solid red; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
  }

  .doctor-section {
    /* border: 2px solid red; */
    padding: 10px !important;
    display: block;
    align-items: center;
  }

  .doctor-text {
    max-width: 100%;
    text-align: center;
    padding: 10px !important;
    /* border: 2px solid green; */
  }

  /* .doctor-image {
        max-width: 100%;
        height: auto;
    } */

  .browse-jobs {
    padding: 20px;
  }
  

  .b1,
  .b2,
  .b3 {
    padding: 5px 20px;
    width: 150px;
    margin-bottom: 10px;
  }
  .hero-stats{
    padding-left: 10px;
  }

  .b2 {
    margin-left: 0;
  }

  .b3 {
    margin-bottom: 10px;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  

  .c1 {
    font-size: 1.2rem;
  }
  .hero-stats span {
    font-size: 1rem;
  }
  .doctor-image img {
    display: block;
    width: 100%;
    /* height: auto !important; */
    /* object-fit: cover;  */
  }
  .btn-register,
  .btn-login,
  .btn-find-job,
  .btn-recruit {
    width: 100%;
    margin-bottom: 10px;
  }

  .job-categories {
    flex-direction: column;
    align-items: center;
  }

  .job-categories div {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .aboutus {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 !important;
  }
  .aboutusdesc {
    width: 100%;
  }

  .aboutusdesc2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 !important;
  }
  .aboutusdesc2 h4 {
    width: 90%;
    padding: 0 !important;
    margin: auto !important;
    margin: auto;
    margin-bottom: 10px;
    text-align: center;
  }
  .aboutusdesc2 p {
    width: 100%;
    padding: 0 !important;
    border-left: none;
    text-align: center;
    margin: 0;
  }
  .aboutusdesc3 {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 !important;
  }
  .aboutusdesc3 img {
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 20px;
  }
  .aboutusdesc3 p {
    /* border: 2px solid red; */
    padding: 0 !important;
    text-align: center;
    width: 100%;
    margin: 0;
  }
  .doctor-section {
    padding: 0;
  }
  .doctor-section .doctor-text {
    width: 100%;
    /* border: 2px solid blue; */
    padding: 10px;
  }
  .doctor-section h2 {
    margin-bottom: 10px;
  }
  /* .doctor-image{
        width: 80%;
        height: auto;
    } */
}