.wrapper {
  width: 1465px;
}
/* ==========================About Us================================== */
.about-us {
  padding: 100px 0 0;
}
.about-us .wrapper .section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-us .wrapper .section .left-about-us {
  width: calc(100% - 30%);
  align-items: center;
  display: flex;
  margin: 0 85px 0 0;
}
.about-us .wrapper .section .right-about-us {
  width: 30%;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.about-us .wrapper .section .right-about-us h5 {
  font-size: 18px;
  line-height: 0.96;
  margin: 0 0 35px 0;
  font-size: 50px;
  font-weight: bold;
  color: #222d39;
}
.about-us .wrapper .section .right-about-us p {
  font-size: 16px;
  line-height: 1.52;
  font-size: 23px;
  font-weight: normal;
  color: #979d98;
  margin: 0;
  height: 313.3px;
}
.about-us .wrapper .section .left-about-us .left-box {
  width: calc(33.33% - 30px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 15px;
}
.about-us .wrapper .section .left-about-us .left-box.left-1 {
  margin: -100px 15px 0;
}
.about-us .wrapper .section .left-about-us .left-box .left-box-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 10px;
  box-shadow: 0 8px 39px 0 rgba(122, 120, 120, 0.1);
  background-color: #ffffff;
  padding: 57px 42px;
  margin: 0 0 30px 0;
}

.about-us .wrapper .section .left-about-us .left-box .left-box-inner:hover {
  cursor: pointer;
}
.about-us .wrapper .section .left-about-us .left-box .left-box-inner.mb-0 {
  margin: 0;
}
.about-us
  .wrapper
  .section
  .left-about-us
  .left-box
  .left-box-inner
  .image-box {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 0 0 18px 0;
}
.about-us .wrapper .section .left-about-us .left-box .left-box-inner h5 {
  margin: 0 0 19px 0;
  font-size: 16px;
  line-height: 1.4;
  font-size: 25px;
  font-weight: bold;
  color: #000000;
}
.about-us .wrapper .section .left-about-us .left-box .left-box-inner p {
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.44;
  text-align: left;
  color: #000;
  opacity: 0.5;
}
.about-us .wrapper .section .left-about-us .left-box .left-box-inner ul li {
  font-size: 16px;
  line-height: 1.44;
  text-align: left;
  color: #00000080;
  display: flex;
  align-items: flex-start;
}
.about-us
  .wrapper
  .section
  .left-about-us
  .left-box
  .left-box-inner
  ul
  li:before {
  content: "•";
  color: #6edeb8;
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  width: 12px;
  margin-left: -1em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 0;
}
/* ==========================Patient================================== */
.patient {
  padding: 70px 0;
}
.patient .head h2 {
  text-align: center;
  color: #222d39;
  font-size: 50px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 35px 0;
}
.patient .head p {
  font-size: 22px;
  font-weight: normal;
  color: #979d98;
  line-height: 1.59;
  text-align: center;
  margin: 0;
  padding: 0px 55px;
}
.patient .image-content-section {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 70px 0 0 0;
}
.patient .image-content-section .image-section {
  display: inherit;
  flex-wrap: wrap;
  width: 47%;
}
.patient .image-content-section .image-section .image-box {
  width: 100%;
  padding: 0 0 50px 0;
}
.patient .image-content-section .image-section img {
  max-width: 100%;
}
.patient .image-content-section .image-section .google-apple-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.patient .image-content-section .image-section .google-apple-box .google-box {
  padding: 0 15px 0 0;
}

.patient .image-content-section .content-section {
  width: calc(53% - 100px);
  padding: 0 0 0 100px;
}

.patient
  .image-content-section
  .content-section
  .content-box
  .inner-content-box {
  display: flex;
  width: 100%;
  margin: 0 0 40px 0;
}
.patient
  .image-content-section
  .content-section
  .content-box
  .inner-content-box.mb-0 {
  margin: 0 0 0 0;
}
.patient
  .image-content-section
  .content-section
  .content-box
  .inner-content-box
  .content-image-box {
  padding: 22px 35px 0 0;
}
.patient
  .image-content-section
  .content-section
  .content-box
  .inner-content-box
  .content-image-box
  img {
}
.patient
  .image-content-section
  .content-section
  .content-box
  .inner-content-box
  .content-content-box {
  /* padding: 0 110px 0 0; */
}
.patient
  .image-content-section
  .content-section
  .content-box
  .inner-content-box
  .content-content-box
  h6 {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.4;
  padding: 0 0 30px 0;
}
.patient
  .image-content-section
  .content-section
  .content-box
  .inner-content-box
  .content-content-box
  p {
  font-size: 18px;
  color: #000000;
  opacity: 0.5;
  line-height: 1.28;
  margin: 0;
}
.patient
  .image-content-section
  .content-section
  .content-box
  .inner-content-box
  .content-content-box
  ul
  li {
  font-size: 18px;
  color: #00000080;
  line-height: 1.28;
  margin: 0;
  display: flex;
  align-items: flex-start;
  text-align: justify;
}
.patient
  .image-content-section
  .content-section
  .content-box
  .inner-content-box
  .content-content-box
  ul
  li:before {
  content: "•";
  color: #6edeb8;
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  width: 12px;
  /* margin-left: -1em; */
  display: flex;
  /* align-items: center; */
  /* justify-content: center; */
  margin: 0 10px 0 0;
  align-self: flex-start;
}
/* Doctoer section */
.doctor .doc-content {
  display: flex;
  width: 100%;
  padding: 100px 0 0 0;
  flex-wrap: wrap;
  align-items: center;
}
.doctor .doc-content .doc-content-left {
  display: inherit;
  width: 45%;
  /* padding: 0 100px 0 0px; */
  flex-wrap: wrap;
}
.doctor .doc-content .doc-content-left .doc-content-box-inner {
  display: inherit;
  width: 100%;
  background: #fff;
  padding: 45px 50px;
  align-self: flex-start;
  border-radius: 10px;
  box-shadow: 0 8px 39px 0 rgba(122, 120, 120, 0.1);
  border: solid 1px #d2d2d2;
  background-color: #ffffff;
  margin: 0 0 70px 0;
}
.doctor .doc-content .doc-content-left .doc-content-box-inner.mb-0 {
  margin: 0;
}
.doctor
  .doc-content
  .doc-content-left
  .doc-content-box-inner
  .doc-left-image-box {
  padding: 0 37px 0 0;
}
.doctor
  .doc-content
  .doc-content-left
  .doc-content-box-inner
  .doc-left-image-box
  img {
  max-width: 45px;
  max-height: 100%;
}
.doctor
  .doc-content
  .doc-content-left
  .doc-content-box-inner
  .doc-right-content-box {
}
.doctor
  .doc-content
  .doc-content-left
  .doc-content-box-inner
  .doc-right-content-box
  h6 {
  font-size: 27px;
  font-weight: bold;
  line-height: 1.37;
  color: #000000;
  padding: 0 0 18px 0;
}
.doctor
  .doc-content
  .doc-content-left
  .doc-content-box-inner
  .doc-right-content-box
  p {
  line-height: 1.28;
  font-size: 18px;
  opacity: 0.5;
  color: #000000;
  margin: 0;
}
.doctor
  .doc-content
  .doc-content-left
  .doc-content-box-inner
  .doc-right-content-box
  ul
  li {
  line-height: 1.28;
  font-size: 18px;
  color: #00000080;
  display: flex;
  align-items: flex-start;
  margin: 0;
  text-align: justify;
}
.doctor
  .doc-content
  .doc-content-left
  .doc-content-box-inner
  .doc-right-content-box
  ul
  li:before {
  content: "•";
  color: #6edeb8;
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  width: 12px;
  margin-left: -1em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 0;
}
.doctor .doc-content .doc-content-right {
  width: calc(100% - 45%);
  padding: 0 0 0 100px;
}
.doctor .doc-content .doc-content-right .doc-image-box {
}
.doctor .doc-content .doc-content-right .doc-image-box img {
  /* border: 10px solid #d2d2d2;
  border-radius: 30px; */
}
.doctor .doc-signup {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 70px 0 0 0;
}
.doctor .doc-signup .text {
  margin: 0px 50px 0 0;
}
.doctor .doc-signup .text p {
  color: #000000;
  font-size: 35px; /* font-weight: 900; */
  line-height: 1;
  font-family: "Segoe UI Bold";
}
.doctor .doc-signup .signup-img-box {
}
/* Media queries */
@media (min-width: 2000px) {
  body {
    max-width: 1920px;
    margin: 0 auto !important;
  }
}

@media (max-width: 1500px) {
  .wrapper {
    width: 100%;
    padding: 0 40px;
  }
  .about-us .wrapper .section .left-about-us .left-box .left-box-inner {
    padding: 35px 30px;
  }
  .about-us .wrapper .section .left-about-us {
    margin: 0 50px 0 0;
  }
  .patient .image-content-section .content-section {
    width: 53%;
    padding: 0 0 0 80px;
  }
  .doctor .doc-content .doc-content-left .doc-content-box-inner {
    padding: 45px 50px;
  }
  .doctor .doc-content .doc-content-right {
    padding: 0 0 0 80px;
  }
}
@media (max-width: 1240px) {
  /* .wrapper {
    width: 1200px;
    padding: 0 40px;
  } */
  .about-us .wrapper .section .left-about-us .left-box .left-box-inner {
    padding: 25px 20px;
  }
  .about-us .wrapper .section .left-about-us {
    margin: 0 30px 0 0;
  }
  .patient .image-content-section .content-section {
    padding: 0 0 0 40px;
  }
  .doctor .doc-content .doc-content-left .doc-content-box-inner {
    padding: 35px 30px;
    margin: 0 0 40px 0;
  }
  .doctor .doc-content .doc-content-right {
    padding: 0 0 0 40px;
  }
  .doctor .doc-signup .text {
    margin: 0px 30px 0 0;
  }
}


.about-us .wrapper .section .left-about-us .left-box .left-box-inner  {     width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 210px;
    flex-direction: column; 
    flex-wrap: nowrap;
  }
html body .about-us .wrapper .section .left-about-us .left-box .left-box-inner ul  {
  display:none !important; 
}

html body .about-us .wrapper .section .left-about-us .left-box .left-box-inner h5 { margin: 0 }


@media (min-width: 768px) { 
.about-us .wrapper .section .right-about-us {  position: relative; top:40px; }
}

@media (max-width: 1500px) {  
  html body .about-us .wrapper .section .left-about-us { width: calc(100% - 370px); }
  .about-us .wrapper .section .left-about-us .left-box .left-box-inner  { height: 180px; }
}

@media (max-width: 1240px) {  
 .about-us .wrapper .section .left-about-us .left-box .left-box-inner  { height: 180px; }
 }

@media (max-width: 992px) {  

body .about-us .wrapper .section .right-about-us {
    margin-bottom: 140px !important;
}
 .about-us .wrapper .section .left-about-us .left-box .left-box-inner  { height: 150px; }
 html body .about-us .wrapper .section .left-about-us {
    width: calc(100% - 130px);
}

}

@media (max-width: 767px) {  
 .about-us .wrapper .section .left-about-us .left-box .left-box-inner  { height: 130px; } 

body .about-us .wrapper .section .left-about-us .left-box .left-box-inner h5 {
    font-size: 18px !important;
}
body .about-us .wrapper .section .right-about-us {
    margin-bottom: 90px !important;
}
}

@media (max-width: 600px) {  
 .about-us .wrapper .section .left-about-us .left-box .left-box-inner  { height: auto; } 

body .about-us .wrapper .section .right-about-us {
    margin-bottom: 30px !important;
}
html body .about-us .wrapper .section .left-about-us {  width: calc(100% - 190px);  margin-bottom: -12px; }
}

@media (max-width: 450px) {  


html body .about-us .wrapper .section .left-about-us { width:100%;    }
}