@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;
  margin-bottom: 100px;
}

#home-banner .owl-stage {
  min-height: 794px;
}

#home-banner .banner-image{
  position: absolute;
  left: 0;
  width: 100%;
  height: 65vh;
  min-height: 794px;
  object-fit: cover;
  object-position: center;
  z-index: 3;
}

#home-banner .banner-content{
  padding: 200px 0px 0px 0px;
  position: relative;
  z-index: 4;
}

#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-title {
    color: #CB584B;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
}

#home-banner .banner-content .banner-title p{
  color: #142145;
  font-size: 38px;
}

#home-banner .banner-content .banner-desc {
  color: #142145;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  margin-top: 15px;
}

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

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

#home-banner .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 8;
  border: none;
  background:var(--bg-color-2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  opacity: 0.6;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

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

#home-banner .owl-nav button:hover {
  opacity: 1;
}

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

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

/* multi section */
#home-multi-section{
  position: relative;
}

#home-multi-section .section-pattern {
  position: absolute;
  left: 0;
  top: -225px;
  z-index: -1;
  height: 100%;
}
/*form */
#home-form{
  margin-bottom: 80px;
}
#home-form .form-content{
  position: relative;
}

#home-form .form-content-col{
  padding: 0px;
}

#home-form .form-content .form-left-title {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--bg-color);
  margin-bottom: 10px;
}

#home-form .form-content .form-left-desc {
    text-align: center;
    font-size: 18px;
}


.home-form .home-form-title {
  text-align: center;
  font-size: 36px;
  margin-bottom: 15px;
}

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

#home-form .input-area .form-in {
  width: 100%;
  padding: 14px 20px;
  background-color: var(--bg-color-3);
  color: var(--bg-color);
  font-size: 18px;
  -webkit-appearance: none;
  border-radius: 14px;
  height: 45px;
}

#home-form .input-area .form-in::placeholder{
  color: var(--bg-color);
}

#home-form .input-area select{
  outline: none;
}

#home-form .input-area #phoneNumber {
  padding: 7px 55px;
}

#home-form .input-area.location-area{
  position: relative;
}

#home-form .input-area.location-area::after {
  content: '';
  background: url('../images/chewron-down.svg') no-repeat center center;
  width: 24px;
  height: 24px;
  object-fit: contain;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

#home-form .input-area.department-area{
  position: relative;
}

#home-form .input-area.department-area::after {
  content: '';
  background: url('../images/chewron-down.svg') no-repeat center center;
  width: 24px;
  height: 24px;
  object-fit: contain;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

#home-form .input-area .send-btn {
  width: 100%;
  height: 45px;
  border-radius: 14px;
  background: var(--color);
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

/* services */
#home-services {
  margin-bottom: 80px;
}

#home-services .section-title-area {
  text-align: center;
  margin-bottom: 25px;
}

#home-services .services-col {
  margin-bottom: 25px;
}

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

#home-services .services-col  .services-title {
  color: var(--bg-color);
  font-size: 20px;
  margin-top: 10px;
  font-weight: 600;
}

#home-services .services-btn-group {
  margin-top: 35px;
}

#home-services .services-btn-group .services-btn-area{
  gap: 20px;
}

#home-services .services-btn-group .services-btn-area .services-btn{
  background: var(--bg-color);
  padding: 10px;
  border-radius: 5px;
  min-width: 224px;
  justify-content: center;
  color: #fff;
  font-size: 18px;
}

#home-services .services-btn-group .services-btn-area .services-btn:nth-child(2){
  background: var(--bg-color-2);
}

/* neden sonomed */

#home-why-sonomed .why-sonomed-image{
  display: block;
  margin: 0 auto;
}

#home-why-sonomed .why-sonomed-group {
  margin-top: 25px;
}

#home-why-sonomed .why-sonomed-group .why-sonomed-box {
  margin-bottom: 30px;
  gap: 10px;
}

#home-why-sonomed .why-sonomed-group .why-sonomed-box .why-sonomed-icon {
  background: var(--color);
  padding: 0px;
  width: 57px;
  height: 57px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#home-why-sonomed .why-sonomed-group .why-sonomed-box .why-sonomed-content .title{
  font-size: 20px;
  font-weight: 600;
  color: var(--bg-color);
  margin-bottom: 10px;
}

#home-why-sonomed .why-sonomed-group .why-sonomed-box .why-sonomed-content .desc{
  font-size: 18px;
  color: var(--bg-color);
  margin-bottom: 10px;
}

/* multi section -2 */

#home-multi-section-2{
  padding: 75px 0;
  background: #F0F4FE;
  position: relative;
  margin-bottom: 80;
}

#home-multi-section-2 .section-pattern{
  position: absolute;
  right: 0;
  top: 0;
}

/* 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(--bg-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(--bg-color);
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
}

#home-blog .blog-btn-group {
  margin-top: 35px;
}

#home-blog .blog-btn-group .blog-btn-area{
  gap: 20px;
}

#home-blog .blog-btn-group .blog-btn-area .blog-btn{
  background: var(--bg-color);
  padding: 10px;
  border-radius: 5px;
  min-width: 224px;
  justify-content: center;
  color: #fff;
  font-size: 18px;
}


/* contact section */
#home-contact {
  margin-bottom: 80px;
}

#home-contact .home-contact-container{
  position: relative;
}

#home-contact .home-contact-container .contact-image {
  width: 100%;
}

#home-contact .home-contact-container .contact-row {
  position: absolute;
  bottom: 20%;
  width: 100%;
}

#home-contact .home-contact-container .contact-row .contact-section-title {
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 600;
  font-style: italic;
}

#home-contact .home-contact-container .contact-row .contact-section-link {
  background: var(--bg-color-2);
  min-width: 320px;
  display: inline-block;
  text-align: center;
  padding: 10px;
  border: 3px solid #fff;
  border-radius: 5px;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  margin-top: 40px;
}

#home-contact .home-contact-container .contact-decor {
  position: relative;
  top: 50px;
}

/* sonomed tv */
#home-sonomed-tv{
  
}

#home-sonomed-tv .section-title-area {
  text-align: center;
  margin-bottom: 40px;
}

#home-sonomed-tv .section-title-area .section-title{
  color: var(--bg-color);
  font-size: 36px;
  margin-bottom: 10px;
  font-weight: 600;
}

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

#home-sonomed-tv .sonomed-tv-left-content {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}

#home-sonomed-tv .sonomed-tv-left-content .sonomed-tv-left-text {
  padding: 20px;
}

#home-sonomed-tv .sonomed-tv-left-content .sonomed-tv-left-text .title {
  font-size: 20px;
  color: var(--bg-color);
  font-weight: 600;
  margin-bottom: 10px;
}

#home-sonomed-tv .sonomed-tv-left-content .sonomed-tv-left-text .d-flex {
  gap: 15px;
  color: var(--bg-color);
  font-size: 14px;
  margin-bottom: 10px;
}

#home-sonomed-tv .sonomed-tv-left-content .sonomed-tv-left-text .desc{
  color: var(--bg-color);
  font-size: 16px;
}
#home-sonomed-tv .sonomed-tv-left-content .sonomed-tv-left-text {
  padding: 20px;
}

.sonomed-tv-box {
  background: #fff;
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 11px;
  gap: 15px;
}

#home-sonomed-tv .sonomed-tv-box .sonomed-tv-box-content .title {
  color: var(--bg-color);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
}

#home-sonomed-tv .sonomed-tv-box .sonomed-tv-box-content .count {
  color: var(--bg-color);
  font-size: 14px;
  font-weight: 500;
}

#home-sonomed-tv .sonomed-tv-box-group .sonomed-right-link{
  background: var(--bg-color);
  width: 100%;
  padding: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  color: #fff;
  border-radius: 11px;
}

#home-sonomed-tv .sonomed-tv-box-group .sonomed-right-link:hover{
  background: #000;
}

#home-sonomed-tv .sonomed-tv-yt-link {
  display: inline-flex;
  align-items: center;
  min-width: 250px;
  justify-content: center;
  background: var(--bg-color-2);
  padding: 5px;
  color: #fff;
  gap: 5px;
  border-radius: 5px;
  margin-top: 26px;
}

/* şubeler */

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

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

#home-branch .branch-content {
  background: #F0F4FE;
  padding: 20px;
  height: 100%;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#home-branch .branch-content .branch-icon svg{
  color: #cb584b;
  width: 45px;
  height: 45px;
}

#home-branch .branch-content .branch-title-area {
  gap: 10px;
  align-items: center;
  margin-bottom: 15px;
}

#home-branch .branch-content .branch-title{
  color: var(--bg-color);
  font-size: 18px;
  font-weight: 600;
}

#home-branch .branch-content .branch-address{
  color: var(--bg-color);
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
}

#home-branch .branch-content .branch-btn-container{
  gap: 10px;
}

#home-branch .branch-content .branch-btn-container .branch-btn-1 {
  background: var(--bg-color);
  padding: 5px 25px;
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
  flex: 0 0 45%;
  text-align: center;
}

#home-branch .branch-content .branch-btn-container .branch-btn-2 {
  background: var(--bg-color-2);
  padding: 5px 25px;
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
  flex: 0 0 45%;
  text-align: center;
}

/* comments */


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

#home-comments .section-title-area {
  margin-bottom: 25px;
}

#home-comments .section-title-area .comments-section-title{
  font-size: 36px;
  color: var(--bg-color);
  font-weight: 600;
  margin-bottom: 20px;
}

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


#home-comments .comments-item {
  background-color: transparent;
  border: 1px solid var(--bg-color);
  padding: 20px 30px;
  border-radius: 14px;
  gap:7px;
  position: relative;
}

.comments-head {
  gap: 15px;
}

.comments-head .head-text .title{
  color: var(--bg-color);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.comments-head .head-text .date{
  color: var(--bg-color);
  font-size: 18px;
}


.comments-date {
  font-size: 16px;
  color: #638D6A;
}

.comments-content {
  color: #424C66;
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.comments-icon {
  position: absolute;
  top: 5%;
  right: 5%;
}

.comments-rate img{
  width: 140px!important;
  height: 30px!important;
}

#home-comments .owl-dots {
  margin-top:15px;
  margin-bottom:15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#home-comments .owl-dots .owl-dot span{
  width: 16px;
  height: 16px;
  background-color: #99A0B4!important;
}

#home-comments .owl-dots .owl-dot.active span{
  background-color: #CB584B!important;
  width: 21px;
  height: 21px;
}

/* follow */

#home-follow{
  margin-bottom: 100px;
}

#home-follow .clinic-item img{
  border-radius: 10px;
}

#home-follow .follow-content .follow-title {
  color: var(--bg-color);
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 15px;
}

#home-follow .follow-content .follow-desc { 
  color: var(--bg-color); 
  font-size: 18px; 
  margin-bottom: 15px;
}

#home-follow .follow-content .follow-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 175px;
  background: var(--bg-color-2);
  padding: 5px;
  color: #fff;
  gap: 5px;
  border-radius: 5px;
  font-size: 18px;
}

#home-follow .follow-item {
  padding-right: 5px;
  padding-left: 5px;
}

#home-follow .follow-item img{
  border-radius: 15px;
}