@charset "UTF-8";
:root {
  --blue: #224289;
  --lightBlue: #0087cb;
  --white: #ffffff;
  --border: #d3d9e7;
  --grayText: rgba(0, 0, 0, 0.7);
  --inputColor: #1f1f1f;
  --footerBlue: #0087cb;
  --footerLightBlue: #e8f7fe;
  --smallRadius: 5px;
}

@font-face {
  font-family: "Gotham-Bold";
  src: url("../fonts/Gotham/Gotham-Bold-TR.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Gotham/Gotham-Bold-TR.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Bold-TR.otf") format("opentype"), url("../fonts/Gotham/Gotham-Bold-TR.svg") format("svg"), url("../fonts/Gotham/Gotham-Bold-TR.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Bold-TR.woff") format("woff"), url("../fonts/Gotham/Gotham-Bold-TR.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "Gotham-Book";
  src: url("../fonts/Gotham/Gotham-Book-TR.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Gotham/Gotham-Book-TR.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Book-TR.otf") format("opentype"), url("../fonts/Gotham/Gotham-Book-TR.svg") format("svg"), url("../fonts/Gotham/Gotham-Book-TR.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Book-TR.woff") format("woff"), url("../fonts/Gotham/Gotham-Book-TR.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham-Medium";
  src: url("../fonts/Gotham/Gotham-Medium.eot");
  src: url("../fonts/Gotham/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Medium.woff2") format("woff2"), url("../fonts/Gotham/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham/Gotham-Medium.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Medium.svg#Gotham-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 96%;
  }
}
body {
  font-family: "Gotham-Book", sans-serif;
  font-size: 16px;
}
@media (max-width: 991px) {
  body {
    font-size: 14px;
  }
}

p {
  margin: 0;
}

.show-on-mobile {
  display: none;
}
@media (max-width: 767px) {
  .show-on-mobile {
    display: block;
  }
}

.hide-on-mobile {
  display: block;
}
@media (max-width: 767px) {
  .hide-on-mobile {
    display: none;
  }
}

.section-title {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: var(--blue);
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 2em;
}
@media (max-width: 991px) {
  .section-title {
    font-size: 1.6em;
  }
}

.section-title:before,
.section-title:after {
  flex-grow: 1;
  height: 2px;
  content: " ";
  background-color: var(--border);
  position: relative;
  top: 0.5em;
}

.section-title:before {
  margin-right: 10px;
}

.section-title:after {
  margin-left: 10px;
}

.home-about .section-title {
  margin-bottom: 30px;
}

.home-about h4 {
  color: var(--lightBlue);
  font-family: "Gotham-Bold";
  font-size: 1.3em;
}
@media (max-width: 767px) {
  .home-about h4 {
    margin-top: 15px;
  }
}

.home-about h4 small {
  font-family: "Gotham-Book";
  display: block;
  font-size: 70%;
}

.home-about p {
  font-size: 1.1em;
  color: var(--grayText);
}

.home-skh-bg {
  background-color: #fbf9fd;
}

.disease-boxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 15px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199px) {
  .disease-boxes {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .disease-boxes {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .disease-boxes {
    grid-template-columns: 1fr;
  }
}

.disease-box:nth-child(1) {
  background-color: #afd7ee;
}

.disease-box:nth-child(2) {
  background-color: #7dc0e4;
}

.disease-box:nth-child(3) {
  background-color: #afd7ee;
}

.disease-box:nth-child(4) {
  background-color: #c9e2f3;
}

.disease-box {
  display: flex;
  flex-direction: column;
  color: #224289;
}

.disease-box p {
  min-height: 100px;
  font-size: 1.5em;
  width: 80%;
  padding: 10px;
}
@media (max-width: 1199px) {
  .disease-box p {
    font-size: 1.2em;
  }
}

.home-contact .map {
  filter: grayscale(100%);
}

.home-contact .map iframe {
  width: 100%;
  min-height: 500px;
}

.contact-form {
  max-width: 50%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (max-width: 991px) {
  .contact-form {
    max-width: 100%;
  }
}

.contact-title {
  color: #fff;
  background-color: #75d3c7;
  text-align: center;
  padding: 10px 30px;
  font-size: 1.5em;
  display: inline-block;
  border-radius: var(--smallRadius);
}

.form-wrapper .form-control[type=text], .form-wrapper .form-control[type=email] {
  padding: 10px;
  border-color: #959595;
  border-radius: var(--smallRadius);
  color: var(--inputColor);
  font-family: "Gotham-Medium", sans-serif;
}

.form-wrapper textarea.form-control {
  padding: 10px;
  border-color: #959595;
  border-radius: var(--smallRadius);
  color: var(--inputColor);
  font-family: "Gotham-Medium", sans-serif;
  background-color: #ededed;
  resize: none;
}

.form-wrapper .form-submit {
  background-color: var(--blue);
  color: #fff;
  border-radius: var(--smallRadius);
  display: block;
  width: 100%;
  border: none;
  padding: 10px 15px;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 1.3em;
}

.footer-address {
  background-color: var(--footerLightBlue);
  color: #4f4f4f;
  font-size: 0.9em;
}

.footer-address-detail {
  text-align: center;
}

.footer-address-detail .img img {
  max-width: 300px;
}

.footer-address-detail .address {
  font-size: 1em;
}

.footer-copyright {
  background-color: var(--footerBlue);
  color: #fff;
}

.footer-copyright .copyright {
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 15px;
}

.footer-copyright .info {
   font-size: 0.9em;
  text-align: center;
  color: #fff;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .footer-copyright .info {
    max-width: 100%;
  }
}

.about .about-texts h4 {
  color: var(--lightBlue);
  font-family: "Gotham-Bold";
  font-size: 1.5em;
  margin-bottom: 30px;
  margin-top: 30px;
}
.about .about-texts h4 small {
  font-family: "Gotham-Book";
  display: block;
  font-size: 100%;
}
.about .about-texts p {
  color: rgba(0, 0, 0, 0.7);
}

.injuries-head {
  background-image: url("../img/injuries/injuries-head.jpg");
  background-position: right;
  background-repeat: no-repeat;
  background-color: #0a40ba;
  background-size: cover;
  color: #fff;
  padding: 50px 15px;
  font-size: 2em;
}

.injuries-texts .injuries-title {
  color: var(--lightBlue);
  font-size: 1.5em;
}
.injuries-texts p {
  color: rgba(0, 0, 0, 0.7);
}

.video-box .vid-img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-box .vid-img img {
  width: 100%;
}
.video-box .vid-img img.play-icon {
  position: absolute;
  z-index: 1;
  max-width: 20%;
}
.video-box .vid-texts {
  margin-top: 15px;
}
.video-box .vid-texts .vid-title {
  color: var(--lightBlue);
}
.video-box .vid-texts .vid-text {
  color: rgba(0, 0, 0, 0.7);
}

.navbar .navbar-brand img {
  max-width: 320px;
}
@media (max-width: 1399px) {
  .navbar .navbar-brand img {
    max-width: 260px;
  }
}
@media (max-width: 1199px) {
  .navbar .navbar-brand img {
    max-width: 200px;
  }
}
@media (max-width: 991px) {
  .navbar .navbar-brand img {
    max-width: 320px;
  }
}
.navbar .navbar-nav .nav-item .nav-link {
  font-size: 0.8em;
}
@media (max-width: 1399px) {
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 0.7em;
  }
}
@media (max-width: 1199px) {
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 0.65em;
  }
}
@media (max-width: 1199px) {
  .navbar .navbar-nav .nav-item .nav-link {
    padding-right: 0.15rem;
    padding-left: 0.15rem;
  }
}

.slider .feather-arrow-left, .injuries-slider .feather-arrow-left {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  z-index: 2;
  left: 10px;
  stroke: #fff;
}
.slider .feather-arrow-right, .injuries-slider .feather-arrow-right {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  z-index: 2;
  right: 10px;
  stroke: #fff;
}

.injuries-slider .feather-arrow-left {
  stroke: #000;
  left: -15px;
}
.injuries-slider .feather-arrow-right {
  stroke: #000;
  right: -15px;
}

/*# sourceMappingURL=style.css.map */