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

html {
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.before-after-body {
  overflow-x: visible;
}

a {
  text-decoration: none !important;
}

:root {
  /* colors */
  --darkblue: #185c8b;
  --turquoise: #1bb6b9;
  --white: #ffffff;
  --brown: #757677;

  /* Son eklenen renkler */
  /* --turquoise: #6BBFB7; */
  --light-turquoise: #A0D9D3;
  --extra-light-turquoise: #D5F2EF;
  --yellow: #F2D194;

  --text-darkblue: #185c8b;
  --text-dark: #020b10;
  --text-white: #ffffff;
  --text-brown: #606060;
  --text-gray: #808080;
  --text-gray-two: #848484;
  --text-gray-three: #8e8e8e;
  --text-gray-four: #7c7c7c;
  --text-gray-five: #939393;
  --text-gray-six: #575757;
  --text-gray-seven: #555555;

  --border-gray: #eaeaea;
  --box-bg: #f2f5f5;
  --footer: #1aa2a5;
  --box-gray: #e5e5e5;

  /* text size */
  --text-size-b: 22px;
  --text-size-m: 20px;
  --text-size-s: 18px;

  --logo-font: "Cinzel";
}

.darkblue-button {
  color: var(--text-white);
  display: block;
  border-radius: 30px;
  font-family: "Roboto Slab";
  font-size: 14px;
  letter-spacing: 1px;
  outline: none;
  min-width: 390px;
  padding: 20px 0;
  cursor: pointer;
}

.darkblue-button:not(:hover) {
  transition: all 0.3s ease !important;
  background-color: var(--darkblue) !important;
  border-radius: 30px !important;
  border: 1px solid var(--darkblue) !important;
  color: var(--text-white);

  max-height: 60px;
}

.darkblue-button:hover {
  transition: all 0.3s ease !important;
  background-color: var(--white) !important;
  color: var(--darkblue) !important;
  border: 1px solid var(--darkblue) !important;
}

.turquoise-button {
  color: var(--text-white);
  display: block;
  border-radius: 30px;
  font-family: "Roboto Slab";
  font-size: 14px;
  letter-spacing: 1px;
  outline: none;
  min-width: 390px;
  padding: 20px 0;
  cursor: pointer;
}

.turquoise-button:not(:hover) {
  transition: all 0.3s ease !important;
  background-color: var(--turquoise) !important;
  border-radius: 30px !important;
  border: 1px solid var(--turquoise) !important;
  color: var(--text-white);
}

.turquoise-button:hover {
  transition: all 0.3s ease !important;
  background-color: var(--white) !important;
  color: var(--turquoise) !important;
  border: 1px solid var(--turquoise) !important;
}

.wrapper {
  width: 100%;
  overflow: hidden !important;
}

.wrapper-tedavi-content,
.blog-detay-wrapper {
  overflow: unset !important;
}

.container {
  width: 100%;
  overflow-x: unset !important;
  position: relative;
}

.main-container {
  overflow-x: hidden !important;
}

.container.active {
  background-color: beige;
}

.intro {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.intro-video-wrapper {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: relative;
}

.intro-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.508);
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.intro-video-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #242424;
  opacity: 0;
  pointer-events: none;
}

.intro-video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: right;
  pointer-events: none;
}

/**/
.intro-mouse {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.intro-mouse .intro-mouse-img {
  width: 70px;
  position: relative;
  display: none;
}

.intro-mouse .intro-mouse-img::before {
  content: "";
  border: 4px solid #fff;
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translate(-10%, -10%);
  border-radius: 50%;
  animation: drop 2s linear infinite;
}

@keyframes drop {
  0% {
    transform: translate(-50%, 20px);
    opacity: 0;
  }

  60% {
    transform: translate(-50%, 30px);
    opacity: 0.8;
  }

  100% {
    transform: translate(-50%, 40px);
    opacity: 1;
  }
}

.intro-mouse .intro-mouse-img img {
  width: 100%;
}

/**/
.intro-content {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -0%);
  width: 750px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  color: #f6f6f6;
  height: 100%;
}

.intro-logo {
  text-align: center;
  position: absolute;
  top: 6%;
  pointer-events: all;
  z-index: 5;
  display: none;
}

.intro-logo h1 img {
  width: 50px;
  margin-right: 10px;
}

.intro-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 750px;
}

.intro-text-randevu {
  position: absolute;
  top: 65%;
  z-index: 5;
  pointer-events: all;
}

.intro-text-randevu button {
  font-family: "SourceSansPro";
  font-size: 12px;
  letter-spacing: 4px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  padding: 17px 90px;
  border-radius: 30px;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  background-color: #b0ded0;
  color: var(--text-white);
  transition: background-color 0.3s ease;
  background: var(--turquoise);
}

.intro-text-randevu button:hover {
  background-color: #41c7ca;
}

.intro-text-randevu button i {
  font-size: 23px;
  padding-left: 15px;
  color: var(--text-white);
  pointer-events: none;
}

.intro-exit-btn {
  display: none;
  position: fixed;
  top: -3vw;
  left: -3vw;
  border-radius: 50%;
  cursor: pointer;
  mix-blend-mode: revert;
  opacity: .9;
  z-index: 5;
  display: block;
  width: 100px;
  background-color: #1BB6B9;
  border-radius: 50%;
  height: 100px;
  display: flex;
  pointer-events: none;
}

.intro:not(:hover) .intro-exit-btn {
  display: none;
}

#intro-section-exit-text {
  display: flex;
  width: 100px;
  height: 100px;
  background-color: #1BB6B9;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

#intro-section-exit-text:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 130%;
  height: 130%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: gray;
  opacity: 0.6;
  pointer-events: none;
  animation: intro-exit-btn 1s infinite 0.4s;
  z-index: -1;
}

.intro-btn:hover #intro-section-exit-btn {
  width: 50px;
  height: 50px;
}

.intro-btn:hover #intro-section-exit-text {
  display: none;
}


@keyframes intro-exit-btn {
  0% {
    width: 0%;
    height: 0%;
  }

  100% {
    width: 130%;
    height: 130%;
  }
}

.intro-exit-btn p {
  font-family: "Futura PT";
  font-size: 18px;
  color: var(--text-white);
}

.logo {
  font-family: var(--logo-font);
  letter-spacing: 13px;
  color: #f6f6f6;
  font-weight: 400;
  display: flex;
  position: relative;
  align-items: center;
}

.logo-text-t {
  position: relative;
  font-size: 45px;
  font-family: var(--logo-font);
  color: var(--text-white);
}

.logo-text-t img {
  position: absolute;
  top: 50%;
  left: 33%;
  transform: translate(-50%, -33%);
  width: 50px;
}

.nav-logo .logo-text-t {
  font-size: 30px;
}

.invisalign-info-nav .nav-logo .logo.active {
  font-size: 3.4vw;
}

.invisalign-info-nav .nav-logo h1 img {
  width: 35px;
  margin-right: 10px;
}

.invisalign-info-nav .nav-logo .logo-text-t {
  font-size: 1.6vw !important;
}

.nav-logo .logo {
  font-size: 3.4vw;
}

.register {
  font-family: "Helvetica Neue";
  font-size: 12px;
  letter-spacing: 7px;
  font-weight: 400;
  position: absolute;
  top: 24px;
  right: -6px;
}

.global-register {
  font-size: 11px;
  top: 16px;
  right: -11px;
}

.invisalign-info-nav .register {
  top: 12px;
  font-size: 10px;
  right: -9px;
}

.ortodont-text {
  font-family: "Futura PT";
  font-size: 26px;
  letter-spacing: 6px;
  position: relative;
  bottom: 10px;
}

.logo-swiper-slide .ortodont-text {
  opacity: 0.6;
  color: var(--darkblue);
}

.intro-content .intro-text p {
  font-family: "Roboto Slab Bold";
  font-size: 77px;
  letter-spacing: 2px;
  position: relative;
  z-index: 5;
  max-width: 744px;
}

/**/
.invisalign-info {
  width: 100%;
  position: relative;
  color: var(--text-white);
  margin-bottom: 140px;
}

.invisalign-info::after {
  content: "";
  position: absolute;
  top: 0%;
  width: 100%;
  height: 88%;
  background-color: black;
  left: 0;
  opacity: 0.55;
  pointer-events: none;
}

/**/
.invisalign-info-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.5;
}

.invisalign-info-bg img {
  width: 100%;
  height: 100%;
}

/**/
.invisalign-info-nav {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-left: 150px;
  padding-right: 50px;
  color: var(--text-white);
  padding-top: 85px;
  padding-bottom: 25px;
  background-color: transparent;
  z-index: 100;
  position: relative;
  transform: translateY(-30%);
  transition: translateY 1s ease;
}

.invisalign-info-nav.active {
  background-color: var(--turquoise);
  position: fixed;
  top: 0;
  transition: top, transform 0.5s ease;
  transform: translateY(0);
  padding: 10px 100px;
  box-shadow: 0 2px 55px #31999b;
}

#navbar-logo-text.active {
  font-size: 1.6vw !important;

}

#logo-main-page.active {
  width: 35px;
}

.global-nav {
  z-index: 200;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.global-nav.active .nav-locations {
  display: none;
}

/* .main-nav {
  display: none !important;
} */

.main-nav .nav-header {
  display: none;
}

.main-wrapper .select-language-main {
  top: 63px;
}

.main-wrapper .select-language.active {
  top: 20px;
}

.nav-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  color: var(--text-white);
  padding: 100px 100px 0 100px;
  background-color: white;
  z-index: 200;
  transition: 0;
  transform: translateY(-30%);
  background-color: transparent;
}

.nav-content.active {
  position: fixed;
  top: 0;
  transition: top, transform 0.5s ease;
  background-color: var(--turquoise);
  transform: translateY(0%);
  padding: 10px 100px;
  box-shadow: 0 2px 55px #31999b;
  height: 74px;
}

.nav-links-search-bar {
  display: none;
  transition: all .3s ease;
}

.nav-content.active .nav-links-search-bar {
  display: block;
}

.nav-links-search-bar:hover {
  transition: all .3s ease;
  transform: translateY(-10%);
}


.nav-links-search-bar a {
  color: var(--text-white);
}

/*  */
.nav-content.active .nav-search {
  display: none;
}

.nav-content.active .nav-appointment img {
  width: 30px;
}

.nav-content.active .nav-appointment {
  background-color: var(--white);
  /* border: 1px solid var(--turquoise); */
}

/* .main-wrapper .nav-appointment {
  background-color: var(--turquoise);
} */

/* .nav-content.active .nav-links-main-header-yasam::after {
  color: var(--white);
} */

.invisalign-info-nav.active .nav-links-main-header-yasam::after {
  color: var(--darkblue);
}

.invisalign-info-nav.active .nav-appointment {
  background-color: var(--darkblue);
}


.nav-header {
  display: flex;
  justify-content: flex-end;
  background-color: #1bb6b9b8;
  color: var(--text-white);
  padding: 14px 100px;
  z-index: 199;
  position: relative;
  align-items: center;
}

.nav-header-texts {
  display: flex;
  gap: 100px;
}

.nav-header p {
  font-family: "Futura BT Light";
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
}

.nav-header p img {
  width: 40px;
  margin-right: 20px;
}

.nav-header-support-line {
  line-height: 1.1;
}

.nav-header-support-line h3 {
  font-family: "Roboto Slab";
  font-size: 23px;
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  text-align: right;
  letter-spacing: 2px;
}

.nav-header .beni-gotur {
  color: var(--text-white);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  padding: 4px 10px;
  border: 1px solid var(--white);
  margin-right: 20px;
  font-size: 16px;
  font-family: "Latinka-Light";
}

.beni-gotur span {
  font-size: 14px;
  letter-spacing: 1px;
}

.nav-header-support-line p {
  font-family: "Roboto Slab";
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: #75ced0;
}

.nav-logo-yasam {
  position: relative;
  display: inline-block;
  width: auto !important;
}

.nav-logo-yasam::after {
  content: "yaşam";
  position: absolute;
  right: 0;
  top: 20px;
  font-family: "Calendary Hands";
  color: var(--turquoise);
  font-size: 2.3vw;
}

.nav-logo,
.drowdown-nav-logo {
  text-align: center;
  display: inline-block;
  color: var(--text-white);
}

.drowdown-nav-logo {
  width: 50%;
  display: none;
}

.drowdown-nav-logo img {
  width: 100%;
}

.drowdown-nav-logo .logo {
  font-size: 6.1vw;
  justify-content: center;
}

.drowdown-nav-logo .logo img {
  width: 50px;
  margin-right: 10px;
}

.nav-logo,
.drowdown-nav-logo .logo-text-t {
  letter-spacing: 3px;
  font-size: 3.1vw;
  /* color: var(--turquoise); */
}

.nav-logo,
.drowdown-nav-logo {
  font-size: 27px;
}

.drowdown-nav-logo .logo-text-t img,
.nav-logo .logo-text-t img {
  top: 50%;
  left: 35%;
  transform: translate(-50%, -35%);
  width: 30px;
}

.drowdown-nav-logo .ortodont-text,
.nav-logo .ortodont-text {
  font-size: 17px;
  bottom: 2px;
  opacity: 0.6;
  letter-spacing: 8px;
  font-family: "Futura PT Light";
  transition: all 0.3s ease;
}

.nav-logo .ortodont-text.active {
  font-size: 15px;
  transition: all 0.3s ease;
}

.our-work-logo .logo-text-t img {
  width: 47px !important;
}

.our-work-logo .ortodont-text {
  opacity: 0.4;
}



.global-nav .nav-logo-a {
  display: flex;
  align-items: center;
}

.invisalign-info .nav-logo {
  width: 14%;
  display: flex;
  align-items: center;
}

.dropdown-menu .nav-logo-a {
  width: 26%;
}

.nav-logo,
.drowdown-nav-logo {
  width: 100%;
}

.nav-logo img,
.drowdown-nav-logo img {
  width: 100%;
}

.nav-logo .logo {
  letter-spacing: 7px;
  transition: all 0.3s ease;
}

.nav-logo .logo.active {
  font-size: 2.4vw;
  transition: all 0.3s ease;
  color: var(--turquoise);
}

.nav-logo .logo.active .logo-text-t {
  font-size: 1.6vw;
}

.nav-logo img {
  transition: all 0.2s ease;
  width: 25px;
  margin-right: 10px;
}

.nav-content.active .nav-logo img {
  /* width: 25px; */
  transition: all 0.2s ease;
}

.nav-links {
  display: flex;
  align-items: center;
  position: relative;
}

.nav-links .nav-links-main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  position: relative;
}

.nav-links .nav-links-main li {
  display: flex;
  align-items: center;
  font-family: "Roboto Slab";
  font-size: 15px;
  letter-spacing: 1px;
  position: relative;
  font-weight: 200;
  opacity: 1 !important;
}

/**/
.nav-links-under {
  display: flex !important;
  position: absolute;
  top: 32px;
  opacity: 0;
  transition: transform 0.5s ease;
  pointer-events: none;
  z-index: 50;
  min-width: 290px;
  left: 50%;
  transform: translateX(-50%) translateY(-5%);
  padding-top: 20px;
}

.nav-links-main-header-online-hizmetler .nav-links-under {
  right: 0;
  left: auto;
  transform: translateX(0%) translateY(-5%);
}



.nav-links-under.active {
  opacity: 1;
  transform: translateX(-50%) translateY(0%);
  transition: all 0.5s ease;
  pointer-events: all;
  z-index: 200;
}

.nav-links-main-header-online-hizmetler .nav-links-under.active {
  transform: translateX(0%) translateY(0%);
}

.nav-links-main-header-online-hizmetler .nav-links-under::after {
  left: auto;
  transform: translateX(0%);
  right: 6%;
}

.nav-links-under-content {
  background-color: var(--turquoise);
  border-radius: 15px;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.16));
  padding: 30px 10px;
  position: relative;
}

.nav-links-under.active .nav-links-under-content {
  margin-top: 15px;
}

.invisalign-info-nav .nav-links-under,
.nav-content.active .nav-links-under {
  top: 45px;
}

.dropdown-menu .nav-logo-a {
  display: block;
  text-align: center;
}

.dropdown-nav-links-under {
  display: none;
}

.dropdown-nav-links-under.active {
  display: block;
}

.dropdown-menu .menu-btn.fas.fa-chevron-down {
  font-size: 22px;
  color: var(--text-brown);
  opacity: 0.55;
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  height: 100%;
}

.dropdown-menu .menu-btn.bx.bx-plus {
  font-size: 22px;
  color: var(--text-brown);
  opacity: 0.55;
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  height: 100%;
}

.menu-btn {
  position: absolute;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

.menu-btn.active {
  transform: rotate(180deg);
}

.menu-btn-plus.active {
  transform: rotate(45deg);
}

.nav-links-under::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 12px;
  z-index: -1;

  border-color: transparent transparent var(--text-white) transparent;
  border-style: solid;
  border-width: 0 15px 20px 15px;
  width: 0;
  height: 0;
}

.nav-links ul li .nav-links-under li {
  padding: 0 20px !important;
}

.nav-links ul li .nav-links-under li a {
  width: 100%;
  padding: 15px 0 !important;
}

/**/

.nav-links ul li a {
  display: block;
  width: 100%;
  cursor: pointer;
  color: var(--text-white);
}

/* .nav-content.active .nav-links ul li a {
  color: var(--turquoise);
} */

.nav-appointment-text h3,
.language {
  color: var(--turquoise);
}

.nav-links>ul li i {
  color: var(--text-white);
}

.nav-links>ul li a:not(:hover) {
  transition: all .2s ease;
}

.nav-links>ul li a:hover {
  opacity: .8;
  transition: all .2s ease;
}

.nav-links-under-general-items-more a:hover,
.nav-links-main-header-online-hizmetler a:hover {
  opacity: unset !important;
}

.nav-links>ul li i {
  margin-left: 10px;
  cursor: pointer;
  opacity: 0.5;
  position: relative;
  top: 1px;
}

.nav-appointment {
  background-color: white;
  /* background-color: var(--yellow); */
  border-radius: 10px;
}

.nav-appointment .nav-appointment-content {
  display: flex !important;
  padding: 16px 21px 16px 17px;
}

.nav-appointment img {
  width: 29px;
  height: 32px;
  margin-right: 10px;
}

.nav-appointment-text {
  line-height: 1;
}

.nav-appointment-text a {
  color: var(--text-white);
}

.nav-appointment-text h3 {
  font-size: 12px;
  font-family: "Roboto Slab";
  font-weight: 200;
  letter-spacing: 1px;
}

.nav-appointment-text h3:first-child {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
}

.nav-content .nav-logo {
  text-align: left;
}

/**/
header {
  height: 480px;
  position: relative;
  overflow: hidden;
  z-index: 10;
}

.blog-header {
  height: 580px;
}

.blog-header .header-content {
  width: 100%;
  bottom: 25%;
  text-align: center;
  padding-left: 0;
  padding-inline: 50px !important;
  left: auto;
}

.blog-header .header-content h1 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
}

.blog-header .detail-content-box-info {
  position: relative;
  top: 30px;
}

.blog-header .header-content h1 {
  font-size: 47px;
}

.blog-header .blog-publication-date span {
  font-size: 14px;
}

.blog-header .header-img::after {
  opacity: 0.65;
}

.blog-header .header-invisalign {
  display: none;
}

/*  */
.tedavi-content .header-content h1 {
  font-size: 50px;
}

/*  */

.tedavi-content {
  height: 100vh;
  height: 100svh;
}

.header-video {
  display: block;
}

.header-video-mobil {
  display: none;
}

.header-video-content {
  width: 100%;
  height: 100%;
}

.header-video-content-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(to top, #000000 -39px, transparent 13%);
}

.wrapper-search .nav-header,
.wrapper-search .header-invisalign,
.wrapper-tedavi-content .nav-header,
.wrapper-tedavi-content .header-invisalign {
  display: none;
}

.wrapper-search .global-nav {
  background-color: var(--text-brown);
}

/* .wrapper-tedavi-content .select-language-main {
  transform: translateY(110%);
} */
.wrapper-tedavi-content .select-language-main {
  top: 58px;
}

.wrapper-tedavi-content .select-language-main.active {
  top: 19px;
}


.header-video-content-wrapper {
  height: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
  -webkit-box-pack: center;
  justify-content: center;
}

.header-video-content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: -1;
}

.header-video-content video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.header-img {
  width: 100%;
  height: 100%;
  position: relative;
  transform: scale(1.1);
}

.header-img.active {
  transform: scale(1);
  transition: transform 1s ease;
}

.header-img::after {
  content: "";
  position: absolute;
  background-color: #3e3e3e;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.header-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header-img-tedavi-content img {
  transform: translate(-50%, -50%) scaleX(-1);
}

header .search-bar {
  position: absolute;
  bottom: 4%;
  right: 6%;
  width: 27%;
  display: flex;
  justify-content: flex-end;
  height: 70px;
}

header .search-bar form {
  width: 100%;
}

header .search-bar input {
  width: 100%;
  height: 100%;
  /* border-top-left-radius: 20px; */
  /* border-bottom-left-radius: 20px; */
  border: none;
  outline: none;
  padding-left: 30px;
  font-family: "Latinka-Regular";
  font-size: 19px;
  border: none !important;
  background: var(--text-white);
  border-radius: 20px;
}

header .search-bar input::placeholder {
  color: var(--text-gray-five);
  font-family: "Latinka-Light";
  opacity: .7;
}

header .search-bar button {
  border: none !important;
  height: 100%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border: none;
  outline: none;
  width: 80px;
  background-color: var(--white);
  position: absolute;
  right: 0;
}

header .search-bar button i::before {
  color: var(--darkblue);
  font-size: 30px;
  cursor: pointer;
}

.header-invisalign {
  width: 300px;
  position: absolute;
  right: 30px;
  bottom: 5px;
  opacity: 0.5;
}

.header-invisalign img {
  width: 100%;
}

.header-content {
  position: absolute;
  bottom: 19%;
  left: 5%;
  /* padding-left: 100px; */
}

.header-content h1 {
  font-family: "Latinka-Light";
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 2px;
  color: #ffffff;
}

.header-content p {
  font-family: "Latinka-Light";
  font-size: 23px;
  font-weight: 300;
  line-height: 46px;
  font-style: normal;
  text-align: left;
  color: #ffffff;

  display: none;
}

/*  */
.menu {
  display: none;
}

.menu i {
  font-size: 25px;
  color: var(--white);
}

.menu .line {
  width: 45px;
  height: 3px;
  background-color: var(--text-white);
  margin-top: 5px;
  border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* .nav-content.active .menu .line {
  background-color: var(--turquoise);
} */

.menu:focus-visible {
  background-color: transparent;
}

.menu .line:nth-child(1) {
  transform-origin: top left;
  margin-top: unset !important;
}

.menu .line:nth-child(2) {
  transform-origin: center;
}

.menu .line:nth-child(3) {
  transform-origin: bottom left;
}

.menu.active .line:nth-child(1) {
  transform: rotate(47deg) translate(0px, -11px);
}

.menu.active .line:nth-child(2) {
  opacity: 0;
  margin-top: 3.5px;
}

.menu.active .line:nth-child(3) {
  transform: rotate(-45deg) translate(0px, 9px);
  margin-top: 3.5px;
}

nav,
.nav-content {
  z-index: 200;
}

.dropdown-menu {
  position: fixed;
  width: 100%;
  height: 150vh;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: var(--text-white);
  z-index: 100;
  transform: translateX(-100%);
  transition: transform 0.6s ease;
  padding-top: 110px;
  padding-bottom: 40px;
}

.dropdown-menu.active {
  transform: translateX(0%);
  transition: transform 0.6s ease;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
}

.dropdown-menu .nav-links .nav-links-main {
  flex-direction: column;
}

.dropdown-nav-links-main a {
  color: var(--turquoise);
  font-size: 16px;
}

.dropdown-nav-links-under a {
  font-size: 15px;
  /* max-width: 80%; */
  padding: 10px 0px;
  opacity: .9;
  color: var(--text-brown);
  display: block;
}

.dropdown-nav-links-under-inside-internal-link-header a {
  opacity: .7;
}

.dropdown-nav-links-under-inside-end-header a {
  opacity: .5;
}

.dropdown-nav-links-under li {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.dropdown-nav-links-under-inside-header,
.dropdown-nav-links-under-inside-internal-link-header {
  display: flex;
  justify-content: space-between;
  width: 92%;
  position: relative;
}

.dropdown-nav-links-under-inside-internal-link-header {
  width: 85%;
}

.dropdown-nav-links-under-inside,
.dropdown-nav-links-under-inside-internal-link {
  display: none;
}

.dropdown-nav-links-under-inside {
  border-radius: 4px;
}

.dropdown-nav-links-under-end-inside {
  background-color: #F1F1F1;
  border-radius: 5px;
  width: 86%;
}

.dropdown-nav-links-under-end-inside ul li {
  padding-left: 0;
}

.dropdown-nav-links-under-end-inside ul li a {
  padding-left: 10px;
}

.dropdown-nav-links-under-end-inside .dropdown-nav-links-under-inside-end-header {
  border-bottom: 1px solid lightgray;
}

.dropdown-nav-links-under-end-inside ul li:last-child .dropdown-nav-links-under-inside-end-header {
  border-bottom: none;
}

.dropdown-menu .dropdown-nav-links {
  padding-top: 20px;
}

.dropdown-menu .dropdown-nav-links,
.dropdown-social-links {
  width: 100%;
  padding: 0 30px;
}

.dropdown-nav-links-main {
  width: 100%;
  font-family: "Roboto Slab";
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: #ffffff;
}

.nav-links-main-header-yasam {
  position: relative;
}

.nav-links-main-header-yasam::after {
  content: "yaşam";
  position: absolute;
  left: 9px;
  bottom: -27px;
  color: var(--turquoise);
  font-family: "Calendary Hands";
  font-size: 30px;
  pointer-events: none;
}

.nav-links-main-header-deneyim::after {
  content: "deneyim";
  z-index: -1;
  bottom: -32px;
}

.dropdown-nav-links-main-header {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 5px 0;
}

.dropdown-nav-links-main-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: white;
  opacity: 0.55;
}

.dropdown-nav-links-main-header-text {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
  align-items: center;
  margin-bottom: 5px;
}

.dropdown-nav-links-main-header-text-yasam {
  position: relative;
}

.dropdown-nav-links-main-header-text-yasam::after {
  content: "yaşam";
  position: absolute;
  right: -84%;
  top: -30%;
  color: var(--turquoise);
  font-family: "Calendary Hands";
  font-size: 27px;
  pointer-events: none;
}

.dropdown-nav-links-main-header-text-name {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.dropdown-nav-links-main-header-text-name span {
  color: var(--turquoise);
  font-size: 16px;
}

.dropdown-nav-links-main-header-text-name-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--extra-light-turquoise);
  padding: 10px;
}

.dropdown-nav-links-main-header-text-name-img img {
  width: 100%;
  height: 100%;
}

.nav-locations {
  position: absolute;
  right: 0;
  top: -30px;
}

.nav-locations-header {
  display: flex;
  align-items: center;
  column-gap: 8px;
  cursor: pointer;
  position: relative;
  z-index: 5;
  color: var(--white);
}

.nav-locations-header h2 {
  font-family: "Roboto Slab Light";
  font-size: 12px;
  font-weight: 200;
  cursor: pointer;
  color: var(--text-white);
}

.nav-locations-items-wrapper {
  padding-top: 20px;
  position: absolute;
  top: 0%;
  right: 0;
  padding-top: 0;
  opacity: 0;
  pointer-events: none;
  transition: all .3s ease;
}

.nav-locations-items-wrapper.active {
  padding-top: 30px;
  opacity: 1;
  pointer-events: all;
}

.nav-locations-items {
  display: flex;
  padding: 10px;
  column-gap: 10px;
  background-color: var(--white);
  position: relative;
  border-radius: 4px;
}

.nav-locations-items.active {
  opacity: 1;
  transition: all .3s ease;
  pointer-events: all;
  top: 110%;
}

.nav-locations-items::after {
  content: "";
  position: absolute;
  right: 50px;
  top: -8px;
  z-index: -1;
  border-color: transparent transparent var(--text-white) transparent;
  border-style: solid;
  border-width: 0 10px 15px 10px;
  width: 0;
  height: 0;
}

.nav-locations-item {
  position: relative;
}

.nav-locations-item-image {
  width: 250px;
  height: 250px;
  transition: all .3s ease;
}

.nav-locations-item:hover .nav-locations-item-image {
  height: 200px;
  transition: all .3s ease;
}

.nav-locations-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.nav-locations-item-text {
  font-family: "Roboto Slab";
  position: relative;
  z-index: 5;
  padding: 10px;
}

.nav-locations-item-text:hover {
  opacity: .8;
}

.nav-locations-item:hover p {
  opacity: 1;
  transition: all .3s ease;
  /* height: auto; */
}

.nav-locations-item-text a {
  color: var(--turquoise);
}

.nav-locations-item-text h2 {
  font-size: 15px;
}

.nav-locations-item-text p {
  font-size: 14px;
  padding-top: 10px;
  opacity: 0;
  transition: all .3s ease;
  height: 30px;
}

.nav-locations-item-image-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.dropdown-social-links {
  padding-top: 40px;
  text-align: left;
  display: flex;
  column-gap: 5px;
  justify-content: center;
}

.dropdown-social-link {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--extra-light-turquoise);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown-social-links ul li {
  position: relative;
}

.dropdown-social-links ul li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #1bb6b9;
  opacity: 0.18;
}

.dropdown-social-links a {
  font-family: "Roboto Slab";
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: black;
}

/**/
.invisalign-info-content-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-left: 100px;
  padding-top: 110px;
}

.invisalign-info-content {
  padding-top: 100px;
  padding-bottom: 225px;
  position: relative;
  z-index: 5;
}

.invisalign-info-content-text {
  max-width: 550px;
}

/**/
.invisalign-info-content h3 {
  font-family: "";
  font-family: var(--logo-font);
  font-size: 30px;
  font-weight: normal;
  line-height: 21px;
  font-style: normal;
  text-align: left;
  letter-spacing: 1px;
  color: #ffffff;
}

.invisalign-info-content h2 {
  font-family: "Roboto Slab";
  font-size: 44px;
  line-height: 53px;
  font-style: normal;
  text-align: left;
  padding: 10px 0;
  font-weight: bold;
  letter-spacing: 2px;
}

.invisalign-info-content p {
  font-family: "Futura PT";
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  letter-spacing: 1px;
}

.invisalign-info-content-button {
  padding-top: 70px;
}

.view-more {
  color: var(--text-white);
  display: flex;
  align-items: center;
  cursor: pointer;
}

.view-more:not(:hover) .right-arrow {
  transform: translateX(0%);
  transition: transform 0.4s ease;
}

.view-more:hover .right-arrow {
  transform: translateX(10%);
  transition: transform 0.4s ease;
}

.right-arrow {
  width: 38px;
}

.view-more span {
  padding-left: 15px;
  font-family: "Roboto Slab";
  font-family: "Latinka-Regular";
  font-size: 11px;
  font-weight: 300;
  line-height: 21px;
  font-style: normal;
  letter-spacing: 1px;
}

.invisalign-info-content-image {
  margin-top: 40px;
  display: flex;
  gap: 30px;
}

.invisalign-info-content-image .main-logos {
  width: 320px;
}

/**/
.invisalign-info-image-area {
  max-width: 100%;
  height: calc(116% - 0);
  background-color: white;
  position: relative;
  z-index: 5;
}

/**/
.invisalign-info-image-area-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 2;
}

.invisalign-info-image-area-buttons {
  position: fixed;
  top: 20%;
  right: 0;
  min-height: 300px;
  z-index: 50;
  right: 0;
  opacity: 1;
  transition: all .3s ease;

  display: none;
}

.invisalign-info-image-area-buttons.active {
  transition: all .3s ease;
  opacity: 0;
  right: -100px;
}

.invisalign-info-image-area-buttons .invisalign-info-image-area-online {
  position: absolute;
  right: 0;
  display: flex;
  z-index: 30;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  cursor: pointer;
  font-family: "Roboto Slab";
  font-size: 15px;
  font-weight: 200;
  line-height: 21px;
  font-style: normal;
  text-align: left;
  letter-spacing: 2px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

.invisalign-info-image-area-online-content {
  position: absolute;
  width: 240px;
  background-color: #f7ece8;
  right: 80px;
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  z-index: 5;
  transform: translateX(100%) translateY(-50%);
  transition: all .6s ease;
  opacity: 0;
  pointer-events: none;
  padding: 28px;
  background: white;
  border: 1px solid #d9d9d975;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

.invisalign-info-image-area-online-content.active {
  transition: all .6s ease;
  top: 50%;
  transform: translateX(0%) translateY(-50%);
  opacity: 1;
  pointer-events: all;
}

.invisalign-info-image-area-online-content a {
  font-size: 15px;
  font-family: "Roboto Slab";
  color: var(--turquoise);
  padding: 8px 0 !important;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.invisalign-info-image-area-online-content a:hover {
  left: 5px;
  transition: all .3s ease;
}

.invisalign-info-image-area-online-content a:not(:hover) {
  left: 0;
  transition: all .3s ease;
}

.invisalign-info-image-area-online-content a::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  left: 0;
  background-color: var(--turquoise);
}

.invisalign-info-image-area-online-i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  color: var(--text-brown);
  transition: all .3s ease;
}

.invisalign-info-image-area-online-i.active {
  transform: translateY(-50%) rotate(180deg);
  transition: all .3s ease;
}

.invisalign-info-image-area-buttons a {
  padding: 30px 18px;
}

.invisalign-info-image-area-online {
  top: 8%;
  background-color: var(--turquoise);
}


.invisalign-info-image-area-online a {
  color: var(--text-white);
}

.invisalign-info-image-area-pricing {
  top: 42%;
  background-color: var(--turquoise);
  color: var(--text-white);
}

.back-intro-btn {
  width: 220px;
  z-index: 200;
  cursor: pointer;
}

.back-intro-btn img {
  width: auto !important;
}

.back-intro-btn p {
  letter-spacing: 1px;
}

.invisalign-info-image-area-pricing a {
  color: var(--text-white);
}

.invisalign-info-image-area-enquiry {
  position: absolute;
  right: 15%;
  bottom: 3%;
  background-color: transparent;
  font-family: "Roboto Slab";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: #606060;
  padding: 10px 10px 10px 25px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 20;
  border: 1px solid #cccccc;
}

.invisalign-info-image-area-enquiry span {
  letter-spacing: 1px;
}

.invisalign-info-image-area-enquiry i {
  color: var(--white);
}

.invisalign-info-image-area-enquiry-icon {
  margin-left: 10px;
  background-color: var(--turquoise);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.invisalign-info-image-area-bg img {
  width: 100%;
  height: 100%;
  z-index: -1;
}

.invisalign-info-image-area-bg img,
.invisalign-info-image-area {
  border-top-left-radius: 90px;
}

/**/
.invisalign-info-image-area .invisalign-info-image {
  position: absolute;
  left: -319px;
  bottom: 0;
  width: 100%;
  height: 98%;
  z-index: 2;
  pointer-events: none;
}

.invisalign-info-image-area .invisalign-info-image img {
  width: auto;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

/**/
.invisalign-info-bottom,
.invisalign-info-bottom-outside {
  display: flex;
  color: var(--text-gray-seven);
  padding-left: 100px;
  position: relative;
  padding: 20px 0 20px 100px;
}

.invisalign-info-bottom p,
.invisalign-info-bottom-outside p {
  font-family: "Futura BT Light";
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: #868686;
  letter-spacing: 2px;
  display: flex;
  align-items: center;

  display: inline-block;
  width: 100%;
}

.invisalignBottom-text .invisalign-first {
  padding-right: 80px;
  margin-left: 20px;
}

.invisalignBottom-image {
  position: relative;
  display: flex;
  align-items: center;
}

.invisalignBottom-image-voice {
  width: 40px !important;
}

.invisalignBottom-image-voice-1 {
  width: 50px !important;
  position: absolute;
  right: -5px;
  transform: translateX(-5%);
  animation: voice-svg 1.2s ease forwards infinite 0.3s;
}

.invisalignBottom-image-voice-2 {
  width: 50px !important;
  position: absolute;
  transform: translateX(-5%);
  right: -5px;
  animation: voice-svg 1.2s ease forwards infinite 0.3s;
}

/* .text-slider {
  height: 110px;
  overflow: hidden;
  position: relative;
  width: 48%;
  margin-left: 10px;
}

.text-slider .text-slide-track {
  -webkit-animation: scroll 30s linear infinite;
  animation: scroll 30s linear infinite;
  display: flex;
  width: calc(250px * 18);
}

.text-slider .text-slide {
  height: 100px;
  padding-top: 46px;
  margin-right: 50px;
}

.text-slider .text-slide .text {
  height: 100px;
  width: 100%;
  white-space: nowrap;
} */

@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 7));
  }
}

/**/

@keyframes voice-svg {
  0% {
    transform: translateX(-7%);
    opacity: 0;
    width: 0;
  }

  100% {
    right: -7px;
    opacity: 1;
    width: 50px;
  }
}

.invisalignBottom-text {
  display: flex;
  align-items: center;
}

/**/

.section-header {
  display: flex;
  align-items: flex-end;
}

.section-header-staff {
  padding-top: 70px;
}

.section-header-treatment-header {
  padding-top: 0;
}

.section-header-text h3 {
  color: #606060;
  font-family: "Roboto Slab";
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  letter-spacing: 1px;
  padding-left: 5px;
}

.section-header-staff h3 {
  font-size: 20px;
  white-space: nowrap;
  color: var(--turquoise);
}

.section-header-text-yasam-h3 {
  position: absolute;
  bottom: 30px;
}

.section-header-text-yasam {
  font-size: 45px !important;
  color: var(--turquoise) !important;
  font-family: "Calendary Hands" !important;
  position: relative;
  top: 22px;
}

.section-header-text h3:nth-of-type(2) {
  position: relative;
}

.section-header-text-line {
  background-color: var(--turquoise);
  width: 129px;
  height: 4px;
  position: absolute;
  display: inline-block;
  right: 0;
  top: -9px;

  display: none;
}

.section-header-text-long {
  display: flex;
  position: relative;
}

.hekimlerimiz-texts {
  display: flex;
  column-gap: 5px;
}

.section-header-text-long h3:last-child {
  position: relative;
}

.section-header-text-long .section-header-text-line-long {
  top: -8px;
  width: 64%;
  right: 0;
}

.section-header-text-long h3 {
  margin-right: 7px;
}

.section-header-text-line-long {
  width: 54px;
}

.mutlu-gulus .section-header-text-line-long {
  width: 139%;
}

.irtibat-text .section-header-text-line-long {
  width: 21%;
}

.hekimlerimiz .section-header-text-line-long {
  width: 80px;
}

.dis-implant-sorular .section-header-text-line-long {
  width: 63% !important;
}

.our-troops .section-header-text-line-long {
  width: 66px;
}

.dis-implant-section-header-text h3 {
  font-size: 17px;
  line-height: 23px;
}

.info-section-header {
  display: none;
}

.section-header-right {
  flex-grow: 1;
  width: 100%;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.section-header-right-border {
  width: 99%;
  height: 3px;
  position: absolute;
  bottom: 5px;
  right: 0;
  background-color: var(--border-gray);
}

.section-contact {
  width: 100%;
  display: flex;
  height: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  background-color: transparent;
  border-bottom: 3px solid var(--border-gray);
  padding-left: 20px;
  padding-bottom: 5px;
  position: relative;
}

.section-contact::after {
  content: "info@dentmax.com.tr";
  position: absolute;
  right: 0;
  bottom: -33%;
  font-family: "Helvetica";
  color: #b4b4b4;
}

.section-header-right i {
  color: var(--turquoise);
  font-size: 33px;
  padding: 4px 3px;
  cursor: pointer;
}

.centre-section-header-right i:not(:hover) {
  transform: translateX(0%);
  transition: all 0.3s ease;
}

.centre-section-header-right i:hover {
  transform: translateX(20%);
  transition: all 0.3s ease;
}

.our-history-section-header-right i:not(:hover) {
  transform: translateX(0%);
  transition: all 0.3s ease;
}

.our-history-section-header-right i:hover {
  transform: translateX(20%);
  transition: all 0.3s ease;
}

.section-header-right-social i {
  color: var(--text-gray);
  border: 2px solid var(--text-gray);
  margin-left: 10px;
  border-radius: 4px;
}

.section-header-right-social-text {
  position: absolute;
  left: -145px;
  font-size: 17px;
  font-weight: 500;
  line-height: 21px;
  font-style: normal;
  text-align: center;
  color: #a5a5a5;
  width: 100%;
  bottom: 21px;
  font-family: 'Latinka-Regular';
  letter-spacing: 1px;
}

.section-header-right-social-google,
.section-header-right-social-trustpilot {
  position: relative;
  bottom: 10px;
}


.section-header-right-social-trustpilot img {
  width: 110px;
}

.section-header-right-social-google img {
  width: 115px;
  margin-right: 30px;
}

.section-header-right-social-google img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.3;
}

.section-header-right-social-google:hover img {
  -webkit-filter: unset;
  filter: unset;
  opacity: 1;
}

.section-header-right-social-trustpilot img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.3;
}

.section-header-right-social-trustpilot:hover img {
  -webkit-filter: unset;
  filter: unset;
  opacity: 1;
}

.stars {
  display: flex;
  gap: 0;
  margin-left: 10px;
}

.stars i {
  font-size: 18px;
  color: unset;
  border: unset;
  margin-left: 0;
  border-radius: unset;
  width: 20px;
  color: var(--text-gray);
}

.border-i {
  color: var(--turquoise);
  border: 2px solid var(--turquoise);
  border-radius: 10px;
  margin-right: 20px;
}

.info-dentmax {
  opacity: 0;
  pointer-events: none;
}

.section-header-right span {
  font-family: "Roboto Slab";
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  font-style: normal;
  text-align: left;
  color: var(--turquoise);
}

.social-name {
  position: relative;
  bottom: 10px;
  margin-left: 20px;
}

.social-name p {
  font-size: 15px;
  text-align: center;
  font-family: "Futura PT";
}

.social-name span {
  display: inline-block;
  font-size: 10px;
  max-width: 77px !important;
  text-align: center;
  text-align: left;
  line-height: unset;
}

.section-header-right a {
  display: flex;
  align-items: center;
  color: var(--turquoise);
}

.container-s {
  width: 90%;
  margin: 0 auto;
}

.blog-detail-wrapper {
  width: 100%;
  display: flex;
  column-gap: 40px;
  justify-content: space-between;
}

.our-dental-units {
  padding-top: 80px;
  padding-bottom: 120px;
}

.our-work {
  padding-top: 80px;
}

.our-work-logo {
  position: absolute;
  top: 22%;
  left: 50%;
  transform: translate(-50%, -30%);
  flex-grow: 1 !important;
  text-align: center !important;
  z-index: 5;
}

.our-dental-units-image-content {
  position: absolute;
  bottom: -1px;
  left: -1px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  padding-left: 30px;
  padding-top: 15px;
  border-top-right-radius: 20px;
  padding-bottom: 23px;
}

.our-dental-units-image-content-text h3 {
  font-family: "Roboto Slab";
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}

.our-dental-units-prev:not(:hover) {
  transform: translateX(0%);
  transition: transform 0.3s ease;
}

.our-dental-units-prev:hover {
  transform: translateX(-20%);
  transition: transform 0.3s ease;
}

.our-dental-units-next:not(:hover) {
  transform: translateX(0%);
  transition: transform 0.3s ease;
}

.our-dental-units-next:hover {
  transform: translateX(20%);
  transition: transform 0.3s ease;
}

.welcome {
  display: flex;
  width: 100%;
  margin-bottom: 120px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.welcome-image-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 4;
}

.welcome-image-content .welcome-image {
  width: 100%;
  height: 80%;
  /*background-color: grey;*/
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}

.welcome-image-content .welcome-image img {
  width: 103%;
  height: 100%;
  object-fit: cover;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.welcome-content {
  width: 103%;
  height: 92%;
  top: 35px;
  background-color: var(--turquoise);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 5;
  padding: 120px 50px;
  border-radius: 20px;
}

.welcome-boxs {
  width: 105%;
  display: flex;
  align-items: center;
}

.welcome-text-button {
  padding-top: 30px;
}

.blue-line-text-header h3 {
  color: var(--text-white);
  font-family: "Roboto Slab";
  font-size: 22px;
  font-weight: bold !important;
  line-height: normal;
  font-style: normal;
  text-align: left;
  display: inline-block;
}

.blue-line-text {
  background-color: var(--darkblue);
  width: 125px;
  height: 4px;
  position: relative;
  display: inline-block;
  left: 5px;
  display: none;
}

.welcome-text-in p {
  font-family: "Freight Light";
  font-weight: normal;
  font-style: normal;
  text-align: left;
  letter-spacing: 0;
  color: var(--text-white);
  line-height: 1.5;
}

.welcome-text-in-pg {
  padding-top: 30px;
  font-size: 22px;
  letter-spacing: 0;
}

.welcome-text-in-dr {
  font-size: 22px;
  padding-top: 40px;
  letter-spacing: 2px;
}

.welcome-text-in-signature {
  font-family: "Colatin" !important;
  font-size: 50px;
  padding-left: 60px;
  padding-top: 10px;
  letter-spacing: 2px;
}

.our-work-content {
  padding-top: 30px;
  padding-left: 5px;
  padding-right: 30px;
  background-color: var(--white) !important;
}

.our-work-content-text p {
  font-family: "Roboto Slab Medium";
  font-size: 15px;
  font-weight: 300;
  color: #606060;
  line-height: 1.4;
  /* padding-right: 50px; */
  letter-spacing: 1px;
}

.our-work-content-more {
  padding-top: 0;
  font-family: "Futura PT";
  font-size: 14px;
  line-height: 17px;
  font-style: normal;
  text-align: left;
  color: var(--darkblue);
  letter-spacing: 1px;
}

.our-work-content-more a {
  display: block;
  width: 100%;
  color: #606060;
  padding-top: 12px;
  text-decoration: underline !important;
}

.our-work-logo .logo {
  font-size: 0.8vw;
  text-align: center;
}

.our-work-logo .logo img {
  width: 20px !important;
  margin-right: 10px;
}

.our-work-ortodonti-text {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  opacity: 0.68;
}

.our-work-logo .logo-text-t {
  letter-spacing: 10px !important;
}

.our-work-ortodonti-text span {
  color: white;
  font-family: "Futura PT";
  font-size: 15px;
  letter-spacing: 8px;
}

.our-work-logo .logo-text-t {
  font-size: unset;
}

.orthodontic-center-wrapper {
  position: relative;
  margin-bottom: 100px;
}

.orthodontic-center-wrapper-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: var(--turquoise);
}

.orthodontic-center-wrapper-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.orthodontic-section-header {
  position: relative;
  top: 50px;
}

.orthodontic-section-header h3 {
  color: var(--white);
}

.orthodontic-section-header .section-header-text-line {
  background-color: var(--turquoise);
}

.orthodontic-center {
  padding: 150px 50px;
}

.orthodontic-center-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(344px, 1fr));
  place-items: center;
  gap: 8px;
  padding: 30px 0;
  position: relative;
  width: 124%;
  min-width: 100%;
  height: 80%;
  background-color: #000000e6;
  border-radius: 20px;
  border-top-left-radius: 37px;
  border-bottom-left-radius: 37px;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  background: #EFEFEF;
}

.orthodontic-center-item {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer !important;
}

.orthodontic-center-item:not(:hover) {
  transition: transform 0.3s ease !important;
}

.orthodontic-center-item:hover .orthodontic-center-item-header p {
  /* color: var(--darkblue) !important; */
  transition: all .4s ease !important;
  /* font-size: 20px; */
}

.orthodontic-center-item:not(:hover) .orthodontic-center-item-header p {
  transition: all .4s ease !important;
}

.orthodontic-center-item:hover .orthodontic-center-item-text p {
  /* color: var(--darkblue) !important; */
  transition: all .4s ease !important;
  /* font-size: 19px; */
  /* font-weight: bold; */
}

.orthodontic-center-item:not(:hover) .orthodontic-center-item-text p {
  transition: all .4s ease !important;
}

.orthodontic-center-item:hover .orthodontic-center-item-header p {
  /* color: var(--text-white); */
  transition: transform 0.3s ease;
  font-weight: 300;
}

.orthodontic-center-item:hover .orthodontic-center-item-border {
  /* background-color: var(--darkblue); */
  animation: orthodontic-center-item-border-animate 0.4s forwards;
}

@keyframes orthodontic-center-item-border-animate {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.orthodontic-center-item-image {
  border: 2px solid var(--turquoise);
  border-radius: 30px;
  padding: 15px;
  width: 95px;
}

.orthodontic-center-item img {
  height: 42px;
}

.orthodontic-center-item-border {
  width: 100%;
  height: 2px;
  /* background-color: var(--turquoise); */
  background-color: #333;
  position: relative;
}

.orthodontic-center-item-header p {
  font-family: "Roboto Slab";
  font-size: 15px;
  /* color: var(--turquoise); */
  color: #333;
  padding: 20px 0;
  padding-bottom: 10px;
  letter-spacing: 1px;
}

.orthodontic-center-item-text p {
  font-family: "Futura PT Light";
  font-size: 16px;
  color: var(--turquoise);
  padding-top: 10px;
  /* min-height: 34px; */
  font-weight: 200;
}

.our-collaborations {
  width: 100%;
  margin: 100px 0;
  display: flex;
}

.our-collaborations-text {
  width: 30%;
  height: 100%;
  background-color: var(--turquoise);
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  padding: 80px 150px 100px 50px;
}

.our-collaborations-text p {
  font-family: "Freight Light";
  font-size: 22px;
  line-height: 1.7;
  color: var(--text-white);
}

.our-collaborations-text-dentmax {
  padding-top: 80px;
  font-size: 20px !important;
}

.our-collaborations-logos {
  flex-grow: 1;
  position: relative;
  width: 70%;
  cursor: pointer;
}

.our-collaborations-logo img {
  border-radius: 0 !important;

  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.3;
}

.our-collaborations-logo img:hover {
  -webkit-filter: unset;
  filter: unset;
  opacity: 1;
}

.our-collabrations-logos-box {
  width: 87%;
  height: 82%;
  margin-top: 50px;
  background-color: var(--white);
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 10px 36px 0,
    rgba(0, 0, 0, 0.06) 0 0 0 1px;
  overflow: hidden;
}

.logos {
  width: 100%;
  height: 100%;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 70px 120px;
  gap: 30px;
  position: relative;
}

#collaborationsSlider {
  width: 100% !important;
  height: 100% !important;
}

#collaborationsSlider .owl-stage-outer {
  height: 100% !important;
}

.collaborationsSlider-inside {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.our-collaborations-logo img {
  /* width: 180px !important; */
  width: auto !important;
  height: 70px;
}

.our-collaborations-logos-indicators {
  position: absolute;
  bottom: -5px;
  right: 16%;
}

.our-collaborations-logos-indicators i {
  font-size: 30px;
  color: var(--text-gray);
  cursor: pointer;
}

.collaborations-prev:not(:hover) {
  transform: translateX(0%);
  transition: transform 0.3s ease;
}

.collaborations-prev:hover {
  transform: translateX(-20%);
  transition: transform 0.3s ease;
}

.collaborations-next:not(:hover) {
  transform: translateX(0%);
  transition: transform 0.3s ease;
}

.collaborations-next:hover {
  transform: translateX(20%);
  transition: transform 0.3s ease;
}

.google-comments {
  padding: 40px 0;
  position: relative;
  width: 100%;
}

.google-comment {
  background-color: #efefef;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
}

.google-comment-profile {
  display: flex;
}

.google-comment-profile-photo img {
  width: 40px !important;
}

.google-comment-profile-username-and-date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 10px;
}

.google-comment-profile-username {
  font-weight: bold;
  font-family: "Latinka-Regular";
  color: #000000ba;
  font-size: 16px;
}

.google-comment-profile-date {
  opacity: 0.7;
  font-family: "Latinka-Regular";
  font-size: 14px;
  padding-top: 2px;
}

.google-comment-rating {
  display: flex;
  padding-top: 10px;
}

.google-comment-rating img {
  width: 20px !important;
  padding-top: 10px;
}

.google-comment-text {
  text-align: left;
  padding-top: 10px;
  padding-right: 20px;
}

.google-comment-text p {
  font-size: 17px;
  font-family: "Futura BT Light";
  font-weight: bold;
  line-height: 1.5;
  padding-right: 30px;
  color: #454545;
}

.more-google-comments {
  text-align: center;
  padding-bottom: 40px;
}

.treatment-summaries-link button,
.more-google-comments button {
  border: none;
  outline: none;
  background-color: transparent;
}

.google-commentsSwiper .swiper-button-next,
.swiper-button-prev {
  color: var(--text-gray-five) !important;
}

.google-commentsSwiper .swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 30px !important;
}

.contact-and-social {
  display: flex;
  align-items: flex-end;
  gap: 70px;
}

.contact-and-social-logo {
  display: flex;
  align-items: flex-end;
}

.contact-and-social-logo i {
  border: none;
  color: var(--turquoise);
  font-size: 35px;
  margin-left: 0;
}

.contact-and-social-phone {
  display: flex;
  text-align: right;
}

.contact-and-social-address a {
  justify-content: flex-end;
}

.contact-and-social-address h3 {
  font-size: 16px;
  font-weight: 500;
  color: var(--turquoise);
  letter-spacing: 2px;
  font-weight: bold;
}

.contact-and-social-address h2 {
  font-family: "Roboto Slab";
  font-size: 30px;
  color: var(--text-brown);
  opacity: 0.8;
}

.contact-and-social-count {
  font-family: "Roboto Slab";
  font-size: 40px;
  background-color: var(--turquoise);
  color: white;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 10px;
  margin-left: 10px;
}

footer {
  width: 100%;
  margin-top: 80px;
  background-color: var(--text-brown);
  font-family: "Roboto Slab";
  color: var(--text-white);
}

footer ul li a {
  color: var(--text-white);
  font-family: "Latinka-Light";
  letter-spacing: 1px;
  font-size: 16px;
}

footer ul li a:hover {
  color: var(--turquoise);
}

.footer-links {
  width: 100%;
  position: relative;
  overflow: hidden;
}


.footer-links-bg {
  position: absolute;
  height: 100%;
  width: 100%;
}

.footer-links-bg img {
  width: 100%;
  height: auto;
  opacity: 0.1;
}

.footer-links-content {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;

  font-size: 17px;
  line-height: 45px;
  position: relative;
  z-index: 5;
  padding-top: 50px;
}

.footer-links-main {
  display: flex;
  column-gap: 150px;
}

.footer-links-main-info {
  display: flex;
  flex-direction: column;
  max-width: 312px;
}

.footer-links-main-info-text p {
  font-family: "Latinka-Light";
  color: var(--text-white);
  line-height: 1.2;
  opacity: 0.9;
  font-size: 19px;
  font-weight: 200;
}

.footer-links-main-info-logo h1 {
  display: flex;
  align-items: center;
}

.footer-links-main-info-text-dr {
  padding: 20px 0;
}

.footer-links-main-info-text-signature {
  font-family: "Colatin" !important;
  font-size: 35px !important;
  letter-spacing: 4px;
}

.footer-links-main-info-logo img {
  width: 35px;
  margin-right: 16px;
}

.footer-links-main-info-logo span {
  font-family: var(--logo-font);
  font-size: 31px;
  letter-spacing: 7px;
}

.footer-links-main-content {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}

.footer-links-bottom {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 150px;
  padding-bottom: 30px;
  column-gap: 100px;
}

.footer-links-bottom ul {
  display: flex;
  justify-content: flex-end;
  gap: 30px;
}

.footer-links-bottom ul li a {
  font-size: 15px;
  letter-spacing: 0;
}

.footer-link h3 {
  min-height: 65px;
  font-weight: normal;
  font-size: 18px;
}

.footer-links-main-info-logo h1,
.footer-link h3 {
  padding-bottom: 40px;
}

/*  */
.footer-links-bottom-social {
  display: flex;
  flex-direction: column;
}

.footer-links-bottom-social-connect {
  display: flex;
  column-gap: 20px;
  justify-content: center;
}

.footer-links-bottom-social-connect span {
  font-size: 18px;
}

.footer-links-bottom-social-connect-icons i {
  font-size: 22px;
}

.footer-links-bottom-social-connect-icons a {
  color: var(--white);
  margin-left: 10px;
  font-size: 20px;
}

.copyright .footer-links-bottom-social-connect {
  display: none;
}

.footer-links-bottom-social-comments {
  display: flex;
  column-gap: 20px;
  align-items: center;
}

.menu-nav-social-comments-image,
.footer-google-reviews {
  width: 25px;
  display: flex;
  align-items: center;
}

.menu-nav-social-comments-image {
  width: 15px;
  margin-right: 5px;
}

.menu-nav-social-comments-image img,
.footer-google-reviews img {
  width: 100%;
}

.footer-links-bottom-social-comments span {
  font-size: 15px;
}

.footer-links-bottom-social-comments-stars img {
  height: 16px;
  margin-top: 10px;
}

.copyright {
  background-color: var(--turquoise);
}

.copyright-content {
  width: 90%;
  margin: 0 auto;
}

.copyright-content-text-and-logo {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 40px 0;
  opacity: 0.8;
  column-gap: 10px;
}

.copyright-text {
  font-family: "Futura PT Light";
  font-size: 15px;
  max-width: 80%;
}

.technoone {
  text-align: right;
  line-height: 1;
}

.technoone a {
  color: var(--text-white);
}

.technoone-logo p {
  font-family: "Futura PT";
  font-size: 12px;
  letter-spacing: 1px;
}

.technoone-logo img {
  width: 100px;
}

.about-us {
  display: flex;
  width: 100%;
}

.about-us-box {
  width: 40%;
  background-color: var(--box-bg);
  padding-bottom: 180px;
  border-top-right-radius: 30px;
  position: relative;
  bottom: 70px;
}

.about-us-right {
  width: 60%;
  display: flex;
  justify-content: center;
}

.about-us-right-text {
  max-width: 650px;
  padding-top: 70px;
}

.about-us-right-text p {
  padding-top: 25px;
  font-family: "Latinka-Regular";
  font-size: 20px;
  font-weight: normal;
  line-height: 40px;
  color: #808080;
}

.content-box-path {
  padding-left: 100px;
  padding-top: 30px;
  padding-bottom: 100px;
  position: relative;
  z-index: 20;
}

.content-box-path a {
  color: var(--text-gray-five);
  font-family: "Latinka-Regular";
  font-size: 15px;
  font-weight: normal;
  line-height: 28px;
  font-style: normal;
  text-align: center;
}

.content-box-path a:last-child {
  color: var(--turquoise) !important;
}

/*.about-us-box-text {*/
/*    width: 100%;*/
/*    text-align: left;*/
/*    padding-right: 100px;*/
/*    padding-top: 17%;*/
/*    padding-left: 100px;*/
/*}*/

.about-us-box-text p {
  font-family: "Latinka-Regular";
  font-size: 25px;
  line-height: 35px;
  color: #185c8b;
}

.about-us-box-text h3 {
  font-family: "Colatin";
  font-size: 60px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: #393939;
  opacity: 0.3;
}

.about-us-box-text-dentmax {
  padding-top: 50px;
  padding-bottom: 10px;
}

.about-us-right h2 {
  font-family: "Latinka-Regular";
  font-size: 30px;
  font-weight: 300;
  line-height: 46px;
  font-style: normal;
  text-align: left;
  color: #185c8b;
}

/**/
.about-us-frames {
  display: flex;
  margin-top: 300px;
  max-height: 925px;
}

.about-us-frames-image {
  width: 40%;
}

.about-us-frames-content {
  width: 60%;
  background-color: var(--turquoise);
  display: flex;
  justify-content: center;
  /* min-height: 1003px; */
  border-bottom-left-radius: 30px;
  position: relative;
  bottom: 200px;
  border-top-left-radius: 40px;
  padding-top: 130px;
  padding-bottom: 130px;
}

.about-us-frames-content-text {
  max-width: 885px;
  padding-top: 30px;
  padding-right: 70px;
  color: var(--text-white);
}

.about-us-frames-content-text h3 {
  font-family: "Roboto Slab";
  font-size: 30px;
  font-weight: normal;
  line-height: 35px;
  font-style: normal;
  text-align: left;
}

.about-us-frames-content-text p {
  font-family: "Freight Light";
  font-size: 25px;
  font-weight: normal;
  line-height: 44px;
  font-style: normal;
  text-align: left;
  padding-top: 30px;
  padding-right: 95px;

}

.about-us-frames-content-text-social {
  border: 2px solid white;
  display: inline-block;
  padding: 10px 40px;
  line-height: 0;
  margin-top: 60px;
  border-radius: 10px;
}

.about-us-frames-content-text-social a {
  color: var(--text-white);
  font-size: 30px;
}


.about-us-frames-img {
  width: 103%;
  position: relative;
  z-index: 5;
  bottom: 149px;
  height: 88%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.about-us-frames-img img {
  width: 500px;
  height: 93%;
}

.staff {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 100px;
  margin-bottom: 150px;
}

.staffSlider-wrapper {
  overflow: hidden;
  padding-top: 130px;
}

.main-staffSlider-wrapper {
  padding: 90px 0;
}

.main-staffSlider-wrapper .darkblue-button {
  min-width: 335px;
  padding: 16px 0;
}

#staffSlider {
  width: 100% !important;
  padding: 0 20px;
}

#staffSlider .owl-stage-outer {
  overflow: visible !important;
}

.staffSlider-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 70px;
}

.staffSlider-btn a {
  color: var(--white);
}

.staffSlider-btn a:hover {
  color: var(--darkblue) !important;
}

.staff-item-box {
  background-color: var(--turquoise);
  border-radius: 30px;
  position: relative;
  min-height: 175px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.staff-item {
  position: relative;
}

.staff-item-box-social {
  position: absolute;
  display: flex;
  row-gap: 5px;
  column-gap: 5px;
  right: 6%;
  top: 137px;
}

.staff-detail-item-box-social {
  top: 235px;
}

.staff-item-box-social i {
  color: var(--white);
  font-size: 24px;
  cursor: pointer;
}

.staff-item-box-social a img {
  width: 19px !important;
  position: relative;
  z-index: 20;
  border-radius: 0 !important;
  display: unset !important;
}

.staff-item-box-image {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 12px;
  display: flex;
  justify-content: center;
}

.staff-item-box-image img {
  width: 160px !important;
  position: absolute;
  bottom: -1px;
  left: -44px;
}

.staff-box-text {
  position: absolute;
  left: -50%;
  top: 14%;
  transform: translateX(-68%);
  text-align: center;
  line-height: 1;
  width: 55%;
  white-space: nowrap;
}

.staff-box-text img {
  opacity: 0.2;
}

.staff-box-text h3 {
  font-family: var(--logo-font);
  font-size: 0.7vw;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: var(--text-white);
  letter-spacing: 3px;
  opacity: 0.6;
  /* writing-mode: vertical-lr; */
  /* transform: rotate(180deg); */
  display: flex;
  justify-content: center;
  align-items: center;
}

.staff-box-text h3 img {
  width: 10px !important;
  margin-right: 8px;
  /* transform: rotate(90deg); */
  opacity: 0.6 !important;
}

.staff-box-text span {
  font-family: "Futura PT";
  color: var(--text-white);
  opacity: 0.2;
  letter-spacing: 12px;
  font-size: 20px;
}

.staff-item-text {
  padding-top: 20px;
  position: relative;
  z-index: 20;
}

.staff-item-text h3 {
  font-family: "Roboto Slab Medium";
  font-size: 15px;
  font-weight: 300;
  color: #606060;
}

.staff-item-text p {
  font-family: "Roboto Slab";
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  font-style: normal;
  text-align: left;
  color: var(--turquoise);
  padding-top: 2px;
}

.global-content {
  margin: 0 auto;
  display: flex;
  margin-bottom: 80px;
  width: 90%;

}

.global-content-blog-detail {
  overflow: hidden;
  position: relative;
}

.global-content-contact {
  margin-bottom: 0;
  width: 100%;
}

.global-content-long {
  position: relative;
}

.global-content-online-appointment {
  padding-bottom: 170px;
  position: relative;
}

.global-left-box {
  background-color: var(--box-bg);
  width: 40%;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  position: relative;
  bottom: 100px;
}

.global-left-box-subfloor {
  position: absolute;
  top: -90px;
  max-height: 760px;
}

.global-left-box-subfloor-blog {
  max-height: 100%;
}

.global-left-box-online-appointment {
  position: absolute;
  top: -90px;
  min-height: unset;
  max-height: 718px;
}

.global-left-box-subfloor-collaborations {
  max-height: unset;
  bottom: -20px;
}

.global-left-box-contact {
  padding-bottom: 170px;
  border-bottom-right-radius: 0;
}

.global-left-box-subfloor-before-after {
  max-height: unset;
  bottom: 20px;
}

.global-left-box-content {
  padding-left: 100px;
  width: 82%;
  position: relative;
  z-index: 10;
}

.global-left-box-content-blog-detay {
  padding-bottom: 40px;
}

.global-left-box-text {
  font-family: "Latinka-Regular";
  font-size: 21px;
  font-weight: 300;
  line-height: 35px;
  font-style: normal;
  color: #185c8b;
  padding-bottom: 80px;
}

.global-content-inside-text-our-staff {
  padding-right: 200px !important;
}

.global-content-inside-text-our-staff p {
  font-size: 20px;
}

.global-content-inside-text .paragraf-pt {
  padding-top: 40px;
}

.global-left-box-text p {
  padding-bottom: 40px;
}

.global-left-box-text h3 {
  font-weight: normal;
  padding-bottom: 40px;
}

.global-content-inside {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.global-content-inside-long {
  width: 100%;
  position: relative;
  z-index: 5;
}

.global-content-inside-text {
  font-family: "Latinka-Regular";
  font-size: 21px;
  font-weight: 300;
  line-height: 37px;
  font-style: normal;
  text-align: left;
  color: var(--turquoise);
  padding: 60px 0;
  padding-top: 0;
}

.global-content-inside-text h2 {
  font-weight: normal;
  font-size: 22px;
  padding-top: 20px;
}

.global-content-inside-text p {
  padding-top: 20px;
  font-family: "Freight Light";
  font-size: 20px;
  color: #333333;
  line-height: 1.5;
}

.global-content-inside-text .genel-sorumluluklar {
  padding-top: 40px;
}

#implantFiyatlari,
#implantFiyatlariNeleriKapsar,
#implantFiyatlariNDY,
#implantFiyatlariSigorta {
  padding-top: 65px;
}

.global-left-box-dropdown-menu,
.section-header-implant {
  width: 580px;
}

.global-left-box-dropdown-menu-item i {
  color: var(--turquoise);
}

.global-left-box-dropdown-menu-items {
  padding-top: 0;
}

.global-left-box-dropdown-menu-item-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc9c9;
  cursor: pointer;
}

.global-left-box-dropdown-menu-item-header.active {
  color: var(--turquoise);
}

.global-left-box-dropdown-menu-item-content {
  display: none;
}

.global-left-box-dropdown-menu-item-content.active {
  display: block;
}

.global-left-box-dropdown-menu-item {
  font-family: "Roboto Slab";
  color: #8b8b8b;
  font-size: 20px;
  font-weight: normal;
  line-height: 50px;
  font-style: normal;
  text-align: left;
}

.global-left-box-dropdown-menu-item h3 {
  font-size: 15px;
  font-weight: normal;
  color: var(--turquoise);
}

.global-left-box-dropdown-menu-item-content p {
  font-size: 19px;
  padding-bottom: 50px;
  padding-top: 20px;
  line-height: 1.8;
  font-family: "Futura PT";
}


.contact-button {
  width: 100%;
  text-align: right;
  padding-top: 50px;
  display: flex;
  justify-content: flex-end;
}

.press-content-button button,
.blog-items-content-button button,
.contact-button button {
  border: none !important;
  background-color: transparent;
}

/**/
/*.owl-carousel {*/
/*    display: none; !* Slider yüklenene kadar gizli kalacak *!*/
/*}*/

.owl-carousel img {
  width: 100%;
}

.owl-carousel .owl-item img {
  border-radius: 20px;
}

#DentalUnitsSlider .ourdentalunitsSwiper-img {
  width: 100% !important;
}

.DentalUnitsSlider-item-image {
  overflow: hidden;
  border-radius: 20px;
}


.DentalUnitsSlider-item {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: block;
}

.DentalUnitsSlider-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255 / 31%);
  pointer-events: none;
}

.DentalUnitsSlider-item:hover::after {
  background-color: #1db6b9;
  opacity: 0.65;
}

.DentalUnitsSlider-item .our-dental-units-image-content-text h3 {
  color: black;
}

.DentalUnitsSlider-item:hover .our-dental-units-image-content-text h3 {
  color: white !important;
  transition: all 0.3s ease;
  position: relative;
  z-index: 5;
}

.DentalUnitsSlider-item:hover .dent-image {
  position: relative;
  z-index: 5;
}

.DentalUnitsSlider-item .ourdentalunitsSwiper-img {
  height: 100% !important;
  object-fit: cover;
}

.DentalUnitsSlider-item:not(:hover) .ourdentalunitsSwiper-img {
  transform: scale(1);
  transition: transform 0.3s ease;
}

.DentalUnitsSlider-item:hover .ourdentalunitsSwiper-img {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

.carousel-controls {
  margin-top: 10px;
}

.carousel-controls i {
  font-size: 24px;
  cursor: pointer;
}

.our-work .ourWork-bottom {
  position: relative;
  top: 120px;
}

.ourWorkSlider-item-img {
  overflow: hidden;
  border-radius: 20px;
}

.ourWorkSlider-item:not(:hover) .our-work-img {
  transform: scale(1);
  transition: transform 0.3s ease;
}

.ourWorkSlider-item:hover .our-work-img {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

.ourWorkSlider-item a {
  display: block;
  width: 100%;
  height: 100%;
}

.our-work .owl-carousel .owl-stage-outer {
  min-height: 700px;
  padding-top: 0;
}

.logo-swiper-slide-bg {
  position: absolute;
  width: 100%;
  height: auto;
  top: -188px;
  left: 0;
  text-align: center;
  z-index: -1;
  display: flex;
  justify-content: center;

  display: none;
}

.logo-swiper-slide-bg img {
  width: 200px !important;
}

.google-comments.owl-nav {
  display: block;
  position: absolute;
  top: 45%;
  transform: translateY(-45%);
  z-index: 10;
  width: 100%;
}

.google-comments button {
  position: absolute;
  top: 50%;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 35px;
  cursor: pointer;
  color: var(--turquoise);
}

.google-comments .owl-prev {
  z-index: 10;
  left: 0%;
}

.google-comments .owl-next {
  right: 0%;
  z-index: 10;

}

.dent-image {
  width: 70px !important;
  margin-right: 14px;
  padding-bottom: 8px;
  border-radius: 0 !important;
  position: relative;
  top: 4px;
}

.our-staff-content {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-bottom: 300px;
  flex-direction: column;
  text-align: right;
  max-width: 38%;
}

.our-staff-content-info {
  width: 100%;
}

.our-staff-main {
  padding-bottom: 100px;
}

.our-staff-main-items {
  display: grid;
  flex-grow: 1;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 30px;
  width: 100%;
  margin: 0 auto;
  padding-top: 80px;
  position: relative;
  z-index: 10;
  row-gap: 80px;
}

.our-staff-main-item {
  width: 100%;
  cursor: pointer;
}

.our-staff-main-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.our-staff-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.our-staff-main-item-box,
.our-staff-item-box {
  width: 90%;
  height: 275px;
  background-color: var(--turquoise);
  position: relative;
  border-radius: 20px;
}

.our-staff-item-box {
  width: 100%;
}

.our-staff-main-item-box {
  width: 100%;
}

.our-staff-item-box-image {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  display: flex;
  justify-content: center;
}

.our-staff-item-box-image img {
  width: 255px;
  bottom: 0;
  position: absolute;
  z-index: 10;
}

.our-staff-main-item-box-profile-img {
  width: 100%;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
}

.our-staff-main-item-box-profile-img img {
  width: 240px;
  bottom: 0;
  position: absolute;
  left: -41px;
}

.our-staff-main-box-text,
.our-staff-box-text {
  position: absolute;
  right: -30%;
  top: 7%;
  transform: translateX(-68%);
  text-align: center;
  line-height: 1;
  width: 55%;
  white-space: nowrap;
}

.our-staff-main-box-text img,
.our-staff-box-text img {
  width: 26px !important;
  margin-right: 5px;
  opacity: 0.6 !important;
}

.our-staff-box-text {
  right: -44%;
}

.our-staff-main-box-text img,
.our-staff-box-text img {
  width: 100%;
  opacity: 0.3;
}

.our-staff-main-box-text h3,
.our-staff-box-text h3 {
  font-family: var(--logo-font);
  font-size: 1.7vw;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: var(--text-white);
  letter-spacing: 3px;
  opacity: 0.6;
  display: flex;
  justify-content: center;
  align-items: center;
}

.our-staff-box-text h3 {
  font-size: 20px;
}

.our-staff-main-box-text h3 {
  font-size: 22px;
}

.our-staff-item-text {
  padding-top: 30px;
  padding-left: 30px;
  text-align: right;
  position: relative;
  z-index: 20;
  width: 100%;
}

.our-staff-main-item-text {
  padding-top: 30px;
}

.our-staff-main-item-text h3,
.our-staff-item-text h3 {
  font-family: "Roboto Slab";
  font-size: 18px;
  font-weight: 300;
  line-height: 34px;
  color: #606060;
}

.our-staff-main-item-text p,
.our-staff-item-text p {
  font-family: "Roboto Slab";
  font-size: 16px;
  font-weight: normal;
  line-height: 17px;
  font-style: normal;
  text-align: left;
  color: var(--turquoise);
  display: inline;
}

.our-staff-item-box-image-text {
  position: absolute;
  left: 4px;
  bottom: 6%;
}

.our-staff-item-box-image-text-header {
  position: absolute;
  left: 18px;
  bottom: 0%;
}

.our-staff-item-box-image-text h2 {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  color: white;
  opacity: 0.3;
  font-size: 16px;
}

.our-staff-item-box-image-text-name h2 {
  font-family: "Latinka-Light";
  font-weight: normal;
  letter-spacing: 2px;
}

.our-staff-item-box-image-text-header h2 {
  font-family: "Latinka-Regular";
  font-size: 18px;
  font-weight: normal;
}

.education {
  padding-top: 100px;
  width: 100%;
}

.make-online-btn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.make-online-btn button {
  min-width: 250px;
  margin-top: 40px;
}

.education h3 {
  font-family: "Roboto Slab";
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  font-style: normal;
  text-align: right;
  color: var(--text-brown);
  border-bottom: 1px solid #ccc9c9;
}

.education p {
  font-family: "";
  font-size: 17px;
  font-weight: normal;
  line-height: 29px;
  font-style: normal;
  text-align: right;
  color: #6f6f6f;
  padding-top: 5px;
}

.education .subscriptions {
  padding-top: 50px;
}

.popular-blog-item {
  padding-bottom: 130px;
}

.popular-blog-item:not(:hover) .blog-item-image img {
  transform: scale(1);
  transition: all 0.3s ease;
}

.popular-blog-item:hover .blog-item-image img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}

/**/
.blog-item:not(:hover) .blog-item-image img {
  transform: scale(1);
  transition: all 0.3s ease;
}

.blog-item:hover .blog-item-image img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}

/**/
.blog-item-image {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  height: 300px;
}

.popular-blog-item .blog-item-image {
  height: 330px;
}

.blog-item-image img {
  width: 100%;
}

.blog-item-image-date {
  position: absolute;
  left: 0;
  top: 0;
  width: 15%;
  height: auto;
  background-color: var(--darkblue);
  color: var(--text-white);
  text-align: right;
  border-top-left-radius: 20px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.blog-item-image-date p {
  font-family: "Roboto Slab";
  font-size: 27px;
  font-weight: normal;
  line-height: 30px;
  font-style: normal;
  text-align: right;
  color: #ffffff;
}

.blog-item .blog-item-image-date p {
  font-size: 22px;
  line-height: 27px;
}

.blog-item-text {
  padding-top: 30px;
  font-family: "Latinka-Regular";
  font-size: 22px;
  font-weight: 300;
  line-height: 29px;
  font-style: normal;
  text-align: left;
}

.blog-items .blog-item-text {
  padding-top: 35px;
}

.blog-item-text-header h3 {
  color: #020b10;
  padding-bottom: 20px;
  font-weight: 300;
  font-style: normal;
  font-size: 22px;
}

.blog-item-text-content p {
  color: #939393;
}

.blog-content-inside {
  display: flex;
  flex-direction: column;
}

.blog-items-content-button {
  width: 100%;
  text-align: center;
  padding-top: 125px;
}

.blog-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 95%;
  margin: 0 auto;
  margin-top: 60px;
  padding-left: 30px;
  column-gap: 110px;
  row-gap: 85px;
}

.blog-items .blog-item-text-header h3 {
  font-size: 20px;
}

.blog-items .blog-item-text-content p {
  font-size: 20px;
}

.blog-item-sharing-information {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;

  font-family: "Latinka-Regular";
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: #185c8b;
}

.blog-item-sharing-information-from {
  display: flex;
  align-items: center;
  gap: 5px;
}

.blog-item-sharing-information-from span {
  color: #acacac;
  font-family: "Latinka-Light";
  font-size: 14px;
}

.blog-item-sharing-information-from p {
  font-size: 13px;
}

.blog-item-sharing-information-views {
  display: flex;
  gap: 15px;
}

.blog-item-sharing-information-views i {
  color: #acacac;
}

.left-box-considerations-text h3 {
  color: #9f9f9f;
  font-family: "Latinka-SemiBold";
  font-size: 15px;
  font-weight: normal;
  line-height: 30px;
  font-style: normal;
  text-align: left;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 30px;
  width: 50%;
  cursor: pointer;
}

.right-box-considerations-text {
  display: none;
}

.considerations-slider-header:first-child {
  color: var(--turquoise);
}

.considerations-slider-header-right:first-child {
  color: var(--turquoise);
}

.considerations {
  position: relative;
  z-index: 5;
  left: 0;
  width: 100%;
}

.considerations-top {
  width: 55%;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  padding-bottom: 100px;
  padding-top: 70px;
}

.considerations-bottom {
  width: 100%;
  padding-bottom: 200px;
}

.considerations-swiper-wrapper {
  width: 100%;
  display: flex;
  /*height: 675px;*/
}

.considerations-swiper {
  width: 90%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  z-index: 11;
}

.considerations-swiper .considerationsSwiper {
  width: 100%;
  height: 675px;
}

.considerations-swiper .considerationsSwiper img {
  position: absolute;
  height: 100%;
}

.detail-content-box-icons {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  border-radius: 10px;
  padding: 20px;
}

.detail-content-box-icons-tedavi {
  background-color: #f5f5f5;
}

.detail-content-box-icons i {
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-white);
  cursor: pointer;
}

.global-icons .bxl-facebook {
  background-color: #474f62;
}

.global-icons .bxl-twitter {
  background-color: #7e8a9c;
}

.global-icons .bxl-linkedin {
  background-color: #bcc5cb;
}

.global-icons .bx-link {
  background-color: #bdafa3;
}

.global-icons .fa-whatsapp {
  background-color: #33c234;
}

.considerations-text-header {
  width: 100%;
  text-align: right;
}

.considerations-text-items {
  display: flex;
  gap: 80px;
}

.considerations-items {
  padding: 0 100px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  column-gap: 100px;
  row-gap: 50px;
}

.considerations-item:not(:hover) img {
  transform: scale(1);
  transition: all 0.3s ease;
}

.considerations-item:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}

.considerations-item-image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.considerations-item-image-wrapper img {
  width: 100%;
}

.considerations-item-image-date {
  position: absolute;
  left: 0;
  top: 0;
  width: 15%;
  height: auto;
  background-color: var(--darkblue);
  color: var(--text-white);
  text-align: right;
  border-top-left-radius: 15px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.considerations-item-image-date p {
  font-family: "Roboto Slab";
  font-size: 19px;
  font-weight: normal;
  line-height: 22px;
  font-style: normal;
  text-align: right;
  color: #ffffff;
}

.considerations-item-text {
  padding-top: 30px;
  font-family: "Latinka-Regular";
  font-size: 22px;
  font-weight: 300;
  line-height: 29px;
  font-style: normal;
  text-align: left;
}

.considerations-item-text-header h3 {
  color: #020b10;
  padding-bottom: 20px;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
}

.considerations-item-text-content p {
  color: #939393;
  font-size: 18px;
}

.considerations-swiper-information-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 100px;
  padding-top: 10px;
  font-family: "Latinka-Regular";
}

.considerations-swiper-information-text-from {
  display: flex;
  align-items: center;
  gap: 5px;
}

.considerations-swiper-information-text-from span {
  color: #bebebe;
}

.considerations-swiper-information-text-from p {
  color: var(--darkblue);
}

.considerations-swiper-information-text-views {
  display: flex;
  align-items: center;
  gap: 30px;
}

.considerations-swiper-information-text-views i {
  color: #bebebe;
}

.considerations-swiper-information-text-views span {
  color: var(--darkblue);
}

.considerations-visit-date {
  color: #bebebe;
  font-family: "Latinka-Regular";
  padding-top: 5px;
}

.considerations-text-header {
  width: 90%;
  display: flex;
  justify-content: center;
  text-align: center;
}

.considerations-text-header p {
  font-family: "Latinka-Regular";
  font-size: 30px;
  font-weight: normal;
  line-height: 41px;
  font-style: normal;
  color: #1c3752;
  max-width: 70%;
  padding-bottom: 50px;
  padding-top: 30px;
}

.considerations-text-item p {
  font-family: "Latinka-Regular";
  font-size: 18px;
  font-weight: normal;
  line-height: 28px;
  font-style: normal;
  text-align: left;
  color: #606060;
  padding-bottom: 30px;
}

.collaborations {
  width: 100%;
  padding-bottom: 120px;
}

.partnership-items {
  width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  display: grid;
  column-gap: 30px;
  row-gap: 70px;
  padding-top: 50px;
  position: relative;
  z-index: 10;
}

.partnership-item {
  width: 100%;
  cursor: pointer;
}

.partnership-item:not(:hover) .partnership-item-box img {
  transform: scale(1);
  transition: all 0.3s ease;
}

.partnership-item:hover .partnership-item-box img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}

.partnership-item-box {
  width: 100%;
  background-color: #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 240px;
  border-radius: 20px;
}

.partnership-item-box-image {
  width: 60%;
}

.partnership-item-box img {
  width: 100%;

  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.3;
}

.partnership-item:hover img {
  -webkit-filter: unset;
  filter: unset;
  opacity: 1;
}

.partnership-item-text {
  font-family: "Latinka-Regular";
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  color: #848484;
  line-height: 25px;
  padding-top: 35px;
}

.partnership-item-text h3 {
  font-size: 16px;
  font-weight: 300;
  color: #606060;
  font-family: "Roboto Slab";
}

.partnership-item-text p {
  opacity: 0.8;
  color: var(--turquoise);
  font-family: "Roboto Slab";
  font-size: 14px;
  line-height: 1.4;
}

.contact-text {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.contact-text-wrapper a {
  display: block;
  max-width: 400px;
}

.contact-text:first-child {
  padding-bottom: 50px;
}

.contact-text-wrapper h3 {
  padding-bottom: 10px;
  color: #385465;
  font-size: 15px;
  font-family: "Roboto Slab";
  letter-spacing: 1px;
  color: var(--turquoise);
}

.contact-text-wrapper h2 {
  color: var(--darkblue);
  font-size: 25px;
  font-family: "Roboto Slab";
  letter-spacing: 1px;
}

.contact-text h4 {
  color: #575757;
  font-size: 19px;
  font-weight: 200;
  font-family: "Latinka-Regular";
}

.contact-text .contact-tex-address {
  min-height: 90px;
}

.contact-text h4 span {
  font-weight: bold;
}

.contact-text-wrapper h3 span {
  color: #8b8b8b;
}

.contact-text-wrapper a {
  font-family: "Latinka-Regular";
  padding-bottom: 0;
  color: #575757;
  font-size: 20px;
}

.contact-text-address {
  padding-top: 40px;
}

.contact-text-address h3 {
  color: #606060;
}

.contact-social {
  display: flex;
  padding-top: 40px;
}

.contact-social-links i {
  color: var(--text-gray);
  border: 2px solid var(--text-gray);
  margin-right: 5px;
  border-radius: 4px;
  padding: 5px;
  font-size: 25px;
}

.contact-social-name {
  position: relative;
  top: 0;
  margin-left: 20px;
  line-height: 1;
  padding: 0 10px;
}

.contact-social-name p {
  font-size: 15px;
  text-align: center;
  font-family: "Futura PT";
  padding-bottom: 0;
}

.contact-social-rating {
  display: flex;
  align-items: center;
}

.contact-social-name span {
  display: inline-block;
  font-size: 8px;
  max-width: 77px !important;
  text-align: center;
  text-align: left;
  line-height: 1.2;
}

.contact-stars {
  padding-top: 0;
  margin-left: 10px;
  color: var(--text-gray);
}

.contact-form {
  width: 90%;
  margin: 0 auto;
  display: flex;
  column-gap: 40px;
}

.contact-form form {
  display: inline-block;
  width: 50%;

}

.form-contact-text {
  color: #4a4a4a;
  font-family: "Roboto Slab";
  padding-bottom: 50px;
}

.contact-form form .contact-form-line {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.contact-form form input {
  margin-bottom: 10px;
  outline: none;
  border: none;
  padding: 10px;
  border-bottom: 1px solid #dedede;
  font-family: "Latinka-Regular";
  font-size: 16px;
  width: 100%;
}

.contact-form form input:focus {
  border-bottom: 1px solid var(--turquoise);
}

.contact-form textarea {
  width: 100%;
  margin-top: 50px;
  padding-top: 40px;
  padding-left: 10px;
  outline: none;
  border: none;
  border: 1px solid #dedede;
  border-radius: 20px;
  font-family: "Latinka-Regular";
  font-size: 16px;
  resize: none;
}

.kvkk-text {
  display: flex;
  align-items: flex-end;
  padding: 40px 0;
  padding-left: 0;
}

.kvkk-text label {
  font-size: 16px;
  line-height: 1;
  padding-bottom: 0;
  color: var(--text-brown);
}

.kvkk-text input[type="checkbox"] {
  width: 40px;
  height: 18px;
  margin-right: 20px;
  border-color: #d0d0d0;
  position: relative;
  top: 5px;
}


.contact-info-text p {
  color: var(--darkblue);
  line-height: 1.2;
  font-weight: 300;
  font-size: 18px;
}

.contact-map {
  height: 600px;
  width: 100%;
  margin-bottom: 100px;
  border-radius: 10px;
  overflow: hidden;
}

.contact-map #mapIstanbul {
  width: 100%;
  height: 100%;
}

.contact-map #mapBalikesir {
  width: 100%;
  height: 100%;
}

.online-appointment-wrapper {
  position: relative;
  z-index: 10;
  width: 80%;
  margin-top: 30px;
}

.online-appointment-content {
  margin-bottom: 30px;
}

.online-appointment-line-text-wrapper {
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding-left: 50px;
  padding-bottom: 30px;
  align-items: center;
}

.online-appointment-line-info {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
}

.online-appointment-line-info-kvkk {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  font-family: 'Latinka-Regular';
  color: #949494;
}

.online-appointment-line-info-kvkk-text,
.online-appointment-line-info-kvpi-text {
  display: flex;
  align-items: center;
}

.online-appointment-line-info-kvkk-text input,
.online-appointment-line-info-kvpi-text input {
  margin-right: 5px;
}

.online-appointment-line-info-kvkk-text a {
  color: var(--text-brown);
  text-decoration: underline !important;
}

.online-appointment-line-info-kvkk input[type="checkbox"] {
  width: 20px;
  height: 20px;
  background-color: var(--border-gray);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #DEE2E6;
  position: relative;
  border-radius: 50%;
}

/* .online-appointment-line-info-kvkk input[type="checkbox"]:checked {
  border: 1px solid green;
} */

.online-appointment-line-info-kvkk input[type="checkbox"]:checked::before {
  content: "\2713";
  color: var(--turquoise);
  font-size: 14px;
  line-height: 20px !important;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: bold;
}

.online-appointment-line-header h2 {
  font-family: "Latinka-Regular";
  font-size: 19px;
  font-weight: normal;
  line-height: 14px;
  font-style: normal;
  text-align: left;
  color: var(--text-brown);
}

.online-appointment-line-text h3 {
  font-family: "Latinka-Regular";
  font-size: 18px;
  font-weight: normal;
  line-height: 14px;
  font-style: normal;
  text-align: left;
  color: #646464;
}

.online-appointment-line-text h3 span {
  color: red;
}

.online-appointment-line {
  margin-bottom: 30px;
}

.online-appointment-line-for-image {
  position: relative;
  display: none;
}

.online-appointment-line-inputs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.our-staff-content .online-appointment-line-inputs {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}

.our-staff-content .online-appointment-line-text-wrapper {
  padding-top: 40px;
}

.staff-online-appointment-line {
  margin-top: 70px !important;
}

.online-appointment-line-text-wrapper input,
.online-appointment-line-text-wrapper select,
.global-select,
.choose-file {
  max-height: 60px;
}

.online-appointment-textarea {
  height: 60px;
  width: 100%;
  padding-right: 20px;
}

.online-appointment-textarea textarea,
.online-appointment-line-text-wrapper input,
.online-appointment-line-text-wrapper select,
.global-select {
  margin-right: 20px;
  background-color: var(--turquoise);
  font-family: "Latinka-Regular";
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
  text-align: left;
  border-radius: 20px;
  padding: 20px;
  outline: none;
  border: none;
  color: var(--text-white);
}

.online-appointment-textarea textarea {
  width: 100%;
  resize: none;
  min-height: 100px;
}

.online-appointment-textarea textarea::placeholder {
  color: var(--text-white);
}

.online-appointment-line-text-wrapper select {
  width: 100%;
  cursor: pointer;
}

.branch-selection,
.talep-edilen-tedavi {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
}

.talep-edilen-tedavi-icon,
.make-online-appointment-select-icon {
  position: absolute;
  right: 10%;
  color: white;
  z-index: 5;
  font-size: 15px;
  font-weight: 300;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.talep-edilen-tedavi-icon.active {
  transform: rotate(-180deg);
}

.make-online-appointment-select-icon {
  top: 50%;
  transform: translateY(-50%);
}


.select-branch,
.select-tedavi {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-tedavi option {
  font-size: 17px;
}

.branch-selection select {
  background-color: #46cfd1;
  font-family: "Latinka-Regular";
  font-size: 15px;
  font-weight: 300;
  line-height: 15.5px;
  font-style: normal;
  text-align: left;
  outline: none;
  border: none;
  color: var(--text-white);
  width: 100%;
  border-radius: 30px;
  padding: 21px 30px;
  cursor: pointer;
}

.choose-branch-icon {
  position: absolute;
  right: 5%;
  color: var(--white);
  transform: rotate(0deg);
  transition: all 0.3s ease;
  font-size: 25px;
}

.randevu-degisikligi-icin {
  background-color: #e1e8ed !important;
  cursor: pointer;
  margin-right: 20px;
  font-family: "Latinka-Regular";
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
  text-align: left;
  border-radius: 20px;
  padding: 20px;
  outline: none;
  border: none;
  color: var(--turquoise);
  max-height: 60px;
}

.staff-online-appointment-line .randevu-degisikligi-icin {
  display: flex;
  align-items: center;
}

.choose-branch-icon.active {
  transform: rotate(-180deg);
}

.online-appointment-line-text-wrapper input::placeholder {
  color: var(--text-white);
}

.online-appointment-line-datepicker-wrapper {
  display: flex;
  justify-content: flex-end;
}

.staff-online-appointment-line-datepicker-wrapper {
  margin-right: 70px;
}

.online-appointment-line-datepicker {
  width: 550px;
  max-height: 500px;
  position: relative;
}

input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

/**/

.inspection-fee {
  font-family: "Latinka-Regular";
  font-weight: 200;
  font-size: 17px;
  line-height: 18px;
  font-style: normal;
  text-align: right;
  color: var(--text-brown);
  opacity: .8;
}


.inspection-fee-count {
  padding-top: 20px;
  padding-bottom: 5px;
  font-size: 26px;
  font-weight: 300;
  font-family: 'Roboto Slab';
}

.inspection-kdv {
  font-family: 'Roboto Slab';
}

.payment-options {
  padding-top: 85px;
}

.payment-options-header {
  display: flex;
  justify-content: space-between;
  font-family: "Latinka-Regular";
  font-size: 19px;
  font-weight: normal;
  line-height: 14px;
  font-style: normal;
  text-align: left;
  color: var(--text-brown);
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 14px;
}

.payment-options-header h2 {
  font-size: 22px;
  font-weight: 300;
}

.payment-options-header h3 {
  color: var(--text-brown);
  font-size: 16px;
  font-weight: 300;
}

.payment-options-wrapper {
  display: flex;
  padding-top: 60px;
  margin-bottom: 50px;
}

.payment-options-card {
  padding-top: 80px;
}

.payment-options-card-wrapper {
  width: 40%;
}

.payment-options-installment {
  width: 60%;
  display: flex;
  justify-content: flex-end;
}

.payment-options-installment-form {
  width: 86%;
  background-color: #f2f5f5;
  border-radius: 20px;
  padding: 30px;
}

.payment-options-installment-header,
.payment-options-installment-options {
  display: grid;
  grid-template-columns: 92px 1fr 1fr 1fr;
}

.payment-options-installment-header {
  padding-bottom: 40px;
}

.payment-options-installment-header p {
  padding-bottom: 10px;
  font-family: "Latinka-Regular";
  font-size: 17px;
  font-weight: normal;
  line-height: 19px;
  font-style: normal;
  text-align: left;
  color: #939393;
}

.payment-options-installment-options {
  margin-bottom: 20px;
  position: relative;
}

.payment-options-installment-options::after {
  content: "";
  position: absolute;
  right: 8%;
  bottom: 0;
  width: 78%;
  background-color: #d8d8d8;
  height: 1px;
}

.payment-options-installment-options label {
  padding-bottom: 14px;
  font-family: "Latinka-Regular";
  font-size: 17px;
  font-weight: normal;
  line-height: 19px;
  font-style: normal;
  text-align: left;
  color: #939393;
}

.jp-card {
  min-width: 450px !important;
}

.jp-card-container {
  height: 250px !important;
}

.jp-card-logo.jp-card-mastercard {
  opacity: 1 !important;
}

.jp-card .jp-card-front,
.jp-card .jp-card-back {
  background: linear-gradient(292deg, #4878af, #7499c2) !important;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-number {
  font-size: 32px !important;
  color: var(--text-brown) !important;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-name {
  color: var(--text-brown) !important;
  font-size: 20px !important;
  font-family: 'Roboto Slab' !important;
}

.jp-card-lower .jp-card-expiry {
  color: var(--text-brown) !important;
  font-size: 21px !important;
}

.son_kullanma_tarihi {
  display: flex;
}

.son_kullanma_tarihi_input {
  max-width: 85px;
}

#choose-file-input,
#online-appointment-choose-file-1-input,
#online-appointment-choose-file-2-input {
  display: none;
  color: var(--darkblue);
}

.choose-file span {
  color: var(--turquoise);
  position: relative;
}

.choose-file-face span::after {
  content: "Tam yüzünüzün selfiesini çekin";
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 10px;
  color: var(--text-brown);
  letter-spacing: 1px;
  opacity: .7;
}

.choose-file-smile span::after {
  content: "Gülümsemenizin selfiesini çekin";
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 10px;
  color: var(--text-brown);
  letter-spacing: 1px;
  opacity: .7;
}

.choose-file {
  display: flex;
  align-items: center;
  border-radius: 20px;
  padding: 20px;
  margin-right: 20px;
  background-color: #e1e8ed;
  color: white;
  font-family: sans-serif;
  cursor: pointer;
  position: relative;
}

.choose-file i {
  position: absolute;
  right: 6%;
  font-size: 20px;
  color: var(--turquoise);
}

.whatsapp {
  z-index: 99;
  position: fixed;
  bottom: 8%;
  right: 2%;
  display: flex;
  flex-direction: column-reverse;
  font-family: "Futura PT";

  display: none;
}

.whatsapp-logo {
  width: 100%;
  cursor: pointer;
  text-align: right;
  transform: translateY(0%);
  transition: transform 0.3s ease;
}

.whatsapp-logo:hover {
  transform: translateY(-6%);
}

.whatsapp-logo img {
  width: 40px;
  height: 40px;
}

.whatsapp-link {
  width: 90%;
  margin-bottom: 10px;
  background-color: #f5f7f9;
  border-left: 2px solid #2db742;
  padding: 10px;
  border-bottom-left-radius: 4px;
}

.whatsapp-link:not(:hover) {
  transition: all 0.3s ease;
}

.whatsapp-link:hover {
  transition: all 0.3s ease;
  background-color: white;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

.whatsapp-link img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.whatsapp-link a {
  display: flex;
  align-items: center;
  color: #8f939a;
  font-family: "Latinka-Regular";
}

.whatsapp-link-wrapper {
  background-color: #ffffff;
  margin-bottom: 20px;
  border-radius: 9px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(30%);
  position: fixed;
  bottom: 8%;
  right: 5%;
  width: 300px;
  z-index: 99;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.whatsapp-link-wrapper.active {
  transition: all 0.3s ease;
  opacity: 1;
  pointer-events: all;
  transform: translateY(0%);
}

.whatsapp-link-wrapper:not(.active) {
  transition: all 0.3s ease;
}

.whatsapp-link-wrapper-header {
  width: 100%;
  height: 50px;
  background: #2db742;
  display: flex;
  align-items: center;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  padding: 30px 20px;
}

.whatsapp-link-wrapper-header img {
  width: 30px;
  height: 30px;
  margin-right: 20px;
}

.whatsapp-link-wrapper-header p {
  font-family: "Latinka-Light";
}


.whatsapp-link-wrapper-content {
  padding: 20px;
}

.whatsapp-link p {
  font-size: 16px;
}

.before-after-wrapper {
  width: 100%;
  display: flex;
  padding-bottom: 20px;
}

.before-after-items-nav {
  font-family: "Latinka-Light";
  position: relative;
  min-width: 270px;
}

.before-after-items-nav h1 {
  font-size: 17px;
  padding-bottom: 10px;
  font-family: "Latinka-Regular";
  opacity: 0.7;
}

.before-after-items-nav-item-content {
  display: none;
  padding-top: 10px;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 10px;
}

.before-after-items-nav-item-content-all {
  display: block;
}

.before-after-items-nav-item-content li {
  line-height: 1.7;
  font-family: "Latinka-Regular";
  opacity: 0.7;
  display: flex;
  align-items: center;
  padding-bottom: 4px;
}

.before-after-items-nav-item-content li p {
  font-family: "Latinka-Regular";
  letter-spacing: 1px;
  font-size: 15px;
  cursor: pointer;
}

.before-after-items-nav-item-content li span {
  opacity: 0.6;
  font-size: 14px;
}

.before-after-items-nav-item {
  width: 100%;
  padding-bottom: 10px;
}

.before-after-items-nav-item-header {
  display: flex;
  align-self: center;
  justify-content: space-between;
  cursor: pointer;
  padding-bottom: 5px;
  position: relative;
  border-bottom: 1px solid #cacaca;
  transition: all 0s ease 0.3s;
}

.before-after-items-nav-item-header.active {
  border-bottom: 0;
}

.before-after-items-nav-item-header .rotate-i {
  position: absolute;
  right: 0;
  margin-top: 6px;
  transition: transform 0.3s ease;
  transform: rotate(-90deg);
}

.rotate-i.active {
  transform: rotate(0deg);
  opacity: 0.4;
  transition: transform 0.3s ease;
}

.before-after-drop-items {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 200;
  background-color: #1bb6b9ed;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  overflow-y: auto;
  cursor: default;
}

.before-after-drop-items.active {
  opacity: 1;
  pointer-events: all;
  z-index: 300;

}

.layout {
  transform: translateY(5%);
  transition: transform .4s ease;
}

.before-after-drop-items.active .layout {
  transform: translateY(0%);
  transition: transform .4s ease;
}

.before-after-drop-items-logo {
  position: absolute;
  z-index: 10;
  width: 100%;
  text-align: center;
  display: none;
}

.before-after-drop-items-logo .nav-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.before-after-drop-item {
  margin-top: 140px;
}

.before-after-items {
  display: grid;
  flex-grow: 1;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  gap: 30px;
  width: 80%;
  flex-wrap: wrap;
}

.before-after-item {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  max-width: 100%;
  cursor: pointer;
}

.before-after-item-images {
  display: flex;
  column-gap: 7px;
  position: relative;
}

.before-after-item-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.before-after-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.before-after-item-image img:not(:hover) {
  transition: transform 0.7s ease;
}

.before-after-item-image img:hover {
  transform: scale(1.1);
  transition: transform 0.7s ease;
}

.before-after-item-image:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.before-after-item-image:nth-of-type(2) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.before-after-item-images-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #1bb6b9cc;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  z-index: 10;
  flex-direction: column;
}

.before-after-item-images-text img {
  width: 48px;
}

.before-after-item-images-text p {
  font-family: "Latinka-Light";
  font-size: 16px;
  font-weight: 300;
  line-height: 21px;
  font-style: normal;
  text-align: center;
  color: #ffffff;
  font-weight: 200;
  position: relative;
  top: 4px;
}

.before-after-itemswiper {
  width: 100%;
  height: 100%;
}

.before-after-itemswiper .swiper-pagination-bullet {
  background-color: white !important;
}

.before-after-itemswiper img {
  width: 100%;
  height: 100%;
}

.before-after-item-content {
  text-align: center;
}

.before-after-item-content h3 {
  color: #575757;
  font-family: "Latinka-Regular";
  font-size: 17px;
  padding: 5px 0;
  padding-bottom: 0;
  letter-spacing: 1px;
}

.before-after-item-content p {
  color: #575757;
  opacity: 0.7;
  font-family: "Latinka-Regular";
  font-size: 17px;
  padding: 5px 0;
}

.before-after-drop-item-off {
  position: absolute;
  right: 5%;
  top: 6%;
  font-size: 50px;
  color: white;
  cursor: pointer;
}

.document-links {
  width: 92%;
  margin: 0 auto;
  display: none;
  position: relative;
  top: 20px;
}

.document-links ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.document-links ul li a {
  font-family: "Futura PT Light";
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: var(--text-brown);
  opacity: .7;
}

/**/

.make-online-appointment {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
  z-index: 201;
  background-color: var(--turquoise);
  border-radius: 30px;
  padding: 50px;
  width: 800px;
  opacity: 0;
  pointer-events: none;
}

.make-online-appointment.active {
  opacity: 1;
  pointer-events: all;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
}

.make-online-appointment-header {
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.make-online-appointment-header span {
  font-family: "Latinka-Regular";
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: #ffffff;
}

.make-online-appointment-off {
  cursor: pointer;
  position: relative;
}

.make-online-appointment-off-image {
  width: 50px;
  height: 50px;
  position: relative;
}

.make-online-appointment-off-image img {
  width: 100%;
}

.make-online-appointment-header i {
  font-size: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
}

.make-online-appointment-select-wrapper {
  position: relative;
}

.make-online-appointment form input,
.make-online-appointment-select {
  font-family: "Latinka-Regular";
  font-size: 15px;
  font-weight: normal;
  line-height: 45px;
  font-style: normal;
  text-align: left;
  color: #ffffff !important;
  border: none;
  outline: none;
  border-radius: 30px;
  padding: 5px 30px;
  background-color: #46cfd1;
  width: 100%;
  height: 60px !important;
}

.make-online-appointment-select {
  -moz-appearance: none;
  appearance: none;
}


.make-online-appointment form input::placeholder {
  color: white;
}

.make-online-appointment-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 110px;
  align-items: flex-end;
}



.make-online-appointment-content-form-inputs-wrapper {
  display: flex;
  flex-direction: column;
}

.make-online-appointment-content-form-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  margin-bottom: 20px;
}

.make-online-appointment-content-form-inputs-country {
  grid-template-columns: 1fr .6fr;
}

.make-online-appointment-content-form-inputs-one-line {
  grid-template-columns: 1fr;
}

.make-online-appointment-content-form-inputs-one-line .make-online-ileti {
  min-height: 100px;
}

.make-online-appointment-content-form-inputs-one-line .make-online-ileti::placeholder {
  position: absolute;
  top: 20% !important;
}

.make-online-appointment-content {
  width: 100%;
}

.make-online-appointment-content {
  display: grid;
  grid-template-columns: 1fr 0.5fr;
  column-gap: 64px;
}

.make-online-appointment-send-picture {
  text-align: center;
}

.make-online-appointment-send-picture-image {
  text-align: center;
}

.make-online-appointment-send-picture-image img {
  width: 130px;
}

.make-online-appointment-send-picture .turquoise-button {
  min-width: 100% !important;
}

.online-appointment-send-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.online-appointment-send-btn button {
  min-width: 262px;
  font-size: 16px;
}

.make-online-appointment-our-staff {
  width: 60%;
  border: none;
  outline: none;
  border-radius: 30px;
}

.make-online-appointment-our-staff a {
  width: 100%;
  min-width: 100%;
  background: var(--white);
  color: var(--turquoise);
  display: block;
  height: 100%;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: 1px solid var(--white);
}

.make-online-appointment-our-staff a:hover {
  background: var(--turquoise);
  color: var(--white);
}

.make-online-appointment-send-picture button:hover,
.make-online-appointment-btn-send:hover {
  background: var(--turquoise);
  color: var(--white);
  transition: all .3s ease;
}

.make-online-appointment-send-picture button:not(:hover),
.make-online-appointment-btn-send:not(:hover) {
  transition: all .3s ease;
}

.make-online-appointment-btns {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.make-online-appointment-send-picture button,
.make-online-appointment-btn-send {
  background: var(--white);
  color: var(--turquoise);
  font-family: "Latinka-Regular";
  font-size: 15px;
  font-weight: normal;
  line-height: 45px;
  font-style: normal;
  border: none;
  outline: none;
  border-radius: 30px;
  padding: 5px 18px;
  cursor: pointer;
  text-align: center;
  border: 1px solid var(--white);
}

.make-online-appointment-send-picture:hover,
.make-online-appointment-btn-send button:hover {
  background: var(--turquoise);
  color: var(--white);
  transition: all 0.3s ease;
}

.make-online-appointment-send-picture p {
  padding-bottom: 36px;
  color: white;
  font-family: "Latinka-Regular";
  font-size: 16px;
  text-align: center;
}

.make-online-appointment-send-picture button {
  width: 100%;
}

.make-online-appointment-btn-send {
  width: 30% !important;
}

/*  */
.treatment-prices-header {
  font-size: 21px;
  padding: 12px 10px !important;
  border-bottom: 1px solid rgba(29, 182, 185, 0.42);
  cursor: pointer;
  display: block;
  color: var(--darkblue);
}

.treatment-prices-header:hover {
  background-color: var(--turquoise);
  color: var(--text-white);
}

.treatment-prices-header:nth-child(3) {
  background-color: var(--turquoise);
  color: var(--text-white);
}

.treatment-price {
  padding-left: 20px;
}

.treatment-link {
  padding-left: 20px;
}

.treatment-items-header h2 {
  font-family: "Latinka-Regular";
  font-size: 22px;
  padding-bottom: 30px;
  color: var(--text-brown);
  font-weight: 200;
  text-align: center;
}

.treatment-item {
  border-radius: 15px;
  margin-bottom: 10px;
}

.treatment-item-header {
  cursor: pointer;
  padding: 12px 20px;
  background-color: var(--turquoise);
  border-radius: 5px;
}

.treatment-item-header h2 {
  font-family: "Latinka-Regular";
  font-size: 18px;
  color: var(--text-white);
  font-weight: 200;
}

.treatment-item-content {
  padding: 20px;
  padding-top: 20px;
  margin-top: 10px;
  background: #f5f5f5;
  border-radius: 5px;
}

/**/
.treatment-prices-content-header {
  font-weight: normal;
  padding-bottom: 70px;
  font-family: "Roboto Slab";
  font-weight: bold;
  color: #606060;
}

.treatment-prices {
  font-family: "Latinka-Regular";
}

.treatment-price-text-header {
  display: grid;
  padding-bottom: 15px;
  font-family: "Roboto Slab";
}

.treatment-price-text-header h3 {
  font-weight: normal;
  font-size: 18px;
  color: var(--text-brown);
}

.treatment-price-text {
  display: grid;
  border-bottom: 1px solid rgba(74, 208, 210, 0.232);
  padding: 6px 0;
  color: #7c7c7c;
}

.treatment-price-text-header,
.treatment-price-text {
  grid-template-columns: 3fr 1fr 1fr;
  column-gap: 10px;
}

.treatment-price-text-header h3:last-child,
.treatment-price-text h3:last-child {
  display: grid;
  place-self: flex-end;
}

.treatment-price-text h3:last-child a {
  padding-right: 15px;
  text-decoration: underline !important;
}

.treatment-price-text h3 {
  font-weight: normal;
  font-size: 18px;
  color: #7c7c7c;
  padding-bottom: 6px;
  font-family: "Latinka-Light";
  background-color: #f5f5f5;
}

.treatment-price-text h3 a {
  color: var(--turquoise);
  font-size: 16px;
}

.online-appointment-dental-img {
  position: absolute;
  right: 2%;
  top: 31%;
  width: 220px;
}

.online-appointment-dental-img img {
  width: 100%;
}

.online-date-dental-img {
  position: absolute;
  right: -21%;
  top: 15%;
  width: 220px;
}

.online-date-dental-img img {
  width: 100%;
}

.onlineAppointment-btn {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: flex-end;
  row-gap: 20px;
  margin-bottom: 40px;
}

.onlineAppointment-btn button {
  font-size: 16px;
}

/*input[type="date"] {*/
/*    appearance: auto; !* Tarayıcıya özgü görünümü kullan *!*/
/*    -webkit-appearance: auto; !* Safari için gerekli prefix *!*/
/*    -moz-appearance: auto; !* Firefox için gerekli prefix *!*/
/*    padding: initial; !* Padding'i sıfırla *!*/
/*    background: initial; !* Arka plan rengini sıfırla *!*/
/*    border: initial; !* Kenarlık stilini sıfırla *!*/
/*    border-radius: initial; !* Kenar yuvarlaklığını sıfırla *!*/
/*    box-shadow: initial; !* Gölgeyi sıfırla *!*/
/*    !* Diğer stil özelliklerini de gerektiğinde sıfırlayabilirsiniz *!*/
/*}*/

.our-social-media-shares {
  width: 90%;
  height: 480px;
  margin: 0 auto;
  margin-bottom: 200px;
}

.our-social-media-shares-header {
  width: 100%;
  text-align: center;
}

.our-social-media-shares-header h2 {
  font-family: "Roboto Slab";
  color: var(--text-brown);
  font-size: 24px;
  text-align: center;
  letter-spacing: 2px;
  padding-bottom: 20px;
}

.our-social-media-shares-header i {
  color: var(--turquoise);
  font-size: 50px;
}

.our-social-media-shares-content {
  width: 100%;
  height: 100%;
  display: flex;
}

.our-social-media-shares-content-box {
  border-radius: 10px;
  margin: 0 10px;
}

.our-social-media-shares-content-mid {
  height: 100%;
  width: 40%;
  position: relative;
  top: 10%;
  background-color: var(--box-gray);
}

.our-social-media-shares-content-left,
.our-social-media-shares-content-right {
  height: 80%;
  background-color: var(--box-gray);
  width: 15%;
  position: relative;
  top: 5%;
}

.our-social-media-shares-content-mid-left,
.our-social-media-shares-content-mid-right {
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 100%;
  width: 15%;
}

.our-social-media-shares-content-mid-left-box,
.our-social-media-shares-content-mid-right-box {
  width: 100%;
  height: 50%;
  background-color: var(--box-gray);
  border-radius: 10px;
}

.our-social-media-shares-content-mid-logo i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 65px;
  color: var(--text-white);
  background-color: #1bb6b99e;
  border-radius: 50%;
  padding: 20px;
}

.blog-swiper-wrapper {
  width: 100%;
  height: 350px;
  margin: 25px auto !important;
  position: relative;
}

.social-swiper-wrapper {
  width: 90%;
  height: 350px;
  margin: 25px auto !important;
  margin-bottom: 0 !important;
  position: relative;
  display: none;
}

.social-swiper-wrapper button,
.blog-swiper-wrapper button {
  position: absolute;
  top: 23%;
  background-color: transparent;
  outline: none;
  font-size: 25px;
  cursor: pointer;
  z-index: 10;
  color: var(--darkblue);
  border: 2px solid var(--darkblue);
  border-radius: 10px;
  width: 45px;
  height: 45px;
  line-height: 45px;
}

.social-swiper-wrapper .owl-prev,
.blog-swiper-wrapper .owl-prev {
  left: -4%;
}

.social-swiper-wrapper .owl-next,
.blog-swiper-wrapper .owl-next {
  right: -4%;
  transform: rotate(180deg);
}

#blog-swiper .owl-item {
  height: 100%;
}

#blog-swiper .owl-item>div {
  height: 100%;
}

.blog-slide-box {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}

.blog-slide-box-image {
  width: 100%;
  background-color: var(--box-gray);
  border-radius: 20px !important;
  overflow: hidden;
}

.DentalUnitsSlider-item-image,
.blog-slide-box-image,
.popular-contents-image,
.recommended-box {
  height: 200px;
}

.blox-slide-text {
  padding-top: 10px;
  padding-inline: 1rem;
}

.blox-slide-text h2 {
  font-family: "Roboto Slab";
  font-weight: normal;
  color: var(--text-brown);
  font-size: 16px;
}

.blox-slide-text p {
  font-family: "Roboto Slab";
  font-weight: normal;
  color: var(--turquoise);
  font-size: 18px;
  padding-top: 10px;
}

.highlights-header {
  border-top: 3px solid var(--border-gray);
  padding-top: 50px;
  padding-bottom: 30px;
  margin-top: 50px;
  padding-left: 20px;
}

.highlights-header-main {
  margin-top: 0;
}

.highlights {
  width: 100%;
}

.highlights-line {
  margin-bottom: 30px;
}

.highlights-left {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  column-gap: 30px;
}

.highlights-mid {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  column-gap: 30px;
  margin-bottom: 0;
}

.highlights-box {
  position: relative;
  border-radius: 20px !important;
  overflow: hidden;
}

.highlights-box-bg {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(66, 51, 51, 0.4);
  pointer-events: none;
}

.highlights-box-image {
  width: 100%;
  height: 100%;
}

.highlights-box:hover .highlights-box-image img {
  transition: all 0.5s ease;
  transform: scale(1.1);
}

.highlights-box:not(:hover) .highlights-box-image img {
  transition: all 0.5s ease;
  transform: scale(1);
}

.popular-videos-box:hover .popular-videos-box-image img {
  transition: all 0.5s ease;
  transform: scale(1.1);
}

.popular-videos-box:not(:hover) .popular-videos-box-image img {
  transition: all 0.5s ease;
  transform: scale(1);
}

.popular-contents-box:hover .popular-contents-image img {
  transition: all 0.5s ease;
  transform: scale(1.1);
}

.popular-contents-box:not(:hover) .popular-contents-image img {
  transition: all 0.5s ease;
  transform: scale(1);
}

.highlights-box-image img {
  width: 100%;
  height: 100%;
}

.highlights-box-text {
  position: absolute;
  width: 100%;
  left: 11%;
  bottom: 12%;
}

.highlights-box-text-n {
  position: unset;
  background-color: var(--turquoise);
  padding-top: 60px;
  padding-left: 7%;
  padding-right: 12%;
}

.highlights-box-text h2 {
  font-family: "Roboto Slab";
  font-size: 20px;
  color: var(--turquoise);
  font-weight: 200;
}

.highlights-box-text h3 {
  font-family: "Roboto Slab";
  font-size: 18px;
  color: var(--text-white);
  font-weight: 200;
  letter-spacing: 1px;
  max-width: 50%;
}

.highlights-box-text-n h3 {
  max-width: unset;
  font-size: 20px;
  line-height: 1.2;
}

.highlights-box-text h4 {
  font-family: "Roboto Slab";
  font-size: 17px;
  color: white;
  font-weight: 200;
  padding-top: 10px;
}

.highlights-box-n {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.highlights-line .highlights-box .highlights-box-image {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.highlights-line .highlights-box img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.popular-videos {
  width: 100%;
  position: relative;
}

.recently-added {
  padding-bottom: 50px;
  border-bottom: 2px solid var(--border-gray);
}

.popular-videos button {
  position: absolute;
  top: 32%;
  background-color: transparent;
  outline: none;
  font-size: 35px;
  cursor: pointer;
  z-index: 10;
  color: var(--darkblue);
  border: 2px solid var(--darkblue);
  border-radius: 10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

#popularVideosSwiper {
  height: 100%;
}

#popularVideosSwiper .owl-item {
  height: 100%;
}

#popularVideosSwiper .owl-item>div {
  height: 100%;
}

.popular-videos-box {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.highlights-line,
.popular-videos-box,
.recently-added .popular-videos-box {
  height: 285px;
}

.popular-videos-box-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.popular-videos-box-bg {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(66, 51, 51, 0.4);
  pointer-events: none;
}

.popular-videos-box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.popular-videos-box-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 1rem;
}

.recently-added .popular-videos-box-header {
  padding-top: 20px;
}

.popular-videos-box-header h2 {
  font-family: "Roboto Slab";
  font-size: 20px;
  color: var(--white);
  font-weight: 200;
}

.popular-videos-box-header i {
  font-family: "Roboto Slab";
  font-size: 60px;
  color: var(--text-white);
  font-weight: 200;
}

.popular-videos-box-text {
  position: absolute;
  width: 100%;
  bottom: 12%;
  padding-inline: 1rem;
}

.popular-videos-box-text h3 {
  font-family: "Roboto Slab";
  font-size: 22px;
  line-height: 1.2;
  color: var(--text-white);
  font-weight: 200;
  max-width: 60%;
}

.popular-videos-box-header h2,
.popular-videos-box-text h3 {
  padding-left: 20px;
}


.popular-videos-btn {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  padding-top: 50px;
}

.about-us-more-button {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  padding-top: 70px;
  padding-bottom: 140px;
}

.about-us-more-button .turquoise-button {
  font-size: 15px;
  letter-spacing: 2px;
}

/*  */
.popular-contents-wrapper {
  width: 100%;
  margin: 20px auto !important;
  position: relative;
}

.popular-contents-wrapper button {
  position: absolute;
  top: 32%;
  background-color: transparent;
  outline: none;
  font-size: 27px;
  cursor: pointer;
  z-index: 10;
  color: var(--darkblue);
  border: 2px solid var(--darkblue);
  border-radius: 10px;
  width: 45px;
  height: 45px;
  line-height: 45px;
}

.popular-contents-prev,
.blog-swiper-prev {
  left: -52px;
}

.popular-contents-next,
.blog-swiper-next {
  right: -52px;
  transform: rotate(180deg);
}

#popular-contents .owl-item {
  height: 100%;
}

#popular-contents .owl-item>div {
  height: 100%;
}

.popular-contents-box {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}

.popular-contents-image {
  width: 100%;
  border-radius: 20px !important;
  overflow: hidden;
}

.popular-contents-box-text {
  padding-top: 10px;
  padding-inline: 1rem;
}

.popular-contents-box-text h2 {
  font-family: "Roboto Slab";
  font-weight: normal;
  color: var(--turquoise);
  font-size: 18px;
}

.popular-contents-box-text p {
  font-family: "Latinka-Regular";
  font-weight: normal;
  color: var(--text-brown);
  font-size: 17px;
  font-weight: 400;
}

.blog-detail {
  display: flex;
  flex-direction: column;
  width: 56%;
}

.tedavi-detail {
  width: 62%;
}

.detail-content-box-path {
  padding-bottom: 20px;
  position: relative;
  z-index: 20;
}

.detail-content-box-path a {
  color: var(--text-gray-five);
  font-family: "Latinka-Regular";
  font-size: 15px;
  font-weight: normal;
  line-height: 28px;
  font-style: normal;
  text-align: center;
}

.detail-content-box-path a:last-child {
  color: var(--turquoise) !important;
}

.detail-content-box-header h1 {
  color: var(--text-brown);
  font-family: "Roboto Slab";
  font-size: 30px;
  letter-spacing: 3px;
  max-width: 830px;
  padding-bottom: 20px;
}

.detail-content-box-image {
  width: 100%;
  height: 400px;
}

.detail-content-box-image img {
  width: 100%;
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
}

.detail-content-box-text-header h3 {
  color: var(--text-brown);
  font-family: "Roboto Slab";
  font-size: 20px;
  font-weight: 200;
}

.detail-content-box-text-header-text-fixed h3 {
  font-size: 17px;
  padding: 4px 0;
}

.detail-content-box-text-header-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 2px solid var(--border-gray);
  cursor: pointer;
  position: relative;
  box-shadow: rgba(100, 100, 111, 0.2) 0 -3px 20px 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.detail-content-box-text-header-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background-color: var(--turquoise);
}

.detail-content-box-text-header-text.active::after {
  width: 100%;
  transition: all .5s ease;
}


.detail-content-box-text-header-text i {
  font-size: 26px;
  color: var(--text-brown);
}

.detail-content-box-text-header-text-fixed i {
  font-size: 20px;
}

.detail-content-box-text-header-links {
  font-family: "Roboto Slab";
  color: var(--text-brown);
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px 20px;

}

/* .detail-content-box-text-header-links ol {
  padding-left: 35px;
} */

.detail-content-box-text-header-links ol li {
  /* list-style-type: decimal !important; */
  padding: 4px 0;
}

.detail-content-box-text-header-links ol li a {
  color: var(--text-brown);
  position: relative;
}

.detail-content-box-text-header-links ol li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: var(--turquoise);
  transition: all .3s ease;
}

.detail-content-box-text-header-links ol li a:hover::after {
  width: 100%;
  transition: all .3s ease;
}


.detail-content-box-content p {
  color: #868686;
  font-family: "Latinka-Regular";
  font-size: 26px;
  font-weight: 200;
  padding: 20px 0;
}

.detail-content-info {
  padding-top: 40px;
}

.detail-content-info p {
  color: var(--turquoise);
  font-family: "Latinka-Regular";
  font-size: 17px;
  font-weight: 200;
  line-height: 1.5;
}

.detail-content-box-text-content {
  padding-bottom: 30px;
  font-family: "Roboto";
}

.detail-content-box-text-content h2 {
  color: var(--text-brown);
  font-size: 44px;
  padding-bottom: 5px;
}

/* .detail-content-box-text-content p {
  color: #333333;
  font-family: "Freight Light";
  font-size: 19px;
  line-height: 1.5;
  padding-bottom: 40px;
} */

.detail-content-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 60px 0;
  padding-top: 30px;
}

.detail-content-btn-unline {
  border-bottom: none;
}

.recommended-more {
  margin-bottom: 60px;
}

.detail-content-box {
  position: relative;
  padding-top: 50px;
}

.detail-content-staff-wrapper {
  width: 100%;
  margin-top: 50px;
  padding: 20px 0;
}

.before-after-staff-wrapper {
  width: 90%;
  margin: 0 auto;
  border-top: 2px solid var(--border-gray);
  border-bottom: 2px solid var(--border-gray);
  padding: 50px 0;
  position: relative;
}

#detail-content-staff-swiper {
  width: 100%;
}

.detail-content-staff button {
  position: absolute;
  top: 32%;
  background-color: transparent;
  outline: none;
  font-size: 35px;
  cursor: pointer;
  z-index: 10;
  color: var(--darkblue);
  border: 2px solid var(--darkblue);
  border-radius: 10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.detail-content-staff-prev {
  left: -4%;
}

.detail-content-staff-next {
  right: -4%;
  transform: rotate(180deg);
}

.detail-content-staff-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.blog-detail-content-staff-box {
  grid-template-columns: 0.2fr 1fr;
  column-gap: 20px;
}

.detail-content-staff-box-image {
  margin: 0 auto;
  width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 50%;

  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--turquoise);
}

.detail-content-staff-next-more i {
  transform: rotate(180deg) !important;
}

.detail-content-staff-box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail-content-staff-box-text h2 {
  color: var(--text-brown);
  font-family: "Roboto Slab";
  font-size: 18px;
  padding-top: 30px;
  font-weight: bold;
  padding-right: 110px;
}

.detail-content-staff-box-text-clinic {
  padding-top: 30px;
}

#detail-content-staff-swiper .detail-content-staff-box-text-clinic {
  padding-top: 15px;
}

.blog-detail-content-staff-box .detail-content-staff-box-text-clinic {
  padding-top: 5px;
}

.detail-content-staff-box-text-clinic p {
  color: var(--turquoise);
  font-family: "Roboto Slab";
  font-size: 16px;
}

.blog-detail-content-staff-box .detail-content-staff-box-text-clinic p {
  font-size: 18px;
  line-height: 0.8;
  padding-bottom: 12px;
}

/* Blog Öne Çıkanlar ve İlginizi çekebilir kısmı*/
.detail-highlights-and-more {
  display: flex;
  flex-direction: column;
  min-width: 330px;
  align-items: flex-end;
  row-gap: 100px;
  padding-top: 100px;
  flex-grow: 1;
}

.detail-highlights-and-more .detail-highlights,
.detail-highlights-and-more .detail-interest {
  width: 100%;
}

.detail-highlights-and-more .detail-highlights-boxs,
.detail-highlights-and-more .detail-interest-boxs {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.detail-highlights-box,
.detail-interest-box {
  width: 100%;
  height: 200px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.detail-highlights-box-images,
.detail-interest-box-images {
  width: 100%;
  height: 100%;
  position: absolute;
}

.detail-highlights-box-images img,
.detail-interest-box-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail-highlights-box-bg,
.detail-interest-box-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0.8;
  background-color: #1bb6b9c2;
}

.detail-highlights-box:hover .detail-highlights-box-images img,
.detail-interest-box:hover .detail-interest-box-images img {
  transition: all 0.6s ease;
  transform: scale(1.1);
}

.detail-highlights-box:not(:hover) .detail-highlights-box-images img,
.detail-interest-box:not(:hover) .detail-interest-box-images img {
  transition: all 0.3s ease;
  transform: scale(1);
}

.detail-highlights-box-text,
.detail-interest-box-text {
  position: absolute;
  width: 100%;
  left: 12%;
  bottom: 12%;
  z-index: 2;
}

.detail-highlights-box-text h2,
.detail-interest-box-text h2 {
  font-family: "Roboto Slab";
  font-size: 15px;
  color: var(--white);
  font-weight: 200;
}

.detail-highlights-box-text h3,
.detail-interest-box-text h3 {
  font-family: "Roboto Slab";
  font-size: 17px;
  color: var(--text-white);
  font-weight: 200;
  letter-spacing: 1px;
  max-width: 52%;
}

.detail-highlights-header,
.detail-interest-header {
  color: var(--text-brown);
  font-family: "Roboto Slab";
  font-size: 22px;
  font-weight: bold;
  line-height: 36px;
  font-style: normal;
  text-align: left;
  letter-spacing: 1px;
  padding-bottom: 10px;
}

.highlights-box-n .highlights-box-bg {
  display: none;
}

.blog-detail-contact-us {
  display: flex;
  column-gap: 100px;
  padding-bottom: 80px;
  padding-top: 80px;
}

.blog-detail-contact-us-box {
  background-color: var(--turquoise);
  text-align: center;
  border-radius: 20px;
  padding-top: 120px;
  padding-inline: 1rem;
  flex-grow: 1;
}

.blog-detail-contact-us-box form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.blog-detail-contact-us-box p {
  color: var(--text-white);
  font-family: "Latinka-Regular";
  font-size: 19px;
}

.blog-detail-contact-us-box input {
  text-align: center;
  color: var(--turquoise);
  font-family: "Latinka-Regular";
  width: 80%;
  margin: 0 auto;
  margin-top: 40px;
  height: 50px;
  border: none;
  outline: none;
  border-radius: 20px;
  margin-bottom: 20px;
}

.blog-detail-contact-us-box input::placeholder {
  color: var(--turquoise);
}

.blog-detail-contact-us-box .captch-wrapper {
  margin-top: 20px;
}

.blog-detail-contact-us-box .turquoise-button {
  cursor: pointer;
  margin-top: 20px;
  min-width: 200px;
  background-color: var(--text-white) !important;
  color: var(--turquoise);
}

.blog-detail-contact-us-box .turquoise-button:hover {
  background-color: var(--turquoise) !important;
  color: var(--text-white) !important;
  border: 1px solid var(--white) !important;
}

.considerations-text-contact-us {
  width: 100%;
  margin: 0 auto;
  position: relative;
  bottom: 75px;
  padding-top: 70px;
  padding-bottom: 50px;
  /* border-bottom: 3px solid var(--border-gray); */
}

.considerations-text-contact-us-header {
  margin-bottom: 30px;
}

.considerations-text-contact-us-header h3 {
  font-family: "Roboto Slab";
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: var(--text-brown);
}

.considerations-text-contact-us-line {
  display: grid;
  gap: 25px;
}

.considerations-text-contact-us-line-1 {
  grid-template-columns: repeat(3, 1fr);
}

.considerations-text-contact-us-line-2 {
  grid-template-columns: 1fr;
}

.considerations-text-contact-us-line input {
  border-radius: 31px;
  background-color: #e0e0e042;
  border: none;
  outline: none;
  padding: 20px 0;
  padding-left: 20px;
  font-family: "Latinka-Regular";
  color: var(--darkblue);
  font-size: 16px;
}

.considerations-text-contact-us-line input::placeholder {
  color: var(--text-brown);
}

.considerations-text-contact-us-line textarea {
  border-radius: 31px;
  background-color: #e0e0e042;
  resize: none;
  border: none;
  outline: none;
  margin-top: 20px;
  width: 100%;
  padding: 20px;
  font-family: "Latinka-Regular";
  color: var(--darkblue);
  font-size: 16px;
}

.considerations-text-contact-us-line textarea::placeholder {
  color: var(--text-brown);
}

.considerations-text-contact-us-btn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  align-items: center;
}

.considerations-text-contact-us-btn .turquoise-button {
  cursor: pointer;
  min-width: 240px;
  margin-left: 10px;
}

.blog-detail-texts {
  padding: 80px 70px 0 70px;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 150px;
  font-family: "Latinka-Regular";
}

.blog-detail-text h2 {
  color: #1c3752;
  font-size: 24px;
}

.blog-detail-text h3 {
  color: #868686;
  font-size: 22px;
  padding-top: 20px;
  font-weight: normal;
}

.blog-detail-text p {
  color: #868686;
  font-size: 20px;
  padding-top: 20px;
}

.invisalign-info-bottom-outside {
  display: none;
}

.invisalign-info-bottom-item,
.invisalign-info-bottom-outside-item {
  display: flex;
  align-items: center;
  column-gap: 10px;
  position: relative;
  z-index: 5;
  margin-right: 70px;
}

.invisalign-info-bottom-item-image,
.invisalign-info-bottom-outside-item-image {
  height: 65px;
  width: 70px;
  border: 3px solid var(--turquoise);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.invisalign-info-bottom-item-image img,
.invisalign-info-bottom-outside-item-image img {
  width: 70%;
}

.invisalign-info-bottom-item-text h2,
.invisalign-info-bottom-outside-item-text h2 {
  color: #606060;
  font-family: "Roboto Slab Medium";
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
}

.invisalign-info-bottom-item-text h3,
.invisalign-info-bottom-outside-item-text h3 {
  color: var(--turquoise);
  font-family: "Roboto Slab";
  font-weight: 200;
  font-size: 14px;
}

.sss-wrapper {
  width: 100%;
  font-family: "Roboto Slab";
}

.sss-header {
  width: 100%;
  text-align: center;
}

.sss-header h2 {
  color: var(--text-brown);
}

.sss-header h3 {
  color: var(--turquoise);
  font-weight: normal;
}

.sss-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 60%;
  margin: 0 auto;
  column-gap: 20px;
  padding-top: 40px;
}

.blog-detail-sss-wrapper .sss-content {
  width: 80%;
}

.sss-items {
  column-gap: 20px;
}

.sss-item {
  background-color: #f5f5f5;
  transition: all 0.3s ease;
  border-radius: 20px;
  margin-bottom: 15px;
  position: relative;
  display: block;
  cursor: pointer;
  border-radius: 1px solid #f5f5f5;
}

.sss-item-header {
  padding: 25px;
  padding-left: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.sss-item-content {
  color: var(--text-brown);
  font-size: 18px;
  padding: 30px;
  padding-top: 0;
  font-family: "Freight Light";
  display: none;
}

.sss-item:hover {
  transition: all 0.3s ease;
  border-color: var(--turquoise);
}

/* .sss-item:not(:hover) .sss-item-content {
  color: var(--turquoise);
}


.sss-item:hover p {
  color: var(--text-white);
}

.sss-item:hover i {
  color: var(--text-white);
  right: 4%;
  transition: all 0.3s ease;
} */

/*  */
.sss-item.active {
  border: 1px solid var(--turquoise);
}

/* .sss-item.active p {
  color: var(--text-white);
}

.sss-item.active i {
  color: var(--text-white);
}

.sss-item.active .sss-item-content {
  color: var(--text-white);
} */

/*  */
.sss-item:not(:hover) i {
  transition: all 0.3s ease;
}

.sss-item p {
  color: var(--turquoise);
}

.sss-item i {
  color: var(--turquoise);
  font-size: 20px;
}

.sss-text-area {
  width: 60%;
  margin: 0 auto;
  margin-top: 40px;
  padding: 40px 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  margin-bottom: 80px;
  border-radius: 4px;
}

.sss-text-area-content {
  max-height: 370px;
  padding-right: 20px;
  overflow-y: scroll;
}

.detail-sss-wrapper .sss-text-area-content {
  max-height: 60px;
}

.detail-sss-wrapper .sss-text-area {
  box-shadow: unset;
}

.detail-sss-wrapper .sss-text-area-content h2 {
  padding: 10px 0;
  font-size: 20px;
}

.sss-text-area-content::-webkit-scrollbar {
  width: 8px;
  background-color: #e9e9e9;
  border-radius: 5px;
}

.sss-text-area-content::-webkit-scrollbar-thumb {
  background-color: var(--turquoise);
  border-radius: 5px;
}

.sss-text-area-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--turquoise);
  border-radius: 5px;
}

.sss-text-area-content h2,
.sss-text-area-content p,
.sss-text-area-content ul {
  padding-bottom: 20px;
  font-weight: 200;
  opacity: 0.8;
}

.sss-text-area-content ul {
  list-style-type: disc !important;
  padding-left: 20px;
}

.sss-text-area-content ul li {
  display: list-item;
  list-style-type: disc !important;
}

.sss-text-area-content h2 {
  opacity: 0.6;
}

.sss-text-area-content p {
  font-family: "Freight";
  opacity: .6;
  line-height: 30px;
}

.contact-and-social-address h3 {
  font-family: "Futura PT";
  font-size: 16px;
  font-weight: 200;
  position: relative;
  top: 5px;
}

.contact-and-social-address .calisma-saatleri {
  font-family: "Roboto Slab";
  color: var(--text-brown);
  letter-spacing: 0;
  font-weight: 200;
  opacity: 0.8;
  font-size: 13px;
}

.contact-and-social-address .calisma-saatleri span {
  color: var(--text-brown);
  font-weight: 600;
  opacity: 0.8;
}

.content-router {
  font-family: "Roboto Slab";
}

.content-router-global .content-router-links {
  display: none;
}

.content-router-global .content-router-contact {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 20px;
}

.header-document-path h2,
.content-router {
  width: 330px;
  min-width: 330px;
}

.content-router {
  bottom: 0;
  top: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

.content-router-links {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #f5f5f5;
  padding-bottom: 80px;
  position: relative;
}

.content-router-links h2 {
  background-color: var(--turquoise);
  color: var(--text-white);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 18px;
  font-weight: 200;
  letter-spacing: 1px;
  padding: 20px 20px 20px 50px;
  position: relative;
}

.content-router-links li.active a {
  border-bottom: 1px solid var(--turquoise);
  /* font-weight: bold; */
}

.content-router-links ul li:hover {
  transform: translateX(3%);
  transition: all .3s ease;
}

.content-router-links ul li:not(:hover) {
  transform: translateX(0%);
  transition: all .3s ease;
}

/* .content-router-links ul li:hover a {
  border-bottom: 1px solid #1bb6b97e;
  transition: all .3s ease;
}

.content-router-links ul li:not(:hover) a {
  transition: all .3s ease;
} */

.content-router-links-path {
  position: absolute;
  top: 50%;
  left: 110%;
  color: var(--text-white);
  font-family: "Latinka-Regular";
  transform: translateY(-50%);
  white-space: nowrap;
  z-index: 10;
}

.content-router-links-path a,
.header-document-path-link {
  color: var(--text-white);
  font-size: 13px;
}

.search-bar-path {
  display: none;
}

.content-router-blog-detay a {
  color: #d0d0d0;
}

.content-router-links-path a:last-child {
  /* color: var(--turquoise); */
  color: var(--text-white);
  border-bottom: .1px solid #ffffff59;
}

.content-router-blog-detay .content-router-links-path a:last-child {
  color: var(--turquoise);
}

.content-router-links ul {
  padding: 15px 50px;
}

.content-router-links ul li {
  padding: 10px 0;
}

.content-router-links ul li a {
  color: var(--turquoise);
  font-size: 15px;
  border-bottom: 1px solid white;
  display: block;
  width: 100%;
  padding-bottom: 10px;
}

/*  */
.content-router-writer {
  margin-top: 30px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--white);
  border: 1px solid var(--border-gray);
}

.content-router-writer-image {
  width: 100%;
}

.content-router-writer-text {
  padding: 20px 20px;
  width: 100%;
  text-align: left;
  border-top: 1px solid var(--border-gray);
}

.content-router-writer-mobil-text span,
.content-router-writer-text span {
  font-size: 12px;
  color: #9E9E9E;
}

.content-router-writer-mobil-text h2,
.content-router-writer-text h2 {
  font-size: 14px;
  padding: 10px 0;
  font-weight: bold;
  font-family: 'Roboto Slab Light';
  letter-spacing: 1px;
  color: var(--turquoise);
}

.content-router-writer-mobil-text h3,
.content-router-writer-text h3 {
  font-size: 14px;
  padding: 10px 0;
  font-weight: 200;
  color: #333;
}

.content-router-writer img {
  width: 60%;
  object-fit: cover;
}

.content-router-writer-socials {
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding: 20px 100px;
  border-top: 1px solid var(--border-gray);
}

.content-router-writer-mobil-socials i,
.content-router-writer-socials i {
  color: var(--white);
  font-size: 20px;
  font-family: unset;
  position: relative;
  color: var(--turquoise);
}

.content-router-writer-socials i:hover {
  transform: translateY(-15%);
  transition: all .2s ease;
}

.content-router-writer-socials i:not(:hover) {
  transform: translateY(0%);
  transition: all .2s ease;
}

/*  */

.content-router-contact-wrapper .content-router-contact {
  margin: 30px 0;
  color: var(--white);
  position: -webkit-sticky;
  position: sticky !important;
  top: 30px;
  left: 100px;
  z-index: 50;

  transition: all .3s ease;
}

.content-router-contact-wrapper .content-router-contact form {
  width: 330px;
  min-width: 330px;
  background-color: var(--turquoise);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: 20px;
  padding: 60px 10px;
}

.bottom-contact-wrapper {
  justify-content: flex-end;
  display: none;
}

.bottom-contact-wrapper form {
  width: 72%;
  background-color: var(--turquoise);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: 20px;
  padding: 60px 10px;
}

.bottom-contact-wrapper h2 {
  color: var(--white);
  font-size: 16px;
  font-weight: 200;
  padding-bottom: 20px;
}

.content-router-contact.active {
  top: 110px;
  transition: all .3s ease;
}

.content-router-contact-button {
  display: flex;
  justify-content: flex-end;
  width: 80%;
  margin-top: 15px;
}

.content-router-contact-button button {
  font-family: "SourceSansPro";
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  padding: 14px 60px;
  border-radius: 30px;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  background-color: #b0ded0;
  color: var(--turquoise);
  transition: background-color 0.3s ease;
  background: var(--white);
  width: auto;
}

.content-router-contact-button button:hover {
  transition: all .3s ease;
  background-color: whitesmoke;
}

.content-router-contact h2 {
  color: var(--white);
  font-size: 13px;
  font-weight: 200;
  padding-bottom: 20px;
}


/*  */
.content-router-contact-image {
  width: 135px;
  border: 4px solid white;
  padding: 23px;
  border-radius: 40px;
}

.content-router-contact-image img {
  width: 100%;
}

.content-router-contact-text h2 {
  font-size: 18px;
  padding-top: 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid white;
}

.content-router-contact-text span {
  font-size: 14px;
  padding-top: 10px;
  display: inline-block;
}

.content-router-contact-message {
  width: 80%;
}

.content-router-contact-message textarea::placeholder {
  font-family: "Latinka-Regular";
  opacity: .7;
}

.content-router-contact-message textarea {
  resize: none;
  border-radius: 8px;
  border: none;
  outline: none;
  width: 100%;
  height: 150px;
  padding: 20px;
  color: black;
}

/*  */

.content-router-login-wrapper {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  margin-bottom: 20px;
}


/*  */

.content-router-topic-area h2,
.detail-topic-area h2 {
  color: var(--text-brown);
  font-size: 19px;
  padding-top: 40px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.detail-topic-area h2 {
  padding-top: 0;
}

.content-router-topic,
.detail-topic-area {
  border-bottom: 1px solid var(--border-gray);
  margin-bottom: 20px;
  padding-bottom: 8px;
  cursor: pointer;
  font-family: "Latinka-Regular";
}

.detail-topic-area {
  border-bottom: 0;
}

.content-router-topic-content-header h3,
.detail-topic-content-header h3 {
  color: #464646;
  font-weight: normal;
  font-size: 18px;
}

.content-router-topic-content p,
.detail-topic-content p {
  color: var(--turquoise);
  padding-top: 10px;
}

.content-router-topic-content,
.detail-topic-content {
  display: none;
}

.content-wrapper {
  width: 100%;
  padding-top: 70px;
  padding-left: 100px;
}

.blog-detay-wrapper .content-wrapper,
.wrapper-tedavi-content .content-wrapper {
  overflow: hidden;
}

.tedavi-blog-global-content-text {
  padding-top: 30px;
}

.tedavi-blog-global-content-text a {
  color: var(--turquoise);
  background-color: #1bb6b912;
  display: inline-block;
  padding: 0 10px;
  transition: all .3s ease;
  border-radius: 4px;
}

.tedavi-blog-global-content-text a:hover {
  color: var(--text-white);
  background-color: var(--turquoise);
  transition: all .3s ease;
}

.press-left-box-videos a {
  color: unset !important;
  background-color: unset !important;
  transition: unset !important;
}

.content-router-contact-wrapper-social {
  padding-top: 40px;
}

.to-inform-wrapper a {
  background-color: transparent;
  padding: unset;
  text-decoration: underline !important;
  color: var(--text-brown);
}

.to-inform-wrapper a:hover {
  background-color: transparent;
  color: var(--turquoise);
}

.content-contact-wrapper {
  padding: 0;
}

.content-wrapper-blog-detail {
  /* padding-left: 30px; */
  padding-left: 100px;
  width: 80%;
}

.content-wrapper-side {
  padding-left: 0;
}

.content-wrapper-document {
  padding-left: 0;
  position: relative;
}

.header-document-path {
  position: absolute;
  bottom: 0%;
  left: 0;
  font-family: "Roboto Slab";
  width: 100%;
}

.header-document-path-text {
  width: 90%;
  margin: 0 auto;
}

.blog-header-document-path-text {
  position: relative;
}

.header-document-path h2 {
  font-size: 16px;
  color: var(--white);
  padding: 20px 40px;
  /* padding: 20px 0; */
  /* padding-left: 50px; */
  background-color: var(--turquoise);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  text-align: center;
  display: inline-block;
  font-weight: normal;
  letter-spacing: 1px;
  position: relative;
}

.header-document-path-link {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 120%;
  min-width: 350px;
  text-align: left;
}

.blog-header-document-path-link {
  top: -45px;
  transform: unset;
  left: 0;
}

.header-document-path-link a {
  color: var(--white);
  font-family: "Latinka-Regular";
}

.header-document-path-link a:last-child {
  color: var(--text-white);
  border-bottom: .1px solid #ffffff59;
}

.patient-rights {
  color: #626262;
  font-family: "Helvetica-Regular";
  max-width: 62%;
}

.global-header {
  font-size: 20px;
  padding-bottom: 40px;
  color: var(--text-brown);
  opacity: .9;
  font-family: "Roboto Slab Light";
  letter-spacing: 1px;
}

.global-text {
  font-family: "Freight Light";
  font-size: 19px;
  color: #333333;
  line-height: 30px;
  padding-bottom: 40px;
}

/*  */
.treatments-image-item {
  display: block;
  padding-bottom: 40px;
}

.treatments-image-wrapper {
  width: 50%;
  max-height: 400px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.treatments-image img {
  width: 100%;
}

.treatments-image-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #185c8bb3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.treatments-image-icon i {
  font-size: 70px;
  color: var(--white);
}

.treatments-image-item:hover .treatments-image img {
  transition: all 0.5s ease;
  transform: scale(1.1);
}

.treatments-image-item:not(:hover) .treatments-image img {
  transition: all 0.5s ease;
  transform: scale(1);
}

.treatments-image-item-text h3 {
  color: var(--turquoise);
  font-family: "Latinka-Regular";
  padding-top: 20px;
}

.treatments-image-item-text p {
  color: var(--text-brown);
  font-family: "Latinka-Regular";
  opacity: 0.8;
}

.treatment-summaries {
  padding-bottom: 30px;
}

.before-after-treatment-summaries {
  padding-top: 50px;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}

.treatment-summaries-header {
  padding-bottom: 30px;
  font-family: "Roboto Slab";
  color: var(--text-brown);
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.share-socail-media-wrapper {
  width: 100%;
  position: relative;
}

.share-socail-media {
  display: flex;
  z-index: 20;
  position: absolute;
  right: 0%;
  top: 100%;
  transition: all .3s ease;
  column-gap: 10px;
  align-items: center;
  cursor: pointer;
  opacity: 1;
  pointer-events: all;
}

.share-socail-media.active {
  transition: all .3s ease;
  opacity: 0;
  pointer-events: none;
}

.share-socail-media h2,
.fixed-share-socail-media h2 {
  font-family: "Roboto Slab";
  color: var(--text-brown);
  font-size: 16px;
  transition: all .1s ease;
  position: absolute;
  right: 0;
  min-width: 200px;
  top: 8px;
  transition: all .3s ease;
}

.share-socail-media:hover h2,
.fixed-share-socail-media:hover h2 {
  right: 50px;
  transition: all .3s ease;
}


.fixed-share-socail-media-wrapper {
  display: flex;
  justify-content: flex-end;
}

.fixed-share-socail-media {
  transition: all .1s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}


.fixed-share-socail-media.active {
  transition: all .5s ease;
  opacity: 1;
}

.fixed-detail-content-box-text {
  position: fixed;
  right: auto;
  top: 3%;
  opacity: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  z-index: 55;
  width: 39.5%;

  display: none;
}

.fixed-detail-content-box-text.toBottom {
  top: 12%;
}

.fixed-detail-content-box-text.active {
  transition: all .3s ease;
  opacity: 1;
}

.fixed-detail-content-box-text .detail-content-box-text-header-text {
  border-radius: 10px;
  padding: 10px;
}

.detail-content-box-text-header {
  background-color: white;
  width: 100%;
}

.fixed-share-socail-media i,
.share-socail-media i {
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-white);
  cursor: pointer;
  z-index: -1;
}

.detail-content-box-share-icon.active {
  display: none;
}

.treatment-summaries-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  column-gap: 30px;
  margin-bottom: 20px;
  row-gap: 20px;
}

.swiper-treatment-summaries-items {
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
}

.treatment-summaries-item {
  border: 2px solid var(--turquoise);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  font-family: "Roboto Slab";
}

.treatment-summaries-not {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 15px;
}

.treatment-summaries-item-image {
  margin-right: 10px;
}

.treatment-summaries-item-image img {
  width: 40px;
  height: 40px;
}

.treatment-summaries-item-text-header {
  color: var(--text-brown);
  font-weight: bold;
  font-size: 14px;
}

.treatment-summaries-item-text-content {
  color: var(--text-brown);
  font-size: 14px;
}

.treatment-summaries-not p {
  font-family: "Roboto Slab";
  color: #1db6b9;
}

.treatment-summaries-shares {
  border-radius: 20px;
  border: 2px solid #606060;
  display: flex;
  align-items: center;
  margin-top: 40px;
  width: 508px;
}

.treatment-summaries-share {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px 60px;
}

.treatment-summaries-share:first-child {
  position: relative;
}

.treatment-summaries-share:first-child::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 90%;
  top: 5%;
  right: 0;
  background-color: var(--text-brown);
}

.treatment-summaries-share-image {
  width: 70px;
  margin-bottom: 10px;
}

.treatment-summaries-share-image img {
  width: 100%;
}

.treatment-summaries-share-text {
  font-family: "Roboto Slab";
  color: var(--text-brown);
}

/*  */
.invisalign-treatment-summaries .treatment-summaries-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.invisalign-treatment-summaries .treatment-summaries-header h2 {
  font-size: 20px;
}

.invisalign-treatment-summaries .treatment-summaries-header a {
  font-size: 14px;
  color: var(--text-brown);
  text-decoration: underline !important;
  padding-right: 10px;
}

.treatment-summaries-link a {
  font-size: 16px;
  color: var(--text-brown);
  text-decoration: underline !important;
  padding-right: 10px;
  display: none;
  text-align: right;
}

.treatment-summaries-link {
  display: none;
  justify-content: center;
}

.invisalign-treatment-summaries .treatment-summaries-item-image {
  width: auto;
  margin-right: 0;
}

.invisalign-treatment-summaries .treatment-summaries-item {
  min-width: 135px;
  flex-direction: column;
  padding: 0;
}

.invisalign-treatment-summaries .treatment-summaries-item-text-header {
  font-size: 12px;
}

.invisalign-treatment-summaries .treatment-summaries-item-image {
  width: auto;
  margin-right: 0;
  margin-bottom: 10px;
  margin-top: 10px;
}

.invisalign-treatment-summaries .treatment-summaries-item-text {
  padding: 10px;
  padding-top: 0;
  text-align: center;
}



/*  */
.treatments-online-appointment {
  position: relative;
  width: 100%;
  margin-top: 60px;
  padding-top: 60px;
  font-family: "Roboto Slab";
}

.treatments-online-appointment::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 200%;
  height: 2px;
  background-color: var(--border-gray);
}

.treatments-online-appointment-header h2 {
  color: var(--text-brown);
  font-size: 35px;
}

.treatments-online-appointment-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 50px;
  padding-top: 100px;
}

.treatments-online-appointment-input-text {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 10px;
}

.treatments-online-appointment-input-text p {
  font-size: 20px;
}

.treatments-online-appointment-input-text span {
  font-size: 50px;
  opacity: 0.7;
}

.treatments-online-appointment-input select {
  width: 100%;
  font-size: 18px;
  padding: 10px 5px;
  outline: none;
}

.treatments-online-appointment-buttons {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
}

.treatments-online-appointment-buttons button {
  padding: 10px 20px;
  background-color: var(--turquoise);
  color: var(--white);
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}

.treatments-online-appointment-buttons button:hover {
  transition: all 0.3s ease;
  background-color: #18b1b3;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}

.treatments-online-appointment-buttons .ilerle {
  display: flex;
  align-items: center;
}

.treatments-online-appointment-buttons .ilerle i {
  margin-left: 10px;
  font-size: 22px;
}

.online-appointment-line-header {
  display: flex !important;

  border-bottom: 1px solid #d8d8d8 !important;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.online-appointment-line-header h2 {
  font-family: "Latinka-Regular";
  font-size: 19px;
  font-weight: normal;
  line-height: 14px;
  font-style: normal;
  text-align: left;
  color: var(--text-brown);
}

.online-appointment-line-header-info p {
  color: var(--text-gray-three);
  font-family: "Latinka-Regular";
  font-size: 16px;
  text-align: center;
  position: absolute;
  width: 100%;
}

.online-appointment-line-info-text p {
  font-family: "Latinka-Light";
  color: #949494;
}

.online-appointment-line-info-text p span {
  color: red;
}

.treatment-online-btn button {
  margin-top: 20px;
  min-width: 335px;
  margin-left: 65px;
}

.our-staff-wrapper {
  display: flex;
}

/*  */
.our-staff-content-text-wrapper {
  width: 100%;
  padding-left: 40px;
}

.our-staff-content-header-items-wrapper {
  width: 100%;
}

.our-staff-content-header-items {
  display: flex;
  width: 100%;
  justify-content: space-around;
}

.our-staff-content-text-items {
  padding-top: 50px;
}

.our-staff-content-text-items-line {
  position: absolute;
  left: 0;
  top: 38px;
  width: 100%;
  height: 1px;
  background-color: var(--border-gray);
}

.our-staff-content-text-items-line-color {
  position: absolute;
  left: 0%;
  top: 0;
  width: 33%;
  height: 2px;
  background-color: var(--turquoise);
  transition: left 0.3s ease;
  /* Geçiş efekti için transition ekledik */
}

.our-staff-content-text-header {
  color: var(--text-brown);
  font-size: 17px;
  letter-spacing: 1px;
  text-align: center;
  cursor: pointer;
  font-family: 'Roboto Slab';
}

.our-staff-content-text-header:hover {
  color: #606060d5;
}

.our-staff-content-header-item.active .our-staff-content-text-header {
  color: var(--turquoise) !important;
}

.institutional-content {
  max-width: 72%;
}

.our-staff-content-text {
  padding-top: 60px;
  left: 0;
}

.institutional-content-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  margin-top: 40px;
  margin-bottom: 80px;
}

.institutional-content-item {
  border-radius: 20px;
  border: 2px solid var(--turquoise);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--turquoise);
  padding: 50px 10px;
  text-align: center;
}

.institutional-content-item h2 {
  font-size: 50px;
}

.institutional-content-item p {
  font-size: 22px;
  white-space: nowrap;
  font-family: 'Roboto Slab';
}

/*  */
.treatments-images-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  margin-bottom: 20px;
}

.treatments-images-items-one {
  grid-template-columns: 1fr;
}

.treatments-images-item-image {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  height: 340px;
}

.treatments-images-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.treatments-images-item:hover .treatments-images-item-image img {
  transition: all 0.3s ease;
  transform: scale(1.1);
}

.treatments-images-item:not(:hover) .treatments-images-item-image img {
  transition: all 0.3s ease;
  transform: scale(1);
}

.before-after-staff-wrapper-buttons {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 45%;
  transform: translateY(-45%);
}

.before-after-staff-wrapper-buttons button {
  background-color: transparent;
  border: 2px solid var(--darkblue);
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
}

.before-after-staff-wrapper-buttons button i {
  color: var(--darkblue);
  font-size: 22px;
}

.before-after-staff-wrapper-buttons-left {
  position: absolute;
  left: -3%;
}

.before-after-staff-wrapper-buttons-right {
  position: absolute;
  left: auto;
  right: -3%;
  transform: rotate(0deg);
}

.before-after-item-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 100px;
  width: 90%;
}

.dentmax-kategories-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}

.blog-detail-bottom-categories-content {
  width: 100%;
}

.dentmax-kategories-wrapper,
.detail-highlights-and-more {
  width: 30%;
  max-width: 330px;
}

.dentmax-kategories,
.dentmax-mainpage-kategories {
  width: 100%;
  border-radius: 20px;
  border: 1px solid var(--border-gray);
  font-family: "Roboto Slab";
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}

.dentmax-kategories-header,
.dentmax-mainpage-kategories-header {
  background-color: #959595;
  font-size: 17px;
  color: var(--text-white);
  padding: 26px 30px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  font-weight: 200;
  text-align: center;
}

.dentmax-mainpage-kategories {
  width: 40%;
  margin: 0 auto;
  margin-bottom: 80px;
}

.dentmax-blog-detay-kategories {
  display: none;
  width: 100%;
}

.dentmax-tedavi-detay-kategories {
  width: 100%;
}

.dentmax-kategories ul,
.dentmax-mainpage-kategories ul {
  margin: 50px 0;
}

.dentmax-mainpage-kategories ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-items: center;
}

.dentmax-mainpage-kategories ul li,
.dentmax-kategories ul li {
  padding: 13px 30px;
}

.dentmax-mainpage-kategories ul li a,
.dentmax-kategories ul li a {
  color: #727272;
  font-size: 16px;
  border-bottom: 1px solid var(--border-gray);
  padding-bottom: 5px;
}

.dentmax-mainpage-kategories ul li a:hover,
.dentmax-kategories ul li a:hover {
  opacity: .8;
}

/*  */
.detail-search-bar-inside {
  position: absolute;
  right: 4%;
  top: 0%;
  width: 500px;
  display: flex;
  justify-content: flex-end;
  height: 65px;
}

.detail-search-bar input {
  width: 100%;
  height: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border: none;
  outline: none;
  padding-left: 30px;
  font-family: "Latinka-Regular";
  font-size: 17px;
  border-top: 1px solid var(--turquoise);
  border-bottom: 1px solid var(--turquoise);
  border-left: 1px solid var(--turquoise);
}

.detail-search-bar input::placeholder {
  color: var(--text-gray-five);
  font-family: 'Latinka-Light';
  opacity: .7;
  font-size: 17px;
}

.detail-search-bar button {
  height: 100%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border: none;
  outline: none;
  width: 80px;
  border-top: 1px solid var(--turquoise);
  border-bottom: 1px solid var(--turquoise);
  border-right: 1px solid var(--turquoise);
  background-color: var(--text-white);
}

.detail-search-bar button i::before {
  color: var(--darkblue);
  font-size: 30px;
  cursor: pointer;
}

.blog-detail-bottom-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.blog-detail-bottom {
  width: 100%;
  display: flex;
  column-gap: 40px;
  flex-direction: column;
}

.blog-detail-bottom-categories {
  display: flex;
  justify-content: space-between;
  column-gap: 40px;
  padding-top: 20px;
  width: 100%;
}

.tedavi-blog-global-content-text h3 {
  color: var(--turquoise);
  font-family: "Latinka-Light";
  font-size: 23px;
  line-height: 1.5;
  padding-bottom: 20px;
  font-weight: 200;
  letter-spacing: 1px;
}

.tedavi-blog-global-content-text h4 {
  color: var(--turquoise);
  font-family: "Latinka-Light";
  font-size: 22px;
  line-height: 1.5;
  padding-bottom: 20px;
  font-weight: 200;
  letter-spacing: 1px;
}

.tedavi-blog-global-content-text p {
  color: #333333;
  font-family: "Freight Light";
  line-height: 1.5;
  padding-bottom: 40px;
}

.tedavi-blog-global-content-text p,
.global-content-inside-text p {
  font-size: 20px !important;
}

.tedavi-blog-global-content-text-image {
  width: 100%;
  margin-bottom: 40px;
}

.tedavi-blog-global-content-text-image img {
  width: 100%;
  border-radius: 10px;
}

.recommended {
  margin-bottom: 40px;
}

.recommended-header h2 {
  font-family: "Roboto Slab";
  color: var(--text-brown);
  font-size: 24px;
  padding-top: 60px;
  padding-bottom: 40px;
}

.recommended-box {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.recommended-box-image {
  width: 100%;
  height: 100%;
}

.recommended-box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recommended-box-text {
  position: absolute;
  bottom: 0%;
  left: 0%;
  min-width: 200px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.recommended-box-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(103 100 100 / 36%);
  left: 0;
  top: 0;
  border-radius: 20px;
}

.recommended-box-text h2 {
  color: var(--text-white);
  font-family: "Roboto Slab";
  font-size: 20px;
  font-weight: 200;
  max-width: 80%;
  font-weight: bold;
  letter-spacing: 1px;
}

.questions-and-answers-header h2 {
  color: var(--text-brown);
  padding-bottom: 20px;
  border-bottom: 3px solid var(--border-gray);
  font-size: 28px;
}

.questions-and-answers-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 40px;
  column-gap: 40px;
}

.questions-and-answers-text-header h2 {
  color: #6c6c6c;
  font-family: "Roboto Slab";
  font-size: 20px;
}

.questions-and-answers-text-content p {
  color: #707070;
  font-family: "Latinka-Regular";
  font-size: 20px;
  padding-top: 20px;
}

.contact-main {
  width: 100%;
  padding-bottom: 130px;
}

.contact-left,
.contact-right,
.contact-form {
  padding-top: 100px;
}

.contact-left {
  background-color: #F5F5F5;
  border-bottom-right-radius: 40px;
}

.contact-left-inside {
  position: relative;
  padding-right: 180px;
  padding-left: 100px;
}

.contact-main-top,
.contact-main-info-header,
.contact-main-info-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0;
}

.contact-main-info-header {
  padding-top: 100px;
  font-family: "Roboto Slab";
  color: var(--text-brown);
}

.contact-main-info-content {
  padding-top: 60px;
  padding-bottom: 60px;
  font-family: "Roboto Slab";
  color: var(--text-brown);
}

.contact-main-info-content-text {
  padding-right: 150px;
  min-height: 250px;
  border-bottom: 1px solid var(--border-gray);
  margin-bottom: 60px;
}

.contact-main-info-content-text h3 {
  line-height: 1.8;
  font-weight: 200;
  padding-bottom: 30px;
  color: var(--darkblue);
  font-family: "Latinka-Regular";
  font-size: 19px;
}

.contact-main-info-content-text a {
  color: var(--turquoise);
  text-decoration: underline !important;
  font-size: 20px;
}

.contact-main-info-header-images {
  display: flex;
  column-gap: 20px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.contact-main-info-header-images img {
  height: 80px;
  cursor: pointer;
}

.contact-main-info-header-images-item:hover,
.contact-main-info-header-images-item-right:hover {
  transform: translateY(-10%) !important;
  transition: all .3s ease !important;
}

.contact-main-info-header-images-item:not(:hover),
.contact-main-info-header-images-item-right:not(:hover) {
  transform: translateY(0%) !important;
  transition: all .3s ease !important;
}

.contact-main-info-content-image-content {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  padding-top: 100px;
  display: flex;
  justify-content: flex-end;
}

.contact-main-info-content-image-content img {
  width: 80%;
  border-radius: 20px;
}

.contact-main-info-content-text h2 {
  padding-bottom: 10px;
  color: var(--darkblue);
  font-weight: bold;
  font-family: 'Latinka-Bold';
  letter-spacing: 0;
  font-size: 23px;
}

.contact-main-info-content-text p {
  padding-bottom: 30px;
}

.implant-wrapper {
  width: 65%;
  position: relative;
  padding-top: 40px;
}

.filter-items-wrapper,
.staff-filter-items-wrapper {
  margin-bottom: 50px;
  display: inline-block;
  position: relative;
}

.staff-filter-items-wrapper {
  margin-bottom: 0;
}

.filter-items,
.staff-filter-items {
  display: flex;
  width: 100%;
  position: relative;
}

.filter-items-line,
.staff-filter-items-line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--border-gray);
  z-index: -1;
}

.filter-items-line-color,
.staff-filter-items-line-color {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 33%;
  height: 2px;
  background-color: var(--turquoise);
}

.filter-item,
.staff-filter-item {
  padding: 0 20px;
}

.filter-item:nth-child(5) {
  border-bottom: 2px solid var(--turquoise);
}

.staff-filter-item:nth-child(2) {
  border-bottom: 2px solid var(--turquoise);
}

.filter-items-line-color,
.staff-filter-items-line-color {
  display: none;
}

.filter-item-header,
.staff-filter-item-header {
  padding-bottom: 10px;
  display: inline-block;
}


.filter-item-header p:first-child,
.staff-filter-item-header p:first-child {
  color: var(--turquoise);
}

.filter-item,
.staff-filter-item {
  color: var(--text-brown);
  font-size: 19px;
}

.filter-item:nth-child(2),
.staff-filter-item:nth-child(2) {
  color: var(--turquoise);
}

.global-select-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

#global-select {
  display: none;
  margin-bottom: 30px;
  padding: 10px;
  font-size: 13px;
  outline: none;
  border-radius: 15px;
}

#global-select option {
  padding: 10px 0;
}


.our-staff-main-item-box-social {
  position: absolute;
  bottom: 10%;
  right: 10%;
  z-index: 5;
}

.our-staff-main-item-box-social a {
  display: block;
  position: absolute;
}

.our-staff-main-item-box-social-insta {
  bottom: 26px;
}

.our-staff-main-item-box-social img {
  width: 20px !important;
  position: relative;
  z-index: 20;
  border-radius: 0 !important;
  display: unset !important;
}

.our-staff-main-item a {
  display: block;
  width: 100%;
}

.blog-swiper-wrapper,
.popular-contents-wrapper,
.popular-contents-wrapper {
  margin-bottom: 0 !important;
}

.contact-main-info-content-text-item,
.contact-main-info-content-text-item-right {
  /* position: absolute; */
  /* max-width: 31%; */
  padding-bottom: 40px;
}

.section-header-right i,
.section-header-right span {
  bottom: 14px;
  position: relative;
}

.section-contact i,
.section-contact span {
  bottom: 0;
}

.select-language {
  width: 36px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: 2%;
  top: 48px;
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  z-index: 102;
  margin-right: 10px;
}

.select-language.active {
  position: fixed;
  /* transform: translateY(10%); */
  transition: transform .5s ease .1s;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select-language-main {
  top: 15px;
  right: 1%;
  z-index: 200;
}

.select-language-main.active {
  top: 19px;
}

.language {
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: inline-block;
  background-color: var(--white);
  text-decoration: none;
  text-align: center;
  transition: visibility 0.3s ease, opacity 0.3s ease;
  z-index: 200;
  box-shadow: 0 0 1px 0 var(--turquoise) !important;
}

.language:first-child {
  visibility: visible;
  opacity: 1;
  border-radius: 4px;
}

.select-language .border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  pointer-events: none;
  transition: transform 0.3s ease;
}

.select-language:hover .language {
  visibility: visible;
  opacity: 1;
}

.select-language:hover .language:first-child {
  border-radius: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}


.last-language {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.topic-items,
.treatments-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  column-gap: 40px;
  row-gap: 40px;
  margin-bottom: 50px;
}

.treatments-items {
  margin-top: 40px;
}

.treatments-item:hover .treatments-item-image img,
.topic-item:hover .topic-item-image img {
  transition: all .6s ease;
  transform: scale(1.1);
}

.treatments-item:not(:hover) .treatments-item-image img,
.topic-item:not(:hover) .topic-item-image img {
  transition: all .6s ease;
  transform: scale(1);
}


.treatments-item-box,
.topic-item-box {
  height: 220px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.treatments-item-image,
.topic-item-image {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.treatments-item-image img,
.topic-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  overflow: hidden;
}

.treatments-box-item-text,
.topic-box-item-text {
  position: absolute;
  bottom: 5%;
  left: 5%;
  z-index: 5;
  width: 100%;
  font-family: "Roboto Slab";
}

.treatments-box-item-text h3,
.topic-box-item-text h3 {
  color: var(--text-white);
  font-size: 18px;
  letter-spacing: 1px;
  font-family: "Latinka-Regular";
}

.topic-box-item-text h3 {
  display: none;
}

.treatments-box-item-text h2,
.topic-box-item-text h2 {
  color: #ffffff;
  font-size: 18px;
  max-width: 80%;
  letter-spacing: 1px;
  font-family: "Latinka-Regular";
}

.topic-box-item-text h2 {
  color: var(--text-white);
}


.treatments-item-bg,
.topic-item-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent, #30b5b924, #01bec369);
}

.treatments-item-bg-logo {
  top: 10%;
  position: absolute;
  right: 6%;
  display: flex;
  align-items: center;
  color: white;
  gap: 5px;
  transform: translateX(40%);
  transition: all .2s ease;
}

.treatments-item-bg-logo img {
  width: 20px;
  transform: unset !important;
}

.treatments-item-bg-logo span {
  letter-spacing: 2px;
  font-family: var(--logo-font);
}

.treatments-item:hover .treatments-item-bg-logo,
.topic-item:hover .treatments-item-bg-logo {
  opacity: 1;
  transform: translateX(0%);
  transition: all .2s ease;
}


.treatments-item:hover .treatments-box-item-text h2,
.topic-item:hover .topic-box-item-text h2 {
  color: var(--text-white);
}

.treatments-item:hover .treatments-box-item-text h2,
.topic-item:hover .topic-box-item-text h2 {
  color: var(--text-white);
}

.treatments-item:not(:hover) .treatments-box-item-text {
  transform: translateY(0%);
  transition: all .3s ease;
}

.treatments-item:hover .treatments-box-item-text {
  transform: translateY(-15%);
  transition: all .3s ease;
}

.treatments-item-text,
.topic-item-text {
  font-family: "Roboto Slab";
  color: var(--darkblue);
  padding-top: 10px;
  font-size: 14px;
  padding-left: 40px;
}

.treatments-item-text h2,
.topic-item-text h2 {
  font-size: 18px;
  display: none;
}

.contact-support-line {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  font-family: "Latinka-Regular";
  border-bottom: 1px solid var(--border-gray);
  padding-bottom: 40px;
}

.contact-support-line-text {
  padding-right: 10px;
}

.contact-support-line-text h2 {
  color: var(--turquoise);
  font-size: 18px;
  letter-spacing: 0;
  padding-bottom: 20px;
  font-weight: 200;
}

.contact-support-line-text p a {
  color: var(--text-brown);
  font-size: 18px;
}

.contact-support-line-buttons {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.contact-support-line-buttons button {
  border: none;
  outline: none;
  text-align: center;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 10px 20px;
  border-radius: 10px;
  cursor: pointer;
  transition: all .3s ease;
  font-family: "Latinka-Regular";
  color: var(--white);
  display: flex;
  align-items: center;
  max-width: 400px;
}


.contact-support-line-buttons button span {
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.contact-support-line-buttons button a {
  display: block;
  width: 100%;
  font-size: 14px;
  padding: 10px 20px;
  color: white;
  border-radius: 10px;
}

.contact-support-line-adress {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}

.contact-support-line-adress a {
  outline: none;
  text-align: center;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 10px 20px;
  border-radius: 10px;
  cursor: pointer;
  transition: all .3s ease;
  font-family: "Latinka-Regular";
  display: flex;
  align-items: center;
  color: var(--white);
}

.contact-support-line-adress a:hover {
  background-color: #21a4a7;
  transition: all .3s ease;
}

.contact-support-line-adress a:not(:hover) {
  background-color: var(--turquoise);
  transition: all .3s ease;
}

.contact-support-line-buttons button img,
.contact-support-line-adress a img {
  height: 25px;
  margin-right: 10px;
  pointer-events: none;
}

.contact-support-line-video {
  width: 330px;
  height: 180px;
  border-radius: 10px;
  overflow: hidden;
}

.contact-support-line-video-content {
  width: 100%;
  height: 100%;
}

.contact-support-line-video-content iframe {
  width: 100%;
  height: 100%;
}

.contact-support-randevu:not(:hover) {
  background-color: var(--darkblue);
}

.contact-support-randevu:hover {
  background-color: #0f6bab;
}

.contact-support-yol-tarifi:not(:hover) {
  background-color: var(--turquoise);
  border: 1px solid var(--turquoise);
}

.contact-support-yol-tarifi:hover {
  background-color: var(--white);
  color: var(--turquoise);
  border: 1px solid var(--turquoise);
}

.other-treatment-swiper-wrapper {
  width: 90%;
  margin: 0 auto !important;
  margin-bottom: 100px !important;
  margin-top: 30px !important;
}

.other-treatment-swiper-box {
  width: 100%;
  height: 350px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: block;
}

.other-treatment-swiper-box-image {
  width: 100%;
  height: 100%;
}

.other-treatment-swiper-box-image img {
  width: 100%;
  height: 100%;
  border-radius: 0 !important;
  object-fit: cover;
}

.other-treatment-swiper-box-text {
  position: absolute;
  bottom: 5%;
  width: 100%;
  text-align: center;
  transform: translateY(200%);
  padding: 0 10px;
}

.other-treatment-swiper-box-text-header h2 {
  font-family: "Roboto Slab";
  font-weight: 200;
  color: var(--white);
  font-size: 17px;
  position: relative;
  transition: all .4s ease;
  padding-bottom: 10px;
  position: relative;
}

.other-treatment-swiper-box-text-content p {
  font-family: "Roboto Slab";
  font-weight: 200;
  color: var(--white);
  font-size: 15px;
  position: relative;
  transition: all .4s ease;
  max-height: 300px;
}

.other-treatment-swiper-box:hover .other-treatment-swiper-box-text {
  position: relative;
  transition: all .4s ease;
  transform: translateY(-100%);
  z-index: 50;
}

.other-treatment-swiper-box:hover .other-treatment-swiper-box-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1bb6b954;
  top: 0;
  left: 0;
}

.other-treatment-swiper-box:hover .other-treatment-swiper-box-image img {
  transform: scale(1.1);
  transition: all .4s ease;
}

.other-treatment-swiper-box:not(:hover) .other-treatment-swiper-box-image img {
  transform: scale(1);
  transition: all .4s ease;
}

.whatsapp-text {
  cursor: pointer;
}

/*  */
/* .nav-links-under-general {
  opacity: 1;
  pointer-events: all;
} */

.nav-links-under-general-items {
  display: grid;
  background-color: white;
  padding: 10px;
  padding-bottom: 0;
  column-gap: 10px;
  max-width: 750px;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}

.nav-links-under-general-items-more {
  row-gap: 110px;
  overflow: hidden;
  height: 320px;
}

.nav-links-under-general-items-btn {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
}

.nav-links-under-general-items-btn button {
  border: none;
  outline: auto;
  cursor: pointer;
  background-color: var(--turquoise);
  border: .5px solid var(--white);
  color: var(--turquoise);
  font-size: 12px;
  border-radius: 10px;
}

.nav-links-under-general-items-btn button:hover {
  transition: all .3s ease;
  background-color: var(--text-white);
  border: .5px solid var(--turquoise);
  color: var(--turquoise);
}

.nav-links-under-general-items-btn button a {
  display: block;
  width: 100%;
  padding: 10px 20px;
  color: white;
  border-radius: 10px;
}

.nav-links-under-general-items-btn button:hover a {
  transition: all .3s ease;
  color: var(--turquoise);
}

.nav-links-under-general-item:hover .nav-links-under-general-item-image {
  height: 120px;
}

.nav-links-under-general-item-image {
  width: 100%;
  height: 150px;
  transition: all .3s ease;
}

.nav-links-under-general-item-video {
  position: relative;
  overflow: hidden;
}

.nav-links-under-general-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.nav-links-under-general-item-image video {
  width: 190%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.nav-links-under-general-item-text h2 {
  font-size: 15px;
  font-family: "Roboto Slab";
  color: var(--turquoise);
  text-align: center;
  padding: 10px 0;
}

.nav-links-under-general-item-text h3 {
  font-size: 12px;
  font-family: "Roboto Slab";
  color: var(--text-gray-five);
  text-align: center;
  padding: 10px 0;
  display: none;
}

.nav-links-under-general-item:hover .nav-links-under-general-item-text h3 {
  display: block;
  position: relative;
  bottom: 10px;
}

/*  */
.nav-links-under-tedaviler-boxs {
  display: flex;
  column-gap: 10px;
  background-color: white;
  padding: 10px;
  border-radius: 5px;
}

.nav-links-under-tedaviler-box {
  width: 170px;
  height: 250px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.nav-links-under-tedaviler-box-image {
  width: 100%;
  height: 100%;
  position: relative;
}

.nav-links-under-tedaviler-box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.nav-links-under-tedaviler-box-image-bg {
  width: 100%;
  height: 100%;
  background-color: rgba(62, 62, 62, 0.585);
  position: absolute;
  top: 0;
  left: 0;
}

.nav-links-under-tedaviler-box-links {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 55%);
  width: 100%;
  transition: all .3s ease;
}

.nav-links-under-tedaviler-box:hover .nav-links-under-tedaviler-box-links {
  transform: translate(-50%, -50%);
  transition: all .3s ease;
}

.nav-links-under-tedaviler-box-links ul h2 {
  text-align: center;
  font-size: 13px;
}

.nav-links-under-tedaviler-box-links ul li {
  padding: 0 !important;
}

.nav-links-under-tedaviler-box-links ul li a {
  font-size: 12px !important;
  text-align: center !important;
  border-bottom: 0 !important;
  padding: 9px 0 !important;
}

.nav-links-under-tedaviler-box-links ul li a:hover {
  color: white !important;
  opacity: .8;
}

/*  */

/*  Genel */
.nav-links-main-header-tedaviler ul li {
  padding: 10px 10px !important;
  cursor: pointer;
  color: var(--turquoise);
  display: block;
  width: 100%;
  /* position: relative !important; */
}

/* Ana linkler */
.nav-links-under-tedaviler-main-links {
  background-color: white;
}

.nav-links-under-tedaviler-main-links ul li {
  /* position: relative !important; */
  padding: 8px 20px !important;
  color: var(--turquoise) !important;
  font-size: 13px !important;
  min-width: 350px !important;
}

.nav-links-under-tedaviler-main-links ul li a {
  font-size: 13px !important;
}

.nav-links-under-tedaviler-main-links ul li:hover {
  background-color: whitesmoke;
  transition: all .3s ease;
}

.nav-links-under-tedaviler-main-links ul li:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.nav-links-under-tedaviler-main-links ul li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}


.nav-links-under-tedaviler-main-links ul li a {
  color: var(--turquoise) !important;
}

.nav-links-under-tedaviler-under-inside-links ul li {
  min-width: 300px;
}

/* Toplu  */
.nav-links-under-tedaviler-under-links,
.nav-links-under-tedaviler-under-inside-links {
  position: absolute;
  left: 100%;
  top: 0;
}

.nav-links-under-tedaviler-under-links,
.nav-links-under-tedaviler-under-inside-links {
  padding: 0 5px;
  background-color: transparent;
}

.nav-links-under-tedaviler-main-links,
.nav-links-under-tedaviler-under-links ul,
.nav-links-under-tedaviler-under-inside-links ul {
  background-color: var(--white);
  border-radius: 10px !important;
}

.nav-links-under-tedaviler-under-links-image {
  width: 100%;
  padding: 15px 20px;
  pointer-events: none;
}

.nav-links-under-tedaviler-under-links-image img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 5px;
}

/*  */

.nav-links-under-tedaviler-under-links,
.nav-links-under-tedaviler-under-inside-links {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-2%);
  transition: all .4s ease;
}

.nav-links-under-tedaviler-main-links ul li:hover .nav-links-under-tedaviler-under-links,
.nav-links-under-tedaviler-under-links ul li:hover .nav-links-under-tedaviler-under-inside-links {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0%);
  transition: all .4s ease;
}



/*  */

.main-comments-wrapper {
  width: 55%;
  margin: 0 auto;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 0 20px;
  border-radius: 10px;
}

.main-comments-wrapper-top {
  width: 100%;
  padding: 70px 0;
}

.main-comments-logos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  margin: 0 auto;
  column-gap: 40px;
}

.main-comments-logo {
  width: 100%;
  place-content: center;
  display: flex;
  justify-content: center;
}

.main-comments-logo img {
  height: 60px;
}

.main-comments-logo img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.3;
}

.main-comments-logo img:hover {
  -webkit-filter: unset;
  filter: unset;
  opacity: 1;
}

.main-comments-wrapper-under {
  position: relative;
  background-color: #76A5AB;
  padding: 50px 0;
}

.main-comments-wrapper-under-dentmax {
  background-color: #76A5AB;
  display: flex;
  align-items: center;
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  /* padding: 20px; */
  border-radius: 50%;
  /* column-gap: 5px; */
  width: 70px;
  height: 70px;
  line-height: 50px;
  justify-content: center;
}

.main-comments-wrapper-under h2 {
  font-family: "Roboto Slab";
  text-align: center;
  color: var(--white);
}

.main-comments-wrapper-under-dentmax span {
  color: white;
  position: relative;
  font-size: 24px;
}

.main-comments-wrapper-under-dentmax img {
  width: 27px;
}

#googleCommentsSliders {
  width: 90%;
  margin: 0 auto;
}

/*  */
.share-socail-media-inside,
.fixed-share-socail-media-inside {
  position: absolute;
  transform: translate(-50%, -36%);
  top: 50%;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  width: 200px;
  height: 100px;
  transition: all .3s ease;
}


.share-socail-media-inside.active,
.fixed-share-socail-media-inside.active {
  opacity: 1;
  pointer-events: all;
  transition: all .3s ease;
}

.icon-popup {
  position: absolute;
  opacity: 0;
}



.icon-left {
  left: 30px;
  bottom: 5px;
}

.icon-left-up {
  left: 52px;
  bottom: -55px;
}

.icon-right {
  right: 52px;
  bottom: -55px;
}

.icon-right-up {
  right: 30px;
  bottom: -30px;
}

.share-socail-media-inside .icon-popup {
  position: absolute;
  opacity: 0;
}

.share-socail-media-inside .icon-left {
  left: 30px;
  bottom: 5px;
}

.share-socail-media-inside .icon-left-up {
  left: 52px;
  bottom: 55px;
}

.share-socail-media-inside .icon-right {
  right: 52px;
  bottom: 55px;
}

.share-socail-media-inside .icon-right-up {
  right: 30px;
  bottom: -30px;
}

.share-socail-media-inside.active .icon-left {
  transition: all .3s ease;
  bottom: 45px;
  opacity: 1;
}

.share-socail-media-inside.active .icon-left-up {
  transition: all .3s ease .2s;
  opacity: 1;
  bottom: 90px;
}

.share-socail-media-inside.active .icon-right-up {
  transition: all .3s ease .5s;
  opacity: 1;
  bottom: 45px;
}

.share-socail-media-inside.active .icon-right {
  transition: all .3s ease .4s;
  opacity: 1;
  bottom: 90px;
}

/*  */

.fixed-share-socail-media-inside.active .icon-left {
  transition: all .3s ease;
  bottom: 45px;
  opacity: 1;
}

.fixed-share-socail-media-inside.active .icon-left-up {
  transition: all .3s ease .2s;
  opacity: 1;
  bottom: 0;
}

.fixed-share-socail-media-inside.active .icon-right-up {
  transition: all .3s ease .4s;
  opacity: 1;
  bottom: 45px;
}

.fixed-share-socail-media-inside.active .icon-right {
  transition: all .3s ease .4s;
  opacity: 1;
  bottom: 0;
}


.share-socail-media-inside {
  height: 140px;
  top: -10px;
}

/*  */
.blog-detail-comments-wrapper {
  font-family: "Latinka-Regular";
}

.blog-detail-write-comment {
  width: 100%;
  /* padding-top: 80px; */
}

.blog-detail-write-comment-span span {
  display: inline-block;
  background-color: var(--extra-light-turquoise);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 10px 20px;
  font-size: 14px;
}

.blog-detail-write-comment-text-wrapper {
  display: grid;
  grid-template-columns: 0.1fr 1fr;
  background-color: var(--extra-light-turquoise);
  padding: 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  gap: 20px;
}



.blog-detail-write-comment-profile {
  width: 60px;
  height: 60px;
  display: flex;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #96A0A1;
  overflow: hidden;
}

.blog-detail-write-comment-profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-detail-write-comment-text {
  width: 100%;
}

.blog-detail-write-comment-text input {
  width: 100%;
  padding: 20px 20px 30px 20px;
  border: none;
  outline: none;
  border-radius: 4px;
}

.blog-detail-write-comment-text-button {
  display: flex;
  justify-content: flex-end;
}

.blog-detail-write-comment-text-button button {
  padding: 8px;
  border-radius: 4px;
  outline: none;
  border: none;
  cursor: pointer;
  margin-top: 4px;
  background-color: white;
  width: auto;
  color: black;
}

.blog-detail-write-comment-text-button button:hover {
  background-color: rgba(255, 255, 255, 0.894);

}

/*  */
.blog-detail-list-comment-headers {
  border-bottom: 1px solid var(--border-gray);
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-top: 40px;
}

.blog-detail-list-comment-header {
  padding: 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.blog-detail-list-comment-header:hover {
  cursor: pointer;
}

.blog-detail-list-comment-header.active {
  border: 1px solid var(--border-gray);
  border-bottom: 4px solid var(--light-turquoise);

}

/*  */
.blog-detail-list-comments {
  padding: 20px;
  width: 100%;
}

.blog-detail-list-comment {
  padding: 10px 0;
}

.blog-detail-comment {
  width: 100%;
  display: grid;
  gap: 20px;
  grid-template-columns: .1fr 1fr;
}

.blog-detail-comment-text {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.blog-detail-comment-profile {
  width: 60px;
  height: 60px;
  display: flex;
  border: 1px solid var(--border-gray);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #96A0A1;
  overflow: hidden;
}

.blog-detail-comment-profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-detail-comment-text-name-and-settings {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.blog-detail-comment-text-settings {
  cursor: pointer;
  position: relative;
}

.comment-settings-menu {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--border-gray);
  border-radius: 4px;
  opacity: 0;
  transition: all .3s ease;
  pointer-events: none;
}

.comment-settings-menu.active {
  right: 5px;
  opacity: 1;
  transition: all .3s ease;
  pointer-events: all;
}

.comment-settings-menu ul li {
  padding: 5px 10px;
  font-size: 14px;
}

.comment-settings-menu ul li:hover {
  background-color: #f4f3f3;
  transition: all .3s ease;
}

.blog-detail-comment-text-name {
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-detail-comment-text-name h2 {
  font-size: 16px;
  font-family: "Latinka-Light";
}

.blog-detail-comment-text-name span {
  background-color: #E5E7EB;
  color: #666666;
  padding: 5px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
}

.blog-detail-comment-text-like-and-date {
  display: flex;
  justify-content: space-between;
}

.blog-detail-comment-text-like {
  display: flex;
  gap: 20px;
}

.blog-detail-comment-text-like span {
  cursor: pointer;
}

.blog-detail-comment-text-like span i {
  color: red;
}

.blog-detail-comment-text-content {
  padding: 10px 0;
}

/*  */
.content-router-form {
  width: 100%;
  padding: 40px 0;
}

.content-router-form form {
  width: 100%;
}

.content-router-form form input,
.content-router-form form textarea {
  width: 100%;
  margin: 4px 0;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid var(--border-gray);
  outline: none;
}

.content-router-form form input:focus,
.content-router-form form textarea:focus {
  border: 1px solid #1bb6b980;
}

.content-router-form form textarea {
  height: 120px;
  resize: none;
}

.content-router-form button {
  width: 100%;
  border-radius: 4px;
  background-color: var(--turquoise);
  padding: 15px 0;
  outline: none;
  border: none;
  color: var(--white);
  cursor: pointer;
  margin: 20px 0;
}

.content-router-form button:hover {
  transition: all .3s ease;
  background-color: rgb(7, 167, 170)
}

.content-router-form span {
  display: block;
  width: 100%;
  font-size: 14px;
  border: 1px solid rgba(0, 128, 0, 0.724);
  ;
  text-align: center;
  color: green;
  padding: 10px 0;
}

/*  */
.contact-router-content-links ol li a {
  color: var(--text-brown);
  font-size: 14px;
}

.contact-router-content-links {
  margin: 30px 0;
}

/*  */
.directions-modal {
  position: fixed;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -30%);
  background-color: var(--turquoise);
  min-width: 350px;
  height: 200px;
  border-radius: 15px;

  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  transition: all .3s ease;
  /* opacity: 0; */
}

/* .directions-modal-istanbul.active {
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s ease;
  opacity: 1;
}

.directions-modal-balikesir.active {
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s ease;
  opacity: 1;
} */

/* .directions {
  display: grid;
  place-items: center;
}

.directions:nth-child(1) {
  border-right: 1px solid var(--border-gray);
}

.directions-modal a {
  color: var(--text-white);
  position: relative;
  display: inline-block;
  top: 20px;
}

.directions-modal a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background-color: var(--white);
  transition: all .2s ease;
}

.directions-modal a:hover::after {
  width: 100%;
  transition: all .2s ease;
}

.directions-header {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--text-white);
  font-size: 12px;
  font-family: "Roboto Slab";
  width: 100%;
  text-align: center;
}

.directions-header h2 {
  font-weight: 200;
} */


/*  */
.to-inform-wrapper {
  width: 100%;
  font-family: "Latinka-Regular";
}

.to-inform {
  background-color: #d5f2efa1;
  padding: 0 30px;
  border-radius: 10px;
  width: 100%;
  /* margin: 0 auto; */
  position: relative;
  overflow: hidden;
}

.to-inform-bg {
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 105%;
  z-index: 0;
}

.to-inform-bg img {
  width: 100%;
}

.to-inform-header,
.to-inform-text {
  position: relative;
  z-index: 10;
}

.to-inform-header h2 {
  padding: 25px 0;
  font-family: "Freight";
  color: #333333;
  opacity: .7;
}

.to-inform-text p {
  padding-bottom: 25px;
  color: #333333;
}

/*  */
.blog-detail-table-wrapper {
  margin: 30px 0;
  font-family: "Freight";
  width: 99%;
}

.blog-detail-table-header h2 {
  padding-top: 50px;
  color: #333333;
  font-size: 22px;
  font-family: "Freight";
  opacity: .8;
}

.blog-detail-table-wrapper td {
  color: #333333;
}

table {
  border-collapse: collapse;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
}

@media (min-width: 768px) {
  .blog-detail-table {
    margin-left: 6px;
    margin-right: 6px;
    width: calc(100% - 12px);
  }
}

.blog-detail-table {
  width: 100%;
  padding: 10px;
  position: relative;
  line-height: 1.2;
}

.blog-detail-table::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  border-radius: 3px;
  pointer-events: none;
}

.blog-detail-table-wrapper .topHeader,
.blog-detail-table-wrapper th[scope=col] {
  border-bottom: 2px solid #767474;
  text-align: center;
}

.blog-detail-table-wrapper tbody tr:nth-child(even) td,
.blog-detail-table-wrapper tbody tr:nth-child(even) th {
  background: #f7f7f7;
}

.blog-detail-table-wrapper .leftHeader,
.blog-detail-table-wrapper th[scope=row] {
  border-right: 2px solid #767474;
  text-align: left;
}

.blog-detail-table-wrapper .leftHeader,
.blog-detail-table-wrapper .topHeader,
.blog-detail-table-wrapper th {
  font-weight: 600;
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: 200;
  font-size: 15px;
  padding: 12px;
}

.blog-detail-table-wrapper .leftHeader,
.blog-detail-table-wrapper .topHeader {
  color: var(--turquoise);
}

.blog-detail-table-wrapper td,
.blog-detail-table-wrapper th {
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  padding: 8px 10px 6px;
  vertical-align: center;
  min-width: 100px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.content-router-contact-wrapper,
.contact-router-content-links-wrapper {
  flex: 1;
  position: relative;
}


/*  */

/*  */
.menu-nav {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 55;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4%);
  transition: all .3s ease;
  padding-top: 20px;
  font-family: "Roboto Slab";
}

.menu-nav-yasam ul li {
  color: var(--turquoise) !important;
}

.menu-nav-yasam .menu-nav-content::before {
  display: none;
}

.menu-nav-yasam .menu-nav-link-main {
  opacity: 1 !important;
}

.menu-nav-yasam li {
  cursor: pointer !important;
}

.menu-nav-yasam ul li a {
  padding: 0 10px !important;
  transition: all .3s ease !important;
  color: var(--turquoise);
}

.menu-nav-yasam li i {
  color: var(--turquoise) !important;
}

.menu-nav-yasam ul li {
  color: var(--turquoise) !important;
}

.menu-nav-yasam .menu-nav-social a {
  width: auto !important;
  color: var(--turquoise) !important;
}

.menu-nav-yasam .menu-nav-social a i {
  color: var(--turquoise);
  opacity: 1 !important;
}

.menu-nav-yasam .nav-links-under-general-items-btn {
  bottom: 0 !important;
}

.nav-links-under-general-online .nav-links-under-general-items {
  max-width: 1000px !important;
}

.menu-nav.active {
  opacity: 1;
  transform: translateY(0%);
  transition: all .3s ease;
  pointer-events: all;
}

.menu-nav-image-wrapper {
  position: absolute;
  right: 100%;
  top: 0;
  height: 100%;
  width: 300px;
  padding-top: 20px;
  min-height: 400px;
}

.menu-nav-image-content {
  height: 100%;
  background-color: var(--white);
  /* background-color: rebeccapurple; */

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: rgba(100, 100, 111, 0.1) 0 7px 29px 0;
}


.menu-nav-image-content-text {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 0 20px;
  width: 300px;
}

.menu-nav-image {
  height: 310px;
}

.menu-nav-image-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.menu-nav-image-text p {
  padding-top: 20px;
  text-align: center;
  color: #333333 !important;
  overflow: hidden;
  opacity: .6;
}

.menu-nav-social {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.menu-nav-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-nav-social-link i {
  margin-left: 0 !important;
}

.menu-nav-social-comment-starts {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}

.menu-nav-social-comment-starts img {
  height: 12px;
}

.menu-nav-social-comments {
  display: flex;
  align-items: center;
  column-gap: 4px;
  position: relative;
  bottom: 3px;
}

.menu-nav-social-comments span {
  color: #333;
  font-size: 13px;
  font-family: "Latinka-Regular";
}

.menu-nav-social a {
  padding: 0 10px;
  color: var(--turquoise);
  transition: all .3s ease;
}

.menu-nav-social a:hover {
  transition: all .3s ease;
  transform: translateY(-10%);
}

.menu-nav-social a i {
  font-size: 18px;
}

.menu-nav-content {
  background-color: var(--white);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  display: flex;
  /* overflow: hidden; */
  min-height: 400px;
  padding: 20px;
  position: relative;
  right: 1px;
}

.menu-nav-content::before {
  content: "";
  position: absolute;
  left: 50px;
  transform: translateX(-50%);
  top: -8px;
  z-index: -1;
  border-color: transparent transparent var(--white) transparent;
  border-style: solid;
  border-width: 0 15px 20px 15px;
  width: 0;
  height: 0;
}

.menu-nav-link-main {
  transform: translateY(-3%);
  transition: all .3s ease;
  opacity: 0;
  width: 300px;
}

.menu-nav.active .menu-nav-link-main {
  transform: translate(0%);
  transition: all .3s ease;
  opacity: 1;
}

.menu-nav-link-under-links,
.menu-nav-link-under-content-links {
  display: none;
}

.menu-nav-link-main,
.menu-nav-link-under,
.menu-nav-link-under-content {
  align-self: stretch;
  /* border-right: 1px solid var(--border-gray); */
}

.menu-nav-link-under ul {
  width: 300px;
}

.menu-nav-link-under-content ul {
  width: 300px;
}

.menu-nav-link-under-links {
  height: 100%;
}

.menu-nav ul li {
  cursor: pointer;
  color: var(--turquoise) !important;
  min-width: 200px;
  max-width: 400px;
  /* padding: 15px 20px 15px 20px; */
  margin: 0 20px;
  padding: 15px 0;
  font-size: 15px;
  border-radius: 4px;
  border-bottom: .5px solid transparent;
  position: relative;
}

.nav-links-main-header ul li a {
  position: relative;
}

.nav-links-main-header ul li::after,
.menu-nav ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  /* background-color: #1bb6b94c; */
}

.nav-links-main-header ul li.hover::after,
.menu-nav ul li.active::after {
  width: 100%;
  transition: all .3s ease;
}

.nav-links-main-header ul li a,
.menu-nav ul li a {
  border-bottom: .5px solid transparent;
}

.nav-links-main-header ul li a::after,
.menu-nav ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: #1bb6b94c;
}

.nav-links-main-header ul li a:hover:after,
.menu-nav ul li a:hover:after {
  width: 100%;
  transition: all .3s ease;
}

.nav-links-main-header ul li a,
.menu-nav ul li a {
  color: var(--turquoise) !important;
  font-size: 15px;
}


.menu-nav ul {
  height: 100%;
}

/*  */
.menu-nav-link-under-links-image {
  width: 100%;
  height: 150px;
  padding: 15px;
}

.menu-nav-link-under-links-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}


/*  */

.nav-search {
  position: absolute;
  right: 16%;
  top: -37px;
  width: 200px;
  display: flex;
  justify-content: flex-end;
  height: 30px;
}

.nav-search input {
  width: 100%;
  height: 100%;
  border-top-left-radius: 10px;
  border: none;
  outline: none;
  padding-left: 30px;
  font-family: "Latinka-Regular";
  font-size: 16px;
  background: transparent;
  color: var(--text-white);
  border: 1px solid white;
  border-radius: 10px;
}

.nav-search input::placeholder {
  color: var(--text-white);
  font-family: 'Latinka-Light';
  opacity: .7;
  font-size: 16px;
}

.nav-search button {
  height: 100%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: none;
  outline: none;
  width: 100px;
  background-color: var(--text-white);
  background: transparent;
  position: absolute;
  right: 0;
  width: 50px;
}

.nav-search button i {
  color: var(--text-white);
  font-size: 15px;
  cursor: pointer;
}

.nav-search-undermenu {
  position: absolute;
  padding: 10px 5px;
  width: 100%;
  border-top: 1px solid #dcdbdb;
  background-color: white;
  box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.15);
  top: 100%;
  font-family: 'Latinka-Light';
  border-radius: 4px;
  display: none;
}

.nav-search-undermenu-topic {
  color: black;
  cursor: pointer;
  overflow: hidden;
  padding: 3px 25px;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: white;
}

.nav-search-undermenu-topic:hover {
  color: #db1f88;
  background-color: #f7f7f7;
}

.nav-search-undermenu a {
  display: block;
}

/*  */
.wrapper-search .global-nav,
.wrapper-search .invisalign-info-image-area-online {
  display: none;
}

.content-search-main-wrapper {
  width: 100%;
  margin: 0 auto;
  font-family: "Latinka-Regular";
  background-color: #0E0D0C;
}

.content-search-main {
  width: 57%;
  margin: 0 auto;
  position: relative;
  padding: 80px 0;
}

.content-search-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  padding-top: 30px;
}

.content-search-back-to-page {
  position: absolute;
  left: -7%;
  top: 10%;
  margin-top: 30px;
  border-radius: 50%;
  transition: all .3s ease;
  transform: translateX(0%);
}

.content-search-back-to-page:hover {
  transition: all .3s ease;
  transform: translateX(-5%);
}

.content-search-back-to-page button {
  width: 40px;
  height: 40px;
  background-color: var(--turquoise);
  overflow: hidden;
  border: none;
  outline: none;
  border-radius: 50%;
  cursor: pointer;
}

.content-search-back-to-page button i {
  color: black;
}

.content-search-topic {
  padding-top: 30px;
}

.content-search-topic a {
  color: #02838d;
  font-size: 18px;
}

.content-search-topic-link-content {
  color: #808184;
  padding-top: 10px;
}

.content-search {
  width: 100%;
  display: flex;
  height: 60px;
  position: relative;
}

.content-search input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding-left: 30px;
  font-family: "Latinka-Regular";
  font-size: 20px;
  background: transparent;
  color: var(--white);
  border-radius: 4px;
  border: 1px solid var(--turquoise);
  padding-left: 60px;
  padding-right: 20px;
}

.content-search input::placeholder {
  color: var(--white);
  font-family: 'Latinka-Light';
  opacity: .7;
  font-size: 20px;
}

.content-search button {
  height: 100%;
  border: none;
  outline: none;
  width: 60px;
  background-color: var(--text-white);
  background: transparent;
  position: absolute;
}

.content-search button i::before {
  color: var(--turquoise);
  font-size: 18px;
  cursor: pointer;
}

.content-search-exit {
  position: absolute;
  right: 5%;
  color: var(--white);
  top: 50%;
  transform: translateY(-50%);
  font-weight: 200;
  font-size: 12px;
  font-family: "Latinka-Regular";
  cursor: pointer;
}

.content-search-exit a {
  color: turquoise;
}

/*  */
.content-search-global {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.content-search-global-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}

.content-search-articles .content-search-global {
  grid-template-columns: repeat(2, 1fr);
}

.content-search-articles .content-search-global .content-search-global-item-image {
  height: 260px;
}

.content-search-before-after .content-search-global {
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.content-search-global-header {
  color: var(--white);
  font-weight: 200;
  font-size: 15px;
  font-family: "Latinka-Regular";
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 30px;
}

.content-search-global-header a {
  color: #808080;
}

.content-search-global-header a:hover {
  color: var(--turquoise);
}

.content-search-global-item-image {
  position: relative;
  width: 100%;
  height: 330px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.content-search-global-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  border-radius: 10px;
}

/*  */
.staff-content-search-global-item-image img {
  height: 100%;
  width: auto;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  transform: scale(1) translateY(0%) !important;
}

.content-search-global-item:hover .staff-content-search-global-item-image img {
  transform: scale(1.05) translateY(2%) !important;
}

/*  */

.content-search-team .content-search-global-item-image {
  background: linear-gradient(60deg, #24252A, transparent);
}

.content-search-global-item:hover .content-search-global-item-image img {
  transform: scale(1.1);
  transition: all .3s ease;
}

.content-search-global-item:hover .content-search-global-item-image-text {
  bottom: 10%;
  transition: all .3s ease;
}

.content-search-global-item:not(:hover) .content-search-global-item-image img {
  transform: scale(1);
  transition: all .3s ease;
}


.content-search-global-item-image-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #020b102c;
}

.content-search-global-item-image-text {
  position: absolute;
  bottom: -10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  color: var(--white);
  transition: all .3s ease;
}

.content-search-global-item-name {
  padding-top: 10px;
}

.content-search-global-item-name h2 {
  color: var(--white);
  font-weight: 200;
  font-size: 17px;
  font-family: "Latinka-Regular";
}

.content-search-global-item-position h3 {
  color: var(--white);
  font-weight: 200;
  font-size: 14px;
  font-family: "Latinka-Regular";
  color: #606060;
}

.content-search-global-item-content p {
  color: var(--white);
  font-weight: 200;
  font-size: 14px;
  font-family: "Latinka-Regular";
  color: #606060;
  padding-top: 10px;
}

.content-search-global-more {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  color: var(--white);
  font-weight: 200;
  font-size: 14px;
  font-family: "Latinka-Regular";
  padding-top: 30px;
}

.content-search-global-more a {
  color: var(--turquoise);
  cursor: pointer;
}

.blog-publication-date {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-right: 10px;
  font-family: "Latinka-Light";
  width: 100%;
  color: var(--white);
}

.blog-publication-date span {
  font-size: 12px;
  letter-spacing: 1px;
}

.blog-publication-date i {

  padding-right: 10px;
}

.kvkk-wrapper {
  font-family: "Latinka-Regular";
  padding: 0 50px;
  padding-top: 20px;
}

.kvkk-wrapper label {
  font-size: 13px;
  color: white;
}

.kvkk-wrapper .kvkk-error {
  background-color: white;
  color: red;
  border-radius: 10px;
  font-size: 13px;
  letter-spacing: 1px;
  display: none;
  width: 70%;
  margin: 0 auto;
  border-radius: 10px;
  margin-top: 20px;
  padding: 10px;
}

.kvkk-wrapper a {
  border-bottom: 1px solid var(--white);
  color: var(--white);
  padding-right: 3px;
}

/*  */
.tedavi-detail-sources-wrapper {
  font-size: 16px;
  font-family: "Freight Light";
  padding-bottom: 40px;
}

.tedavi-detail-sources {
  display: none;
}

.tedavi-detail-sources-header {
  display: inline-block;
  column-gap: 20px;
}


.tedavi-detail-sources-header-item {
  display: flex;
  align-items: center;
  column-gap: 5px;
  cursor: pointer;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--turquoise);
}

.tedavi-detail-sources-header-item h4 {
  font-weight: 200;
}

.tedavi-detail-sources-header-item.active {
  border-bottom: 2px solid var(--turquoise);
}


.tedavi-detail-sources-header-item i {
  border: 1px solid var(--turquoise);
  padding: 5px;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.tedavi-detail-sources-header-item-icon {
  border: none !important;
  color: black;
  transition: all .3s ease;
  transform: rotate(180deg);
}

.tedavi-detail-sources-header-item-icon.active {
  transform: rotate(0deg);
  transition: all .3s ease;
}


.tedavi-detail-sources-header-item .fa-history {
  font-size: 28px;
  border: none;
}

.tedavi-detail-sources ol {
  padding-left: 20px;
}

.tedavi-detail-sources ol li {
  list-style-type: disc !important;
  color: #333333;
}

.tedavi-detail-sources ol li a {
  color: #0f6bab;
}

/* Tarih Seçici */

#myc-container {
  width: inherit;
}

#myc-nav-container {
  margin-bottom: 15px;
  width: inherit;
}

#myc-current-month-year-container {
  display: inline-block;
  font-size: 1.5em;
  font-weight: lighter;
  text-align: center;
  text-transform: capitalize;
  vertical-align: top;
  width: 68%;

  display: none;
}

#myc-prev-week-container {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 6%;
}

#myc-week-container::-webkit-scrollbar {
  width: 5px;
  /* background-color: #e9e9e9; */
  background-color: transparent;
  border-radius: 5px;
}

#myc-week-container::-webkit-scrollbar-thumb {
  background-color: var(--turquoise);
  border-radius: 5px;
}

#myc-week-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--turquoise);
  border-radius: 5px;
}

#myc-next-week-container {
  display: inline-block;
  width: 15%;
}

#myc-prev-week {
  border: 1px solid #e0e0e0;
  border-radius: 80px;
  color: #e0e0e0;
  cursor: pointer;
  float: left;
  font-size: 14px;
  font-weight: lighter;
  height: 40px;
  text-align: center;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -8%;
}

#myc-next-week {
  border: 1px solid #e0e0e0;
  border-radius: 80px;
  color: #e0e0e0;
  cursor: pointer;
  float: right;
  font-size: 14px;
  font-weight: lighter;
  height: 40px;
  text-align: center;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -8%;
}

#myc-prev-week:hover,
#myc-next-week:hover {
  border: 1px solid #bdbdbd;
  color: #bdbdbd;
}

#myc-week-container {
  border: 1px solid #e0e0e0;
  overflow-y: scroll;
  max-height: 265px;
}

#myc-dates-container {
  background-color: #fafafa;
  font-family: "Roboto SLAB";
  font-size: 12px;
}

.myc-date-header {
  border-right: 1px solid #e0e0e0;
  display: inline-block;
  min-height: 50px;
  padding: 15px 0 !important;
  vertical-align: top;
}

.myc-date-header:first-of-type {
  padding-left: 15px;
}

.myc-date-header:last-of-type {
  border-right: none;
  width: 13%;
}

#myc-available-time-container {
  border-top: 1px solid #e0e0e0;
  min-height: 150px;
}

.myc-day-time-container {
  /*border-right: 1px solid #e0e0e0;*/
  display: inline-block;
  height: 100%;
  padding: 15px 15px 15px 15px;
  vertical-align: top;
  width: 13.77%;
}

.myc-day-time-container:first-of-type {
  padding-left: 15px;
}

.myc-day-time-container:last-of-type {
  border-right: none;
  width: 13%;
}

.myc-date-number {
  font-size: 1.8em;
  font-weight: lighter;
}

.myc-available-time {
  background-color: #29b6f6;
  border-radius: 20px;
  color: #ffffff;
  display: block;
  margin-bottom: 15px;
  padding: 10px 0 10px 0;
  text-align: center;
}

.myc-available-time.disabled {
  cursor: not-allowed;
  background-color: gray;
}

.myc-available-time.selected,
.myc-available-time:hover {
  background-color: #222;
}

.myc-date-display {
  font-weight: lighter;
}

@media only screen and (max-width: 768px) {

  .myc-date-header,
  .myc-day-time-container {
    width: 13.5%;
  }

}

.picker-date-and-time {
  padding-top: 10px;
  font-family: "Roboto Slab";
  font-size: 14px;
  color: #333333;
}

.picker-date-and-time p {
  display: flex;
}

.picker-date-and-time h4 {
  font-weight: 200;
  min-width: 100px;
  padding-right: 10px;
  display: inline-block;
  color: gray;
}

#selected-date,
#selected-time {
  color: gray;
}

.menu-nav-link-main-icon {
  transition: all .3s ease;
  transform: rotate(0deg);
  padding-left: 10px;
  opacity: 0;
  color: var(--turquoise) !important;
  position: absolute;
  left: -30px;
  top: 20px;
}

.menu-nav-link-main-icon.active {
  transition: all .3s ease;
  transform: rotate(0deg);
  opacity: 1;
}

.menu-nav-video {
  width: 180px;
  height: 200px;
  margin: 0 auto;
  position: relative;
}

.menu-nav-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.menu-nav-video-wrapper {
  margin: 20px 0;
}

/*  */
.secure-link-wrapper {
  color: #333333;
  font-family: "Freight Light";
  line-height: 1.5;
  font-size: 19px;
  padding-bottom: 40px;
}

.secure-link-wrapper p {
  line-height: 1.5;
  padding-bottom: 40px;
}


.secure-link {
  display: inline;
  position: relative;
}

.secure-link-a {
  color: var(--turquoise);
  background-color: #1bb6b912;
  transition: all .3s ease;
  padding: 0 10px;
  border-radius: 4px;
}

.secure-link-a:hover {
  color: var(--text-white);
  background-color: var(--turquoise);
  transition: all .3s ease;
}

.secure-link-a:hover::after {
  color: var(--turquoise);
  background-color: var(--white);
}

.secure-link-content-wrapper {
  position: absolute;
  left: 0;
  bottom: 100%;
  font-size: 17px;
  padding: 5px 0;
  opacity: 0;
  pointer-events: none;
  min-width: 300px;
  transform: translateY(-30%);
  transition: all .3s ease;
}

.secure-link-content-wrapper.active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0%);
  transition: all .3s ease;
}

.secure-link-content {
  position: absolute;
  left: 0;
  bottom: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  background-color: var(--white);
  padding: 20px;
  cursor: pointer;
  z-index: 20;
  border-radius: 10px;
}

.secure-link-a::after {
  content: "\2713";
  display: inline;
  width: 10px;
  height: 25px;
  padding: 0 2px;
  font-size: 10px;
  vertical-align: text-top;
  margin-left: 3px;
  color: white;
  background-color: var(--turquoise);
  border-radius: 50%;
  position: relative;
  bottom: 4px;
  z-index: -2;
}

/*  */
.secure-link-content a {
  color: var(--turquoise);
}

.secure-link-content-trusted-source {
  position: relative;
  color: var(--turquoise);
  text-decoration: underline;
}

.secure-link-content-trusted-source::before {
  content: "\2713";
  display: inline;
  width: 10px;
  height: 25px;
  padding: 0 2px;
  font-size: 10px;
  vertical-align: text-top;
  margin-left: 3px;
  color: white;
  background-color: var(--turquoise);
  border-radius: 50%;
  position: relative;
  margin-right: 10px;
}

.secure-link-content-pubmed {
  padding: 20px 0;
  display: block;
}

.secure-link-content-text {
  position: relative;
  padding-bottom: 30px;
  display: block;
}

.secure-link-content-text::before {
  content: "\2713";
  display: inline;
  width: 10px;
  height: 25px;
  padding: 0 2px;
  font-size: 10px;
  vertical-align: text-top;
  margin-left: 3px;
  color: white;
  border-radius: 50%;
  position: relative;
  margin-right: 10px;
  color: var(--turquoise);
}

.secure-link-source {
  color: var(--turquoise);
}

/*  */

.normal-link {
  color: var(--turquoise);
  background-color: #1bb6b912;
  transition: all .3s ease;
  padding: 0 10px;
  border-radius: 4px;
}

.normal-link:hover {
  color: var(--text-white);
  background-color: var(--turquoise);
  transition: all .3s ease;
}

.staff-video-items {
  width: 100%;
}

.staff-video-item {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.staff-video-item iframe {
  border-radius: 10px;
}

.staff-video-item-video {
  width: 100%;
  height: 250px;
}

.staff-video-item-video iframe {
  width: 100%;
  height: 100%;
}


/*  */
.invisalign-treatment-headers {
  width: 100%;
  display: flex;
  overflow-x: auto;
}

.invisalign-treatment-headers::-webkit-scrollbar {
  display: none;
}


.invisalign-treatment-header-item {
  text-align: center;
  padding: 20px;
  cursor: pointer;
  transition: all .3s ease;
  max-width: 170px;
}

.invisalign-treatment-header-item.active {
  background-color: var(--turquoise);
  transition: all .3s ease;
  color: white;
  border-radius: 5px;
}


.invisalign-treatment-header-item img {
  width: 100px;
  min-height: 50%;
  min-height: 80px;
}

.invisalign-treatment-header-item h2 {
  font-size: 16px;
  font-family: "Latinka-Light";
  opacity: .8;
}

/*  */
.invisalign-treatment {
  width: 100%;
}

.invisalignSwiper {
  width: 100%;
  height: 100%;
  margin-top: 60px;
}

.invisalignSwiper .swiper-slide {
  width: 100%;
}

.invisalignSwiper-content-wrapper {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}


.invisalign-video-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.invisalign-content-video-wrapper video {
  width: 450px;
  height: 100%;
  /* object-fit: cover; */
  cursor: pointer;
}

.invisalign-video-progress-bar {
  display: flex;
  justify-content: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  padding: 1rem;
  width: 100%;
  align-items: center;
}

.invisalign-content-text-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 200px;
}

.invisalign-content-text {
  font-family: "Latinka-Regular";
}


.invisalign-video-wrapper input[type="range"] {
  -webkit-appearance: none;
  margin-right: 15px;
  width: 200px;
  height: 7px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  background-color: #3D3935;
  background-size: 100%;
  background-repeat: no-repeat;
}

.invisalign-video-wrapper input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: var(--turquoise);
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
}

.invisalign-video-wrapper input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}


.detail-sss-wrapper {
  width: 90%;
  margin: 0 auto;
  font-family: "Roboto Slab";
  border-radius: 8px;
  display: none !important;
}

.detail-sss-text-area .sss-text-area-content p {
  padding: 0;
}

.detail-sss-text-area .sss-text-area-content p {
  font-size: 16px !important;
}

.detail-sss-text-area {
  width: 100%;
  margin-top: 0;
  display: none;
  margin: 0;
  font-size: 16px;
  padding: 40px 0;
}

.detail-sss-wrapper-header {
  display: flex;
  justify-content: flex-end;
  background-color: var(--white);
  cursor: pointer;
  border-radius: 8px;
}

.detail-sss-wrapper h3 {
  font-size: 18px;
}

.detail-sss-wrapper span {
  color: #b5b5b5;
  font-size: 14px;
}

.detail-sss-wrapper .sss-text-area-content ul li {
  color: #666666;
  font-size: 16px;
}

.detail-sss-icon {
  transform: rotate(90deg);
  margin-left: 20px;
  transition: all .3s ease;
}

.detail-sss-icon.active {
  transform: rotate(270deg);
  transition: all .3s ease;
}

/*  */
.contact-router-content-links-header h3 {
  font-size: 15px;
  font-weight: 200;
  padding: 4px 0;
  color: var(--text-brown);
}

.contact-router-content-links-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 2px solid var(--border-gray);
  cursor: pointer;
  position: relative;
  box-shadow: rgba(100, 100, 111, 0.2) 0 -3px 20px 0;
  border-radius: 10px;
}

.contact-router-content-links-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background-color: var(--turquoise);
}

.contact-router-content-links-header.active::after {
  width: 100%;
  transition: all .5s ease;
}

.contact-router-content-links-header i {
  font-size: 19px;
  color: var(--text-brown);
}

.contact-router-content-links-inside {
  font-family: "Roboto Slab";
  color: var(--text-brown);
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px 20px;

  display: none;
}



.contact-router-content-links-inside ol li a {
  color: var(--text-brown);
  position: relative;
}

.contact-router-content-links-inside ol li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: var(--turquoise);
  transition: all .3s ease;
}

.contact-router-content-links-inside ol li a:hover::after {
  width: 100%;
  transition: all .3s ease;
}

/*  */
.staff-articles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  width: 100%;
  margin: 0 auto;
  column-gap: 100px;
  row-gap: 50px;
}

.staff-article:not(:hover) .staff-article-image img {
  transform: scale(1);
  transition: transform 0.4s ease;
}

.staff-article:hover .staff-article-image img {
  transform: scale(1.1);
  transition: transform 0.4s ease;
}

.staff-article img {
  width: 100%;
}

.staff-article-image-wrapper {
  overflow: hidden;
  border-radius: 30px;
  position: relative;
}

.staff-article-image-icon img {
  width: 100%;
}

.staff-article-image-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 80px;
  padding: 15px;
  background-color: #1bb6b9ab;
  margin: 20px;
  display: flex;
  align-items: center;
}


.staff-article-image {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}

.staff-article-image iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.staff-article-text h3 {
  font-family: "Roboto Slab";
  font-size: 17px;
  font-weight: normal;
  line-height: 25px;
  color: var(--turquoise);
  padding-top: 20px;
}

.staff-article-text p {
  font-family: "Latinka-Regular";
  font-size: 17px;
  font-weight: normal;
  line-height: 25px;
  color: #4d4d4d;
  padding-top: 10px;
}

/*  */
.login-with-social-account-wrapper {
  position: fixed;
  z-index: 201;
  background-color: rgba(0, 0, 0, 0.331);
  padding: 50px 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

.login-with-social-account-wrapper.active {
  opacity: 1;
  pointer-events: all;
}

.login-with-social-account {
  border-radius: 30px;
  background-color: var(--turquoise);
  border-radius: 30px;
  padding: 50px 0;
  width: 350px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.login-with-social-apps {
  padding: 0 50px;
}

.login-with-social-app {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 0;
  cursor: pointer;
  text-align: left;
  width: 100%;
  border: 1px solid var(--border-gray);
  border-radius: 15px;
  padding: 6px 10px;
}

.login-with-google {
  background-color: var(--white);
  color: var(--text-brown);
  transition: all .3 ease;
}

.login-with-google:hover {
  background-color: #F8FAFF;
  transition: all .3s ease;
}

.login-with-facebook {
  background-color: #1877F2;
  border: none;
  transition: all .3 ease;
  color: var(--white);
}

.login-with-facebook:hover {
  background-color: #265ece;
  transition: all .3 ease;
}

.login-with-social-account img {
  height: 25px;
}

.login-with-social-account span {
  font-size: 14px;
  padding-left: 30px;
}

.login-with-google span {
  color: var(--text-brown) !important;
}

.login-with-social-account-text {
  width: 100%;
  text-align: center;
}

.login-with-social-account-text h2 {
  color: var(--white);
  font-size: 15px;
  font-family: "Latinka-Light";
  font-weight: 200;
  padding-bottom: 20px;
}

.login-with-social-or h2 {
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 16px;
  text-align: center;
  color: white;
  font-family: "Latinka-Light";
  font-size: 14px;
  letter-spacing: 1px;
}

.login-with-email {
  padding: 0 50px;
  width: 100%;
  font-family: "Latinka-Regular";
}

.login-with-email-col label {
  padding: 5px 0;
  display: inline-block;
  color: white;
  font-size: 14px;
}

.login-with-email-col input {
  padding: 10px 10px;
  border-radius: 10px;
  border: 1px solid var(--border-gray);
  outline: none;
  width: 100%;
}

.login-with-email-col input::placeholder {
  font-size: 12px;
}

.login-with-email-btn-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}


.login-with-email-btn-wrapper button {
  width: 60%;
  background-color: var(--white);
  padding: 10px;
  margin: 10px 0;
  border: none;
  border-radius: 15px;
  outline: none;
  cursor: pointer;
}

.login-pass-reset h4 {
  color: black;
  font-size: 13px;
  padding: 5px 0;
}

.login-pass-reset h4 a {
  color: #fffffff0;
  letter-spacing: 1px;
  font-family: "Latinka-Light";
  font-size: 12px;
  font-weight: 200;
}

.content-router-contact-exit {
  position: absolute;
  top: 20px;
  right: 20px;
  color: var(--white);
  font-size: 25px;
  cursor: pointer;
}

.other-treatment-swiper-wrapper .owl-carousel .owl-stage-outer {
  border-radius: 10px;
}

/* Date Picker */
#myc-dates-container>#myc-dates-container,
#myc-available-time-container {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  overflow: hidden;
}

#myc-dates-container>#myc-dates-container .myc-date-header,
.myc-day-time-container {
  width: auto !important;
}

.myc-date-header:last-of-type {
  border-right: 1px solid #e0e0e0 !important;
  width: auto !important;
}

.myc-date-header {
  text-align: center !important;
}

.myc-available-time {
  width: 60% !important;
  margin: 0 auto !important;
  margin-bottom: 15px !important;
}



.info-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #00000075;
  font-family: "Latinka-Regular";
  z-index: 99;
  /* display: grid; */
  /* grid-template-columns: 2fr 1fr 1fr; */
  display: flex;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding-top: 7px;
  padding: 8px;
  gap: 5px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
  transition: all .3s ease;
}

.info-nav.active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0%);
  transition: all .3s ease;
}


.info-nav-item {
  text-align: center;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  flex-grow: 1;
}

.info-nav-online-treatment {
  background-color: white;
  padding: 0 25px;
}

.info-nav-wp {
  background-color: #25D366;
}

.info-nav-contact {
  background-color: var(--turquoise);
}

.info-nav-share {
  background-color: var(--white);
}

.info-nav-wp,
.info-nav-contact,
.info-nav-share {
  width: 10px;
}

.info-nav-item a {
  color: black;
  width: 100%;
  height: 100%;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.info-nav-item span {
  padding-right: 5px;
}

.info-box-wrapper,
.social-info-box-wrapper,
.message-copied {
  position: fixed;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -20%);
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  color: white;
  min-width: 300px;
  opacity: 0;
  border-radius: 2px;
  pointer-events: none;
  z-index: 99;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
  overflow: hidden;
}

.message-copied {
  bottom: 50%;
}

.social-info-box-wrapper.active,
.info-box-wrapper.active,
.message-copied.active {
  opacity: 1;
  transition: all .5s ease;
  pointer-events: all;
  transform: translate(-50%, -30%);
}

.info-box-wrapper.active {
  transform: translate(-50%, -50%);
}

.message-copied p {
  color: green;
  padding: 20px;
  text-align: center;
  font-family: 'Latinka-Light';
}


.info-box,
.social-info-box {
  /* opacity: 0; */
  /* pointer-events: none; */
  text-align: center;
  width: 100%;
}

/* .info-box.active {
  opacity: 1;
  pointer-events: all;
} */

.info-box-text a,
.social-info-box a {
  display: block;
  width: 100%;
  padding: 14px 10px;
  border: 1px solid var(--border-gray);
  color: var(--text-brown);
  font-family: "Latinka-Regular";
}

.social-info-box a i {
  margin: 0px 3px;
}

.social-info-box .fa-facebook {
  color: #4267B2;
}

.social-info-box .fa-whatsapp {
  color: #33c234;
}

.social-info-box .fa-instagram {
  color: #F6067A;
}

.social-info-box .fa-linkedin {
  color: #bcc5cb;
}

.social-info-box .fa-twitter {
  color: #1DA1F2;
}

/* .social-info-box .bx-paperclip {
  color: #bcc5cb;
} */

#footer-address-info-wrapper {
  position: fixed;
  bottom: 0px;
  left: 0px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  place-items: center;
  padding: 20px 0px;
  z-index: 105;
  background-color: var(--green);
  color: var(--white);
  opacity: 0;
  pointer-events: none;
}


/* Social Media */
.share-wrapper {
  position: relative;
}


.share {
  position: absolute;
  /* transform: rotate(45deg); */
  right: 0;
  width: 50px;
  height: 50px;
  top: -10px;
  z-index: 5;
}

.share ul {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.share ul li {
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  width: 90%;
  height: 90%;
  background: #fff;
  transition: 0.5s;
  overflow: hidden;
  border-radius: 50%;
  transform: scale(0);
}

.share ul.active li {
  transform: scale(0.95);
}

.share ul li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 20px;
  color: #262626;
  transition: 0.5s;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.share ul li a:hover {
  color: #F5F5F5;
}

.share ul.active li:nth-child(1) {
  top: -18%;
  left: -100%;
  transition-delay: 0s;
  background-color: #474f62
}

.share ul.active li:nth-child(2) {
  top: -100%;
  left: -42%;
  transition-delay: 0.2s;
  background-color: #33c234;
}

.share ul.active li:nth-child(3) {
  top: -100%;
  left: 55%;
  transition-delay: 0.4s;
  background-color: #bcc5cb;
}

.share ul.active li:nth-child(4) {
  top: -15%;
  left: 105%;
  transition-delay: 0.6s;
  background-color: #1DA1F2;
}

.share ul.active li:nth-child(5) {
  top: 90%;
  left: 75%;
  transition-delay: 0.8s;
  background-color: gray;
}

/* .share ul.active li:nth-child(6) {
  top: 110%;
  left: -10%;
  transition-delay: 1s;

}

.share ul.active li:nth-child(7) {
  top: 100%;
  left: -100%;
  transition-delay: 1.2s;
}

.share ul.active li:nth-child(8) {
  top: 0;
  left: -100%;
  transition-delay: 1.4s;
} */

.share-toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #bdafa3;
  transform: scale(0.95);
  overflow: hidden;
  border-radius: 50%;
  z-index: 1;
  cursor: pointer;
}

.share-toggle:before {
  content: '\f1e0';
  font-family: fontAwesome;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
}

.share-toggle.active:before {
  content: '\f00d';
}


.detail-share {
  opacity: 0;
  position: fixed;
  top: 25%;
  right: 5%;
  pointer-events: none;
  transition: all .3s ease;
}

.main-content-box-text-header {
  position: fixed;
  top: 0%;
  right: 5%;
  transition: all .3s ease;
  opacity: 0;
  pointer-events: none;
  width: 90%;
}

.detail-content-box-text-header-text.active .main-content-box-text-header {
  width: 100%;
}

.main-content-box-text-header .main-content-box-text-header-h3 {
  display: block;
}

.main-content-box-text-header .detail-content-box-text-header-text {
  justify-content: center;
  width: 10%;
}

.interestMobile-wrapper,
.highlightsMobile-wrapper {
  display: none;
}

.content-router-writer-mobil {
  display: none;
  grid-template-columns: 0.5fr 1fr;
  gap: 10px;
  padding-bottom: 30px;
  border-bottom: 1px solid whitesmoke;
}

.content-router-writer-mobil-text-wrapper {
  display: flex;
  flex-direction: column;
}

.content-router-writer-mobil-image {
  width: 130px;
  height: 150px;
}

.content-router-writer-mobil-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-router-writer-mobil-socials {
  display: flex;
  justify-content: space-around;
  padding: 10px 0;
  gap: 5px;
  width: 80%;
}

.content-wrapper-links-path {
  display: none;
}

.content-wrapper-links-path a {
  color: #d0d0d0;
  letter-spacing: 1px;
  font-family: "Latinka-Regular";
  padding-right: 2px;
  font-size: 13px;
}

.content-wrapper-links-path a:last-child {
  color: var(--turquoise);
}

.online-appointment-btn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-top: 60px;
}

.online-appointment-btn button {
  display: inline-block;
  width: auto;
  min-width: auto !important;
  padding: 10px 30px;
}

/*  */
.online-appointment-info-wrapper {
  position: fixed;
  z-index: 201;
  background-color: rgba(0, 0, 0, 0.331);
  padding: 50px 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  left: 0;
  top: 0;
}

.online-appointment-info-wrapper.active {
  opacity: 1;
  pointer-events: all;
}

.online-appointment-info {
  border-radius: 30px;
  background-color: var(--turquoise);
  border-radius: 30px;
  padding: 50px 20px;
  width: 330px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.online-appointment-info h2 {
  color: var(--text-white);
  font-size: 18px;
  font-family: "Latinka-Regular";
  font-weight: 200;
  text-align: center;
  padding: 0 20px;
}

.online-appointment-info-exit {
  position: absolute;
  top: 15%;
  right: 7%;
  color: var(--white);
  font-size: 25px;
  width: auto;
  display: inline-block;
  cursor: pointer;
}



.copyright .footer-links-bottom-social-comments {
  display: none;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 30px;
}

.copyright .footer-links-bottom-social-comments span {
  font-size: 15px;
  font-family: "Futura PT Light";
  opacity: .9;
}

.copyright .footer-links-bottom-social-comments-stars img {
  margin-top: 0;
}

.copyright .footer-links-bottom-social-comments-stars {
  display: flex;
  align-items: center;
  gap: 2px;
}

/*  */
.rewards-items {
  display: flex;
  flex-wrap: wrap;
  padding: 80px 40px 60px 40px;
  gap: 30px;
  justify-content: center;
}


.rewards-item img {
  height: 100px;
}

.rewards-item:nth-child(even) img {
  position: relative;
  margin-top: 30px;
}

/*  */
.rewards-mobil {
  display: none;
  flex-wrap: wrap;
  padding: 100px 40px;
  gap: 30px;
  justify-content: center;
}

.rewards-mobil-item img {
  height: 100px;
}

.rewards-mobil-item:nth-child(even) img {
  position: relative;
  margin-top: 30px;
}

/*  */
.info-nav-content-wrapper {
  position: fixed;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  color: white;
  min-width: 300px;
  opacity: 0;
  border-radius: 2px;
  pointer-events: none;
  z-index: 99;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
  overflow: hidden;
  font-family: "Latinka-Regular";
  overflow-y: auto;
  max-height: 450px;
}

.info-nav-content-wrapper.active {
  opacity: 1;
  transition: all .5s ease;
  pointer-events: all;
  transform: translateX(-50%);
}

.info-nav-content {
  /* opacity: 0; */
  /* pointer-events: none; */
  text-align: center;
  width: 100%;
  padding: 20px;
}

.info-nav-content-text h2 {
  color: #333;
  font-weight: 200;
  font-size: 18px;
  text-align: center;
  padding-bottom: 5px;
}

.info-nav-content-text-links {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.info-nav-content-text a {
  color: #333333;
  padding: 5px;
}


/*  */

/* .logo-text-t.colorchange {
  color: #1bb6b9 !important;
} */

.nav-content.bgchange {
  background-color: var(--turquoise) !important;
}

/* .menu .line.bgchange {
  background-color: #1bb6b9 !important;
}

.nav-search button i.colorchange::before {
  color: #1bb6b9;
}

.nav-links-search-bar a i.colorchange::before {
  color: #1bb6b9;
} */

/* Cookie */
.cookie {
  font-family: "Latinka-Regular";
  position: fixed;
  width: 370px;
  /* height: 280px; */
  background-color: var(--white);
  color: var(--green);
  bottom: 2%;
  right: auto;
  left: 3%;
  z-index: 400;
  border-radius: 15px;
  /* padding-top: 20px; */
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.cookie-text {
  padding: 20px;
  padding-bottom: 30px;
}

.cookie h3 {
  color: black;
  font-size: 19px;
  font-weight: bold;
}

.cookie span {
  color: black;
  padding-bottom: 10px !important;
  font-size: 24px;
  font-weight: bold;
  opacity: .7;
}

.cookie p {
  font-size: 14px !important;
  color: #333333 !important;
  font-weight: bold;
  opacity: .8;
  font-family: 'Latinka-Light';
}

.cookie-under {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #D5D5D5;
  color: #838383;
}

.cookie-under .more-info {
  text-decoration: underline;
  cursor: pointer;
  color: black;
}

.cookie-under .cookie-apply {
  color: black;
  opacity: .8;
  cursor: pointer;
  font-weight: bold;
}

/* .check-cookie-box {
  position: fixed;
  z-index: 399;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100vh;
  background-color: black;
  opacity: .3;
} */

.mobil-footer {
  width: 100%;
  display: none;
  flex-wrap: wrap;
}


.mobil-footer h2 {
  font-family: "Futura PT";
  font-size: 14px;
  letter-spacing: 2px;
  padding-bottom: 10px;
  min-width: 150px;
  font-weight: 200;
}

.mobil-footer ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}

.mobil-footer ul li {
  min-width: 150px;
  padding: 10px 0;
}

.mobil-footer ul li a {
  color: var(--text-white) !important;
}

.mobil-footer ul li i {
  margin-right: 8px;
}


.press-left-box-videos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 auto;
  padding: 30px 0;
}

.press-left-box-video-item {
  width: 100%;
  padding: 0 !important;
  padding-bottom: 20px !important;
}

.press-left-box-video-item:not(:hover) .press-left-box-video img {
  transform: scale(1);
  transition: all 0.3s ease;
}

.press-left-box-video-item:hover .press-left-box-video img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}

.press-left-box-video {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.press-left-box-video img {
  width: 100%;
}

/* .press-left-box-video-image {
  width: 100%;
  max-height: 450px;
}

.press-left-box-video-image iframe {
  width: 100%;
  height: 450px;
} */

.press-left-box-video-image {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}

.press-left-box-video-image iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.press-left-box-video-icons {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #185c8bb3;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.press-left-box-video-icons i {
  font-size: 70px;
  color: var(--white);
}

.press-left-box-text {
  text-align: left;
  padding-top: 15px;
  font-family: "Latinka-Regular";
}

.press-left-box-text h3 {
  font-size: 20px;
  line-height: 25px;
  font-weight: normal;
  color: var(--turquoise);
  padding-bottom: 0;
}

.press-left-box-text p {
  font-size: 18px;
  line-height: 25px;
  font-weight: normal;
  color: #8e8e8e;
  font-size: 18px !important;
  padding-bottom: 0;
}

.press-content-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  width: 100%;
  margin: 0 auto;
  column-gap: 100px;
  row-gap: 50px;
}

.press-content-item:not(:hover) .press-content-item-image img {
  transform: scale(1);
  transition: transform 0.4s ease;
}

.press-content-item:hover .press-content-item-image img {
  transform: scale(1.1);
  transition: transform 0.4s ease;
}

.press-content-item img {
  width: 100%;
}

.press-content-item-image-wrapper {
  overflow: hidden;
  border-radius: 30px;
  position: relative;
}

.press-content-item-image {
  width: 100%;
  max-height: 375px;
}

.press-content-item-image-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 80px;
  padding: 15px;
  background-color: #1bb6b9ab;
  margin: 20px;
  display: flex;
  align-items: center;
}

.press-content-item-image-icon img {
  width: 100%;
}

.press-content-item-text h3 {
  font-family: "Roboto Slab";
  font-size: 17px;
  font-weight: normal;
  line-height: 25px;
  color: var(--turquoise);
  padding-top: 20px;
}

.press-content-item-text p {
  font-family: "Latinka-Regular";
  font-size: 17px;
  font-weight: normal;
  line-height: 25px;
  color: #4d4d4d;
  padding-top: 10px;
}

.press-content-button {
  width: 100%;
  text-align: center;
  position: relative;
  padding-top: 100px;
}

.contact-wrapper-logo {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  column-gap: 5px;
}

.contact-wrapper-logo img {
  width: 20px;
}

.contact-wrapper-logo span {
  position: relative;
  font-size: 25px;
  font-family: var(--logo-font);
  color: var(--text-white);
}

.press-left-box-video-icons {
  display: none;
}

.detail-topic-content p {
  font-size: 19px !important;
}