/* Colors */
/* Functions */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXV3I6Li01BKof4Mg.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKkZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAjsOkZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAksCkZg.ttf) format('truetype');
}
body {
  min-height: 100%;
  height: 100%;
  scroll-behavior: smooth;
  --gutter-x: 10px;
  --gutter-x2: -10px;
  overflow-x: hidden;
  background-color: #ffffff;
  line-height: 1.4;
  font-family: 'Nunito', sans-serif;
  position: relative;
  letter-spacing: 0;
}
body.modal-opened {
  position: fixed !important;
  overflow: hidden !important;
  width: 100%;
}
#left-buttons {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
#left-buttons .button {
  margin: 10px 0;
}
#left-buttons .button a {
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  -ms-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#left-whatsapp a {
  height: 52px;
  width: 52px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f7fc+0,dfdfdf+100 */
  background: #58d164;
  /* Old browsers */
  background: -moz-linear-gradient(top, #58d164 0%, #2cb842 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #58d164 0%, #2cb842 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #58d164 0%, #2cb842 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@first', endColorstr='@sec', GradientType=0);
  /* IE6-9 */
}
#left-whatsapp a:hover {
  padding-left: 5px;
  width: 57px;
}
#left-appointment a {
  background-color: #ea504c;
  color: #fff;
  font-size: 16px;
  height: 52px;
  padding: 0 20px;
}
#left-appointment a:hover {
  padding-left: 30px;
}
.wp-btn {
  filter: brightness(35);
}
.owl-nav {
  font-size: 40px;
}
.owl-nav button {
  position: absolute;
  background: #ea504c !important;
  width: 50px;
  height: 50px;
  color: #fff !important;
  top: 50%;
  transform: translateY(-50%);
  height: 80px;
  width: 80px;
}
.owl-prev {
  left: 21%;
}
.owl-next {
  right: 23%;
}
#mobile-footer-cta-buttons {
  padding-bottom: 14px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}
#mobile-footer-cta-buttons:before {
  content: " ";
  height: 40px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ea504c;
}
#mobile-footer-cta-buttons .row {
  --gutter-x: 4px;
  --gutter-x2: -4px;
}
#mobile-footer-cta-buttons .button-x {
  height: 52px;
  width: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
#mobile-footer-cta-buttons .button-x.button-call {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f7fc+0,dfdfdf+100 */
  background: #ea504c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ea504c 0%, #82110f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ea504c 0%, #82110f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ea504c 0%, #82110f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@first', endColorstr='@sec', GradientType=0);
  /* IE6-9 */
}
#mobile-footer-cta-buttons .button-x.button-whatsapp {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f7fc+0,dfdfdf+100 */
  background: #58d164;
  /* Old browsers */
  background: -moz-linear-gradient(top, #58d164 0%, #2CB842 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #58d164 0%, #2CB842 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #58d164 0%, #2CB842 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@first', endColorstr='@sec', GradientType=0);
  /* IE6-9 */
}
#mobile-footer-cta-buttons .button-x img {
  margin-right: 12px;
}
#mobile-footer-cta-buttons .button-x span.text {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}
#header {
  background-image: url(../../imgs/banner.png);
  background-position: center;
  background-size: cover;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 350px;
  height: auto;
}
#header .header-section {
  background-color: #ffffff;
  height: 80px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
  padding: 16px 16px 16px 48px;
  display: block;
  width: 100%;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
  margin-bottom: 92px;
}
#header .header-section .social-media {
  margin-left: 20px;
}
#header .header-section .social-media a {
  display: flex;
}
#header .header-section .social-media a .social-icon {
  width: 24px;
  height: 24px;
  margin-left: 20px;
}
.banner-slogan {
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 1.21px;
  line-height: 1.3;
  color: #3c525d;
  margin-bottom: 40px;
  display: block;
}
.mb24 {
  margin-bottom: 24px;
}
.mb92 {
  margin-bottom: 92px;
}
.phone {
  background-color: rgba(78, 117, 136, 0.05);
  border: 1px solid #4e7588;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 13px 38px 11px 13px;
  height: 48px;
}
.phone .tel {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.57px;
  color: #3c525d;
}
.phone .img-phone {
  width: 24px;
  height: 24px;
  margin-right: 13px;
}
.phone:hover {
  background-color: #4e7588;
}
.phone:hover .img-phone {
  filter: brightness(5);
}
.phone:hover .tel {
  color: #fff;
}
.wp-phone {
  background-color: #f3faf3;
  border: 1px solid rgba(17, 153, 7, 0.3);
  margin-left: 12px;
}
.wp-phone .wp-tel {
  color: #119907;
}
.wp-phone:hover {
  background-color: #119907;
}
.wp-phone:hover .wp-tel {
  color: #fff;
}
.wp-phone:hover .img-phone {
  filter: brightness(50.5);
}
#form-section .form {
  background-color: rgba(179, 197, 193, 0.5);
  border: 3px solid rgba(179, 197, 193, 0.1);
  margin-top: -80px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  height: 160px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  -ms-border-radius: 80px;
  border-radius: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 80px;
}
#form-section .form .row {
  width: 100%;
}
#form-section .form .form-group label.error {
  color: red;
  font-size: 11px;
  margin-top: 5px;
  display: block;
  padding-left: 24px;
}
#form-section .form .form-control {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  height: 48px;
  border: none;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  padding-left: 24px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.57px;
  color: #151515;
}
#form-section .form .form-control::placeholder {
  color: #c9c9c9;
}
#form-section .form .form-button {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  height: 48px;
  background-color: #ea504c;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  width: 100%;
  border: none;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.57px;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#form-section .form .form-button:hover {
  background-color: #fff;
  border: 1px solid #ea504c;
  color: #ea504c;
}
#form-section .form::before {
  content: 'Bizimle İletişime Geçin';
  position: absolute;
  top: -20px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.57px;
  text-align: center;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  border-radius: 23px;
  background-color: #b3c5c1;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 116px;
}
#ozellik {
  margin-bottom: 87px;
  display: block;
}
#ozellik .ozellik-card {
  background-color: #fff;
  border: 1px solid #f5edfd;
  padding: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  height: 108px;
}
#ozellik .ozellik-card .ozellik-img {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  margin-right: 16px;
}
#ozellik .ozellik-card .oz-baslik {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.57px;
  color: #3c525d;
  margin-bottom: 4px;
}
#ozellik .ozellik-card .oz-text {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.43px;
  color: #3c525d;
}
#sunnet {
  background-image: url(../../icons/doktor-bg.svg);
  background-position: center;
  background-size: cover;
  margin-bottom: 160px;
}
#sunnet .sunnet-baslik {
  font-size: 34px;
  font-weight: 700;
}
#sunnet .sunnet-text {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.57px;
  line-height: 1.5;
  color: #5f636a;
}
.dirik {
  position: relative;
}
.dirik .img-position {
  position: absolute;
  bottom: 36px;
  left: 8%;
}
#sunnet-bilgi {
  margin-bottom: 160px;
}
#sunnet-bilgi .sunnet-card {
  background-color: rgba(158, 71, 236, 0.9);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  padding: 60px 40px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  height: 100%;
}
#sunnet-bilgi .sunnet-card .sunnet-oz {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.79px;
  color: #fff;
  margin-bottom: 24px;
  display: block;
}
#sunnet-bilgi .sunnet-card .sunnet-oz-text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: #fff;
}
#sunnet-bilgi .color-green {
  background-color: rgba(19, 197, 137, 0.9);
}
#sunnet-bilgi .color-yellow {
  background-color: rgba(245, 182, 29, 0.9);
}
#sunnet-bilgi .color-blue {
  background-color: rgba(72, 143, 238, 0.9);
}
#sunnet-bilgi .color-pink {
  background-color: rgba(225, 52, 151, 0.9);
}
#galeri {
  margin-bottom: 131px;
  --gutter-x: 0px;
  --gutter-x2: 0px;
}
.galeri-section .fancybox {
  width: 100%;
}
.galeri-section .fancybox img {
  width: 100%;
  height: 100%;
}
#sizden-gelenler {
  background-color: rgba(60, 82, 93, 0.05);
}
#sizden-gelenler .gelen-baslik {
  margin-bottom: 60px;
  background-color: #fff;
  -webkit-border-radius: 51px;
  -moz-border-radius: 51px;
  -ms-border-radius: 51px;
  border-radius: 51px;
  height: 102px;
  padding: 28px 142px;
  margin-top: -51px;
}
#sizden-gelenler #comment-slider .item {
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 95px 76px;
  margin-right: 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#sizden-gelenler #comment-slider .item .comment-name {
  font-weight: 700;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: -0.73px;
  color: #262626;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 25px;
  margin-bottom: 23px;
  display: block;
  width: fit-content;
}
#sizden-gelenler #comment-slider .item .comment-text {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.53px;
  line-height: 1.5;
}
footer {
  background-color: #3c525d;
  padding-top: 107px;
  margin-top: -20px;
}
footer .rows-footer {
  margin-bottom: 70px;
}
footer .footer-logo {
  margin-bottom: 40px;
}
footer .f-title {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.57px;
  color: #ea504c;
}
footer .adres {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.53px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
}
footer .f-media {
  background-color: #496471;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
footer .f-media img {
  width: 18px;
  height: 18px;
  filter: brightness(5);
}
footer .f-media:last-child {
  margin-right: 0;
}
footer .copyright {
  background-color: #31444d;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px 0;
}
footer .copyright .copy-text {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.43px;
  color: rgba(255, 255, 255, 0.7);
}
footer .copyright .copy-text a {
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 700;
}
footer .copyright .copy-text a:before {
  content: "-";
  margin-right: 5px;
}
footer .copyright .mr32 {
  margin-right: 32px;
}