@keyframes moveRightUp {
    0% {
      transform: translate(0, 0);
    }
    50% {
      transform: translate(10px, -10px);
    }
    100% {
      transform: translate(0, 0); 
    }
  }
  

/* Keyframe animasyonları */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0); 
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.9); /* Başlangıçta biraz küçük */
    }
    100% {
        opacity: 1;
        transform: scale(1); /* Sonunda normal boyuta gelsin */
    }
}

#send-response-success , #send-response-unsuccessful{
  display: none;
}
#phoneNumber {
  padding: 8px 50px;
}
#home-banner {
  position: relative;
  overflow: hidden;
  margin-bottom: 80px;
}

#home-banner .banner-content{
  position: absolute;
  bottom: 40%;
  z-index: 4;
  width:100%;
}

#home-banner .banner-content .banner-form {
  position: relative;
  background-color: #ffffff7a;
  border-radius: 22px;
  box-shadow: -8.19px -5.74px 16px #63876885;
  padding: 46px 38px;
  z-index: 0;
  overflow: hidden;
}

#home-banner .banner-content .banner-subtitle{
    color:#9b0332;
}

#home-banner .banner-content .banner-title {
    color: var(--color);
    font-size: 48px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom:5px;
}

#home-banner .banner-content .banner-desc {
  color: var(--color-3);
  font-size: 18px;
  line-height: 1.5;
  margin-top: 15px;
}

#home-banner .banner-content .banner-link {
  display: inline-block;
  margin-top: 15px;
  background: var(--bg-gradient-2);
  min-width: 230px;
  padding: 10px;
  border: 2px solid #fff;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  transition: 0.3s ease-in;
}

#home-banner .banner-content .banner-link:hover{
  transform: scale(1.1);
}

#home-banner .owl-nav {
  position: absolute;
  right: 15%;
  bottom: 15%;
}

#home-banner .owl-nav button {
  padding: 15px;
  background: var(--color);
  width: 50px;
  height: 50px;
  border-radius: 9px;
}

#home-banner .owl-nav .owl-next{
  background: var(--color-2);
}

#home-banner .owl-nav button svg {
  color: #fff;
  width: 35px;
  height: 35px;
}

#home-banner .owl-nav .owl-prev {
  left: 10px;
}

#home-banner  .owl-nav .owl-next {
  right: 10px;
}

/* form */

#home-services{
  margin-bottom: 80px;
  position: relative;
  z-index: 1;
  bottom: 150px;
  margin-bottom: -50px;
}

#home-services .treatments-content{
  padding: 25px 20px;
  gap: 20px;
  border-radius: 12px;
  transition: 0.3s ease-in;
  color: #fff;
  height: 100%;
}

#home-services .treatments-content:hover{
  transform: translateY(-10px);
}

#home-services .treatments-content.bg-0 {
  background: var(--color);
}

#home-services .treatments-content.bg-1 {
  background: #37627B;
}

#home-services .treatments-content.bg-2 {
  background: #638498;
}

#home-services .treatments-content.bg-3 {
  background: #839DAE;
}

#home-services .treatments-content .treatments-icon{
  position: relative;
}

#home-services .treatments-content .treatments-icon::after{
  content: "";
  position: absolute;
  right: -10px;
  width: 1px;
  height: 100%;
  background: #fff;
}

#home-services .treatments-content .treatments-text .title{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}

/* about */

#home-about{
  margin-bottom: 80px;
  position: relative;
  padding: 75px 0;
}

#home-about .section-inner {
  text-align: center;
}

#home-about .section-inner .section-title-head{
  margin-bottom: 25px;
}

#home-about .section-inner .section-text{
  margin-bottom: 25px;
  color: var(--text-color-2);
}

#home-about .about-decor {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

#home-about .btn-area{
  gap: 15px;
}

#home-about .btn-area .about-btn {
  background: var(--color);
  padding: 13px 20px;
  min-width: 263px;
  text-align: center;
  justify-content: center;
  color: #fff;
  border-radius: 6px;
  transition: 0.3s ease-in;
}

#home-about .btn-area .about-btn:nth-child(2){
  background:  linear-gradient(94deg, #9D0C35 0%, #C76682 100%) 0% 0% no-repeat padding-box;
}

#home-about .btn-area .about-btn:hover{
  box-shadow:0 2px 12px 0 var(--color);
}

#home-about .btn-area .about-btn:nth-child(2):hover{
  box-shadow:0 2px 12px 0 #9D0C35;
}

/* treatments */
#home-treatments{
  margin-bottom: 80px;
}
#home-treatments .treatments-head-row{
  margin-bottom: 25px;
}

#home-treatments .services-content {
  padding: 15px;
  display: block;
  background: var(--color-4);
  border-radius: 10px;
  transition: 0.3s ease-in;
}

#home-treatments .services-content:hover {
  box-shadow: 0 2px 12px 0 var(--color);
}

#home-treatments .treatments-col .services-content .treatments-image{
  border-radius: 20px;
}

#home-treatments .treatments-col .services-content .treatments-title {
  color: var(--color);
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
}

#home-treatments .treatments-col .services-content .treatments-desc {
  color: var(--text-color);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#home-treatments .treatments-col .treatments-content {
  padding: 10px;
  display: block;
  background: var(--color-2);
  border-radius: 10px;
}

#home-treatments .treatments-btn {
  width: 100%;
  background: var(--color);
  padding: 10px;
  border-radius: 10px;
  color: var(--text-light);
}

/* faq */

#home-faq{
  margin-bottom: 80px;
  position: relative;
}


#home-faq::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 90%;
  background:url("../images/dr-alan-pattern.webp") left center no-repeat, linear-gradient(93deg, #164C68 0%, #FFFFFF 100%); /* Üstteki gradient */
  background-size: auto 100%, cover;
  bottom: 0;
  z-index: -1;
}

#home-faq .faq-inner {
  display: flex;
  gap: 35px;
}

#home-faq .faq-inner .faq-box {
  display: flex;
  flex-direction: column;
    background: white;
    border-radius: 15px;
}

#home-faq .faq-inner .faq-box .faq-title {
  padding: 10px 30px;
  border-radius: 13px;
  color: var(--color-3);
  font-weight: 600;
}

#home-faq .faq-inner .faq-box .faq-content {
  padding: 23px 27px;
  border-radius: 13px;
  color: var(--text-color);
}

/*  center form */
#home-center-contact {
}

#home-center-contact .section-title{
  margin-bottom: 25px;
  color: var(--color);
  font-size: 33px;
  font-weight: 600;
  text-align: center;
}

#home-center-contact .input-area {
  margin-bottom: 20px;
}

#home-center-contact .input-area input {
  width: 100%;
  background: var(--color-4);
  padding: 10px 15px;
  color: #000;
  border-radius: 10px;
  height: 50px;
}

#home-center-contact .input-area input#phoneNumber{
  color: var(--text-color-2);
}

#home-center-contact .input-area input::placeholder{
  color: var(--text-color-2);
}

#home-center-contact .input-area textarea::placeholder{
  color: var(--text-color-2);
}

#home-center-contact .input-area textarea{
  width: 100%;
  height: 150px;
  outline: none;
  resize: none;
  background: var(--color-4);
  padding: 20px 15px;
  border-radius: 10px;
}

#home-center-contact .input-area .send-btn {
  min-width: 250px;
  padding: 10px;
  border-radius: 10px;
  background: var(--bg-gradient-2);
  color: var(--text-light);
  cursor: pointer;
  transition: 0.3s ease-in;
  border: 1px solid transparent;
}

#home-center-contact .input-area .send-btn:hover{
  transform: scale(1.1);
}

/* longevity */

#home-longevity {
  padding: 240px 0;
  margin-bottom: 80px;
  position: relative;
}

#home-longevity .img-decor{
  position: absolute;
  top: 0;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}

#home-longevity .section-content{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#home-longevity .btn-area {
  gap: 10px;
}

#home-longevity .btn-area .longevity-btn {
  background: var(--color);
  padding: 13px 20px;
  min-width: 263px;
  text-align: center;
  justify-content: center;
  color: #fff;
  border-radius: 6px;
  transition: 0.3s ease-in;
}

#home-longevity .btn-area .longevity-btn:nth-child(2){
  background:  linear-gradient(94deg, #9D0C35 0%, #C76682 100%) 0% 0% no-repeat padding-box;
}

#home-longevity .btn-area .longevity-btn:hover{
  box-shadow:0 2px 12px 0 var(--color);
}

#home-longevity .btn-area .longevity-btn:nth-child(2):hover{
  box-shadow:0 2px 12px 0 #9D0C35;
}

#home-longevity .longevity-image{
  border-radius: 10px;
}

/* process */
#home-process{
  margin-bottom: 80px;
  position: relative;
}

#home-process::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 45%;
  bottom: 0px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px -10px 16px #00000026;
  z-index: 2;
}

#home-process .section-title-head{
  margin-bottom: 35px;
  text-align: center;
}

#home-process .section-title-head .section-subtitle{
  margin-bottom: 10px;
  font-weight: 600;
}

#home-process .process-inner {
  display: flex;
  gap: 40px;
}

#home-process .process-inner .process-box {
  text-align: center;
}

#home-process .process-inner .process-box .process-head .process-number{
  font-size: 160px;
  color: var(--color);
  font-weight: 800;
}

#home-process .process-inner .process-box .process-content {
  position: relative;
  z-index: 3;
}

#home-process .process-inner .process-box .process-content .title{
  color: var(--color);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

#home-process .process-inner .process-box .process-content .desc{
  color: var(--text-color);
}

/* video */
#home-videos-gallery-area {
  padding: 100px 0;
}
#home-videos-gallery-area .section-title{
  margin-bottom: 10px;
}
#home-videos-gallery-area .section-desc{
  color: var(--text-color-2);
}
#home-videos-gallery-area .section-title-area {
  margin-bottom: 40px;
  text-align: center;
}
#home-videos-gallery-area .videos-slider-area {
  overflow: hidden;
}
#home-videos-gallery-area .videos-slider-area .swiper-slide .vide-box {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  overflow: hidden;
  border: 1px solid #005550;
}
#home-videos-gallery-area .videos-slider-area .swiper-slide a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  -ms-border-radius: 36px;
  border-radius: 36px;
}
#home-videos-gallery-area .videos-slider-area .swiper-slide svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-25px, -20px);
}
/* #home-videos-gallery-area .videos-slider-area .swiper-slide a::after {
  content: '';
  position: absolute;
  opacity: 0.5;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #005550;
  backdrop-filter: multiply;
} */
#home-videos-gallery-area .videos-slider-area .swiper-slide.swiper-slide-active a::after {
  opacity: 0;
}
#home-videos-gallery-area .videos-slider-area .swiper-pagination {
  position: unset;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
#home-videos-gallery-area .videos-slider-area .swiper-pagination .swiper-pagination-bullet {
  background: var(--color-2);
  width: 16px;
  height: 16px;
  margin: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  opacity: 1;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#home-videos-gallery-area .videos-slider-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color);
  width: 48px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
#home-videos-gallery-area .section-btns {
  gap: 28px;
  margin-top: 50px;
}

.video-box .video-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
  -moz-transition-timing-function: cubic-bezier(.4,0,.2,1);
  -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
}

/* clinic */

#home-clinic{
  margin-bottom: 80px;
}

#home-clinic .section-title-head{
  text-align: center;
  margin-bottom: 45px;
}

#home-clinic .clinic-gallery{
  border-radius: 15px;
}

#home-clinic .owl-dots {
  margin-top: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px
}

#home-clinic .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  background-color: var(--color);
  margin: 0
}

#home-clinic .owl-dots .owl-dot.active span {
  background-color: var(--color);
  width: 21px;
  height: 21px
}


/* blog */
#home-blog{
  margin-bottom: 80px;
}
#home-blog .section-title-area {
  text-align: center;
  margin-bottom: 35px;
}

#home-blog .section-title-area .section-title{
  color: var(--color);
  font-size: 36px;
  margin-bottom: 15px;
}

#home-blog .section-title-area .section-desc{
  color: var(--bg-color);
  font-size: 18px;
}

#home-blog .blog-col .blog-content .blog-image{
  border-radius: 20px;
}

#home-blog .blog-col .blog-content .blog-title {
  color: var(--text-color-2);
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
}

#home-blog .blog-col .blog-content .blog-desc {
  color: var(--text-color);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#home-blog .blog-col .services-content {
  padding: 10px;
  display: block;
  background: var(--color-4);
  border-radius: 10px;
}