body{
  font-family: 'Poppins', sans-serif !important;
}
h3{
  text-transform: none !important;
}

.logo-wrapper {
  position: relative;
  width: 200px; /* Sabit 200px genişlik */
  height: auto;
  overflow: hidden; /* Taşmaları engeller */
}

.logo {
  width: 100%;
  display: block;
  filter: brightness(0) invert(1); /* Logoyu beyaz yapar */
  transform-origin: center center;
  animation: float 3s ease-in-out infinite;
}


h3 span{
  /* Üç çizgini için */
  left: -40px;
  top: -30px;
  width: 80px !important;
}


.icon-bar-side {
  position: fixed;
  top: 70%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5000;
}

.icon-bar-side a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 1s ease;
  color: #3e5789;
  font-size: 15px;
  background: #333333d7;
  color: #fff;
}

.icon-bar-side a:hover {
  background-color: #455554d7;
  color: #fff;
}


.whatsapp-hover-button {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 5000;
}

.icon-box-terapi {
  font-size: 50px;
}

.hr {
    margin: 0 0 2rem 0;
}



.bg-instagram{
    background-color: #E1306C !important;
}

.bg-facebook{
    background-color: #1877F2 !important;
}

.bg-whatsapp{
    background-color: #25D366 !important;
}

.bg-youtube{
    background-color: #FF0000 !important;
}
#googlemaps {
  height: 100%;
  width: 100%;
  position: relative;
}

#googlemaps iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

@media (max-width: 768px) {
  .mobile-slider-1 {
    background-image: url('../img/moral/moral-dental-slider-1-mobile.webp') !important;
    background-size: cover;
    background-position: center;
    min-height: 500px; /* Veya tasarıma uygun bir yükseklik */

    h2{
      font-size: 32px !important;
      text-align: center;
    }
    
  }
  .mobile-slider-2 {
    background-image: url('../img/moral/moral-dental-slider-2-mobile.webp') !important;
    background-size: cover;
    background-position: center;
    min-height: 500px; /* Veya tasarıma uygun bir yükseklik */

    h2{
      font-size: 96px !important;
    }
  }
  
}
@media (max-width: 991.98px) {
  .mobile-margin {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}

.img-thumbnail .lightbox{
  border: none !important;
}


@media (min-width: 1200px) {
  .padding-large{
    padding-left: 80px !important;
  }
}
#header .header-nav-main.header-nav-main-square nav>ul>li a{
  color: #C4B583;
}
.dropdown-menu-mobile {
  min-width: auto;       /* Bootstrap varsayılanını kaldır */
  width: 80px; 
  background-color:#C4B583 ; 
  
  a{
    color: whitesmoke !important;
  }
 
}
.dropdown-menu-mobile a:hover, a:active {
 
  background-color:rgba(218, 155, 83, 0.804) !important; 
  scale: 1.01;         
 
}

/* Logo shine Effect */

.effect-shine {
  mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .8) 20%, #000 30%, rgba(0, 0, 0, .8) 90%);
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .8) 20%, #000 30%, rgba(0, 0, 0, .8) 90%);
  -webkit-mask-size: 200%;
  mask-size: 200%;
  animation: shine 2s infinite ease;
}

@keyframes shine {
  0% {
      -webkit-mask-position: 150%;
      mask-position: 150%;
  }
  100% {
      -webkit-mask-position: -50%;
      mask-position: -50%;
  }
}
/* Logo shine Effect */