@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");
body {
  font-family: "Cairo";
}
.container {
  overflow: hidden;
}
:after,
:before {
  box-sizing: border-box;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pt-100 {
  padding-top: 100px;
}
.fw-200 {
  font-weight: 200;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.section-padding {
  padding: 100px 0;
}
.text-main {
  color: #00adad;
}
.span-color {
  color: #00c894;
}
.head-color {
  color: #0094b6;
}
header {
  background: linear-gradient(#0079b7, #0094b6);
  color: white;
}
nav ul li a {
  color: white;
}
#about .layer::after {
  content: "";
  position: absolute;
  top: -25px;
  right: 0;
  width: 80%;
  height: 100%;
  z-index: -9;
  border: 4px solid #0094b6;
  border-radius: 5px;
}
.doctor ul {
  list-style-image: url(./../imgs/Ellipse\ 123.png);
  direction: rtl;
}
.scale:hover {
  scale: 1.1;
  transition-duration: 0.5s;
}

.dtr {
  direction: rtl;
}

#contact {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(./../imgs/blur-hospital\ 1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
}