* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;

}

section {
  width: 100%;
  /* height: 2230px; */
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.box {
  width: 80%;
  /* height: 1905px; */
  

}

header {
  width: 100%;
  height: 200px;
  background-color: white;
  border-bottom: 1px solid rgb(187, 184, 184);
  display: flex;
  justify-content: space-around;
  position: relative;

}

.hasce {
  width: 100%;
  height: 30px;
  background-color: rgb(221, 214, 214);
  font-size: 18px;
  line-height: 1.8;
  color: gray;
  position: absolute;
}

.logo {
  width: 28%;
  height: 200px;
}

.logo.logo img {
  width: 100%;
  height: 98%;
}

.TopMenu {
  width: 80%;
  height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.TopMenu-ul {
  width: 90%;
  height: 180px;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  font-size: 17px;
}

.TopMenu-ul>.head,
.News,
.doctor {
  width: 10%;
  height: 25px;
  /* border-right: 1px solid gray; */
  text-align: center;
  color: gray;
  font-size: 18px;
  background-color: #e3e4e1;
  border-radius: 10px;
  position: relative;
}

.head:hover {
  border-bottom: 3px solid green;
}

.doctor:hover {
  border-bottom: 3px solid green;
}

.News:hover .NewsPosition {
  /* border-bottom:3px solid green; */
  display: block;

}

.NewsPosition li {
  width: 100%;
  height: 40px;
  /* border-bottom: 1px solid  #7AC909; */
  text-align: center;
  font-size: 18px;
  line-height: 1.8;
  color: gray;
}

.NewsPosition li:hover {
  background-color: rgb(240, 234, 234);
  border-radius: 10px;
}

.NewsPosition {
  width: 260px;
  height: 161px;
  border-radius: 10px;
  background-color: gainsboro;
  /* border: 3px solid  #7AC909; */
  position: absolute;
  top: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  display: none;
  z-index: 1;
}

.News2Position {
  width: 200px;
  height: 81px;
  border-radius: 10px;
  background-color: gainsboro;
  /* border: 3px solid  #7AC909; */
  position: absolute;
  top: 179px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  display: none;
  z-index: 2;
}

.News2Position li {
  width: 100%;
  height: 40px;
  /* border-bottom: 1px solid  #7AC909; */
  text-align: center;
  font-size: 18px;
  line-height: 1.8;
  color: gray;

}

.News2Position li:hover {
  background-color: rgb(240, 234, 234);
  /* border: 1px solid gray; */
  border-radius: 10px;
}

.News2:hover .News2Position {
  /* border-bottom:3px solid green; */
  display: block;
}

.contact {
  width: 8%;
  height: 25px;
  /* border-right: 1px solid gray; */
  text-align: center;
  color: gray;
  font-size: 18px;
  background-color: #e3e4e1;
  border-radius: 10px;
}

.contact:hover {
  border-bottom: 3px solid green;
}

.News1 {
  width: 16%;
  height: 25px;
  /* border-right: 1px solid gray; */
  color: gray;
  text-align: center;
  font-size: 18px;
  background-color: #e3e4e1;
  border-radius: 10px;
}

.News1:hover {
  border-bottom: 3px solid green;
}

.News2 {
  width: 15%;
  height: 25px;
  /* border-right: 1px solid gray; */
  text-align: center;
  color: gray;
  font-size: 18px;
  background-color: #e3e4e1;
  border-radius: 10px;
}

.example {
  width: 100%;
  height: 350px;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}

.search {
  width: 350px;
  height: 30px;
  display: flex;
  justify-content: center;
}

.Button {
  width: 20px;
  height: 30px;
  background-color: rgb(220, 225, 227);
  font-size: 18px;
  color: rgb(55, 54, 54);
  border: none;
  cursor: pointer;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

.Input {
  width: 330px;
  height: 30px;
  font-size: 18px;
  background-color: rgb(220, 225, 227);
  border: none;
  color: rgb(55, 54, 54);
  outline: none;
  cursor: pointer;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

.language {
  width: 150px;
  height: 30px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 20px;
  color: gray;
}

.language li {
  width: 40px;
  border-right: 1px solid gray;
  cursor: pointer;
}

.carusel {
  width: 100%;
  height: 677px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {

  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: black;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: #7AC909;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.mySlides img {
  width: 100%;
  height: 450px;

}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 3px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

.History {
  width: 100%;
  /* height: 1223px; */
  /* background-color: gray; */
}

.photo-div {
  width: 100%;
  /* height: 800px; */
  display: flex;
  justify-content: space-around;
  /* background-color: #7AC909; */

}

.box1 {
  width: 33%;
  height: 600px;
}

h2 {
  border: 3px solid #7AC909;
  border-radius: 10px;
  text-align: center;
  color: #028FD0;
}

.box2 {
  width: 66%;
  height: 1230px;
}

.box21 {
  width: 29%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box22 {
  width: 66%;
  height: 250px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
}
.box23 {
  width: 62%;
  height: 35px;
  display: flex;
  justify-content: left;
  align-items: center;
  font-weight: bold;
}

.CV {
  font-size: 20px;
  font-weight: bold;
}

.CV1 {
  width: 77%;
  height: 56px;
  display: flex;
  justify-content: end;
}

.box24 {
  width: 61%;
  height: 40px;
  display: flex;
  justify-content: space-around;

}

.box25 {
  width: 68%;
  height: 40px;
  display: flex;
  justify-content: space-around;

}

.box26 {
  width: 68%;
  height: 45px;
  display: flex;
  justify-content: space-around;
}

.box27 {
  width: 63%;
  height: 45px;
  display: flex;
  justify-content: space-around;

}

.box28 {
  width: 35%;
  height: 40px;
  display: flex;
  justify-content: space-around;
  line-height: 2;
}

.box29 {
  width: 42%;
  height: 35px;
  display: flex;
  justify-content: space-around;
  line-height: 1.6;
}

.box30 {
  width: 43%;
  height: 35px;
  display: flex;
  justify-content: space-around;
  line-height: 1.6;
}

.box31 {
  width: 57%;
  height: 35px;
  display: flex;
  justify-content: space-around;
  line-height: 1.6;
}

.box32 {
  width: 84%;
  height: 35px;
  display: flex;
  justify-content: space-around;
  line-height: 1.6;
}

.box33 {
  width: 59%;
  height: 35px;
  display: flex;
  justify-content: space-around;
  line-height: 1.6;
}

.famile {
  font-weight: bold;
}

.box11 {
  width: 100%;
  height: 540px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;

}

.box11 li {
  width: 100%;
  height: 60px;
  border: 1px solid gray;
  border-radius: 10px;
  background-color: gainsboro;
  color: gray;
  font-size: 20px;
  text-align: center;
  line-height: 2.5;
  cursor: pointer;

}

.bajanmunq1:hover {
  color: black;
  border-left: 5px solid red;

}

.bajanmunq1:hover .box111 {
  display: block;
}

.box111 {
  display: none;
  width: 15%;
  height: 70px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 696px;
  top: 948px;
  z-index: 1;
}

.box111 li,
.box112 li,
.box113 li,
.box114 li,
.box115 li,
.box116 li,
.box117 li {
  width: 98%;
  height: 35px;
  line-height: 1.3;
  border: none;

}


.box112 {
  display: none;
  width: 15%;
  height: 70px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 696px;
  top: 1025px;
  z-index: 2;
}
.bajanmunq2:hover {
  color: black;
  border-left: 5px solid red;
}

.bajanmunq2:hover .box112 {
  display: block;
}
.box113 {
  display: none;
  width: 15%;
  height: 94px;
  text-align: center;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 696px;
  top: 1102px;
  z-index: 2;
}

.bajanmunq3 li {
  width: 100%;
  height: 60px;
  border: none;
}

.bajanmunq3 .box113person {
  height: 35px;
  ;
}

.bajanmunq3:hover {
  color: black;
  border-left: 5px solid red;
}

.bajanmunq3:hover .box113 {
  display: block;

}

.box114 {
  display: none;
  width: 15%;
  height: 70px;
  text-align: center;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 696px;
  top: 1179px;
  z-index: 2;
}

.bajanmunq4:hover {
  color: black;
  border-left: 5px solid red;
}

.bajanmunq4:hover .box114 {
  display: block;

}

.box115 {
  display: none;
  width: 15%;
  height: 70px;
  text-align: center;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 696px;
  top: 1256px;
  z-index: 2;
}

.bajanmunq5:hover {
  color: black;
  border-left: 5px solid red;
}

.bajanmunq5:hover .box115 {
  display: block;

}

.box116 {
  display: none;
  width: 16%;
  height: 70px;
  text-align: center;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 696px;
  top: 1333px;
  z-index: 2;
}

.bajanmunq6:hover {
  color: black;
  border-left: 5px solid red;
}

.bajanmunq6:hover .box116 {
  display: block;

}

.box117 {
  display: none;
  width: 15%;
  height: 70px;
  text-align: center;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 696px;
  top: 1410px;
  z-index: 2;
}

.bajanmunq7:hover {
  color: black;
  border-left: 5px solid red;
}

.bajanmunq7:hover .box117 {
  display: block;

}

.footer {
  width: 100%;
  height: 123px;
  background-color: #028FD0;
  text-align: center;
  color: rgb(183, 173, 173);
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footerMenu {
  width: 40%;
  height: 40px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 16px;
  line-height: 1.8;
  color: white;

}

.valLi {
  width: 50%;
  height: 30px;
  color: white;

}

.valLi1 {
  width: 70%;
  height: 30px;
  color: white;

}

.footerMenu li {
  width: 88%;
  height: 30px;
  cursor: pointer;

}

#searchResults {
  width: 350px;
  height: 30px;
}

#searchResults a {
  color:black;
}

.fullSearch {
  width: 70%;
  font-size: 20px;
}