 html {
     scroll-behavior: smooth;
 }

 body {
     color: #e8e8e8;
 }

 .gradient-bg {
     background: linear-gradient(135deg, #0e0e0e 0%, #0b3656 50%, #e8e8e8 100%);
 }

 .section-gradient {
     background: linear-gradient(135deg, #0b3656 0%, #1e86d3 100%);
 }

 .burger-line {
     transition: all 0.3s ease;
 }

 .burger-active .burger-line:nth-child(1) {
     transform: rotate(45deg) translate(6px, 6px);
 }

 .burger-active .burger-line:nth-child(2) {
     opacity: 0;
 }

 .burger-active .burger-line:nth-child(3) {
     transform: rotate(-45deg) translate(6px, -6px);
 }

 /* .cursor-trail {
     position: fixed;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background: rgba(30, 134, 211, 0.5);
     pointer-events: none;
     z-index: 9999;
     transition: transform 0.1s;
 } */

 .floating {
     animation: floating 3s ease-in-out infinite;
 }

 @keyframes floating {
     0% {
         transform: translate(0, 0px);
     }

     50% {
         transform: translate(0, -15px);
     }

     100% {
         transform: translate(0, 0px);
     }
 }

 .fade-in {
     opacity: 0;
     transform: translateY(30px);
     transition: all 0.6s ease;
 }

 .fade-in.visible {
     opacity: 1;
     transform: translateY(0);
 }

 .parallax {
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .text-gradient {
     background: linear-gradient(135deg, #1e86d3, #e8e8e8);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .text-blue {
     color: #1e86d3;
 }

 .bg-blue {
     background-color: #1e86d3;
 }

 .border-blue {
     border-color: #1e86d3;
 }

 .fullscreen-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(14, 14, 14, 0.95);
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 1000;
     cursor: pointer;
 }

 .fullscreen-content {
     max-width: 90%;
     max-height: 90%;
     object-fit: contain;
 }

 .multi-select {
     max-height: 200px;
     overflow-y: auto;
 }

 .multi-select option {
     padding: 8px 12px;
     cursor: pointer;
    white-space: normal;
 }

 .multi-select option:checked {
     background: #1e86d3 linear-gradient(0deg, #1e86d3 0%, #1e86d3 100%);
     color: white;
 }

 .multi-select option:checked::before {
     content: "✓ ";
     font-weight: bold;
 }

 .doctor-image {
    height: 500px;
 }

/*  .contacts {
    width: 50%;
    margin: 0 auto;
 } */

 .bg-0b3656 {
    background-color: #0b3656;
 }

 .video-block {
    height: 300px;
 }

 .photoReviewsSwiper img {
    object-position: top center;
 }

 .videoReviewsSwiper video {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
 }

 .swiper-pagination {
    position: relative;
    margin-top: 10px;
 }

 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: white;
 }

 .text-e8e8e8 {
    color: #e8e8e8
 }

 .bg-1e86d3 {
    background: #1e86d3;
 }

 .text-1e86d3 {
    color: #1e86d3
 }

 .achievementsSwiper {
    margin-top: 30px;
 }

  .achievementsSwiper img {
    height: 100%
  }

  .contacts-photo {
    border-radius: 8px;
    display: flex;
    align-items: start;
    justify-content: center;
    margin-top: -140px;
    position: relative;
    height: fit-content;
  }

  .contacts-photo img {
    width: 100%;
    
    object-fit: contain;
    object-position: top center;
    border-radius: 8px; 
  }

  .bg-e8e8e8 {
    background: #e8e8e8;
  }

  .bg-0e0e0e {
    background: #0e0e0e;
  }

  @media (max-width: 767px) {
    .photoReviewsSwiper img {
        object-fit: contain;
        object-position: center;
    }

    .videoReviewsSwiper video {
        max-height: 500px;
    }

    .text-ctrl-help {
        display: none;
    }
  }

  .text-red {
    color: red;
  }
  
    .text-doctor-photo {
    position: absolute;
    bottom: -10px;
  }